@charset "UTF-8";
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@import url("https://fonts.googleapis.com/css?family=Open+Sans|Roboto");
@import url("https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;400&display=swap");
@font-face {
  font-family: 'FontAwesome';
  src: url("../assets/fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("../assets/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../assets/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../assets/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../assets/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../assets/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

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

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

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

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

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

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

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

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

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

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

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

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.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;
}

/* Deprecated as of 4.4.0 */
.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);
  transform: rotate(90deg);
}

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

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

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

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

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

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

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

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

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

.fa-inverse {
  color: #fff;
}

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

.fa-music:before {
  content: "";
}

.fa-search:before {
  content: "";
}

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

.fa-heart:before {
  content: "";
}

.fa-star:before {
  content: "";
}

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

.fa-user:before {
  content: "";
}

.fa-film:before {
  content: "";
}

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

.fa-th:before {
  content: "";
}

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

.fa-check:before {
  content: "";
}

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

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

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

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

.fa-signal:before {
  content: "";
}

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

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

.fa-home:before {
  content: "";
}

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

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

.fa-road:before {
  content: "";
}

.fa-download:before {
  content: "";
}

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

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

.fa-inbox:before {
  content: "";
}

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

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

.fa-refresh:before {
  content: "";
}

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

.fa-lock:before {
  content: "";
}

.fa-flag:before {
  content: "";
}

.fa-headphones:before {
  content: "";
}

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

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

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

.fa-qrcode:before {
  content: "";
}

.fa-barcode:before {
  content: "";
}

.fa-tag:before {
  content: "";
}

.fa-tags:before {
  content: "";
}

.fa-book:before {
  content: "";
}

.fa-bookmark:before {
  content: "";
}

.fa-print:before {
  content: "";
}

.fa-camera:before {
  content: "";
}

.fa-font:before {
  content: "";
}

.fa-bold:before {
  content: "";
}

.fa-italic:before {
  content: "";
}

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

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

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

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

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

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

.fa-list:before {
  content: "";
}

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

.fa-indent:before {
  content: "";
}

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

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

.fa-pencil:before {
  content: "";
}

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

.fa-adjust:before {
  content: "";
}

.fa-tint:before {
  content: "";
}

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

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

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

.fa-arrows:before {
  content: "";
}

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

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

.fa-backward:before {
  content: "";
}

.fa-play:before {
  content: "";
}

.fa-pause:before {
  content: "";
}

.fa-stop:before {
  content: "";
}

.fa-forward:before {
  content: "";
}

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

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

.fa-eject:before {
  content: "";
}

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

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

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

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

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

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

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

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

.fa-crosshairs:before {
  content: "";
}

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

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

.fa-ban:before {
  content: "";
}

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

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

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

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

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

.fa-expand:before {
  content: "";
}

.fa-compress:before {
  content: "";
}

.fa-plus:before {
  content: "";
}

.fa-minus:before {
  content: "";
}

.fa-asterisk:before {
  content: "";
}

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

.fa-gift:before {
  content: "";
}

.fa-leaf:before {
  content: "";
}

.fa-fire:before {
  content: "";
}

.fa-eye:before {
  content: "";
}

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

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

.fa-plane:before {
  content: "";
}

.fa-calendar:before {
  content: "";
}

.fa-random:before {
  content: "";
}

.fa-comment:before {
  content: "";
}

.fa-magnet:before {
  content: "";
}

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

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

.fa-retweet:before {
  content: "";
}

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

.fa-folder:before {
  content: "";
}

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

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

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

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

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

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

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

.fa-key:before {
  content: "";
}

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

.fa-comments:before {
  content: "";
}

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

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

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

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

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

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

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

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

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

.fa-trophy:before {
  content: "";
}

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

.fa-upload:before {
  content: "";
}

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

.fa-phone:before {
  content: "";
}

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

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

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

.fa-twitter:before {
  content: "";
}

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

.fa-github:before {
  content: "";
}

.fa-unlock:before {
  content: "";
}

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

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

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

.fa-bullhorn:before {
  content: "";
}

.fa-bell:before {
  content: "";
}

.fa-certificate:before {
  content: "";
}

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

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

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

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

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

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

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

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

.fa-globe:before {
  content: "";
}

.fa-wrench:before {
  content: "";
}

.fa-tasks:before {
  content: "";
}

.fa-filter:before {
  content: "";
}

.fa-briefcase:before {
  content: "";
}

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

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

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

.fa-cloud:before {
  content: "";
}

.fa-flask:before {
  content: "";
}

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

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

.fa-paperclip:before {
  content: "";
}

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

.fa-square:before {
  content: "";
}

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

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

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

.fa-strikethrough:before {
  content: "";
}

.fa-underline:before {
  content: "";
}

.fa-table:before {
  content: "";
}

.fa-magic:before {
  content: "";
}

.fa-truck:before {
  content: "";
}

.fa-pinterest:before {
  content: "";
}

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

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

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

.fa-money:before {
  content: "";
}

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

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

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

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

.fa-columns:before {
  content: "";
}

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

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

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

.fa-envelope:before {
  content: "";
}

.fa-linkedin:before {
  content: "";
}

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

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

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

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

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

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

.fa-sitemap:before {
  content: "";
}

.fa-umbrella:before {
  content: "";
}

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

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

.fa-exchange:before {
  content: "";
}

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

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

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

.fa-stethoscope:before {
  content: "";
}

.fa-suitcase:before {
  content: "";
}

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

.fa-coffee:before {
  content: "";
}

.fa-cutlery:before {
  content: "";
}

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

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

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

.fa-ambulance:before {
  content: "";
}

.fa-medkit:before {
  content: "";
}

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

.fa-beer:before {
  content: "";
}

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

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

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

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

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

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

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

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

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

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

.fa-desktop:before {
  content: "";
}

.fa-laptop:before {
  content: "";
}

.fa-tablet:before {
  content: "";
}

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

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

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

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

.fa-spinner:before {
  content: "";
}

.fa-circle:before {
  content: "";
}

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

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

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

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

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

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

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

.fa-gamepad:before {
  content: "";
}

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

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

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

.fa-terminal:before {
  content: "";
}

.fa-code:before {
  content: "";
}

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

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

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

.fa-crop:before {
  content: "";
}

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

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

.fa-question:before {
  content: "";
}

.fa-info:before {
  content: "";
}

.fa-exclamation:before {
  content: "";
}

.fa-superscript:before {
  content: "";
}

.fa-subscript:before {
  content: "";
}

.fa-eraser:before {
  content: "";
}

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

.fa-microphone:before {
  content: "";
}

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

.fa-shield:before {
  content: "";
}

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

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

.fa-rocket:before {
  content: "";
}

.fa-maxcdn:before {
  content: "";
}

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

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

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

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

.fa-html5:before {
  content: "";
}

.fa-css3:before {
  content: "";
}

.fa-anchor:before {
  content: "";
}

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

.fa-bullseye:before {
  content: "";
}

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

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

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

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

.fa-ticket:before {
  content: "";
}

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

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

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

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

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

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

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

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

.fa-compass:before {
  content: "";
}

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

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

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

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

.fa-gbp:before {
  content: "";
}

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

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

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

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

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

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

.fa-file:before {
  content: "";
}

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

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

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

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

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

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

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

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

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

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

.fa-youtube:before {
  content: "";
}

.fa-xing:before {
  content: "";
}

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

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

.fa-dropbox:before {
  content: "";
}

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

.fa-instagram:before {
  content: "";
}

.fa-flickr:before {
  content: "";
}

.fa-adn:before {
  content: "";
}

.fa-bitbucket:before {
  content: "";
}

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

.fa-tumblr:before {
  content: "";
}

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

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

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

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

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

.fa-apple:before {
  content: "";
}

.fa-windows:before {
  content: "";
}

.fa-android:before {
  content: "";
}

.fa-linux:before {
  content: "";
}

.fa-dribbble:before {
  content: "";
}

.fa-skype:before {
  content: "";
}

.fa-foursquare:before {
  content: "";
}

.fa-trello:before {
  content: "";
}

.fa-female:before {
  content: "";
}

.fa-male:before {
  content: "";
}

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

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

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

.fa-archive:before {
  content: "";
}

.fa-bug:before {
  content: "";
}

.fa-vk:before {
  content: "";
}

.fa-weibo:before {
  content: "";
}

.fa-renren:before {
  content: "";
}

.fa-pagelines:before {
  content: "";
}

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

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

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

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

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

.fa-wheelchair:before {
  content: "";
}

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

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

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

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

.fa-slack:before {
  content: "";
}

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

.fa-wordpress:before {
  content: "";
}

.fa-openid:before {
  content: "";
}

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

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

.fa-yahoo:before {
  content: "";
}

.fa-google:before {
  content: "";
}

.fa-reddit:before {
  content: "";
}

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

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

.fa-stumbleupon:before {
  content: "";
}

.fa-delicious:before {
  content: "";
}

.fa-digg:before {
  content: "";
}

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

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

.fa-drupal:before {
  content: "";
}

.fa-joomla:before {
  content: "";
}

.fa-language:before {
  content: "";
}

.fa-fax:before {
  content: "";
}

.fa-building:before {
  content: "";
}

.fa-child:before {
  content: "";
}

.fa-paw:before {
  content: "";
}

.fa-spoon:before {
  content: "";
}

.fa-cube:before {
  content: "";
}

.fa-cubes:before {
  content: "";
}

.fa-behance:before {
  content: "";
}

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

.fa-steam:before {
  content: "";
}

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

.fa-recycle:before {
  content: "";
}

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

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

.fa-tree:before {
  content: "";
}

.fa-spotify:before {
  content: "";
}

.fa-deviantart:before {
  content: "";
}

.fa-soundcloud:before {
  content: "";
}

.fa-database:before {
  content: "";
}

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

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

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

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

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

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

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

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

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

.fa-vine:before {
  content: "";
}

.fa-codepen:before {
  content: "";
}

.fa-jsfiddle:before {
  content: "";
}

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

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

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

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

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

.fa-git:before {
  content: "";
}

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

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

.fa-qq:before {
  content: "";
}

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

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

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

.fa-history:before {
  content: "";
}

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

.fa-header:before {
  content: "";
}

.fa-paragraph:before {
  content: "";
}

.fa-sliders:before {
  content: "";
}

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

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

.fa-bomb:before {
  content: "";
}

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

.fa-tty:before {
  content: "";
}

.fa-binoculars:before {
  content: "";
}

.fa-plug:before {
  content: "";
}

.fa-slideshare:before {
  content: "";
}

.fa-twitch:before {
  content: "";
}

.fa-yelp:before {
  content: "";
}

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

.fa-wifi:before {
  content: "";
}

.fa-calculator:before {
  content: "";
}

.fa-paypal:before {
  content: "";
}

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

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

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

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

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

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

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

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

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

.fa-trash:before {
  content: "";
}

.fa-copyright:before {
  content: "";
}

.fa-at:before {
  content: "";
}

.fa-eyedropper:before {
  content: "";
}

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

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

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

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

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

.fa-lastfm:before {
  content: "";
}

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

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

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

.fa-bicycle:before {
  content: "";
}

.fa-bus:before {
  content: "";
}

.fa-ioxhost:before {
  content: "";
}

.fa-angellist:before {
  content: "";
}

.fa-cc:before {
  content: "";
}

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

.fa-meanpath:before {
  content: "";
}

.fa-buysellads:before {
  content: "";
}

.fa-connectdevelop:before {
  content: "";
}

.fa-dashcube:before {
  content: "";
}

.fa-forumbee:before {
  content: "";
}

.fa-leanpub:before {
  content: "";
}

.fa-sellsy:before {
  content: "";
}

.fa-shirtsinbulk:before {
  content: "";
}

.fa-simplybuilt:before {
  content: "";
}

.fa-skyatlas:before {
  content: "";
}

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

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

.fa-diamond:before {
  content: "";
}

.fa-ship:before {
  content: "";
}

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

.fa-motorcycle:before {
  content: "";
}

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

.fa-heartbeat:before {
  content: "";
}

.fa-venus:before {
  content: "";
}

.fa-mars:before {
  content: "";
}

.fa-mercury:before {
  content: "";
}

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

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

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

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

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

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

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

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

.fa-neuter:before {
  content: "";
}

.fa-genderless:before {
  content: "";
}

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

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

.fa-whatsapp:before {
  content: "";
}

.fa-server:before {
  content: "";
}

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

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

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

.fa-viacoin:before {
  content: "";
}

.fa-train:before {
  content: "";
}

.fa-subway:before {
  content: "";
}

.fa-medium:before {
  content: "";
}

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

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

.fa-opencart:before {
  content: "";
}

.fa-expeditedssl:before {
  content: "";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa-clone:before {
  content: "";
}

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

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

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

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

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

.fa-hourglass:before {
  content: "";
}

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

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

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

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

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

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

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

.fa-trademark:before {
  content: "";
}

.fa-registered:before {
  content: "";
}

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

.fa-gg:before {
  content: "";
}

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

.fa-tripadvisor:before {
  content: "";
}

.fa-odnoklassniki:before {
  content: "";
}

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

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

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

.fa-safari:before {
  content: "";
}

.fa-chrome:before {
  content: "";
}

.fa-firefox:before {
  content: "";
}

.fa-opera:before {
  content: "";
}

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

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

.fa-contao:before {
  content: "";
}

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

.fa-amazon:before {
  content: "";
}

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

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

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

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

.fa-industry:before {
  content: "";
}

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

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

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

.fa-map:before {
  content: "";
}

.fa-commenting:before {
  content: "";
}

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

.fa-houzz:before {
  content: "";
}

.fa-vimeo:before {
  content: "";
}

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

.fa-fonticons:before {
  content: "";
}

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

.fa-edge:before {
  content: "";
}

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

.fa-codiepie:before {
  content: "";
}

.fa-modx:before {
  content: "";
}

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

.fa-usb:before {
  content: "";
}

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

.fa-mixcloud:before {
  content: "";
}

.fa-scribd:before {
  content: "";
}

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

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

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

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

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

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

.fa-hashtag:before {
  content: "";
}

.fa-bluetooth:before {
  content: "";
}

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

.fa-percent:before {
  content: "";
}

.fa-gitlab:before {
  content: "";
}

.fa-wpbeginner:before {
  content: "";
}

.fa-wpforms:before {
  content: "";
}

.fa-envira:before {
  content: "";
}

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

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

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

.fa-blind:before {
  content: "";
}

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

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

.fa-braille:before {
  content: "";
}

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

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

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

.fa-glide:before {
  content: "";
}

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

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

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

.fa-viadeo:before {
  content: "";
}

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

.fa-snapchat:before {
  content: "";
}

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

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

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

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

.fa-yoast:before {
  content: "";
}

.fa-themeisle:before {
  content: "";
}

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

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

.fa-handshake-o:before {
  content: "";
}

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

.fa-envelope-open-o:before {
  content: "";
}

.fa-linode:before {
  content: "";
}

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

.fa-address-book-o:before {
  content: "";
}

.fa-vcard:before,
.fa-address-card:before {
  content: "";
}

.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "";
}

.fa-user-circle:before {
  content: "";
}

.fa-user-circle-o:before {
  content: "";
}

.fa-user-o:before {
  content: "";
}

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

.fa-drivers-license:before,
.fa-id-card:before {
  content: "";
}

.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "";
}

.fa-quora:before {
  content: "";
}

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

.fa-telegram:before {
  content: "";
}

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "";
}

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "";
}

.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "";
}

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "";
}

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "";
}

.fa-shower:before {
  content: "";
}

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "";
}

.fa-podcast:before {
  content: "";
}

.fa-window-maximize:before {
  content: "";
}

.fa-window-minimize:before {
  content: "";
}

.fa-window-restore:before {
  content: "";
}

.fa-times-rectangle:before,
.fa-window-close:before {
  content: "";
}

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "";
}

.fa-bandcamp:before {
  content: "";
}

.fa-grav:before {
  content: "";
}

.fa-etsy:before {
  content: "";
}

.fa-imdb:before {
  content: "";
}

.fa-ravelry:before {
  content: "";
}

.fa-eercast:before {
  content: "";
}

.fa-microchip:before {
  content: "";
}

.fa-snowflake-o:before {
  content: "";
}

.fa-superpowers:before {
  content: "";
}

.fa-wpexplorer:before {
  content: "";
}

.fa-meetup:before {
  content: "";
}

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

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

.ion-ios-add:before {
  content: "\f102";
}

.ion-ios-add-circle:before {
  content: "\f101";
}

.ion-ios-add-circle-outline:before {
  content: "\f100";
}

.ion-ios-add-outline:before {
  content: "\f102";
}

.ion-ios-alarm:before {
  content: "\f3c8";
}

.ion-ios-alarm-outline:before {
  content: "\f3c7";
}

.ion-ios-albums:before {
  content: "\f3ca";
}

.ion-ios-albums-outline:before {
  content: "\f3c9";
}

.ion-ios-alert:before {
  content: "\f104";
}

.ion-ios-alert-outline:before {
  content: "\f103";
}

.ion-ios-american-football:before {
  content: "\f106";
}

.ion-ios-american-football-outline:before {
  content: "\f105";
}

.ion-ios-analytics:before {
  content: "\f3ce";
}

.ion-ios-analytics-outline:before {
  content: "\f3cd";
}

.ion-ios-aperture:before {
  content: "\f108";
}

.ion-ios-aperture-outline:before {
  content: "\f107";
}

.ion-ios-apps:before {
  content: "\f10a";
}

.ion-ios-apps-outline:before {
  content: "\f109";
}

.ion-ios-appstore:before {
  content: "\f10c";
}

.ion-ios-appstore-outline:before {
  content: "\f10b";
}

.ion-ios-archive:before {
  content: "\f10e";
}

.ion-ios-archive-outline:before {
  content: "\f10d";
}

.ion-ios-arrow-back:before {
  content: "\f3cf";
}

.ion-ios-arrow-back-outline:before {
  content: "\f3cf";
}

.ion-ios-arrow-down:before {
  content: "\f3d0";
}

.ion-ios-arrow-down-outline:before {
  content: "\f3d0";
}

.ion-ios-arrow-dropdown:before {
  content: "\f110";
}

.ion-ios-arrow-dropdown-circle:before {
  content: "\f10f";
}

.ion-ios-arrow-dropdown-circle-outline:before {
  content: "\f10f";
}

.ion-ios-arrow-dropdown-outline:before {
  content: "\f110";
}

.ion-ios-arrow-dropleft:before {
  content: "\f112";
}

.ion-ios-arrow-dropleft-circle:before {
  content: "\f111";
}

.ion-ios-arrow-dropleft-circle-outline:before {
  content: "\f111";
}

.ion-ios-arrow-dropleft-outline:before {
  content: "\f112";
}

.ion-ios-arrow-dropright:before {
  content: "\f114";
}

.ion-ios-arrow-dropright-circle:before {
  content: "\f113";
}

.ion-ios-arrow-dropright-circle-outline:before {
  content: "\f113";
}

.ion-ios-arrow-dropright-outline:before {
  content: "\f114";
}

.ion-ios-arrow-dropup:before {
  content: "\f116";
}

.ion-ios-arrow-dropup-circle:before {
  content: "\f115";
}

.ion-ios-arrow-dropup-circle-outline:before {
  content: "\f115";
}

.ion-ios-arrow-dropup-outline:before {
  content: "\f116";
}

.ion-ios-arrow-forward:before {
  content: "\f3d1";
}

.ion-ios-arrow-forward-outline:before {
  content: "\f3d1";
}

.ion-ios-arrow-round-back:before {
  content: "\f117";
}

.ion-ios-arrow-round-back-outline:before {
  content: "\f117";
}

.ion-ios-arrow-round-down:before {
  content: "\f118";
}

.ion-ios-arrow-round-down-outline:before {
  content: "\f118";
}

.ion-ios-arrow-round-forward:before {
  content: "\f119";
}

.ion-ios-arrow-round-forward-outline:before {
  content: "\f119";
}

.ion-ios-arrow-round-up:before {
  content: "\f11a";
}

.ion-ios-arrow-round-up-outline:before {
  content: "\f11a";
}

.ion-ios-arrow-up:before {
  content: "\f3d8";
}

.ion-ios-arrow-up-outline:before {
  content: "\f3d8";
}

.ion-ios-at:before {
  content: "\f3da";
}

.ion-ios-at-outline:before {
  content: "\f3d9";
}

.ion-ios-attach:before {
  content: "\f11b";
}

.ion-ios-attach-outline:before {
  content: "\f11b";
}

.ion-ios-backspace:before {
  content: "\f11d";
}

.ion-ios-backspace-outline:before {
  content: "\f11c";
}

.ion-ios-barcode:before {
  content: "\f3dc";
}

.ion-ios-barcode-outline:before {
  content: "\f3db";
}

.ion-ios-baseball:before {
  content: "\f3de";
}

.ion-ios-baseball-outline:before {
  content: "\f3dd";
}

.ion-ios-basket:before {
  content: "\f11f";
}

.ion-ios-basket-outline:before {
  content: "\f11e";
}

.ion-ios-basketball:before {
  content: "\f3e0";
}

.ion-ios-basketball-outline:before {
  content: "\f3df";
}

.ion-ios-battery-charging:before {
  content: "\f120";
}

.ion-ios-battery-charging-outline:before {
  content: "\f120";
}

.ion-ios-battery-dead:before {
  content: "\f121";
}

.ion-ios-battery-dead-outline:before {
  content: "\f121";
}

.ion-ios-battery-full:before {
  content: "\f122";
}

.ion-ios-battery-full-outline:before {
  content: "\f122";
}

.ion-ios-beaker:before {
  content: "\f124";
}

.ion-ios-beaker-outline:before {
  content: "\f123";
}

.ion-ios-beer:before {
  content: "\f126";
}

.ion-ios-beer-outline:before {
  content: "\f125";
}

.ion-ios-bicycle:before {
  content: "\f127";
}

.ion-ios-bicycle-outline:before {
  content: "\f127";
}

.ion-ios-bluetooth:before {
  content: "\f128";
}

.ion-ios-bluetooth-outline:before {
  content: "\f128";
}

.ion-ios-boat:before {
  content: "\f12a";
}

.ion-ios-boat-outline:before {
  content: "\f129";
}

.ion-ios-body:before {
  content: "\f3e4";
}

.ion-ios-body-outline:before {
  content: "\f3e3";
}

.ion-ios-bonfire:before {
  content: "\f12c";
}

.ion-ios-bonfire-outline:before {
  content: "\f12b";
}

.ion-ios-book:before {
  content: "\f3e8";
}

.ion-ios-book-outline:before {
  content: "\f3e7";
}

.ion-ios-bookmark:before {
  content: "\f12e";
}

.ion-ios-bookmark-outline:before {
  content: "\f12d";
}

.ion-ios-bookmarks:before {
  content: "\f3ea";
}

.ion-ios-bookmarks-outline:before {
  content: "\f3e9";
}

.ion-ios-bowtie:before {
  content: "\f130";
}

.ion-ios-bowtie-outline:before {
  content: "\f12f";
}

.ion-ios-briefcase:before {
  content: "\f3ee";
}

.ion-ios-briefcase-outline:before {
  content: "\f3ed";
}

.ion-ios-browsers:before {
  content: "\f3f0";
}

.ion-ios-browsers-outline:before {
  content: "\f3ef";
}

.ion-ios-brush:before {
  content: "\f132";
}

.ion-ios-brush-outline:before {
  content: "\f131";
}

.ion-ios-bug:before {
  content: "\f134";
}

.ion-ios-bug-outline:before {
  content: "\f133";
}

.ion-ios-build:before {
  content: "\f136";
}

.ion-ios-build-outline:before {
  content: "\f135";
}

.ion-ios-bulb:before {
  content: "\f138";
}

.ion-ios-bulb-outline:before {
  content: "\f137";
}

.ion-ios-bus:before {
  content: "\f13a";
}

.ion-ios-bus-outline:before {
  content: "\f139";
}

.ion-ios-cafe:before {
  content: "\f13c";
}

.ion-ios-cafe-outline:before {
  content: "\f13b";
}

.ion-ios-calculator:before {
  content: "\f3f2";
}

.ion-ios-calculator-outline:before {
  content: "\f3f1";
}

.ion-ios-calendar:before {
  content: "\f3f4";
}

.ion-ios-calendar-outline:before {
  content: "\f3f3";
}

.ion-ios-call:before {
  content: "\f13e";
}

.ion-ios-call-outline:before {
  content: "\f13d";
}

.ion-ios-camera:before {
  content: "\f3f6";
}

.ion-ios-camera-outline:before {
  content: "\f3f5";
}

.ion-ios-car:before {
  content: "\f140";
}

.ion-ios-car-outline:before {
  content: "\f13f";
}

.ion-ios-card:before {
  content: "\f142";
}

.ion-ios-card-outline:before {
  content: "\f141";
}

.ion-ios-cart:before {
  content: "\f3f8";
}

.ion-ios-cart-outline:before {
  content: "\f3f7";
}

.ion-ios-cash:before {
  content: "\f144";
}

.ion-ios-cash-outline:before {
  content: "\f143";
}

.ion-ios-chatboxes:before {
  content: "\f3fa";
}

.ion-ios-chatboxes-outline:before {
  content: "\f3f9";
}

.ion-ios-chatbubbles:before {
  content: "\f146";
}

.ion-ios-chatbubbles-outline:before {
  content: "\f145";
}

.ion-ios-checkbox:before {
  content: "\f148";
}

.ion-ios-checkbox-outline:before {
  content: "\f147";
}

.ion-ios-checkmark:before {
  content: "\f3ff";
}

.ion-ios-checkmark-circle:before {
  content: "\f14a";
}

.ion-ios-checkmark-circle-outline:before {
  content: "\f149";
}

.ion-ios-checkmark-outline:before {
  content: "\f3ff";
}

.ion-ios-clipboard:before {
  content: "\f14c";
}

.ion-ios-clipboard-outline:before {
  content: "\f14b";
}

.ion-ios-clock:before {
  content: "\f403";
}

.ion-ios-clock-outline:before {
  content: "\f402";
}

.ion-ios-close:before {
  content: "\f406";
}

.ion-ios-close-circle:before {
  content: "\f14e";
}

.ion-ios-close-circle-outline:before {
  content: "\f14d";
}

.ion-ios-close-outline:before {
  content: "\f406";
}

.ion-ios-closed-captioning:before {
  content: "\f150";
}

.ion-ios-closed-captioning-outline:before {
  content: "\f14f";
}

.ion-ios-cloud:before {
  content: "\f40c";
}

.ion-ios-cloud-circle:before {
  content: "\f152";
}

.ion-ios-cloud-circle-outline:before {
  content: "\f151";
}

.ion-ios-cloud-done:before {
  content: "\f154";
}

.ion-ios-cloud-done-outline:before {
  content: "\f153";
}

.ion-ios-cloud-download:before {
  content: "\f408";
}

.ion-ios-cloud-download-outline:before {
  content: "\f407";
}

.ion-ios-cloud-outline:before {
  content: "\f409";
}

.ion-ios-cloud-upload:before {
  content: "\f40b";
}

.ion-ios-cloud-upload-outline:before {
  content: "\f40a";
}

.ion-ios-cloudy:before {
  content: "\f410";
}

.ion-ios-cloudy-night:before {
  content: "\f40e";
}

.ion-ios-cloudy-night-outline:before {
  content: "\f40d";
}

.ion-ios-cloudy-outline:before {
  content: "\f40f";
}

.ion-ios-code:before {
  content: "\f157";
}

.ion-ios-code-download:before {
  content: "\f155";
}

.ion-ios-code-download-outline:before {
  content: "\f155";
}

.ion-ios-code-outline:before {
  content: "\f157";
}

.ion-ios-code-working:before {
  content: "\f156";
}

.ion-ios-code-working-outline:before {
  content: "\f156";
}

.ion-ios-cog:before {
  content: "\f412";
}

.ion-ios-cog-outline:before {
  content: "\f411";
}

.ion-ios-color-fill:before {
  content: "\f159";
}

.ion-ios-color-fill-outline:before {
  content: "\f158";
}

.ion-ios-color-filter:before {
  content: "\f414";
}

.ion-ios-color-filter-outline:before {
  content: "\f413";
}

.ion-ios-color-palette:before {
  content: "\f15b";
}

.ion-ios-color-palette-outline:before {
  content: "\f15a";
}

.ion-ios-color-wand:before {
  content: "\f416";
}

.ion-ios-color-wand-outline:before {
  content: "\f415";
}

.ion-ios-compass:before {
  content: "\f15d";
}

.ion-ios-compass-outline:before {
  content: "\f15c";
}

.ion-ios-construct:before {
  content: "\f15f";
}

.ion-ios-construct-outline:before {
  content: "\f15e";
}

.ion-ios-contact:before {
  content: "\f41a";
}

.ion-ios-contact-outline:before {
  content: "\f419";
}

.ion-ios-contacts:before {
  content: "\f161";
}

.ion-ios-contacts-outline:before {
  content: "\f160";
}

.ion-ios-contract:before {
  content: "\f162";
}

.ion-ios-contract-outline:before {
  content: "\f162";
}

.ion-ios-contrast:before {
  content: "\f163";
}

.ion-ios-contrast-outline:before {
  content: "\f163";
}

.ion-ios-copy:before {
  content: "\f41c";
}

.ion-ios-copy-outline:before {
  content: "\f41b";
}

.ion-ios-create:before {
  content: "\f165";
}

.ion-ios-create-outline:before {
  content: "\f164";
}

.ion-ios-crop:before {
  content: "\f41e";
}

.ion-ios-crop-outline:before {
  content: "\f166";
}

.ion-ios-cube:before {
  content: "\f168";
}

.ion-ios-cube-outline:before {
  content: "\f167";
}

.ion-ios-cut:before {
  content: "\f16a";
}

.ion-ios-cut-outline:before {
  content: "\f169";
}

.ion-ios-desktop:before {
  content: "\f16c";
}

.ion-ios-desktop-outline:before {
  content: "\f16b";
}

.ion-ios-disc:before {
  content: "\f16e";
}

.ion-ios-disc-outline:before {
  content: "\f16d";
}

.ion-ios-document:before {
  content: "\f170";
}

.ion-ios-document-outline:before {
  content: "\f16f";
}

.ion-ios-done-all:before {
  content: "\f171";
}

.ion-ios-done-all-outline:before {
  content: "\f171";
}

.ion-ios-download:before {
  content: "\f420";
}

.ion-ios-download-outline:before {
  content: "\f41f";
}

.ion-ios-easel:before {
  content: "\f173";
}

.ion-ios-easel-outline:before {
  content: "\f172";
}

.ion-ios-egg:before {
  content: "\f175";
}

.ion-ios-egg-outline:before {
  content: "\f174";
}

.ion-ios-exit:before {
  content: "\f177";
}

.ion-ios-exit-outline:before {
  content: "\f176";
}

.ion-ios-expand:before {
  content: "\f178";
}

.ion-ios-expand-outline:before {
  content: "\f178";
}

.ion-ios-eye:before {
  content: "\f425";
}

.ion-ios-eye-off:before {
  content: "\f17a";
}

.ion-ios-eye-off-outline:before {
  content: "\f179";
}

.ion-ios-eye-outline:before {
  content: "\f424";
}

.ion-ios-fastforward:before {
  content: "\f427";
}

.ion-ios-fastforward-outline:before {
  content: "\f426";
}

.ion-ios-female:before {
  content: "\f17b";
}

.ion-ios-female-outline:before {
  content: "\f17b";
}

.ion-ios-filing:before {
  content: "\f429";
}

.ion-ios-filing-outline:before {
  content: "\f428";
}

.ion-ios-film:before {
  content: "\f42b";
}

.ion-ios-film-outline:before {
  content: "\f42a";
}

.ion-ios-finger-print:before {
  content: "\f17c";
}

.ion-ios-finger-print-outline:before {
  content: "\f17c";
}

.ion-ios-flag:before {
  content: "\f42d";
}

.ion-ios-flag-outline:before {
  content: "\f42c";
}

.ion-ios-flame:before {
  content: "\f42f";
}

.ion-ios-flame-outline:before {
  content: "\f42e";
}

.ion-ios-flash:before {
  content: "\f17e";
}

.ion-ios-flash-outline:before {
  content: "\f17d";
}

.ion-ios-flask:before {
  content: "\f431";
}

.ion-ios-flask-outline:before {
  content: "\f430";
}

.ion-ios-flower:before {
  content: "\f433";
}

.ion-ios-flower-outline:before {
  content: "\f432";
}

.ion-ios-folder:before {
  content: "\f435";
}

.ion-ios-folder-open:before {
  content: "\f180";
}

.ion-ios-folder-open-outline:before {
  content: "\f17f";
}

.ion-ios-folder-outline:before {
  content: "\f434";
}

.ion-ios-football:before {
  content: "\f437";
}

.ion-ios-football-outline:before {
  content: "\f436";
}

.ion-ios-funnel:before {
  content: "\f182";
}

.ion-ios-funnel-outline:before {
  content: "\f181";
}

.ion-ios-game-controller-a:before {
  content: "\f439";
}

.ion-ios-game-controller-a-outline:before {
  content: "\f438";
}

.ion-ios-game-controller-b:before {
  content: "\f43b";
}

.ion-ios-game-controller-b-outline:before {
  content: "\f43a";
}

.ion-ios-git-branch:before {
  content: "\f183";
}

.ion-ios-git-branch-outline:before {
  content: "\f183";
}

.ion-ios-git-commit:before {
  content: "\f184";
}

.ion-ios-git-commit-outline:before {
  content: "\f184";
}

.ion-ios-git-compare:before {
  content: "\f185";
}

.ion-ios-git-compare-outline:before {
  content: "\f185";
}

.ion-ios-git-merge:before {
  content: "\f186";
}

.ion-ios-git-merge-outline:before {
  content: "\f186";
}

.ion-ios-git-network:before {
  content: "\f187";
}

.ion-ios-git-network-outline:before {
  content: "\f187";
}

.ion-ios-git-pull-request:before {
  content: "\f188";
}

.ion-ios-git-pull-request-outline:before {
  content: "\f188";
}

.ion-ios-glasses:before {
  content: "\f43f";
}

.ion-ios-glasses-outline:before {
  content: "\f43e";
}

.ion-ios-globe:before {
  content: "\f18a";
}

.ion-ios-globe-outline:before {
  content: "\f189";
}

.ion-ios-grid:before {
  content: "\f18c";
}

.ion-ios-grid-outline:before {
  content: "\f18b";
}

.ion-ios-hammer:before {
  content: "\f18e";
}

.ion-ios-hammer-outline:before {
  content: "\f18d";
}

.ion-ios-hand:before {
  content: "\f190";
}

.ion-ios-hand-outline:before {
  content: "\f18f";
}

.ion-ios-happy:before {
  content: "\f192";
}

.ion-ios-happy-outline:before {
  content: "\f191";
}

.ion-ios-headset:before {
  content: "\f194";
}

.ion-ios-headset-outline:before {
  content: "\f193";
}

.ion-ios-heart:before {
  content: "\f443";
}

.ion-ios-heart-outline:before {
  content: "\f442";
}

.ion-ios-help:before {
  content: "\f446";
}

.ion-ios-help-buoy:before {
  content: "\f196";
}

.ion-ios-help-buoy-outline:before {
  content: "\f195";
}

.ion-ios-help-circle:before {
  content: "\f198";
}

.ion-ios-help-circle-outline:before {
  content: "\f197";
}

.ion-ios-help-outline:before {
  content: "\f446";
}

.ion-ios-home:before {
  content: "\f448";
}

.ion-ios-home-outline:before {
  content: "\f447";
}

.ion-ios-ice-cream:before {
  content: "\f19a";
}

.ion-ios-ice-cream-outline:before {
  content: "\f199";
}

.ion-ios-image:before {
  content: "\f19c";
}

.ion-ios-image-outline:before {
  content: "\f19b";
}

.ion-ios-images:before {
  content: "\f19e";
}

.ion-ios-images-outline:before {
  content: "\f19d";
}

.ion-ios-infinite:before {
  content: "\f44a";
}

.ion-ios-infinite-outline:before {
  content: "\f449";
}

.ion-ios-information:before {
  content: "\f44d";
}

.ion-ios-information-circle:before {
  content: "\f1a0";
}

.ion-ios-information-circle-outline:before {
  content: "\f19f";
}

.ion-ios-information-outline:before {
  content: "\f44d";
}

.ion-ios-ionic:before {
  content: "\f1a1";
}

.ion-ios-ionic-outline:before {
  content: "\f44e";
}

.ion-ios-ionitron:before {
  content: "\f1a3";
}

.ion-ios-ionitron-outline:before {
  content: "\f1a2";
}

.ion-ios-jet:before {
  content: "\f1a5";
}

.ion-ios-jet-outline:before {
  content: "\f1a4";
}

.ion-ios-key:before {
  content: "\f1a7";
}

.ion-ios-key-outline:before {
  content: "\f1a6";
}

.ion-ios-keypad:before {
  content: "\f450";
}

.ion-ios-keypad-outline:before {
  content: "\f44f";
}

.ion-ios-laptop:before {
  content: "\f1a8";
}

.ion-ios-laptop-outline:before {
  content: "\f1a8";
}

.ion-ios-leaf:before {
  content: "\f1aa";
}

.ion-ios-leaf-outline:before {
  content: "\f1a9";
}

.ion-ios-link:before {
  content: "\f22a";
}

.ion-ios-link-outline:before {
  content: "\f1ca";
}

.ion-ios-list:before {
  content: "\f454";
}

.ion-ios-list-box:before {
  content: "\f1ac";
}

.ion-ios-list-box-outline:before {
  content: "\f1ab";
}

.ion-ios-list-outline:before {
  content: "\f454";
}

.ion-ios-locate:before {
  content: "\f1ae";
}

.ion-ios-locate-outline:before {
  content: "\f1ad";
}

.ion-ios-lock:before {
  content: "\f1b0";
}

.ion-ios-lock-outline:before {
  content: "\f1af";
}

.ion-ios-log-in:before {
  content: "\f1b1";
}

.ion-ios-log-in-outline:before {
  content: "\f1b1";
}

.ion-ios-log-out:before {
  content: "\f1b2";
}

.ion-ios-log-out-outline:before {
  content: "\f1b2";
}

.ion-ios-magnet:before {
  content: "\f1b4";
}

.ion-ios-magnet-outline:before {
  content: "\f1b3";
}

.ion-ios-mail:before {
  content: "\f1b8";
}

.ion-ios-mail-open:before {
  content: "\f1b6";
}

.ion-ios-mail-open-outline:before {
  content: "\f1b5";
}

.ion-ios-mail-outline:before {
  content: "\f1b7";
}

.ion-ios-male:before {
  content: "\f1b9";
}

.ion-ios-male-outline:before {
  content: "\f1b9";
}

.ion-ios-man:before {
  content: "\f1bb";
}

.ion-ios-man-outline:before {
  content: "\f1ba";
}

.ion-ios-map:before {
  content: "\f1bd";
}

.ion-ios-map-outline:before {
  content: "\f1bc";
}

.ion-ios-medal:before {
  content: "\f1bf";
}

.ion-ios-medal-outline:before {
  content: "\f1be";
}

.ion-ios-medical:before {
  content: "\f45c";
}

.ion-ios-medical-outline:before {
  content: "\f45b";
}

.ion-ios-medkit:before {
  content: "\f45e";
}

.ion-ios-medkit-outline:before {
  content: "\f45d";
}

.ion-ios-megaphone:before {
  content: "\f1c1";
}

.ion-ios-megaphone-outline:before {
  content: "\f1c0";
}

.ion-ios-menu:before {
  content: "\f1c3";
}

.ion-ios-menu-outline:before {
  content: "\f1c2";
}

.ion-ios-mic:before {
  content: "\f461";
}

.ion-ios-mic-off:before {
  content: "\f45f";
}

.ion-ios-mic-off-outline:before {
  content: "\f1c4";
}

.ion-ios-mic-outline:before {
  content: "\f460";
}

.ion-ios-microphone:before {
  content: "\f1c6";
}

.ion-ios-microphone-outline:before {
  content: "\f1c5";
}

.ion-ios-moon:before {
  content: "\f468";
}

.ion-ios-moon-outline:before {
  content: "\f467";
}

.ion-ios-more:before {
  content: "\f1c8";
}

.ion-ios-more-outline:before {
  content: "\f1c7";
}

.ion-ios-move:before {
  content: "\f1cb";
}

.ion-ios-move-outline:before {
  content: "\f1cb";
}

.ion-ios-musical-note:before {
  content: "\f46b";
}

.ion-ios-musical-note-outline:before {
  content: "\f1cc";
}

.ion-ios-musical-notes:before {
  content: "\f46c";
}

.ion-ios-musical-notes-outline:before {
  content: "\f1cd";
}

.ion-ios-navigate:before {
  content: "\f46e";
}

.ion-ios-navigate-outline:before {
  content: "\f46d";
}

.ion-ios-no-smoking:before {
  content: "\f1cf";
}

.ion-ios-no-smoking-outline:before {
  content: "\f1ce";
}

.ion-ios-notifications:before {
  content: "\f1d3";
}

.ion-ios-notifications-off:before {
  content: "\f1d1";
}

.ion-ios-notifications-off-outline:before {
  content: "\f1d0";
}

.ion-ios-notifications-outline:before {
  content: "\f1d2";
}

.ion-ios-nuclear:before {
  content: "\f1d5";
}

.ion-ios-nuclear-outline:before {
  content: "\f1d4";
}

.ion-ios-nutrition:before {
  content: "\f470";
}

.ion-ios-nutrition-outline:before {
  content: "\f46f";
}

.ion-ios-open:before {
  content: "\f1d7";
}

.ion-ios-open-outline:before {
  content: "\f1d6";
}

.ion-ios-options:before {
  content: "\f1d9";
}

.ion-ios-options-outline:before {
  content: "\f1d8";
}

.ion-ios-outlet:before {
  content: "\f1db";
}

.ion-ios-outlet-outline:before {
  content: "\f1da";
}

.ion-ios-paper:before {
  content: "\f472";
}

.ion-ios-paper-outline:before {
  content: "\f471";
}

.ion-ios-paper-plane:before {
  content: "\f1dd";
}

.ion-ios-paper-plane-outline:before {
  content: "\f1dc";
}

.ion-ios-partly-sunny:before {
  content: "\f1df";
}

.ion-ios-partly-sunny-outline:before {
  content: "\f1de";
}

.ion-ios-pause:before {
  content: "\f478";
}

.ion-ios-pause-outline:before {
  content: "\f477";
}

.ion-ios-paw:before {
  content: "\f47a";
}

.ion-ios-paw-outline:before {
  content: "\f479";
}

.ion-ios-people:before {
  content: "\f47c";
}

.ion-ios-people-outline:before {
  content: "\f47b";
}

.ion-ios-person:before {
  content: "\f47e";
}

.ion-ios-person-add:before {
  content: "\f1e1";
}

.ion-ios-person-add-outline:before {
  content: "\f1e0";
}

.ion-ios-person-outline:before {
  content: "\f47d";
}

.ion-ios-phone-landscape:before {
  content: "\f1e2";
}

.ion-ios-phone-landscape-outline:before {
  content: "\f1e2";
}

.ion-ios-phone-portrait:before {
  content: "\f1e3";
}

.ion-ios-phone-portrait-outline:before {
  content: "\f1e3";
}

.ion-ios-photos:before {
  content: "\f482";
}

.ion-ios-photos-outline:before {
  content: "\f481";
}

.ion-ios-pie:before {
  content: "\f484";
}

.ion-ios-pie-outline:before {
  content: "\f483";
}

.ion-ios-pin:before {
  content: "\f1e5";
}

.ion-ios-pin-outline:before {
  content: "\f1e4";
}

.ion-ios-pint:before {
  content: "\f486";
}

.ion-ios-pint-outline:before {
  content: "\f485";
}

.ion-ios-pizza:before {
  content: "\f1e7";
}

.ion-ios-pizza-outline:before {
  content: "\f1e6";
}

.ion-ios-plane:before {
  content: "\f1e9";
}

.ion-ios-plane-outline:before {
  content: "\f1e8";
}

.ion-ios-planet:before {
  content: "\f1eb";
}

.ion-ios-planet-outline:before {
  content: "\f1ea";
}

.ion-ios-play:before {
  content: "\f488";
}

.ion-ios-play-outline:before {
  content: "\f487";
}

.ion-ios-podium:before {
  content: "\f1ed";
}

.ion-ios-podium-outline:before {
  content: "\f1ec";
}

.ion-ios-power:before {
  content: "\f1ef";
}

.ion-ios-power-outline:before {
  content: "\f1ee";
}

.ion-ios-pricetag:before {
  content: "\f48d";
}

.ion-ios-pricetag-outline:before {
  content: "\f48c";
}

.ion-ios-pricetags:before {
  content: "\f48f";
}

.ion-ios-pricetags-outline:before {
  content: "\f48e";
}

.ion-ios-print:before {
  content: "\f1f1";
}

.ion-ios-print-outline:before {
  content: "\f1f0";
}

.ion-ios-pulse:before {
  content: "\f493";
}

.ion-ios-pulse-outline:before {
  content: "\f1f2";
}

.ion-ios-qr-scanner:before {
  content: "\f1f3";
}

.ion-ios-qr-scanner-outline:before {
  content: "\f1f3";
}

.ion-ios-quote:before {
  content: "\f1f5";
}

.ion-ios-quote-outline:before {
  content: "\f1f4";
}

.ion-ios-radio:before {
  content: "\f1f9";
}

.ion-ios-radio-button-off:before {
  content: "\f1f6";
}

.ion-ios-radio-button-off-outline:before {
  content: "\f1f6";
}

.ion-ios-radio-button-on:before {
  content: "\f1f7";
}

.ion-ios-radio-button-on-outline:before {
  content: "\f1f7";
}

.ion-ios-radio-outline:before {
  content: "\f1f8";
}

.ion-ios-rainy:before {
  content: "\f495";
}

.ion-ios-rainy-outline:before {
  content: "\f494";
}

.ion-ios-recording:before {
  content: "\f497";
}

.ion-ios-recording-outline:before {
  content: "\f496";
}

.ion-ios-redo:before {
  content: "\f499";
}

.ion-ios-redo-outline:before {
  content: "\f498";
}

.ion-ios-refresh:before {
  content: "\f49c";
}

.ion-ios-refresh-circle:before {
  content: "\f226";
}

.ion-ios-refresh-circle-outline:before {
  content: "\f224";
}

.ion-ios-refresh-outline:before {
  content: "\f49c";
}

.ion-ios-remove:before {
  content: "\f1fc";
}

.ion-ios-remove-circle:before {
  content: "\f1fb";
}

.ion-ios-remove-circle-outline:before {
  content: "\f1fa";
}

.ion-ios-remove-outline:before {
  content: "\f1fc";
}

.ion-ios-reorder:before {
  content: "\f1fd";
}

.ion-ios-reorder-outline:before {
  content: "\f1fd";
}

.ion-ios-repeat:before {
  content: "\f1fe";
}

.ion-ios-repeat-outline:before {
  content: "\f1fe";
}

.ion-ios-resize:before {
  content: "\f1ff";
}

.ion-ios-resize-outline:before {
  content: "\f1ff";
}

.ion-ios-restaurant:before {
  content: "\f201";
}

.ion-ios-restaurant-outline:before {
  content: "\f200";
}

.ion-ios-return-left:before {
  content: "\f202";
}

.ion-ios-return-left-outline:before {
  content: "\f202";
}

.ion-ios-return-right:before {
  content: "\f203";
}

.ion-ios-return-right-outline:before {
  content: "\f203";
}

.ion-ios-reverse-camera:before {
  content: "\f49f";
}

.ion-ios-reverse-camera-outline:before {
  content: "\f49e";
}

.ion-ios-rewind:before {
  content: "\f4a1";
}

.ion-ios-rewind-outline:before {
  content: "\f4a0";
}

.ion-ios-ribbon:before {
  content: "\f205";
}

.ion-ios-ribbon-outline:before {
  content: "\f204";
}

.ion-ios-rose:before {
  content: "\f4a3";
}

.ion-ios-rose-outline:before {
  content: "\f4a2";
}

.ion-ios-sad:before {
  content: "\f207";
}

.ion-ios-sad-outline:before {
  content: "\f206";
}

.ion-ios-school:before {
  content: "\f209";
}

.ion-ios-school-outline:before {
  content: "\f208";
}

.ion-ios-search:before {
  content: "\f4a5";
}

.ion-ios-search-outline:before {
  content: "\f20a";
}

.ion-ios-send:before {
  content: "\f20c";
}

.ion-ios-send-outline:before {
  content: "\f20b";
}

.ion-ios-settings:before {
  content: "\f4a7";
}

.ion-ios-settings-outline:before {
  content: "\f20d";
}

.ion-ios-share:before {
  content: "\f211";
}

.ion-ios-share-alt:before {
  content: "\f20f";
}

.ion-ios-share-alt-outline:before {
  content: "\f20e";
}

.ion-ios-share-outline:before {
  content: "\f210";
}

.ion-ios-shirt:before {
  content: "\f213";
}

.ion-ios-shirt-outline:before {
  content: "\f212";
}

.ion-ios-shuffle:before {
  content: "\f4a9";
}

.ion-ios-shuffle-outline:before {
  content: "\f4a9";
}

.ion-ios-skip-backward:before {
  content: "\f215";
}

.ion-ios-skip-backward-outline:before {
  content: "\f214";
}

.ion-ios-skip-forward:before {
  content: "\f217";
}

.ion-ios-skip-forward-outline:before {
  content: "\f216";
}

.ion-ios-snow:before {
  content: "\f218";
}

.ion-ios-snow-outline:before {
  content: "\f22c";
}

.ion-ios-speedometer:before {
  content: "\f4b0";
}

.ion-ios-speedometer-outline:before {
  content: "\f4af";
}

.ion-ios-square:before {
  content: "\f21a";
}

.ion-ios-square-outline:before {
  content: "\f219";
}

.ion-ios-star:before {
  content: "\f4b3";
}

.ion-ios-star-half:before {
  content: "\f4b1";
}

.ion-ios-star-half-outline:before {
  content: "\f4b1";
}

.ion-ios-star-outline:before {
  content: "\f4b2";
}

.ion-ios-stats:before {
  content: "\f21c";
}

.ion-ios-stats-outline:before {
  content: "\f21b";
}

.ion-ios-stopwatch:before {
  content: "\f4b5";
}

.ion-ios-stopwatch-outline:before {
  content: "\f4b4";
}

.ion-ios-subway:before {
  content: "\f21e";
}

.ion-ios-subway-outline:before {
  content: "\f21d";
}

.ion-ios-sunny:before {
  content: "\f4b7";
}

.ion-ios-sunny-outline:before {
  content: "\f4b6";
}

.ion-ios-swap:before {
  content: "\f21f";
}

.ion-ios-swap-outline:before {
  content: "\f21f";
}

.ion-ios-switch:before {
  content: "\f221";
}

.ion-ios-switch-outline:before {
  content: "\f220";
}

.ion-ios-sync:before {
  content: "\f222";
}

.ion-ios-sync-outline:before {
  content: "\f222";
}

.ion-ios-tablet-landscape:before {
  content: "\f223";
}

.ion-ios-tablet-landscape-outline:before {
  content: "\f223";
}

.ion-ios-tablet-portrait:before {
  content: "\f24e";
}

.ion-ios-tablet-portrait-outline:before {
  content: "\f24e";
}

.ion-ios-tennisball:before {
  content: "\f4bb";
}

.ion-ios-tennisball-outline:before {
  content: "\f4ba";
}

.ion-ios-text:before {
  content: "\f250";
}

.ion-ios-text-outline:before {
  content: "\f24f";
}

.ion-ios-thermometer:before {
  content: "\f252";
}

.ion-ios-thermometer-outline:before {
  content: "\f251";
}

.ion-ios-thumbs-down:before {
  content: "\f254";
}

.ion-ios-thumbs-down-outline:before {
  content: "\f253";
}

.ion-ios-thumbs-up:before {
  content: "\f256";
}

.ion-ios-thumbs-up-outline:before {
  content: "\f255";
}

.ion-ios-thunderstorm:before {
  content: "\f4bd";
}

.ion-ios-thunderstorm-outline:before {
  content: "\f4bc";
}

.ion-ios-time:before {
  content: "\f4bf";
}

.ion-ios-time-outline:before {
  content: "\f4be";
}

.ion-ios-timer:before {
  content: "\f4c1";
}

.ion-ios-timer-outline:before {
  content: "\f4c0";
}

.ion-ios-train:before {
  content: "\f258";
}

.ion-ios-train-outline:before {
  content: "\f257";
}

.ion-ios-transgender:before {
  content: "\f259";
}

.ion-ios-transgender-outline:before {
  content: "\f259";
}

.ion-ios-trash:before {
  content: "\f4c5";
}

.ion-ios-trash-outline:before {
  content: "\f4c4";
}

.ion-ios-trending-down:before {
  content: "\f25a";
}

.ion-ios-trending-down-outline:before {
  content: "\f25a";
}

.ion-ios-trending-up:before {
  content: "\f25b";
}

.ion-ios-trending-up-outline:before {
  content: "\f25b";
}

.ion-ios-trophy:before {
  content: "\f25d";
}

.ion-ios-trophy-outline:before {
  content: "\f25c";
}

.ion-ios-umbrella:before {
  content: "\f25f";
}

.ion-ios-umbrella-outline:before {
  content: "\f25e";
}

.ion-ios-undo:before {
  content: "\f4c7";
}

.ion-ios-undo-outline:before {
  content: "\f4c6";
}

.ion-ios-unlock:before {
  content: "\f261";
}

.ion-ios-unlock-outline:before {
  content: "\f260";
}

.ion-ios-videocam:before {
  content: "\f4cd";
}

.ion-ios-videocam-outline:before {
  content: "\f4cc";
}

.ion-ios-volume-down:before {
  content: "\f262";
}

.ion-ios-volume-down-outline:before {
  content: "\f262";
}

.ion-ios-volume-mute:before {
  content: "\f263";
}

.ion-ios-volume-mute-outline:before {
  content: "\f263";
}

.ion-ios-volume-off:before {
  content: "\f264";
}

.ion-ios-volume-off-outline:before {
  content: "\f264";
}

.ion-ios-volume-up:before {
  content: "\f265";
}

.ion-ios-volume-up-outline:before {
  content: "\f265";
}

.ion-ios-walk:before {
  content: "\f266";
}

.ion-ios-walk-outline:before {
  content: "\f266";
}

.ion-ios-warning:before {
  content: "\f268";
}

.ion-ios-warning-outline:before {
  content: "\f267";
}

.ion-ios-watch:before {
  content: "\f269";
}

.ion-ios-watch-outline:before {
  content: "\f269";
}

.ion-ios-water:before {
  content: "\f26b";
}

.ion-ios-water-outline:before {
  content: "\f26a";
}

.ion-ios-wifi:before {
  content: "\f26d";
}

.ion-ios-wifi-outline:before {
  content: "\f26c";
}

.ion-ios-wine:before {
  content: "\f26f";
}

.ion-ios-wine-outline:before {
  content: "\f26e";
}

.ion-ios-woman:before {
  content: "\f271";
}

.ion-ios-woman-outline:before {
  content: "\f270";
}

.ion-logo-android:before {
  content: "\f225";
}

.ion-logo-angular:before {
  content: "\f227";
}

.ion-logo-apple:before {
  content: "\f229";
}

.ion-logo-bitcoin:before {
  content: "\f22b";
}

.ion-logo-buffer:before {
  content: "\f22d";
}

.ion-logo-chrome:before {
  content: "\f22f";
}

.ion-logo-codepen:before {
  content: "\f230";
}

.ion-logo-css3:before {
  content: "\f231";
}

.ion-logo-designernews:before {
  content: "\f232";
}

.ion-logo-dribbble:before {
  content: "\f233";
}

.ion-logo-dropbox:before {
  content: "\f234";
}

.ion-logo-euro:before {
  content: "\f235";
}

.ion-logo-facebook:before {
  content: "\f236";
}

.ion-logo-foursquare:before {
  content: "\f237";
}

.ion-logo-freebsd-devil:before {
  content: "\f238";
}

.ion-logo-github:before {
  content: "\f239";
}

.ion-logo-google:before {
  content: "\f23a";
}

.ion-logo-googleplus:before {
  content: "\f23b";
}

.ion-logo-hackernews:before {
  content: "\f23c";
}

.ion-logo-html5:before {
  content: "\f23d";
}

.ion-logo-instagram:before {
  content: "\f23e";
}

.ion-logo-javascript:before {
  content: "\f23f";
}

.ion-logo-linkedin:before {
  content: "\f240";
}

.ion-logo-markdown:before {
  content: "\f241";
}

.ion-logo-nodejs:before {
  content: "\f242";
}

.ion-logo-octocat:before {
  content: "\f243";
}

.ion-logo-pinterest:before {
  content: "\f244";
}

.ion-logo-playstation:before {
  content: "\f245";
}

.ion-logo-python:before {
  content: "\f246";
}

.ion-logo-reddit:before {
  content: "\f247";
}

.ion-logo-rss:before {
  content: "\f248";
}

.ion-logo-sass:before {
  content: "\f249";
}

.ion-logo-skype:before {
  content: "\f24a";
}

.ion-logo-snapchat:before {
  content: "\f24b";
}

.ion-logo-steam:before {
  content: "\f24c";
}

.ion-logo-tumblr:before {
  content: "\f24d";
}

.ion-logo-tux:before {
  content: "\f2ae";
}

.ion-logo-twitch:before {
  content: "\f2af";
}

.ion-logo-twitter:before {
  content: "\f2b0";
}

.ion-logo-usd:before {
  content: "\f2b1";
}

.ion-logo-vimeo:before {
  content: "\f2c4";
}

.ion-logo-whatsapp:before {
  content: "\f2c5";
}

.ion-logo-windows:before {
  content: "\f32f";
}

.ion-logo-wordpress:before {
  content: "\f330";
}

.ion-logo-xbox:before {
  content: "\f34c";
}

.ion-logo-yahoo:before {
  content: "\f34d";
}

.ion-logo-yen:before {
  content: "\f34e";
}

.ion-logo-youtube:before {
  content: "\f34f";
}

.ion-md-add:before {
  content: "\f273";
}

.ion-md-add-circle:before {
  content: "\f272";
}

.ion-md-alarm:before {
  content: "\f274";
}

.ion-md-albums:before {
  content: "\f275";
}

.ion-md-alert:before {
  content: "\f276";
}

.ion-md-american-football:before {
  content: "\f277";
}

.ion-md-analytics:before {
  content: "\f278";
}

.ion-md-aperture:before {
  content: "\f279";
}

.ion-md-apps:before {
  content: "\f27a";
}

.ion-md-appstore:before {
  content: "\f27b";
}

.ion-md-archive:before {
  content: "\f27c";
}

.ion-md-arrow-back:before {
  content: "\f27d";
}

.ion-md-arrow-down:before {
  content: "\f27e";
}

.ion-md-arrow-dropdown:before {
  content: "\f280";
}

.ion-md-arrow-dropdown-circle:before {
  content: "\f27f";
}

.ion-md-arrow-dropleft:before {
  content: "\f282";
}

.ion-md-arrow-dropleft-circle:before {
  content: "\f281";
}

.ion-md-arrow-dropright:before {
  content: "\f284";
}

.ion-md-arrow-dropright-circle:before {
  content: "\f283";
}

.ion-md-arrow-dropup:before {
  content: "\f286";
}

.ion-md-arrow-dropup-circle:before {
  content: "\f285";
}

.ion-md-arrow-forward:before {
  content: "\f287";
}

.ion-md-arrow-round-back:before {
  content: "\f288";
}

.ion-md-arrow-round-down:before {
  content: "\f289";
}

.ion-md-arrow-round-forward:before {
  content: "\f28a";
}

.ion-md-arrow-round-up:before {
  content: "\f28b";
}

.ion-md-arrow-up:before {
  content: "\f28c";
}

.ion-md-at:before {
  content: "\f28d";
}

.ion-md-attach:before {
  content: "\f28e";
}

.ion-md-backspace:before {
  content: "\f28f";
}

.ion-md-barcode:before {
  content: "\f290";
}

.ion-md-baseball:before {
  content: "\f291";
}

.ion-md-basket:before {
  content: "\f292";
}

.ion-md-basketball:before {
  content: "\f293";
}

.ion-md-battery-charging:before {
  content: "\f294";
}

.ion-md-battery-dead:before {
  content: "\f295";
}

.ion-md-battery-full:before {
  content: "\f296";
}

.ion-md-beaker:before {
  content: "\f297";
}

.ion-md-beer:before {
  content: "\f298";
}

.ion-md-bicycle:before {
  content: "\f299";
}

.ion-md-bluetooth:before {
  content: "\f29a";
}

.ion-md-boat:before {
  content: "\f29b";
}

.ion-md-body:before {
  content: "\f29c";
}

.ion-md-bonfire:before {
  content: "\f29d";
}

.ion-md-book:before {
  content: "\f29e";
}

.ion-md-bookmark:before {
  content: "\f29f";
}

.ion-md-bookmarks:before {
  content: "\f2a0";
}

.ion-md-bowtie:before {
  content: "\f2a1";
}

.ion-md-briefcase:before {
  content: "\f2a2";
}

.ion-md-browsers:before {
  content: "\f2a3";
}

.ion-md-brush:before {
  content: "\f2a4";
}

.ion-md-bug:before {
  content: "\f2a5";
}

.ion-md-build:before {
  content: "\f2a6";
}

.ion-md-bulb:before {
  content: "\f2a7";
}

.ion-md-bus:before {
  content: "\f2a8";
}

.ion-md-cafe:before {
  content: "\f2a9";
}

.ion-md-calculator:before {
  content: "\f2aa";
}

.ion-md-calendar:before {
  content: "\f2ab";
}

.ion-md-call:before {
  content: "\f2ac";
}

.ion-md-camera:before {
  content: "\f2ad";
}

.ion-md-car:before {
  content: "\f2b2";
}

.ion-md-card:before {
  content: "\f2b3";
}

.ion-md-cart:before {
  content: "\f2b4";
}

.ion-md-cash:before {
  content: "\f2b5";
}

.ion-md-chatboxes:before {
  content: "\f2b6";
}

.ion-md-chatbubbles:before {
  content: "\f2b7";
}

.ion-md-checkbox:before {
  content: "\f2b9";
}

.ion-md-checkbox-outline:before {
  content: "\f2b8";
}

.ion-md-checkmark:before {
  content: "\f2bc";
}

.ion-md-checkmark-circle:before {
  content: "\f2bb";
}

.ion-md-checkmark-circle-outline:before {
  content: "\f2ba";
}

.ion-md-clipboard:before {
  content: "\f2bd";
}

.ion-md-clock:before {
  content: "\f2be";
}

.ion-md-close:before {
  content: "\f2c0";
}

.ion-md-close-circle:before {
  content: "\f2bf";
}

.ion-md-closed-captioning:before {
  content: "\f2c1";
}

.ion-md-cloud:before {
  content: "\f2c9";
}

.ion-md-cloud-circle:before {
  content: "\f2c2";
}

.ion-md-cloud-done:before {
  content: "\f2c3";
}

.ion-md-cloud-download:before {
  content: "\f2c6";
}

.ion-md-cloud-outline:before {
  content: "\f2c7";
}

.ion-md-cloud-upload:before {
  content: "\f2c8";
}

.ion-md-cloudy:before {
  content: "\f2cb";
}

.ion-md-cloudy-night:before {
  content: "\f2ca";
}

.ion-md-code:before {
  content: "\f2ce";
}

.ion-md-code-download:before {
  content: "\f2cc";
}

.ion-md-code-working:before {
  content: "\f2cd";
}

.ion-md-cog:before {
  content: "\f2cf";
}

.ion-md-color-fill:before {
  content: "\f2d0";
}

.ion-md-color-filter:before {
  content: "\f2d1";
}

.ion-md-color-palette:before {
  content: "\f2d2";
}

.ion-md-color-wand:before {
  content: "\f2d3";
}

.ion-md-compass:before {
  content: "\f2d4";
}

.ion-md-construct:before {
  content: "\f2d5";
}

.ion-md-contact:before {
  content: "\f2d6";
}

.ion-md-contacts:before {
  content: "\f2d7";
}

.ion-md-contract:before {
  content: "\f2d8";
}

.ion-md-contrast:before {
  content: "\f2d9";
}

.ion-md-copy:before {
  content: "\f2da";
}

.ion-md-create:before {
  content: "\f2db";
}

.ion-md-crop:before {
  content: "\f2dc";
}

.ion-md-cube:before {
  content: "\f2dd";
}

.ion-md-cut:before {
  content: "\f2de";
}

.ion-md-desktop:before {
  content: "\f2df";
}

.ion-md-disc:before {
  content: "\f2e0";
}

.ion-md-document:before {
  content: "\f2e1";
}

.ion-md-done-all:before {
  content: "\f2e2";
}

.ion-md-download:before {
  content: "\f2e3";
}

.ion-md-easel:before {
  content: "\f2e4";
}

.ion-md-egg:before {
  content: "\f2e5";
}

.ion-md-exit:before {
  content: "\f2e6";
}

.ion-md-expand:before {
  content: "\f2e7";
}

.ion-md-eye:before {
  content: "\f2e9";
}

.ion-md-eye-off:before {
  content: "\f2e8";
}

.ion-md-fastforward:before {
  content: "\f2ea";
}

.ion-md-female:before {
  content: "\f2eb";
}

.ion-md-filing:before {
  content: "\f2ec";
}

.ion-md-film:before {
  content: "\f2ed";
}

.ion-md-finger-print:before {
  content: "\f2ee";
}

.ion-md-flag:before {
  content: "\f2ef";
}

.ion-md-flame:before {
  content: "\f2f0";
}

.ion-md-flash:before {
  content: "\f2f1";
}

.ion-md-flask:before {
  content: "\f2f2";
}

.ion-md-flower:before {
  content: "\f2f3";
}

.ion-md-folder:before {
  content: "\f2f5";
}

.ion-md-folder-open:before {
  content: "\f2f4";
}

.ion-md-football:before {
  content: "\f2f6";
}

.ion-md-funnel:before {
  content: "\f2f7";
}

.ion-md-game-controller-a:before {
  content: "\f2f8";
}

.ion-md-game-controller-b:before {
  content: "\f2f9";
}

.ion-md-git-branch:before {
  content: "\f2fa";
}

.ion-md-git-commit:before {
  content: "\f2fb";
}

.ion-md-git-compare:before {
  content: "\f2fc";
}

.ion-md-git-merge:before {
  content: "\f2fd";
}

.ion-md-git-network:before {
  content: "\f2fe";
}

.ion-md-git-pull-request:before {
  content: "\f2ff";
}

.ion-md-glasses:before {
  content: "\f300";
}

.ion-md-globe:before {
  content: "\f301";
}

.ion-md-grid:before {
  content: "\f302";
}

.ion-md-hammer:before {
  content: "\f303";
}

.ion-md-hand:before {
  content: "\f304";
}

.ion-md-happy:before {
  content: "\f305";
}

.ion-md-headset:before {
  content: "\f306";
}

.ion-md-heart:before {
  content: "\f308";
}

.ion-md-heart-outline:before {
  content: "\f307";
}

.ion-md-help:before {
  content: "\f30b";
}

.ion-md-help-buoy:before {
  content: "\f309";
}

.ion-md-help-circle:before {
  content: "\f30a";
}

.ion-md-home:before {
  content: "\f30c";
}

.ion-md-ice-cream:before {
  content: "\f30d";
}

.ion-md-image:before {
  content: "\f30e";
}

.ion-md-images:before {
  content: "\f30f";
}

.ion-md-infinite:before {
  content: "\f310";
}

.ion-md-information:before {
  content: "\f312";
}

.ion-md-information-circle:before {
  content: "\f311";
}

.ion-md-ionic:before {
  content: "\f313";
}

.ion-md-ionitron:before {
  content: "\f314";
}

.ion-md-jet:before {
  content: "\f315";
}

.ion-md-key:before {
  content: "\f316";
}

.ion-md-keypad:before {
  content: "\f317";
}

.ion-md-laptop:before {
  content: "\f318";
}

.ion-md-leaf:before {
  content: "\f319";
}

.ion-md-link:before {
  content: "\f22e";
}

.ion-md-list:before {
  content: "\f31b";
}

.ion-md-list-box:before {
  content: "\f31a";
}

.ion-md-locate:before {
  content: "\f31c";
}

.ion-md-lock:before {
  content: "\f31d";
}

.ion-md-log-in:before {
  content: "\f31e";
}

.ion-md-log-out:before {
  content: "\f31f";
}

.ion-md-magnet:before {
  content: "\f320";
}

.ion-md-mail:before {
  content: "\f322";
}

.ion-md-mail-open:before {
  content: "\f321";
}

.ion-md-male:before {
  content: "\f323";
}

.ion-md-man:before {
  content: "\f324";
}

.ion-md-map:before {
  content: "\f325";
}

.ion-md-medal:before {
  content: "\f326";
}

.ion-md-medical:before {
  content: "\f327";
}

.ion-md-medkit:before {
  content: "\f328";
}

.ion-md-megaphone:before {
  content: "\f329";
}

.ion-md-menu:before {
  content: "\f32a";
}

.ion-md-mic:before {
  content: "\f32c";
}

.ion-md-mic-off:before {
  content: "\f32b";
}

.ion-md-microphone:before {
  content: "\f32d";
}

.ion-md-moon:before {
  content: "\f32e";
}

.ion-md-more:before {
  content: "\f1c9";
}

.ion-md-move:before {
  content: "\f331";
}

.ion-md-musical-note:before {
  content: "\f332";
}

.ion-md-musical-notes:before {
  content: "\f333";
}

.ion-md-navigate:before {
  content: "\f334";
}

.ion-md-no-smoking:before {
  content: "\f335";
}

.ion-md-notifications:before {
  content: "\f338";
}

.ion-md-notifications-off:before {
  content: "\f336";
}

.ion-md-notifications-outline:before {
  content: "\f337";
}

.ion-md-nuclear:before {
  content: "\f339";
}

.ion-md-nutrition:before {
  content: "\f33a";
}

.ion-md-open:before {
  content: "\f33b";
}

.ion-md-options:before {
  content: "\f33c";
}

.ion-md-outlet:before {
  content: "\f33d";
}

.ion-md-paper:before {
  content: "\f33f";
}

.ion-md-paper-plane:before {
  content: "\f33e";
}

.ion-md-partly-sunny:before {
  content: "\f340";
}

.ion-md-pause:before {
  content: "\f341";
}

.ion-md-paw:before {
  content: "\f342";
}

.ion-md-people:before {
  content: "\f343";
}

.ion-md-person:before {
  content: "\f345";
}

.ion-md-person-add:before {
  content: "\f344";
}

.ion-md-phone-landscape:before {
  content: "\f346";
}

.ion-md-phone-portrait:before {
  content: "\f347";
}

.ion-md-photos:before {
  content: "\f348";
}

.ion-md-pie:before {
  content: "\f349";
}

.ion-md-pin:before {
  content: "\f34a";
}

.ion-md-pint:before {
  content: "\f34b";
}

.ion-md-pizza:before {
  content: "\f354";
}

.ion-md-plane:before {
  content: "\f355";
}

.ion-md-planet:before {
  content: "\f356";
}

.ion-md-play:before {
  content: "\f357";
}

.ion-md-podium:before {
  content: "\f358";
}

.ion-md-power:before {
  content: "\f359";
}

.ion-md-pricetag:before {
  content: "\f35a";
}

.ion-md-pricetags:before {
  content: "\f35b";
}

.ion-md-print:before {
  content: "\f35c";
}

.ion-md-pulse:before {
  content: "\f35d";
}

.ion-md-qr-scanner:before {
  content: "\f35e";
}

.ion-md-quote:before {
  content: "\f35f";
}

.ion-md-radio:before {
  content: "\f362";
}

.ion-md-radio-button-off:before {
  content: "\f360";
}

.ion-md-radio-button-on:before {
  content: "\f361";
}

.ion-md-rainy:before {
  content: "\f363";
}

.ion-md-recording:before {
  content: "\f364";
}

.ion-md-redo:before {
  content: "\f365";
}

.ion-md-refresh:before {
  content: "\f366";
}

.ion-md-refresh-circle:before {
  content: "\f228";
}

.ion-md-remove:before {
  content: "\f368";
}

.ion-md-remove-circle:before {
  content: "\f367";
}

.ion-md-reorder:before {
  content: "\f369";
}

.ion-md-repeat:before {
  content: "\f36a";
}

.ion-md-resize:before {
  content: "\f36b";
}

.ion-md-restaurant:before {
  content: "\f36c";
}

.ion-md-return-left:before {
  content: "\f36d";
}

.ion-md-return-right:before {
  content: "\f36e";
}

.ion-md-reverse-camera:before {
  content: "\f36f";
}

.ion-md-rewind:before {
  content: "\f370";
}

.ion-md-ribbon:before {
  content: "\f371";
}

.ion-md-rose:before {
  content: "\f372";
}

.ion-md-sad:before {
  content: "\f373";
}

.ion-md-school:before {
  content: "\f374";
}

.ion-md-search:before {
  content: "\f375";
}

.ion-md-send:before {
  content: "\f376";
}

.ion-md-settings:before {
  content: "\f377";
}

.ion-md-share:before {
  content: "\f379";
}

.ion-md-share-alt:before {
  content: "\f378";
}

.ion-md-shirt:before {
  content: "\f37a";
}

.ion-md-shuffle:before {
  content: "\f37b";
}

.ion-md-skip-backward:before {
  content: "\f37c";
}

.ion-md-skip-forward:before {
  content: "\f37d";
}

.ion-md-snow:before {
  content: "\f37e";
}

.ion-md-speedometer:before {
  content: "\f37f";
}

.ion-md-square:before {
  content: "\f381";
}

.ion-md-square-outline:before {
  content: "\f380";
}

.ion-md-star:before {
  content: "\f384";
}

.ion-md-star-half:before {
  content: "\f382";
}

.ion-md-star-outline:before {
  content: "\f383";
}

.ion-md-stats:before {
  content: "\f385";
}

.ion-md-stopwatch:before {
  content: "\f386";
}

.ion-md-subway:before {
  content: "\f387";
}

.ion-md-sunny:before {
  content: "\f388";
}

.ion-md-swap:before {
  content: "\f389";
}

.ion-md-switch:before {
  content: "\f38a";
}

.ion-md-sync:before {
  content: "\f38b";
}

.ion-md-tablet-landscape:before {
  content: "\f38c";
}

.ion-md-tablet-portrait:before {
  content: "\f38d";
}

.ion-md-tennisball:before {
  content: "\f38e";
}

.ion-md-text:before {
  content: "\f38f";
}

.ion-md-thermometer:before {
  content: "\f390";
}

.ion-md-thumbs-down:before {
  content: "\f391";
}

.ion-md-thumbs-up:before {
  content: "\f392";
}

.ion-md-thunderstorm:before {
  content: "\f393";
}

.ion-md-time:before {
  content: "\f394";
}

.ion-md-timer:before {
  content: "\f395";
}

.ion-md-train:before {
  content: "\f396";
}

.ion-md-transgender:before {
  content: "\f397";
}

.ion-md-trash:before {
  content: "\f398";
}

.ion-md-trending-down:before {
  content: "\f399";
}

.ion-md-trending-up:before {
  content: "\f39a";
}

.ion-md-trophy:before {
  content: "\f39b";
}

.ion-md-umbrella:before {
  content: "\f39c";
}

.ion-md-undo:before {
  content: "\f39d";
}

.ion-md-unlock:before {
  content: "\f39e";
}

.ion-md-videocam:before {
  content: "\f39f";
}

.ion-md-volume-down:before {
  content: "\f3a0";
}

.ion-md-volume-mute:before {
  content: "\f3a1";
}

.ion-md-volume-off:before {
  content: "\f3a2";
}

.ion-md-volume-up:before {
  content: "\f3a3";
}

.ion-md-walk:before {
  content: "\f3a4";
}

.ion-md-warning:before {
  content: "\f3a5";
}

.ion-md-watch:before {
  content: "\f3a6";
}

.ion-md-water:before {
  content: "\f3a7";
}

.ion-md-wifi:before {
  content: "\f3a8";
}

.ion-md-wine:before {
  content: "\f3a9";
}

.ion-md-woman:before {
  content: "\f3aa";
}

@font-face {
  font-family: "Ionicons";
  src: url("../assets/fonts/ionicons.woff2?v=3.0.0-alpha.3") format("woff2"), url("../assets/fonts/ionicons.woff?v=3.0.0-alpha.3") format("woff"), url("../assets/fonts/ionicons.ttf?v=3.0.0-alpha.3") format("truetype");
  font-weight: normal;
  font-style: normal;
}

ion-icon {
  display: inline-block;
  font-family: "Ionicons";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  text-transform: none;
  speak: none;
}

ion-icon::before {
  display: inline-block;
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: local("Roboto Light"), local("Roboto-Light"), url("../assets/fonts/roboto-light.woff2") format("woff2"), url("../assets/fonts/roboto-light.woff") format("woff"), url("../assets/fonts/roboto-light.ttf") format("truetype");
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url("../assets/fonts/roboto-regular.woff2") format("woff2"), url("../assets/fonts/roboto-regular.woff") format("woff"), url("../assets/fonts/roboto-regular.ttf") format("truetype");
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: local("Roboto Medium"), local("Roboto-Medium"), url("../assets/fonts/roboto-medium.woff2") format("woff2"), url("../assets/fonts/roboto-medium.woff") format("woff"), url("../assets/fonts/roboto-medium.ttf") format("truetype");
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url("../assets/fonts/roboto-bold.woff2") format("woff2"), url("../assets/fonts/roboto-bold.woff") format("woff"), url("../assets/fonts/roboto-bold.ttf") format("truetype");
}

@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 300;
  src: local("Noto Sans"), local("Noto-Sans-Regular"), url("../assets/fonts/noto-sans-regular.woff") format("woff"), url("../assets/fonts/noto-sans-regular.ttf") format("truetype");
}

@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans"), local("Noto-Sans-Regular"), url("../assets/fonts/noto-sans-regular.woff") format("woff"), url("../assets/fonts/noto-sans-regular.ttf") format("truetype");
}

@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 500;
  src: local("Noto Sans Bold"), local("Noto-Sans-Bold"), url("../assets/fonts/noto-sans-bold.woff") format("woff"), url("../assets/fonts/noto-sans-bold.ttf") format("truetype");
}

@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Noto Sans Bold"), local("Noto-Sans-Bold"), url("../assets/fonts/noto-sans-bold.woff") format("woff"), url("../assets/fonts/noto-sans-bold.ttf") format("truetype");
}

ion-action-sheet {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 1000;
  display: block;
  width: 100%;
  height: 100%;
}

.action-sheet-wrapper {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform: translate3d(0,  100%,  0);
  transform: translate3d(0,  100%,  0);
  position: absolute;
  z-index: 10;
  display: block;
  width: 100%;
  max-width: 500px;
  pointer-events: none;
}

.action-sheet-button {
  width: 100%;
}

.action-sheet-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 100%;
  max-height: 100%;
}

.action-sheet-group {
  overflow: scroll;
  -webkit-flex-shrink: 2;
  -ms-flex-negative: 2;
  flex-shrink: 2;
  pointer-events: all;
}

.action-sheet-group-cancel {
  overflow: hidden;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.action-sheet-ios {
  text-align: center;
}

.action-sheet-ios .action-sheet-wrapper {
  margin: constant(safe-area-inset-top) auto constant(safe-area-inset-bottom);
  margin: env(safe-area-inset-top) auto env(safe-area-inset-bottom);
}

.action-sheet-ios .action-sheet-container {
  padding: 0 10px;
}

.action-sheet-ios .action-sheet-group {
  border-radius: 13px;
  margin-bottom: 8px;
  background: #f9f9f9;
}

.action-sheet-ios .action-sheet-group:first-child {
  margin-top: 10px;
}

.action-sheet-ios .action-sheet-group:last-child {
  margin-bottom: 10px;
}

.action-sheet-ios .action-sheet-title {
  padding: 1.5rem;
  text-align: center;
  border-radius: 0;
  border-bottom: 0.55px solid #d6d6da;
  font-size: 1.3rem;
  font-weight: 400;
  color: #8f8f8f;
}

.action-sheet-ios .action-sheet-button {
  margin: 0;
  padding: 18px;
  min-height: 5.6rem;
  border-bottom: 0.55px solid #d6d6da;
  font-size: 2rem;
  color: #007aff;
  background: transparent;
}

.action-sheet-ios .action-sheet-button:last-child {
  border-bottom-color: transparent;
}

.action-sheet-ios .action-sheet-button.activated {
  margin-top: -0.55px;
  border-top: 0.55px solid #ebebeb;
  border-bottom-color: #ebebeb;
  background: #ebebeb;
}

.action-sheet-ios .action-sheet-selected {
  font-weight: bold;
  background: #fff;
}

.action-sheet-ios .action-sheet-destructive {
  color: #f53d3d;
}

.action-sheet-ios .action-sheet-cancel {
  font-weight: 600;
  background: #fff;
}

.action-sheet-md .action-sheet-title {
  text-align: left;
  text-align: start;
  font-size: 1.6rem;
  color: #757575;
  padding: 11px 16px 17px;
}

.action-sheet-md .action-sheet-button {
  text-align: left;
  text-align: start;
  position: relative;
  overflow: hidden;
  min-height: 4.8rem;
  font-size: 1.6rem;
  color: #222;
  background: transparent;
  padding: 0 16px;
}

.action-sheet-md .action-sheet-button.activated {
  background: #f1f1f1;
}

.action-sheet-md .action-sheet-icon {
  padding: 0;
  text-align: center;
  width: 2.3rem;
  font-size: 2.4rem;
  vertical-align: middle;
  margin: 0 32px 0 0;
}

.action-sheet-md .action-sheet-group {
  background: #fafafa;
}

.action-sheet-md .action-sheet-group:first-child {
  padding-top: 0.8rem;
}

.action-sheet-md .action-sheet-group:last-child {
  padding-bottom: 0.8rem;
}

.action-sheet-md .action-sheet-group .button-inner {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.action-sheet-md .action-sheet-selected {
  font-weight: bold;
}

.action-sheet-wp .action-sheet-title {
  text-align: left;
  text-align: start;
  font-size: 2rem;
  color: #4d4d4d;
  padding: 11px 16px 17px;
}

.action-sheet-wp .action-sheet-button {
  text-align: left;
  text-align: start;
  min-height: 4.8rem;
  font-size: 1.5rem;
  color: #4d4d4d;
  background: transparent;
  padding: 0 16px;
}

.action-sheet-wp .action-sheet-button.activated {
  background: #aaa;
}

.action-sheet-wp .action-sheet-icon {
  padding: 0;
  text-align: center;
  width: 2.3rem;
  font-size: 2.4rem;
  vertical-align: middle;
  margin: 0 20px 0 0;
}

.action-sheet-wp .action-sheet-group {
  background: #fff;
}

.action-sheet-wp .action-sheet-group:first-child {
  padding-top: 0.8rem;
  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.action-sheet-wp .action-sheet-group:last-child {
  padding-bottom: 0.8rem;
}

.action-sheet-wp .action-sheet-group .button-inner {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.action-sheet-wp .action-sheet-selected {
  font-weight: bold;
}

.action-sheet-wp .action-sheet-cancel {
  background: transparent;
}

ion-alert {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  contain: strict;
}

ion-alert.alert-top {
  padding-top: 50px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

ion-alert input {
  width: 100%;
}

.alert-wrapper {
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 250px;
  max-height: 90%;
  opacity: 0;
  contain: content;
}

.alert-title {
  margin: 0;
  padding: 0;
}

.alert-sub-title {
  margin: 5px 0 0;
  padding: 0;
  font-weight: normal;
}

.alert-message {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.alert-input {
  padding: 10px 0;
  border: 0;
  background: inherit;
}

.alert-input::-moz-placeholder {
  color: #999;
}

.alert-input:-ms-input-placeholder {
  color: #999;
}

.alert-input::-webkit-input-placeholder {
  text-indent: 0;
  color: #999;
}

.alert-button-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.alert-button-group-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.alert-button {
  margin: 0;
  z-index: 0;
  display: block;
  font-size: 14px;
  line-height: 20px;
}

.alert-tappable {
  text-align: left;
  text-align: start;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: inherit;
  line-height: initial;
  background: transparent;
}

.alert-ios .alert-wrapper {
  border-radius: 13px;
  overflow: hidden;
  max-width: 270px;
  background-color: #f8f8f8;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.alert-ios .alert-head {
  text-align: center;
  padding: 12px 16px 7px;
}

.alert-ios .alert-title {
  margin-top: 8px;
  font-size: 17px;
  font-weight: 600;
}

.alert-ios .alert-sub-title {
  font-size: 14px;
  color: #666;
}

.alert-ios .alert-message,
.alert-ios .alert-input-group {
  text-align: center;
  font-size: 13px;
  color: inherit;
  padding: 0 16px 21px;
}

.alert-ios .alert-message {
  max-height: 240px;
}

.alert-ios .alert-message:empty {
  padding: 0 0 12px;
}

.alert-ios .alert-input {
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  margin-top: 10px;
  border-radius: 4px;
  border: 0.55px solid #ccc;
  background-color: #fff;
  padding: 6px;
}

.alert-ios .alert-radio-group,
.alert-ios .alert-checkbox-group {
  overflow: scroll;
  max-height: 240px;
  border-top: 0.55px solid #dbdbdf;
  -webkit-overflow-scrolling: touch;
}

.alert-ios .alert-tappable {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 44px;
}

.alert-ios .alert-radio-label {
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: initial;
  padding: 13px;
}

.alert-ios [aria-checked=true] .alert-radio-label {
  color: #0099ff;
}

.alert-ios .alert-radio-icon {
  position: relative;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  min-width: 30px;
}

.alert-ios [aria-checked=true] .alert-radio-inner {
  left: 7px;
  top: -7px;
  position: absolute;
  width: 6px;
  height: 12px;
  border-width: 2px;
  border-top-width: 0;
  border-left-width: 0;
  border-style: solid;
  border-color: #0099ff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.alert-ios .alert-checkbox-label {
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: initial;
  padding: 13px;
}

.alert-ios [aria-checked=true] .alert-checkbox-label {
  color: initial;
}

.alert-ios .alert-checkbox-icon {
  border-radius: 50%;
  position: relative;
  width: 21px;
  height: 21px;
  border-width: 0.55px;
  border-style: solid;
  border-color: #c8c7cc;
  background-color: #fff;
  margin: 10px 6px 10px 16px;
}

.alert-ios [aria-checked=true] .alert-checkbox-icon {
  border-color: #0099ff;
  background-color: #0099ff;
}

.alert-ios [aria-checked=true] .alert-checkbox-inner {
  left: 7px;
  top: 4px;
  position: absolute;
  width: 4px;
  height: 9px;
  border-width: 0.55px;
  border-top-width: 0;
  border-left-width: 0;
  border-style: solid;
  border-color: #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.alert-ios .alert-button-group {
  margin-right: -0.55px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.alert-ios .alert-button {
  margin: 0;
  border-radius: 0;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 50%;
  height: 44px;
  border-top: 0.55px solid #dbdbdf;
  border-right: 0.55px solid #dbdbdf;
  font-size: 17px;
  color: #0099ff;
  background-color: transparent;
}

.alert-ios .alert-button:last-child {
  border-right: 0;
  font-weight: bold;
}

.alert-ios .alert-button.activated {
  background-color: #e9e9e9;
}

.alert-md .alert-wrapper {
  border-radius: 2px;
  max-width: 280px;
  background-color: #fafafa;
  -webkit-box-shadow: 0 16px 20px rgba(0, 0, 0, 0.4);
  box-shadow: 0 16px 20px rgba(0, 0, 0, 0.4);
}

.alert-md .alert-head {
  text-align: left;
  text-align: start;
  padding: 24px 24px 20px;
}

.alert-md .alert-title {
  font-size: 22px;
}

.alert-md .alert-sub-title {
  font-size: 16px;
}

.alert-md .alert-message,
.alert-md .alert-input-group {
  color: rgba(0, 0, 0, 0.5);
  padding: 0 24px 24px;
}

.alert-md .alert-message {
  max-height: 240px;
  font-size: 15px;
}

.alert-md .alert-message:empty {
  padding: 0;
}

.alert-md .alert-input {
  margin: 5px 0;
  border-bottom: 1px solid #dedede;
  color: #000;
}

.alert-md .alert-input:focus {
  margin-bottom: 4px;
  border-bottom: 2px solid #0099ff;
}

.alert-md .alert-radio-group,
.alert-md .alert-checkbox-group {
  position: relative;
  overflow: auto;
  max-height: 240px;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}

.alert-md .alert-tappable {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  min-height: 4.4rem;
}

.alert-md .alert-radio-label {
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: initial;
  padding: 13px 26px;
}

.alert-md .alert-radio-icon {
  left: 13px;
  top: 0;
  border-radius: 50%;
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
  border-width: 2px;
  border-style: solid;
  border-color: #787878;
}

.alert-md .alert-radio-inner {
  left: 2px;
  top: 2px;
  border-radius: 50%;
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: #0099ff;
  -webkit-transform: scale3d(0, 0, 0);
  transform: scale3d(0, 0, 0);
  -webkit-transition: -webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 280ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);
}

.alert-md [aria-checked=true] .alert-radio-label {
  color: #0099ff;
}

.alert-md [aria-checked=true] .alert-radio-icon {
  border-color: #0099ff;
}

.alert-md [aria-checked=true] .alert-radio-inner {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.alert-md .alert-checkbox-label {
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: initial;
  padding: 13px 26px;
}

.alert-md [aria-checked=true] .alert-checkbox-label {
  color: initial;
}

.alert-md .alert-checkbox-icon {
  left: 13px;
  top: 0;
  border-radius: 2px;
  position: relative;
  width: 16px;
  height: 16px;
  border-width: 2px;
  border-style: solid;
  border-color: #787878;
}

.alert-md [aria-checked=true] .alert-checkbox-icon {
  border-color: #0099ff;
  background-color: #0099ff;
}

.alert-md [aria-checked=true] .alert-checkbox-inner {
  left: 3px;
  top: 0;
  position: absolute;
  width: 6px;
  height: 10px;
  border-width: 2px;
  border-top-width: 0;
  border-left-width: 0;
  border-style: solid;
  border-color: #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.alert-md .alert-button-group {
  -webkit-flex-wrap: wrap-reverse;
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 8px 8px 8px 24px;
}

.alert-md .alert-button {
  text-align: right;
  text-align: end;
  border-radius: 2px;
  position: relative;
  overflow: hidden;
  font-weight: 500;
  text-transform: uppercase;
  color: #0099ff;
  background-color: transparent;
  margin: 0 8px 0 0;
  padding: 10px;
}

.alert-md .alert-button.activated {
  background-color: rgba(158, 158, 158, 0.2);
}

.alert-md .alert-button .button-inner {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.alert-wp ion-backdrop {
  background: #fff;
}

.alert-wp .alert-wrapper {
  border-radius: 0;
  width: 100%;
  max-width: 520px;
  border: 1px solid #0099ff;
  background: #e6e6e6;
}

.alert-wp .alert-head {
  text-align: left;
  text-align: start;
  padding: 20px 22px 5px;
}

.alert-wp .alert-title {
  font-size: 20px;
  font-weight: 400;
}

.alert-wp .alert-sub-title {
  font-size: 16px;
}

.alert-wp .alert-message,
.alert-wp .alert-input-group {
  color: #000;
  padding: 0 22px 8px;
}

.alert-wp .alert-message {
  max-height: 240px;
  font-size: 13px;
}

.alert-wp .alert-message:empty {
  padding: 0;
}

.alert-wp .alert-input {
  border: 2px solid rgba(0, 0, 0, 0.5);
  line-height: 3rem;
  color: #000;
  margin: 5px 0;
  padding: 0 8px;
}

.alert-wp .alert-input:focus {
  border-color: #0099ff;
}

.alert-wp .alert-radio-group,
.alert-wp .alert-checkbox-group {
  position: relative;
  overflow: auto;
  max-height: 240px;
}

.alert-wp .alert-tappable {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  min-height: 4.4rem;
}

.alert-wp .alert-radio-label {
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: initial;
  padding: 13px 26px;
}

.alert-wp .alert-radio-icon {
  left: 13px;
  top: 0;
  margin: 0;
  border-radius: 50%;
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
  border-width: 2px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.5);
}

.alert-wp .alert-radio-inner {
  left: 2px;
  top: 2px;
  border-radius: 50%;
  position: absolute;
  display: none;
  width: 8px;
  height: 8px;
  background: #0099ff;
}

.alert-wp [aria-checked=true] .alert-radio-label {
  color: #000;
}

.alert-wp [aria-checked=true] .alert-radio-icon {
  border-color: rgba(0, 0, 0, 0.5);
}

.alert-wp [aria-checked=true] .alert-radio-inner {
  display: block;
}

.alert-wp .alert-checkbox-label {
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: initial;
  padding: 13px 26px;
}

.alert-wp [aria-checked=true] .alert-checkbox-label {
  color: initial;
}

.alert-wp .alert-checkbox-icon {
  left: 13px;
  top: 0;
  border-radius: 0;
  position: relative;
  width: 16px;
  height: 16px;
  border-width: 2px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.5);
  background: transparent;
}

.alert-wp [aria-checked=true] .alert-checkbox-icon {
  border-color: #0099ff;
  background: #0099ff;
}

.alert-wp [aria-checked=true] .alert-checkbox-inner {
  left: 3px;
  top: -2px;
  position: absolute;
  width: 6px;
  height: 12px;
  border-width: 1px;
  border-top-width: 0;
  border-left-width: 0;
  border-style: solid;
  border-color: #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.alert-wp .alert-button-group {
  -webkit-flex-wrap: wrap-reverse;
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 20px 22px;
}

.alert-wp .alert-button-group-vertical .alert-button {
  margin-top: 5px;
  width: 100%;
}

.alert-wp .alert-button-group-vertical .alert-button:first-child:not(:only-child) {
  margin-right: 0;
  margin-top: 0;
}

.alert-wp .alert-button {
  border-radius: 0;
  width: 49.5%;
  font-weight: 400;
  color: #000;
  background: #b8b8b8;
  padding: 5px;
}

.alert-wp .alert-button:first-child:not(:only-child) {
  margin-right: 1%;
}

.alert-wp .alert-button.activated {
  background: darkgray;
}

audio,
canvas,
progress,
video {
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

b,
strong {
  font-weight: bold;
}

img {
  max-width: 100%;
  border: 0;
}

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

figure {
  margin: 1em 40px;
}

hr {
  height: 1px;
  border-width: 0;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

pre {
  overflow: auto;
}

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

label,
input,
select,
textarea {
  font-family: inherit;
  line-height: normal;
}

textarea {
  overflow: auto;
  height: auto;
  font: inherit;
  color: inherit;
}

textarea::-webkit-input-placeholder {
  padding-left: 2px;
}

textarea::-moz-placeholder {
  padding-left: 2px;
}

textarea::-ms-input-placeholder {
  padding-left: 2px;
}

textarea::placeholder {
  padding-left: 2px;
}

form,
input,
optgroup,
select {
  margin: 0;
  font: inherit;
  color: inherit;
}

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

a,
a div,
a span,
a ion-icon,
a ion-label,
button,
button div,
button span,
button ion-icon,
button ion-label,
[tappable],
[tappable] div,
[tappable] span,
[tappable] ion-icon,
[tappable] ion-label,
input,
textarea {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

a ion-label,
button ion-label {
  pointer-events: none;
}

button {
  border: 0;
  font-family: inherit;
  font-style: inherit;
  font-variant: inherit;
  line-height: 1;
  text-transform: none;
  cursor: pointer;
  -webkit-appearance: button;
}

[tappable] {
  cursor: pointer;
}

a[disabled],
button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

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

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

.hide,
[hidden],
template {
  display: none !important;
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

:focus,
:active {
  outline: none;
}

.focus-outline :focus {
  outline: thin dotted;
  outline-offset: -1px;
}

.focus-outline button:focus,
.focus-outline [ion-button]:focus {
  border-color: #51a7e8;
  outline: 2px solid #51a7e8;
  -webkit-box-shadow: 0 0 8px 1px #51a7e8;
  box-shadow: 0 0 8px 1px #51a7e8;
}

ion-input :focus {
  outline: none;
}

.click-block {
  display: none;
}

.click-block-enabled {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-transform: translate3d(0,  -100%,  0) translateY(1px);
  transform: translate3d(0,  -100%,  0) translateY(1px);
  position: absolute;
  z-index: 99999;
  display: block;
  opacity: 0;
  contain: strict;
}

.click-block-active {
  -webkit-transform: translate3d(0,  0,  0);
  transform: translate3d(0,  0,  0);
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

html {
  width: 100%;
  height: 100%;
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  margin: 0;
  padding: 0;
  position: fixed;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -webkit-user-drag: none;
  -ms-content-zooming: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  word-wrap: break-word;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

a {
  background-color: transparent;
}

.enable-hover a:hover {
  opacity: .7;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 1.6rem;
  margin-bottom: 1rem;
  font-weight: 500;
  line-height: 1.2;
}

[padding] h1:first-child,
[padding] h2:first-child,
[padding] h3:first-child,
[padding] h4:first-child,
[padding] h5:first-child,
[padding] h6:first-child {
  margin-top: -0.3rem;
}

h1 + h2,
h1 + h3,
h2 + h3 {
  margin-top: -0.3rem;
}

h1 {
  margin-top: 2rem;
  font-size: 2.6rem;
}

h2 {
  margin-top: 1.8rem;
  font-size: 2.4rem;
}

h3 {
  font-size: 2.2rem;
}

h4 {
  font-size: 2rem;
}

h5 {
  font-size: 1.8rem;
}

h6 {
  font-size: 1.6rem;
}

small {
  font-size: 75%;
}

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

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

ion-app,
ion-nav,
ion-tab,
ion-tabs,
.app-root {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
}

ion-nav,
ion-tab,
ion-tabs {
  overflow: hidden;
}

ion-tab {
  display: none;
}

ion-tab.show-tab {
  display: block;
}

ion-app,
ion-nav,
ion-tab,
ion-tabs,
.app-root,
.ion-page {
  contain: strict;
}

.ion-page {
  left: 0;
  top: 0;
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.ion-page.show-page {
  opacity: 1;
}

ion-header {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 10;
  display: block;
  width: 100%;
}

ion-footer {
  left: 0;
  bottom: 0;
  position: absolute;
  z-index: 10;
  display: block;
  width: 100%;
}

[app-viewport],
[overlay-portal],
[nav-viewport],
[tab-portal],
.nav-decor {
  display: none;
}

[text-center] {
  text-align: center !important;
}

[text-justify] {
  text-align: justify !important;
}

[text-start] {
  text-align: left;
  text-align: start !important;
}

[text-end] {
  text-align: right;
  text-align: end !important;
}

[text-left] {
  text-align: left !important;
}

[text-right] {
  text-align: right !important;
}

[text-nowrap] {
  white-space: nowrap !important;
}

[text-wrap] {
  white-space: normal !important;
}

@media (min-width: 576px) {
  [text-sm-center] {
    text-align: center !important;
  }
  [text-sm-justify] {
    text-align: justify !important;
  }
  [text-sm-start] {
    text-align: left;
    text-align: start !important;
  }
  [text-sm-end] {
    text-align: right;
    text-align: end !important;
  }
  [text-sm-left] {
    text-align: left !important;
  }
  [text-sm-right] {
    text-align: right !important;
  }
  [text-sm-nowrap] {
    white-space: nowrap !important;
  }
  [text-sm-wrap] {
    white-space: normal !important;
  }
}

@media (min-width: 768px) {
  [text-md-center] {
    text-align: center !important;
  }
  [text-md-justify] {
    text-align: justify !important;
  }
  [text-md-start] {
    text-align: left;
    text-align: start !important;
  }
  [text-md-end] {
    text-align: right;
    text-align: end !important;
  }
  [text-md-left] {
    text-align: left !important;
  }
  [text-md-right] {
    text-align: right !important;
  }
  [text-md-nowrap] {
    white-space: nowrap !important;
  }
  [text-md-wrap] {
    white-space: normal !important;
  }
}

@media (min-width: 992px) {
  [text-lg-center] {
    text-align: center !important;
  }
  [text-lg-justify] {
    text-align: justify !important;
  }
  [text-lg-start] {
    text-align: left;
    text-align: start !important;
  }
  [text-lg-end] {
    text-align: right;
    text-align: end !important;
  }
  [text-lg-left] {
    text-align: left !important;
  }
  [text-lg-right] {
    text-align: right !important;
  }
  [text-lg-nowrap] {
    white-space: nowrap !important;
  }
  [text-lg-wrap] {
    white-space: normal !important;
  }
}

@media (min-width: 1200px) {
  [text-xl-center] {
    text-align: center !important;
  }
  [text-xl-justify] {
    text-align: justify !important;
  }
  [text-xl-start] {
    text-align: left;
    text-align: start !important;
  }
  [text-xl-end] {
    text-align: right;
    text-align: end !important;
  }
  [text-xl-left] {
    text-align: left !important;
  }
  [text-xl-right] {
    text-align: right !important;
  }
  [text-xl-nowrap] {
    white-space: nowrap !important;
  }
  [text-xl-wrap] {
    white-space: normal !important;
  }
}

[text-uppercase] {
  text-transform: uppercase !important;
}

[text-lowercase] {
  text-transform: lowercase !important;
}

[text-capitalize] {
  text-transform: capitalize !important;
}

@media (min-width: 576px) {
  [text-sm-uppercase] {
    text-transform: uppercase !important;
  }
  [text-sm-lowercase] {
    text-transform: lowercase !important;
  }
  [text-sm-capitalize] {
    text-transform: capitalize !important;
  }
}

@media (min-width: 768px) {
  [text-md-uppercase] {
    text-transform: uppercase !important;
  }
  [text-md-lowercase] {
    text-transform: lowercase !important;
  }
  [text-md-capitalize] {
    text-transform: capitalize !important;
  }
}

@media (min-width: 992px) {
  [text-lg-uppercase] {
    text-transform: uppercase !important;
  }
  [text-lg-lowercase] {
    text-transform: lowercase !important;
  }
  [text-lg-capitalize] {
    text-transform: capitalize !important;
  }
}

@media (min-width: 1200px) {
  [text-xl-uppercase] {
    text-transform: uppercase !important;
  }
  [text-xl-lowercase] {
    text-transform: lowercase !important;
  }
  [text-xl-capitalize] {
    text-transform: capitalize !important;
  }
}

[float-left] {
  float: left !important;
}

[float-right] {
  float: right !important;
}

[float-start] {
  float: left !important;
}

[float-end] {
  float: right !important;
}

@media (min-width: 576px) {
  [float-sm-left] {
    float: left !important;
  }
  [float-sm-right] {
    float: right !important;
  }
  [float-sm-start] {
    float: left !important;
  }
  [float-sm-end] {
    float: right !important;
  }
}

@media (min-width: 768px) {
  [float-md-left] {
    float: left !important;
  }
  [float-md-right] {
    float: right !important;
  }
  [float-md-start] {
    float: left !important;
  }
  [float-md-end] {
    float: right !important;
  }
}

@media (min-width: 992px) {
  [float-lg-left] {
    float: left !important;
  }
  [float-lg-right] {
    float: right !important;
  }
  [float-lg-start] {
    float: left !important;
  }
  [float-lg-end] {
    float: right !important;
  }
}

@media (min-width: 1200px) {
  [float-xl-left] {
    float: left !important;
  }
  [float-xl-right] {
    float: right !important;
  }
  [float-xl-start] {
    float: left !important;
  }
  [float-xl-end] {
    float: right !important;
  }
}

ion-app.ios {
  font-family: -apple-system, "Helvetica Neue", "Roboto", sans-serif;
  font-size: 1.4rem;
  background-color: #fff;
}

ion-app.md {
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  font-size: 1.4rem;
  background-color: #fff;
}

ion-app.wp {
  font-family: "Segoe UI", "Noto Sans", sans-serif;
  font-size: 1.4rem;
  background-color: #fff;
}

ion-backdrop {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .01;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

ion-backdrop.backdrop-no-tappable {
  cursor: auto;
}

ion-badge {
  padding: 3px 8px;
  text-align: center;
  display: inline-block;
  min-width: 10px;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1;
  white-space: nowrap;
  vertical-align: baseline;
}

ion-badge:empty {
  display: none;
}

.badge-ios {
  border-radius: 10px;
  color: #fff;
  background-color: #0099ff;
}

.badge-ios-primary {
  color: #fff;
  background-color: #0099ff;
}

.badge-ios-secondary {
  color: #fff;
  background-color: #36B37E;
}

.badge-ios-danger {
  color: #fff;
  background-color: #FF5630;
}

.badge-ios-light {
  color: #fff;
  background-color: #000;
}

.badge-ios-dark {
  color: #fff;
  background-color: #172B4D;
}

.badge-ios-snappink {
  color: #fff;
  background-color: #3687f0;
}

.badge-ios-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.badge-ios-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.badge-ios-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.badge-ios-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.badge-ios-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.badge-ios-whitecolor {
  color: #fff;
  background-color: #000;
}

.badge-ios-grey {
  color: #fff;
  background-color: #828082;
}

.badge-ios-blackcolor {
  color: #fff;
  background-color: #000;
}

.badge-ios-mildred {
  color: #fff;
  background-color: #FF0266;
}

.badge-ios-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.badge-ios-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.badge-ios-white {
  color: #000;
  background-color: #ffffff;
}

.badge-ios-magenta {
  color: #fff;
  background-color: #c404c4;
}

.badge-md {
  border-radius: 4px;
  color: #fff;
  background-color: #0099ff;
}

.badge-md-primary {
  color: #fff;
  background-color: #0099ff;
}

.badge-md-secondary {
  color: #fff;
  background-color: #36B37E;
}

.badge-md-danger {
  color: #fff;
  background-color: #FF5630;
}

.badge-md-light {
  color: #fff;
  background-color: #000;
}

.badge-md-dark {
  color: #fff;
  background-color: #172B4D;
}

.badge-md-snappink {
  color: #fff;
  background-color: #3687f0;
}

.badge-md-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.badge-md-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.badge-md-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.badge-md-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.badge-md-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.badge-md-whitecolor {
  color: #fff;
  background-color: #000;
}

.badge-md-grey {
  color: #fff;
  background-color: #828082;
}

.badge-md-blackcolor {
  color: #fff;
  background-color: #000;
}

.badge-md-mildred {
  color: #fff;
  background-color: #FF0266;
}

.badge-md-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.badge-md-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.badge-md-white {
  color: #000;
  background-color: #ffffff;
}

.badge-md-magenta {
  color: #fff;
  background-color: #c404c4;
}

.badge-wp {
  border-radius: 0;
  color: #fff;
  background-color: #0099ff;
}

.badge-wp-primary {
  color: #fff;
  background-color: #0099ff;
}

.badge-wp-secondary {
  color: #fff;
  background-color: #36B37E;
}

.badge-wp-danger {
  color: #fff;
  background-color: #FF5630;
}

.badge-wp-light {
  color: #fff;
  background-color: #000;
}

.badge-wp-dark {
  color: #fff;
  background-color: #172B4D;
}

.badge-wp-snappink {
  color: #fff;
  background-color: #3687f0;
}

.badge-wp-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.badge-wp-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.badge-wp-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.badge-wp-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.badge-wp-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.badge-wp-whitecolor {
  color: #fff;
  background-color: #000;
}

.badge-wp-grey {
  color: #fff;
  background-color: #828082;
}

.badge-wp-blackcolor {
  color: #fff;
  background-color: #000;
}

.badge-wp-mildred {
  color: #fff;
  background-color: #FF0266;
}

.badge-wp-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.badge-wp-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.badge-wp-white {
  color: #000;
  background-color: #ffffff;
}

.badge-wp-magenta {
  color: #fff;
  background-color: #c404c4;
}

.button {
  text-align: center;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  z-index: 0;
  display: inline-block;
  text-overflow: ellipsis;
  text-transform: none;
  white-space: nowrap;
  cursor: pointer;
  vertical-align: top;
  vertical-align: -webkit-baseline-middle;
  -webkit-transition: background-color, opacity 100ms linear;
  transition: background-color, opacity 100ms linear;
  -webkit-font-kerning: none;
  font-kerning: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  contain: content;
}

.button-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

[ion-button] {
  text-decoration: none;
}

a[disabled],
button[disabled],
[ion-button][disabled] {
  cursor: default;
  opacity: .4;
  pointer-events: none;
}

.button-block {
  display: block;
  clear: both;
  width: 100%;
  contain: strict;
}

.button-block::after {
  clear: both;
}

.button-full {
  display: block;
  width: 100%;
  contain: strict;
}

.button-full.button-outline {
  border-radius: 0;
  border-right-width: 0;
  border-left-width: 0;
}

[icon-left] ion-icon,
[icon-start] ion-icon {
  font-size: 1.4em;
  line-height: .67;
  pointer-events: none;
  padding-right: 0.3em;
}

[icon-right] ion-icon,
[icon-end] ion-icon {
  font-size: 1.4em;
  line-height: .67;
  pointer-events: none;
  padding-left: 0.4em;
}

.button[icon-only] {
  padding: 0;
  min-width: .9em;
}

[icon-only] ion-icon {
  padding: 0 0.5em;
  font-size: 1.8em;
  line-height: .67;
  pointer-events: none;
}

.button-ios {
  border-radius: 4px;
  height: 2.8em;
  font-size: 1.6rem;
  color: #fff;
  background-color: #0099ff;
  margin: 0.4rem 0.2rem;
  padding: 0 1em;
}

.button-ios.activated {
  background-color: #14a1ff;
  opacity: 1;
}

.button-ios:hover:not(.disable-hover) {
  opacity: 0.8;
}

.button-large-ios {
  height: 2.8em;
  font-size: 2rem;
  padding: 0 1em;
}

.button-small-ios {
  height: 2.1em;
  font-size: 1.3rem;
  padding: 0 0.9em;
}

.button-small-ios[icon-only] ion-icon {
  font-size: 1.3em;
}

.button-block-ios {
  margin-left: 0;
  margin-right: 0;
}

.button-full-ios {
  margin-left: 0;
  margin-right: 0;
  border-radius: 0;
  border-right-width: 0;
  border-left-width: 0;
}

.button-outline-ios {
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: #0099ff;
  color: #0099ff;
  background-color: transparent;
}

.button-outline-ios.activated {
  color: #fff;
  background-color: #0099ff;
  opacity: 1;
}

.button-clear-ios {
  border-color: transparent;
  color: #0099ff;
  background-color: transparent;
}

.button-clear-ios.activated {
  background-color: transparent;
  opacity: 0.4;
}

.button-clear-ios:hover:not(.disable-hover) {
  color: #0099ff;
  opacity: 0.6;
}

.button-round-ios {
  border-radius: 64px;
  padding: 0 2.6rem;
}

.button-ios-primary {
  color: #fff;
  background-color: #0099ff;
}

.button-ios-primary.activated {
  background-color: #14a1ff;
}

.button-outline-ios-primary {
  border-color: #0099ff;
  color: #0099ff;
  background-color: transparent;
}

.button-outline-ios-primary.activated {
  color: #fff;
  background-color: #0099ff;
}

.button-clear-ios-primary {
  border-color: transparent;
  color: #0099ff;
  background-color: transparent;
}

.button-clear-ios-primary.activated {
  opacity: 0.4;
}

.button-clear-ios-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.button-ios-secondary {
  color: #fff;
  background-color: #36B37E;
}

.button-ios-secondary.activated {
  background-color: #46b988;
}

.button-outline-ios-secondary {
  border-color: #36B37E;
  color: #36B37E;
  background-color: transparent;
}

.button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #36B37E;
}

.button-clear-ios-secondary {
  border-color: transparent;
  color: #36B37E;
  background-color: transparent;
}

.button-clear-ios-secondary.activated {
  opacity: 0.4;
}

.button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.button-ios-danger {
  color: #fff;
  background-color: #FF5630;
}

.button-ios-danger.activated {
  background-color: #eb4f2c;
}

.button-outline-ios-danger {
  border-color: #FF5630;
  color: #FF5630;
  background-color: transparent;
}

.button-outline-ios-danger.activated {
  color: #fff;
  background-color: #FF5630;
}

.button-clear-ios-danger {
  border-color: transparent;
  color: #FF5630;
  background-color: transparent;
}

.button-clear-ios-danger.activated {
  opacity: 0.4;
}

.button-clear-ios-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.button-ios-light {
  color: #fff;
  background-color: #000;
}

.button-ios-light.activated {
  background-color: #141414;
}

.button-outline-ios-light {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.button-outline-ios-light.activated {
  color: #fff;
  background-color: #000;
}

.button-clear-ios-light {
  border-color: transparent;
  color: #000;
  background-color: transparent;
}

.button-clear-ios-light.activated {
  opacity: 0.4;
}

.button-clear-ios-light:hover:not(.disable-hover) {
  color: #000;
}

.button-ios-dark {
  color: #fff;
  background-color: #172B4D;
}

.button-ios-dark.activated {
  background-color: #2a3c5b;
}

.button-outline-ios-dark {
  border-color: #172B4D;
  color: #172B4D;
  background-color: transparent;
}

.button-outline-ios-dark.activated {
  color: #fff;
  background-color: #172B4D;
}

.button-clear-ios-dark {
  border-color: transparent;
  color: #172B4D;
  background-color: transparent;
}

.button-clear-ios-dark.activated {
  opacity: 0.4;
}

.button-clear-ios-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.button-ios-snappink {
  color: #fff;
  background-color: #3687f0;
}

.button-ios-snappink.activated {
  background-color: #327cdd;
}

.button-outline-ios-snappink {
  border-color: #3687f0;
  color: #3687f0;
  background-color: transparent;
}

.button-outline-ios-snappink.activated {
  color: #fff;
  background-color: #3687f0;
}

.button-clear-ios-snappink {
  border-color: transparent;
  color: #3687f0;
  background-color: transparent;
}

.button-clear-ios-snappink.activated {
  opacity: 0.4;
}

.button-clear-ios-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.button-ios-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.button-ios-snapblue.activated {
  background-color: #14dbff;
}

.button-outline-ios-snapblue {
  border-color: #00d8ff;
  color: #00d8ff;
  background-color: transparent;
}

.button-outline-ios-snapblue.activated {
  color: #fff;
  background-color: #00d8ff;
}

.button-clear-ios-snapblue {
  border-color: transparent;
  color: #00d8ff;
  background-color: transparent;
}

.button-clear-ios-snapblue.activated {
  opacity: 0.4;
}

.button-clear-ios-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.button-ios-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.button-ios-snapyellow.activated {
  background-color: #ebb206;
}

.button-outline-ios-snapyellow {
  border-color: #FFC107;
  color: #FFC107;
  background-color: transparent;
}

.button-outline-ios-snapyellow.activated {
  color: #000;
  background-color: #FFC107;
}

.button-clear-ios-snapyellow {
  border-color: transparent;
  color: #FFC107;
  background-color: transparent;
}

.button-clear-ios-snapyellow.activated {
  opacity: 0.4;
}

.button-clear-ios-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.button-ios-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.button-ios-snapgreen.activated {
  background-color: #5ab55e;
}

.button-outline-ios-snapgreen {
  border-color: #4CAF50;
  color: #4CAF50;
  background-color: transparent;
}

.button-outline-ios-snapgreen.activated {
  color: #fff;
  background-color: #4CAF50;
}

.button-clear-ios-snapgreen {
  border-color: transparent;
  color: #4CAF50;
  background-color: transparent;
}

.button-clear-ios-snapgreen.activated {
  opacity: 0.4;
}

.button-clear-ios-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.button-ios-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.button-ios-snapindigo.activated {
  background-color: #4e5fbb;
}

.button-outline-ios-snapindigo {
  border-color: #3F51B5;
  color: #3F51B5;
  background-color: transparent;
}

.button-outline-ios-snapindigo.activated {
  color: #fff;
  background-color: #3F51B5;
}

.button-clear-ios-snapindigo {
  border-color: transparent;
  color: #3F51B5;
  background-color: transparent;
}

.button-clear-ios-snapindigo.activated {
  opacity: 0.4;
}

.button-clear-ios-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.button-ios-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.button-ios-backgroundgrey.activated {
  background-color: #dbdbdb;
}

.button-outline-ios-backgroundgrey {
  border-color: #EEEEEE;
  color: #EEEEEE;
  background-color: transparent;
}

.button-outline-ios-backgroundgrey.activated {
  color: #000;
  background-color: #EEEEEE;
}

.button-clear-ios-backgroundgrey {
  border-color: transparent;
  color: #EEEEEE;
  background-color: transparent;
}

.button-clear-ios-backgroundgrey.activated {
  opacity: 0.4;
}

.button-clear-ios-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.button-ios-whitecolor {
  color: #fff;
  background-color: #000;
}

.button-ios-whitecolor.activated {
  background-color: #141414;
}

.button-outline-ios-whitecolor {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.button-outline-ios-whitecolor.activated {
  color: #fff;
  background-color: #000;
}

.button-clear-ios-whitecolor {
  border-color: transparent;
  color: #000;
  background-color: transparent;
}

.button-clear-ios-whitecolor.activated {
  opacity: 0.4;
}

.button-clear-ios-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.button-ios-grey {
  color: #fff;
  background-color: #828082;
}

.button-ios-grey.activated {
  background-color: #787678;
}

.button-outline-ios-grey {
  border-color: #828082;
  color: #828082;
  background-color: transparent;
}

.button-outline-ios-grey.activated {
  color: #fff;
  background-color: #828082;
}

.button-clear-ios-grey {
  border-color: transparent;
  color: #828082;
  background-color: transparent;
}

.button-clear-ios-grey.activated {
  opacity: 0.4;
}

.button-clear-ios-grey:hover:not(.disable-hover) {
  color: #828082;
}

.button-ios-blackcolor {
  color: #fff;
  background-color: #000;
}

.button-ios-blackcolor.activated {
  background-color: #141414;
}

.button-outline-ios-blackcolor {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.button-outline-ios-blackcolor.activated {
  color: #fff;
  background-color: #000;
}

.button-clear-ios-blackcolor {
  border-color: transparent;
  color: #000;
  background-color: transparent;
}

.button-clear-ios-blackcolor.activated {
  opacity: 0.4;
}

.button-clear-ios-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.button-ios-mildred {
  color: #fff;
  background-color: #FF0266;
}

.button-ios-mildred.activated {
  background-color: #eb025e;
}

.button-outline-ios-mildred {
  border-color: #FF0266;
  color: #FF0266;
  background-color: transparent;
}

.button-outline-ios-mildred.activated {
  color: #fff;
  background-color: #FF0266;
}

.button-clear-ios-mildred {
  border-color: transparent;
  color: #FF0266;
  background-color: transparent;
}

.button-clear-ios-mildred.activated {
  opacity: 0.4;
}

.button-clear-ios-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.button-ios-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.button-ios-mildgreen.activated {
  background-color: #61dda0;
}

.button-outline-ios-mildgreen {
  border-color: #69F0AE;
  color: #69F0AE;
  background-color: transparent;
}

.button-outline-ios-mildgreen.activated {
  color: #fff;
  background-color: #69F0AE;
}

.button-clear-ios-mildgreen {
  border-color: transparent;
  color: #69F0AE;
  background-color: transparent;
}

.button-clear-ios-mildgreen.activated {
  opacity: 0.4;
}

.button-clear-ios-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.button-ios-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.button-ios-sidebar.activated {
  background-color: rgba(32, 32, 255, 0.772706);
}

.button-outline-ios-sidebar {
  border-color: #0000ffc0;
  color: #0000ffc0;
  background-color: transparent;
}

.button-outline-ios-sidebar.activated {
  color: #fff;
  background-color: #0000ffc0;
}

.button-clear-ios-sidebar {
  border-color: transparent;
  color: #0000ffc0;
  background-color: transparent;
}

.button-clear-ios-sidebar.activated {
  opacity: 0.4;
}

.button-clear-ios-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.button-ios-white {
  color: #000;
  background-color: #ffffff;
}

.button-ios-white.activated {
  background-color: #ebebeb;
}

.button-outline-ios-white {
  border-color: #ffffff;
  color: #ffffff;
  background-color: transparent;
}

.button-outline-ios-white.activated {
  color: #000;
  background-color: #ffffff;
}

.button-clear-ios-white {
  border-color: transparent;
  color: #ffffff;
  background-color: transparent;
}

.button-clear-ios-white.activated {
  opacity: 0.4;
}

.button-clear-ios-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.button-ios-magenta {
  color: #fff;
  background-color: #c404c4;
}

.button-ios-magenta.activated {
  background-color: #c918c9;
}

.button-outline-ios-magenta {
  border-color: #c404c4;
  color: #c404c4;
  background-color: transparent;
}

.button-outline-ios-magenta.activated {
  color: #fff;
  background-color: #c404c4;
}

.button-clear-ios-magenta {
  border-color: transparent;
  color: #c404c4;
  background-color: transparent;
}

.button-clear-ios-magenta.activated {
  opacity: 0.4;
}

.button-clear-ios-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.button-strong-ios {
  font-weight: 600;
}

.button-md {
  border-radius: 2px;
  overflow: hidden;
  height: 3.6rem;
  font-size: 1.4rem;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
  background-color: #0099ff;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -webkit-transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1), background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1), background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
  margin: 0.4rem 0.2rem;
  padding: 0 1.1em;
}

.button-md:hover:not(.disable-hover) {
  background-color: #0099ff;
}

.button-md.activated {
  background-color: #14a1ff;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.14), 0 3px 5px rgba(0, 0, 0, 0.21), 0 0 0 0 transparent;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.14), 0 3px 5px rgba(0, 0, 0, 0.21), 0 0 0 0 transparent;
}

.button-md .button-effect {
  background-color: #fff;
}

.button-large-md {
  height: 2.8em;
  font-size: 2rem;
  padding: 0 1em;
}

.button-small-md {
  height: 2.1em;
  font-size: 1.3rem;
  padding: 0 0.9em;
}

.button-small-md[icon-only] ion-icon {
  font-size: 1.4em;
}

.button-block-md {
  margin-left: 0;
  margin-right: 0;
}

.button-full-md {
  margin-left: 0;
  margin-right: 0;
  border-radius: 0;
  border-right-width: 0;
  border-left-width: 0;
}

.button-outline-md {
  border-width: 1px;
  border-style: solid;
  border-color: #0099ff;
  color: #0099ff;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button-outline-md:hover:not(.disable-hover) {
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-md.activated {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 1;
}

.button-outline-md .button-effect {
  background-color: #0099ff;
}

.button-clear-md {
  border-color: transparent;
  color: #0099ff;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 1;
}

.button-clear-md.activated {
  background-color: rgba(158, 158, 158, 0.2);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button-clear-md:hover:not(.disable-hover) {
  background-color: rgba(158, 158, 158, 0.1);
}

.button-clear-md .button-effect {
  background-color: #999;
}

.button-round-md {
  border-radius: 64px;
  padding: 0 2.6rem;
}

.button-md [icon-only] {
  padding: 0;
}

.button-effect {
  border-radius: 50%;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  position: absolute;
  z-index: 0;
  display: none;
  background-color: #555;
  opacity: .2;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  pointer-events: none;
  top: 0;
  left: 0;
}

.md button .button-effect {
  display: block;
}

.button-md-primary {
  color: #fff;
  background-color: #0099ff;
}

.button-md-primary:hover:not(.disable-hover) {
  background-color: #0099ff;
}

.button-md-primary.activated {
  background-color: #14a1ff;
  opacity: 1;
}

.button-md-primary .button-effect {
  background-color: #fff;
}

.button-outline-md-primary {
  border-color: #0d9eff;
  color: #0d9eff;
  background-color: transparent;
}

.button-outline-md-primary:hover:not(.disable-hover) {
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-md-primary.activated {
  background-color: transparent;
}

.button-outline-md-primary .button-effect {
  background-color: #0d9eff;
}

.button-clear-md-primary {
  border-color: transparent;
  color: #0099ff;
  background-color: transparent;
}

.button-clear-md-primary.activated {
  background-color: rgba(158, 158, 158, 0.2);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button-clear-md-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.button-md-secondary {
  color: #fff;
  background-color: #36B37E;
}

.button-md-secondary:hover:not(.disable-hover) {
  background-color: #36B37E;
}

.button-md-secondary.activated {
  background-color: #46b988;
  opacity: 1;
}

.button-md-secondary .button-effect {
  background-color: #fff;
}

.button-outline-md-secondary {
  border-color: #40b784;
  color: #40b784;
  background-color: transparent;
}

.button-outline-md-secondary:hover:not(.disable-hover) {
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-md-secondary.activated {
  background-color: transparent;
}

.button-outline-md-secondary .button-effect {
  background-color: #40b784;
}

.button-clear-md-secondary {
  border-color: transparent;
  color: #36B37E;
  background-color: transparent;
}

.button-clear-md-secondary.activated {
  background-color: rgba(158, 158, 158, 0.2);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button-clear-md-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.button-md-danger {
  color: #fff;
  background-color: #FF5630;
}

.button-md-danger:hover:not(.disable-hover) {
  background-color: #FF5630;
}

.button-md-danger.activated {
  background-color: #eb4f2c;
  opacity: 1;
}

.button-md-danger .button-effect {
  background-color: #fff;
}

.button-outline-md-danger {
  border-color: #f2522e;
  color: #f2522e;
  background-color: transparent;
}

.button-outline-md-danger:hover:not(.disable-hover) {
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-md-danger.activated {
  background-color: transparent;
}

.button-outline-md-danger .button-effect {
  background-color: #f2522e;
}

.button-clear-md-danger {
  border-color: transparent;
  color: #FF5630;
  background-color: transparent;
}

.button-clear-md-danger.activated {
  background-color: rgba(158, 158, 158, 0.2);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button-clear-md-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.button-md-light {
  color: #fff;
  background-color: #000;
}

.button-md-light:hover:not(.disable-hover) {
  background-color: #000;
}

.button-md-light.activated {
  background-color: #141414;
  opacity: 1;
}

.button-md-light .button-effect {
  background-color: #fff;
}

.button-outline-md-light {
  border-color: #0d0d0d;
  color: #0d0d0d;
  background-color: transparent;
}

.button-outline-md-light:hover:not(.disable-hover) {
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-md-light.activated {
  background-color: transparent;
}

.button-outline-md-light .button-effect {
  background-color: #0d0d0d;
}

.button-clear-md-light {
  border-color: transparent;
  color: #000;
  background-color: transparent;
}

.button-clear-md-light.activated {
  background-color: rgba(158, 158, 158, 0.2);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button-clear-md-light:hover:not(.disable-hover) {
  color: #000;
}

.button-md-dark {
  color: #fff;
  background-color: #172B4D;
}

.button-md-dark:hover:not(.disable-hover) {
  background-color: #172B4D;
}

.button-md-dark.activated {
  background-color: #2a3c5b;
  opacity: 1;
}

.button-md-dark .button-effect {
  background-color: #fff;
}

.button-outline-md-dark {
  border-color: #233656;
  color: #233656;
  background-color: transparent;
}

.button-outline-md-dark:hover:not(.disable-hover) {
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-md-dark.activated {
  background-color: transparent;
}

.button-outline-md-dark .button-effect {
  background-color: #233656;
}

.button-clear-md-dark {
  border-color: transparent;
  color: #172B4D;
  background-color: transparent;
}

.button-clear-md-dark.activated {
  background-color: rgba(158, 158, 158, 0.2);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button-clear-md-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.button-md-snappink {
  color: #fff;
  background-color: #3687f0;
}

.button-md-snappink:hover:not(.disable-hover) {
  background-color: #3687f0;
}

.button-md-snappink.activated {
  background-color: #327cdd;
  opacity: 1;
}

.button-md-snappink .button-effect {
  background-color: #fff;
}

.button-outline-md-snappink {
  border-color: #3380e4;
  color: #3380e4;
  background-color: transparent;
}

.button-outline-md-snappink:hover:not(.disable-hover) {
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-md-snappink.activated {
  background-color: transparent;
}

.button-outline-md-snappink .button-effect {
  background-color: #3380e4;
}

.button-clear-md-snappink {
  border-color: transparent;
  color: #3687f0;
  background-color: transparent;
}

.button-clear-md-snappink.activated {
  background-color: rgba(158, 158, 158, 0.2);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button-clear-md-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.button-md-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.button-md-snapblue:hover:not(.disable-hover) {
  background-color: #00d8ff;
}

.button-md-snapblue.activated {
  background-color: #14dbff;
  opacity: 1;
}

.button-md-snapblue .button-effect {
  background-color: #fff;
}

.button-outline-md-snapblue {
  border-color: #0ddaff;
  color: #0ddaff;
  background-color: transparent;
}

.button-outline-md-snapblue:hover:not(.disable-hover) {
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-md-snapblue.activated {
  background-color: transparent;
}

.button-outline-md-snapblue .button-effect {
  background-color: #0ddaff;
}

.button-clear-md-snapblue {
  border-color: transparent;
  color: #00d8ff;
  background-color: transparent;
}

.button-clear-md-snapblue.activated {
  background-color: rgba(158, 158, 158, 0.2);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button-clear-md-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.button-md-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.button-md-snapyellow:hover:not(.disable-hover) {
  background-color: #FFC107;
}

.button-md-snapyellow.activated {
  background-color: #ebb206;
  opacity: 1;
}

.button-md-snapyellow .button-effect {
  background-color: #000;
}

.button-outline-md-snapyellow {
  border-color: #f2b707;
  color: #f2b707;
  background-color: transparent;
}

.button-outline-md-snapyellow:hover:not(.disable-hover) {
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-md-snapyellow.activated {
  background-color: transparent;
}

.button-outline-md-snapyellow .button-effect {
  background-color: #f2b707;
}

.button-clear-md-snapyellow {
  border-color: transparent;
  color: #FFC107;
  background-color: transparent;
}

.button-clear-md-snapyellow.activated {
  background-color: rgba(158, 158, 158, 0.2);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button-clear-md-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.button-md-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.button-md-snapgreen:hover:not(.disable-hover) {
  background-color: #4CAF50;
}

.button-md-snapgreen.activated {
  background-color: #5ab55e;
  opacity: 1;
}

.button-md-snapgreen .button-effect {
  background-color: #fff;
}

.button-outline-md-snapgreen {
  border-color: #55b359;
  color: #55b359;
  background-color: transparent;
}

.button-outline-md-snapgreen:hover:not(.disable-hover) {
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-md-snapgreen.activated {
  background-color: transparent;
}

.button-outline-md-snapgreen .button-effect {
  background-color: #55b359;
}

.button-clear-md-snapgreen {
  border-color: transparent;
  color: #4CAF50;
  background-color: transparent;
}

.button-clear-md-snapgreen.activated {
  background-color: rgba(158, 158, 158, 0.2);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button-clear-md-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.button-md-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.button-md-snapindigo:hover:not(.disable-hover) {
  background-color: #3F51B5;
}

.button-md-snapindigo.activated {
  background-color: #4e5fbb;
  opacity: 1;
}

.button-md-snapindigo .button-effect {
  background-color: #fff;
}

.button-outline-md-snapindigo {
  border-color: #495ab9;
  color: #495ab9;
  background-color: transparent;
}

.button-outline-md-snapindigo:hover:not(.disable-hover) {
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-md-snapindigo.activated {
  background-color: transparent;
}

.button-outline-md-snapindigo .button-effect {
  background-color: #495ab9;
}

.button-clear-md-snapindigo {
  border-color: transparent;
  color: #3F51B5;
  background-color: transparent;
}

.button-clear-md-snapindigo.activated {
  background-color: rgba(158, 158, 158, 0.2);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button-clear-md-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.button-md-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.button-md-backgroundgrey:hover:not(.disable-hover) {
  background-color: #EEEEEE;
}

.button-md-backgroundgrey.activated {
  background-color: #dbdbdb;
  opacity: 1;
}

.button-md-backgroundgrey .button-effect {
  background-color: #000;
}

.button-outline-md-backgroundgrey {
  border-color: #e2e2e2;
  color: #e2e2e2;
  background-color: transparent;
}

.button-outline-md-backgroundgrey:hover:not(.disable-hover) {
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-md-backgroundgrey.activated {
  background-color: transparent;
}

.button-outline-md-backgroundgrey .button-effect {
  background-color: #e2e2e2;
}

.button-clear-md-backgroundgrey {
  border-color: transparent;
  color: #EEEEEE;
  background-color: transparent;
}

.button-clear-md-backgroundgrey.activated {
  background-color: rgba(158, 158, 158, 0.2);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button-clear-md-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.button-md-whitecolor {
  color: #fff;
  background-color: #000;
}

.button-md-whitecolor:hover:not(.disable-hover) {
  background-color: #000;
}

.button-md-whitecolor.activated {
  background-color: #141414;
  opacity: 1;
}

.button-md-whitecolor .button-effect {
  background-color: #fff;
}

.button-outline-md-whitecolor {
  border-color: #0d0d0d;
  color: #0d0d0d;
  background-color: transparent;
}

.button-outline-md-whitecolor:hover:not(.disable-hover) {
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-md-whitecolor.activated {
  background-color: transparent;
}

.button-outline-md-whitecolor .button-effect {
  background-color: #0d0d0d;
}

.button-clear-md-whitecolor {
  border-color: transparent;
  color: #000;
  background-color: transparent;
}

.button-clear-md-whitecolor.activated {
  background-color: rgba(158, 158, 158, 0.2);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button-clear-md-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.button-md-grey {
  color: #fff;
  background-color: #828082;
}

.button-md-grey:hover:not(.disable-hover) {
  background-color: #828082;
}

.button-md-grey.activated {
  background-color: #787678;
  opacity: 1;
}

.button-md-grey .button-effect {
  background-color: #fff;
}

.button-outline-md-grey {
  border-color: #7c7a7c;
  color: #7c7a7c;
  background-color: transparent;
}

.button-outline-md-grey:hover:not(.disable-hover) {
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-md-grey.activated {
  background-color: transparent;
}

.button-outline-md-grey .button-effect {
  background-color: #7c7a7c;
}

.button-clear-md-grey {
  border-color: transparent;
  color: #828082;
  background-color: transparent;
}

.button-clear-md-grey.activated {
  background-color: rgba(158, 158, 158, 0.2);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button-clear-md-grey:hover:not(.disable-hover) {
  color: #828082;
}

.button-md-blackcolor {
  color: #fff;
  background-color: #000;
}

.button-md-blackcolor:hover:not(.disable-hover) {
  background-color: #000;
}

.button-md-blackcolor.activated {
  background-color: #141414;
  opacity: 1;
}

.button-md-blackcolor .button-effect {
  background-color: #fff;
}

.button-outline-md-blackcolor {
  border-color: #0d0d0d;
  color: #0d0d0d;
  background-color: transparent;
}

.button-outline-md-blackcolor:hover:not(.disable-hover) {
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-md-blackcolor.activated {
  background-color: transparent;
}

.button-outline-md-blackcolor .button-effect {
  background-color: #0d0d0d;
}

.button-clear-md-blackcolor {
  border-color: transparent;
  color: #000;
  background-color: transparent;
}

.button-clear-md-blackcolor.activated {
  background-color: rgba(158, 158, 158, 0.2);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button-clear-md-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.button-md-mildred {
  color: #fff;
  background-color: #FF0266;
}

.button-md-mildred:hover:not(.disable-hover) {
  background-color: #FF0266;
}

.button-md-mildred.activated {
  background-color: #eb025e;
  opacity: 1;
}

.button-md-mildred .button-effect {
  background-color: #fff;
}

.button-outline-md-mildred {
  border-color: #f20261;
  color: #f20261;
  background-color: transparent;
}

.button-outline-md-mildred:hover:not(.disable-hover) {
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-md-mildred.activated {
  background-color: transparent;
}

.button-outline-md-mildred .button-effect {
  background-color: #f20261;
}

.button-clear-md-mildred {
  border-color: transparent;
  color: #FF0266;
  background-color: transparent;
}

.button-clear-md-mildred.activated {
  background-color: rgba(158, 158, 158, 0.2);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button-clear-md-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.button-md-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.button-md-mildgreen:hover:not(.disable-hover) {
  background-color: #69F0AE;
}

.button-md-mildgreen.activated {
  background-color: #61dda0;
  opacity: 1;
}

.button-md-mildgreen .button-effect {
  background-color: #fff;
}

.button-outline-md-mildgreen {
  border-color: #64e4a5;
  color: #64e4a5;
  background-color: transparent;
}

.button-outline-md-mildgreen:hover:not(.disable-hover) {
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-md-mildgreen.activated {
  background-color: transparent;
}

.button-outline-md-mildgreen .button-effect {
  background-color: #64e4a5;
}

.button-clear-md-mildgreen {
  border-color: transparent;
  color: #69F0AE;
  background-color: transparent;
}

.button-clear-md-mildgreen.activated {
  background-color: rgba(158, 158, 158, 0.2);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button-clear-md-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.button-md-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.button-md-sidebar:hover:not(.disable-hover) {
  background-color: #0000ffc0;
}

.button-md-sidebar.activated {
  background-color: rgba(32, 32, 255, 0.772706);
  opacity: 1;
}

.button-md-sidebar .button-effect {
  background-color: #fff;
}

.button-outline-md-sidebar {
  border-color: rgba(20, 20, 255, 0.765294);
  color: rgba(20, 20, 255, 0.765294);
  background-color: transparent;
}

.button-outline-md-sidebar:hover:not(.disable-hover) {
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-md-sidebar.activated {
  background-color: transparent;
}

.button-outline-md-sidebar .button-effect {
  background-color: rgba(20, 20, 255, 0.765294);
}

.button-clear-md-sidebar {
  border-color: transparent;
  color: #0000ffc0;
  background-color: transparent;
}

.button-clear-md-sidebar.activated {
  background-color: rgba(158, 158, 158, 0.2);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button-clear-md-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.button-md-white {
  color: #000;
  background-color: #ffffff;
}

.button-md-white:hover:not(.disable-hover) {
  background-color: #ffffff;
}

.button-md-white.activated {
  background-color: #ebebeb;
  opacity: 1;
}

.button-md-white .button-effect {
  background-color: #000;
}

.button-outline-md-white {
  border-color: #f2f2f2;
  color: #f2f2f2;
  background-color: transparent;
}

.button-outline-md-white:hover:not(.disable-hover) {
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-md-white.activated {
  background-color: transparent;
}

.button-outline-md-white .button-effect {
  background-color: #f2f2f2;
}

.button-clear-md-white {
  border-color: transparent;
  color: #ffffff;
  background-color: transparent;
}

.button-clear-md-white.activated {
  background-color: rgba(158, 158, 158, 0.2);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button-clear-md-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.button-md-magenta {
  color: #fff;
  background-color: #c404c4;
}

.button-md-magenta:hover:not(.disable-hover) {
  background-color: #c404c4;
}

.button-md-magenta.activated {
  background-color: #c918c9;
  opacity: 1;
}

.button-md-magenta .button-effect {
  background-color: #fff;
}

.button-outline-md-magenta {
  border-color: #c711c7;
  color: #c711c7;
  background-color: transparent;
}

.button-outline-md-magenta:hover:not(.disable-hover) {
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-md-magenta.activated {
  background-color: transparent;
}

.button-outline-md-magenta .button-effect {
  background-color: #c711c7;
}

.button-clear-md-magenta {
  border-color: transparent;
  color: #c404c4;
  background-color: transparent;
}

.button-clear-md-magenta.activated {
  background-color: rgba(158, 158, 158, 0.2);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button-clear-md-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.button-strong-md {
  font-weight: bold;
}

.button-wp {
  border-radius: 0;
  height: 3.6rem;
  border: 3px solid transparent;
  font-size: 1.4rem;
  color: #fff;
  background-color: #0099ff;
  margin: 0.4rem 0.2rem;
  padding: 0 1.1em;
}

.button-wp:hover:not(.disable-hover) {
  border-color: #14a1ff;
  background-color: #0099ff;
}

.button-wp.activated {
  background-color: #14a1ff;
}

.button-large-wp {
  height: 2.8em;
  font-size: 2rem;
  padding: 0 1em;
}

.button-small-wp {
  height: 2.1em;
  font-size: 1.3rem;
  padding: 0 0.9em;
}

.button-small-wp[icon-only] ion-icon {
  font-size: 1.4em;
}

.button-block-wp {
  margin-left: 0;
  margin-right: 0;
}

.button-full-wp {
  margin-left: 0;
  margin-right: 0;
  border-radius: 0;
  border-right-width: 0;
  border-left-width: 0;
}

.button-outline-wp {
  border-width: 1px;
  border-style: solid;
  border-color: #0099ff;
  color: #0099ff;
  background-color: transparent;
}

.button-outline-wp:hover:not(.disable-hover) {
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-wp.activated {
  background-color: rgba(0, 153, 255, 0.16);
}

.button-clear-wp {
  color: #0099ff;
  background-color: transparent;
}

.button-clear-wp.activated {
  background-color: rgba(158, 158, 158, 0.2);
}

.button-clear-wp:hover:not(.disable-hover) {
  background-color: rgba(158, 158, 158, 0.1);
}

.button-round-wp {
  border-radius: 64px;
  padding: 0 2.6rem;
}

.button-wp [icon-only] {
  padding: 0;
}

.button-wp-primary {
  color: #fff;
  background-color: #0099ff;
}

.button-wp-primary:hover:not(.disable-hover) {
  border-color: #14a1ff;
  background-color: #0099ff;
}

.button-wp-primary.activated {
  background-color: #14a1ff;
}

.button-outline-wp-primary {
  border-color: #0d9eff;
  color: #0d9eff;
  background-color: transparent;
}

.button-outline-wp-primary:hover:not(.disable-hover) {
  border-color: #0d9eff;
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-wp-primary.activated {
  background-color: rgba(13, 158, 255, 0.16);
}

.button-clear-wp-primary {
  color: #0099ff;
  background-color: transparent;
}

.button-clear-wp-primary.activated {
  background-color: rgba(158, 158, 158, 0.2);
}

.button-clear-wp-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.button-wp-secondary {
  color: #fff;
  background-color: #36B37E;
}

.button-wp-secondary:hover:not(.disable-hover) {
  border-color: #46b988;
  background-color: #36B37E;
}

.button-wp-secondary.activated {
  background-color: #46b988;
}

.button-outline-wp-secondary {
  border-color: #40b784;
  color: #40b784;
  background-color: transparent;
}

.button-outline-wp-secondary:hover:not(.disable-hover) {
  border-color: #40b784;
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-wp-secondary.activated {
  background-color: rgba(64, 183, 132, 0.16);
}

.button-clear-wp-secondary {
  color: #36B37E;
  background-color: transparent;
}

.button-clear-wp-secondary.activated {
  background-color: rgba(158, 158, 158, 0.2);
}

.button-clear-wp-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.button-wp-danger {
  color: #fff;
  background-color: #FF5630;
}

.button-wp-danger:hover:not(.disable-hover) {
  border-color: #eb4f2c;
  background-color: #FF5630;
}

.button-wp-danger.activated {
  background-color: #eb4f2c;
}

.button-outline-wp-danger {
  border-color: #f2522e;
  color: #f2522e;
  background-color: transparent;
}

.button-outline-wp-danger:hover:not(.disable-hover) {
  border-color: #f2522e;
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-wp-danger.activated {
  background-color: rgba(242, 82, 46, 0.16);
}

.button-clear-wp-danger {
  color: #FF5630;
  background-color: transparent;
}

.button-clear-wp-danger.activated {
  background-color: rgba(158, 158, 158, 0.2);
}

.button-clear-wp-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.button-wp-light {
  color: #fff;
  background-color: #000;
}

.button-wp-light:hover:not(.disable-hover) {
  border-color: #141414;
  background-color: #000;
}

.button-wp-light.activated {
  background-color: #141414;
}

.button-outline-wp-light {
  border-color: #0d0d0d;
  color: #0d0d0d;
  background-color: transparent;
}

.button-outline-wp-light:hover:not(.disable-hover) {
  border-color: #0d0d0d;
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-wp-light.activated {
  background-color: rgba(13, 13, 13, 0.16);
}

.button-clear-wp-light {
  color: #000;
  background-color: transparent;
}

.button-clear-wp-light.activated {
  background-color: rgba(158, 158, 158, 0.2);
}

.button-clear-wp-light:hover:not(.disable-hover) {
  color: #000;
}

.button-wp-dark {
  color: #fff;
  background-color: #172B4D;
}

.button-wp-dark:hover:not(.disable-hover) {
  border-color: #2a3c5b;
  background-color: #172B4D;
}

.button-wp-dark.activated {
  background-color: #2a3c5b;
}

.button-outline-wp-dark {
  border-color: #233656;
  color: #233656;
  background-color: transparent;
}

.button-outline-wp-dark:hover:not(.disable-hover) {
  border-color: #233656;
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-wp-dark.activated {
  background-color: rgba(35, 54, 86, 0.16);
}

.button-clear-wp-dark {
  color: #172B4D;
  background-color: transparent;
}

.button-clear-wp-dark.activated {
  background-color: rgba(158, 158, 158, 0.2);
}

.button-clear-wp-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.button-wp-snappink {
  color: #fff;
  background-color: #3687f0;
}

.button-wp-snappink:hover:not(.disable-hover) {
  border-color: #327cdd;
  background-color: #3687f0;
}

.button-wp-snappink.activated {
  background-color: #327cdd;
}

.button-outline-wp-snappink {
  border-color: #3380e4;
  color: #3380e4;
  background-color: transparent;
}

.button-outline-wp-snappink:hover:not(.disable-hover) {
  border-color: #3380e4;
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-wp-snappink.activated {
  background-color: rgba(51, 128, 228, 0.16);
}

.button-clear-wp-snappink {
  color: #3687f0;
  background-color: transparent;
}

.button-clear-wp-snappink.activated {
  background-color: rgba(158, 158, 158, 0.2);
}

.button-clear-wp-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.button-wp-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.button-wp-snapblue:hover:not(.disable-hover) {
  border-color: #14dbff;
  background-color: #00d8ff;
}

.button-wp-snapblue.activated {
  background-color: #14dbff;
}

.button-outline-wp-snapblue {
  border-color: #0ddaff;
  color: #0ddaff;
  background-color: transparent;
}

.button-outline-wp-snapblue:hover:not(.disable-hover) {
  border-color: #0ddaff;
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-wp-snapblue.activated {
  background-color: rgba(13, 218, 255, 0.16);
}

.button-clear-wp-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.button-clear-wp-snapblue.activated {
  background-color: rgba(158, 158, 158, 0.2);
}

.button-clear-wp-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.button-wp-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.button-wp-snapyellow:hover:not(.disable-hover) {
  border-color: #ebb206;
  background-color: #FFC107;
}

.button-wp-snapyellow.activated {
  background-color: #ebb206;
}

.button-outline-wp-snapyellow {
  border-color: #f2b707;
  color: #f2b707;
  background-color: transparent;
}

.button-outline-wp-snapyellow:hover:not(.disable-hover) {
  border-color: #f2b707;
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-wp-snapyellow.activated {
  background-color: rgba(242, 183, 7, 0.16);
}

.button-clear-wp-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.button-clear-wp-snapyellow.activated {
  background-color: rgba(158, 158, 158, 0.2);
}

.button-clear-wp-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.button-wp-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.button-wp-snapgreen:hover:not(.disable-hover) {
  border-color: #5ab55e;
  background-color: #4CAF50;
}

.button-wp-snapgreen.activated {
  background-color: #5ab55e;
}

.button-outline-wp-snapgreen {
  border-color: #55b359;
  color: #55b359;
  background-color: transparent;
}

.button-outline-wp-snapgreen:hover:not(.disable-hover) {
  border-color: #55b359;
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-wp-snapgreen.activated {
  background-color: rgba(85, 179, 89, 0.16);
}

.button-clear-wp-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.button-clear-wp-snapgreen.activated {
  background-color: rgba(158, 158, 158, 0.2);
}

.button-clear-wp-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.button-wp-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.button-wp-snapindigo:hover:not(.disable-hover) {
  border-color: #4e5fbb;
  background-color: #3F51B5;
}

.button-wp-snapindigo.activated {
  background-color: #4e5fbb;
}

.button-outline-wp-snapindigo {
  border-color: #495ab9;
  color: #495ab9;
  background-color: transparent;
}

.button-outline-wp-snapindigo:hover:not(.disable-hover) {
  border-color: #495ab9;
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-wp-snapindigo.activated {
  background-color: rgba(73, 90, 185, 0.16);
}

.button-clear-wp-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.button-clear-wp-snapindigo.activated {
  background-color: rgba(158, 158, 158, 0.2);
}

.button-clear-wp-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.button-wp-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.button-wp-backgroundgrey:hover:not(.disable-hover) {
  border-color: #dbdbdb;
  background-color: #EEEEEE;
}

.button-wp-backgroundgrey.activated {
  background-color: #dbdbdb;
}

.button-outline-wp-backgroundgrey {
  border-color: #e2e2e2;
  color: #e2e2e2;
  background-color: transparent;
}

.button-outline-wp-backgroundgrey:hover:not(.disable-hover) {
  border-color: #e2e2e2;
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-wp-backgroundgrey.activated {
  background-color: rgba(226, 226, 226, 0.16);
}

.button-clear-wp-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.button-clear-wp-backgroundgrey.activated {
  background-color: rgba(158, 158, 158, 0.2);
}

.button-clear-wp-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.button-wp-whitecolor {
  color: #fff;
  background-color: #000;
}

.button-wp-whitecolor:hover:not(.disable-hover) {
  border-color: #141414;
  background-color: #000;
}

.button-wp-whitecolor.activated {
  background-color: #141414;
}

.button-outline-wp-whitecolor {
  border-color: #0d0d0d;
  color: #0d0d0d;
  background-color: transparent;
}

.button-outline-wp-whitecolor:hover:not(.disable-hover) {
  border-color: #0d0d0d;
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-wp-whitecolor.activated {
  background-color: rgba(13, 13, 13, 0.16);
}

.button-clear-wp-whitecolor {
  color: #000;
  background-color: transparent;
}

.button-clear-wp-whitecolor.activated {
  background-color: rgba(158, 158, 158, 0.2);
}

.button-clear-wp-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.button-wp-grey {
  color: #fff;
  background-color: #828082;
}

.button-wp-grey:hover:not(.disable-hover) {
  border-color: #787678;
  background-color: #828082;
}

.button-wp-grey.activated {
  background-color: #787678;
}

.button-outline-wp-grey {
  border-color: #7c7a7c;
  color: #7c7a7c;
  background-color: transparent;
}

.button-outline-wp-grey:hover:not(.disable-hover) {
  border-color: #7c7a7c;
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-wp-grey.activated {
  background-color: rgba(124, 122, 124, 0.16);
}

.button-clear-wp-grey {
  color: #828082;
  background-color: transparent;
}

.button-clear-wp-grey.activated {
  background-color: rgba(158, 158, 158, 0.2);
}

.button-clear-wp-grey:hover:not(.disable-hover) {
  color: #828082;
}

.button-wp-blackcolor {
  color: #fff;
  background-color: #000;
}

.button-wp-blackcolor:hover:not(.disable-hover) {
  border-color: #141414;
  background-color: #000;
}

.button-wp-blackcolor.activated {
  background-color: #141414;
}

.button-outline-wp-blackcolor {
  border-color: #0d0d0d;
  color: #0d0d0d;
  background-color: transparent;
}

.button-outline-wp-blackcolor:hover:not(.disable-hover) {
  border-color: #0d0d0d;
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-wp-blackcolor.activated {
  background-color: rgba(13, 13, 13, 0.16);
}

.button-clear-wp-blackcolor {
  color: #000;
  background-color: transparent;
}

.button-clear-wp-blackcolor.activated {
  background-color: rgba(158, 158, 158, 0.2);
}

.button-clear-wp-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.button-wp-mildred {
  color: #fff;
  background-color: #FF0266;
}

.button-wp-mildred:hover:not(.disable-hover) {
  border-color: #eb025e;
  background-color: #FF0266;
}

.button-wp-mildred.activated {
  background-color: #eb025e;
}

.button-outline-wp-mildred {
  border-color: #f20261;
  color: #f20261;
  background-color: transparent;
}

.button-outline-wp-mildred:hover:not(.disable-hover) {
  border-color: #f20261;
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-wp-mildred.activated {
  background-color: rgba(242, 2, 97, 0.16);
}

.button-clear-wp-mildred {
  color: #FF0266;
  background-color: transparent;
}

.button-clear-wp-mildred.activated {
  background-color: rgba(158, 158, 158, 0.2);
}

.button-clear-wp-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.button-wp-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.button-wp-mildgreen:hover:not(.disable-hover) {
  border-color: #61dda0;
  background-color: #69F0AE;
}

.button-wp-mildgreen.activated {
  background-color: #61dda0;
}

.button-outline-wp-mildgreen {
  border-color: #64e4a5;
  color: #64e4a5;
  background-color: transparent;
}

.button-outline-wp-mildgreen:hover:not(.disable-hover) {
  border-color: #64e4a5;
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-wp-mildgreen.activated {
  background-color: rgba(100, 228, 165, 0.16);
}

.button-clear-wp-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.button-clear-wp-mildgreen.activated {
  background-color: rgba(158, 158, 158, 0.2);
}

.button-clear-wp-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.button-wp-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.button-wp-sidebar:hover:not(.disable-hover) {
  border-color: rgba(32, 32, 255, 0.772706);
  background-color: #0000ffc0;
}

.button-wp-sidebar.activated {
  background-color: rgba(32, 32, 255, 0.772706);
}

.button-outline-wp-sidebar {
  border-color: rgba(20, 20, 255, 0.765294);
  color: rgba(20, 20, 255, 0.765294);
  background-color: transparent;
}

.button-outline-wp-sidebar:hover:not(.disable-hover) {
  border-color: rgba(20, 20, 255, 0.765294);
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-wp-sidebar.activated {
  background-color: rgba(20, 20, 255, 0.16);
}

.button-clear-wp-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.button-clear-wp-sidebar.activated {
  background-color: rgba(158, 158, 158, 0.2);
}

.button-clear-wp-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.button-wp-white {
  color: #000;
  background-color: #ffffff;
}

.button-wp-white:hover:not(.disable-hover) {
  border-color: #ebebeb;
  background-color: #ffffff;
}

.button-wp-white.activated {
  background-color: #ebebeb;
}

.button-outline-wp-white {
  border-color: #f2f2f2;
  color: #f2f2f2;
  background-color: transparent;
}

.button-outline-wp-white:hover:not(.disable-hover) {
  border-color: #f2f2f2;
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-wp-white.activated {
  background-color: rgba(242, 242, 242, 0.16);
}

.button-clear-wp-white {
  color: #ffffff;
  background-color: transparent;
}

.button-clear-wp-white.activated {
  background-color: rgba(158, 158, 158, 0.2);
}

.button-clear-wp-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.button-wp-magenta {
  color: #fff;
  background-color: #c404c4;
}

.button-wp-magenta:hover:not(.disable-hover) {
  border-color: #c918c9;
  background-color: #c404c4;
}

.button-wp-magenta.activated {
  background-color: #c918c9;
}

.button-outline-wp-magenta {
  border-color: #c711c7;
  color: #c711c7;
  background-color: transparent;
}

.button-outline-wp-magenta:hover:not(.disable-hover) {
  border-color: #c711c7;
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-wp-magenta.activated {
  background-color: rgba(199, 17, 199, 0.16);
}

.button-clear-wp-magenta {
  color: #c404c4;
  background-color: transparent;
}

.button-clear-wp-magenta.activated {
  background-color: rgba(158, 158, 158, 0.2);
}

.button-clear-wp-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.button-strong-wp {
  font-weight: bold;
}

ion-card {
  display: block;
  overflow: hidden;
}

ion-card img {
  display: block;
  width: 100%;
}

ion-card-header {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

ion-card-content {
  display: block;
}

.card-ios {
  margin: 12px;
  border-radius: 2px;
  width: calc(100% - 24px);
  font-size: 1.4rem;
  background: #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.card-ios ion-list {
  margin-bottom: 0;
}

.card-ios > .item:last-child,
.card-ios > .item:last-child .item-inner,
.card-ios > .item-wrapper:last-child .item {
  border-bottom: 0;
}

.card-ios .item-ios.item-block .item-inner {
  border: 0;
}

.card-content-ios {
  padding: 13px 16px 14px;
  font-size: 1.4rem;
  line-height: 1.4;
}

.card-header-ios {
  font-size: 1.6rem;
  font-weight: 500;
  color: #333;
  padding: 16px;
}

.card-header-ios + .card-content-ios,
.card-ios .item + .card-content-ios {
  padding-top: 0;
}

.card .note-ios {
  font-size: 1.3rem;
}

.card-title-ios {
  display: block;
  font-size: 1.8rem;
  line-height: 1.2;
  color: #222;
  margin: 2px 0;
  padding: 8px 0;
}

.card-ios h1 {
  margin: 0 0 2px;
  font-size: 2.4rem;
  font-weight: normal;
}

.card-ios h2 {
  margin: 2px 0;
  font-size: 1.6rem;
  font-weight: normal;
}

.card-ios h3,
.card-ios h4,
.card-ios h5,
.card-ios h6 {
  margin: 2px 0;
  font-size: 1.4rem;
  font-weight: normal;
}

.card-ios p {
  margin: 0 0 2px;
  font-size: 1.4rem;
  color: #666;
}

.card-ios + ion-card {
  margin-top: 0;
}

.card-ios .text-ios-primary {
  color: #0099ff;
}

.card-ios-primary {
  color: #fff;
  background-color: #0099ff;
}

.card-ios-primary .card-header-ios,
.card-ios-primary .card-title-ios,
.card-ios-primary .card-content-ios,
.card-ios-primary p {
  color: #fff;
}

.card-ios-primary .text-ios-primary,
.card-ios-primary .card-header-ios-primary,
.card-ios-primary .card-title-ios-primary,
.card-ios-primary .card-content-ios-primary {
  color: #0099ff;
}

.card-ios-primary .text-ios-secondary,
.card-ios-primary .card-header-ios-secondary,
.card-ios-primary .card-title-ios-secondary,
.card-ios-primary .card-content-ios-secondary {
  color: #36B37E;
}

.card-ios-primary .text-ios-danger,
.card-ios-primary .card-header-ios-danger,
.card-ios-primary .card-title-ios-danger,
.card-ios-primary .card-content-ios-danger {
  color: #FF5630;
}

.card-ios-primary .text-ios-light,
.card-ios-primary .card-header-ios-light,
.card-ios-primary .card-title-ios-light,
.card-ios-primary .card-content-ios-light {
  color: #000;
}

.card-ios-primary .text-ios-dark,
.card-ios-primary .card-header-ios-dark,
.card-ios-primary .card-title-ios-dark,
.card-ios-primary .card-content-ios-dark {
  color: #172B4D;
}

.card-ios-primary .text-ios-snappink,
.card-ios-primary .card-header-ios-snappink,
.card-ios-primary .card-title-ios-snappink,
.card-ios-primary .card-content-ios-snappink {
  color: #3687f0;
}

.card-ios-primary .text-ios-snapblue,
.card-ios-primary .card-header-ios-snapblue,
.card-ios-primary .card-title-ios-snapblue,
.card-ios-primary .card-content-ios-snapblue {
  color: #00d8ff;
}

.card-ios-primary .text-ios-snapyellow,
.card-ios-primary .card-header-ios-snapyellow,
.card-ios-primary .card-title-ios-snapyellow,
.card-ios-primary .card-content-ios-snapyellow {
  color: #FFC107;
}

.card-ios-primary .text-ios-snapgreen,
.card-ios-primary .card-header-ios-snapgreen,
.card-ios-primary .card-title-ios-snapgreen,
.card-ios-primary .card-content-ios-snapgreen {
  color: #4CAF50;
}

.card-ios-primary .text-ios-snapindigo,
.card-ios-primary .card-header-ios-snapindigo,
.card-ios-primary .card-title-ios-snapindigo,
.card-ios-primary .card-content-ios-snapindigo {
  color: #3F51B5;
}

.card-ios-primary .text-ios-backgroundgrey,
.card-ios-primary .card-header-ios-backgroundgrey,
.card-ios-primary .card-title-ios-backgroundgrey,
.card-ios-primary .card-content-ios-backgroundgrey {
  color: #EEEEEE;
}

.card-ios-primary .text-ios-whitecolor,
.card-ios-primary .card-header-ios-whitecolor,
.card-ios-primary .card-title-ios-whitecolor,
.card-ios-primary .card-content-ios-whitecolor {
  color: #000;
}

.card-ios-primary .text-ios-grey,
.card-ios-primary .card-header-ios-grey,
.card-ios-primary .card-title-ios-grey,
.card-ios-primary .card-content-ios-grey {
  color: #828082;
}

.card-ios-primary .text-ios-blackcolor,
.card-ios-primary .card-header-ios-blackcolor,
.card-ios-primary .card-title-ios-blackcolor,
.card-ios-primary .card-content-ios-blackcolor {
  color: #000;
}

.card-ios-primary .text-ios-mildred,
.card-ios-primary .card-header-ios-mildred,
.card-ios-primary .card-title-ios-mildred,
.card-ios-primary .card-content-ios-mildred {
  color: #FF0266;
}

.card-ios-primary .text-ios-mildgreen,
.card-ios-primary .card-header-ios-mildgreen,
.card-ios-primary .card-title-ios-mildgreen,
.card-ios-primary .card-content-ios-mildgreen {
  color: #69F0AE;
}

.card-ios-primary .text-ios-sidebar,
.card-ios-primary .card-header-ios-sidebar,
.card-ios-primary .card-title-ios-sidebar,
.card-ios-primary .card-content-ios-sidebar {
  color: #0000ffc0;
}

.card-ios-primary .text-ios-white,
.card-ios-primary .card-header-ios-white,
.card-ios-primary .card-title-ios-white,
.card-ios-primary .card-content-ios-white {
  color: #ffffff;
}

.card-ios-primary .text-ios-magenta,
.card-ios-primary .card-header-ios-magenta,
.card-ios-primary .card-title-ios-magenta,
.card-ios-primary .card-content-ios-magenta {
  color: #c404c4;
}

.card-header-ios-primary,
.card-title-ios-primary,
.card-content-ios-primary {
  color: #0099ff;
}

.card-ios .text-ios-secondary {
  color: #36B37E;
}

.card-ios-secondary {
  color: #fff;
  background-color: #36B37E;
}

.card-ios-secondary .card-header-ios,
.card-ios-secondary .card-title-ios,
.card-ios-secondary .card-content-ios,
.card-ios-secondary p {
  color: #fff;
}

.card-ios-secondary .text-ios-primary,
.card-ios-secondary .card-header-ios-primary,
.card-ios-secondary .card-title-ios-primary,
.card-ios-secondary .card-content-ios-primary {
  color: #0099ff;
}

.card-ios-secondary .text-ios-secondary,
.card-ios-secondary .card-header-ios-secondary,
.card-ios-secondary .card-title-ios-secondary,
.card-ios-secondary .card-content-ios-secondary {
  color: #36B37E;
}

.card-ios-secondary .text-ios-danger,
.card-ios-secondary .card-header-ios-danger,
.card-ios-secondary .card-title-ios-danger,
.card-ios-secondary .card-content-ios-danger {
  color: #FF5630;
}

.card-ios-secondary .text-ios-light,
.card-ios-secondary .card-header-ios-light,
.card-ios-secondary .card-title-ios-light,
.card-ios-secondary .card-content-ios-light {
  color: #000;
}

.card-ios-secondary .text-ios-dark,
.card-ios-secondary .card-header-ios-dark,
.card-ios-secondary .card-title-ios-dark,
.card-ios-secondary .card-content-ios-dark {
  color: #172B4D;
}

.card-ios-secondary .text-ios-snappink,
.card-ios-secondary .card-header-ios-snappink,
.card-ios-secondary .card-title-ios-snappink,
.card-ios-secondary .card-content-ios-snappink {
  color: #3687f0;
}

.card-ios-secondary .text-ios-snapblue,
.card-ios-secondary .card-header-ios-snapblue,
.card-ios-secondary .card-title-ios-snapblue,
.card-ios-secondary .card-content-ios-snapblue {
  color: #00d8ff;
}

.card-ios-secondary .text-ios-snapyellow,
.card-ios-secondary .card-header-ios-snapyellow,
.card-ios-secondary .card-title-ios-snapyellow,
.card-ios-secondary .card-content-ios-snapyellow {
  color: #FFC107;
}

.card-ios-secondary .text-ios-snapgreen,
.card-ios-secondary .card-header-ios-snapgreen,
.card-ios-secondary .card-title-ios-snapgreen,
.card-ios-secondary .card-content-ios-snapgreen {
  color: #4CAF50;
}

.card-ios-secondary .text-ios-snapindigo,
.card-ios-secondary .card-header-ios-snapindigo,
.card-ios-secondary .card-title-ios-snapindigo,
.card-ios-secondary .card-content-ios-snapindigo {
  color: #3F51B5;
}

.card-ios-secondary .text-ios-backgroundgrey,
.card-ios-secondary .card-header-ios-backgroundgrey,
.card-ios-secondary .card-title-ios-backgroundgrey,
.card-ios-secondary .card-content-ios-backgroundgrey {
  color: #EEEEEE;
}

.card-ios-secondary .text-ios-whitecolor,
.card-ios-secondary .card-header-ios-whitecolor,
.card-ios-secondary .card-title-ios-whitecolor,
.card-ios-secondary .card-content-ios-whitecolor {
  color: #000;
}

.card-ios-secondary .text-ios-grey,
.card-ios-secondary .card-header-ios-grey,
.card-ios-secondary .card-title-ios-grey,
.card-ios-secondary .card-content-ios-grey {
  color: #828082;
}

.card-ios-secondary .text-ios-blackcolor,
.card-ios-secondary .card-header-ios-blackcolor,
.card-ios-secondary .card-title-ios-blackcolor,
.card-ios-secondary .card-content-ios-blackcolor {
  color: #000;
}

.card-ios-secondary .text-ios-mildred,
.card-ios-secondary .card-header-ios-mildred,
.card-ios-secondary .card-title-ios-mildred,
.card-ios-secondary .card-content-ios-mildred {
  color: #FF0266;
}

.card-ios-secondary .text-ios-mildgreen,
.card-ios-secondary .card-header-ios-mildgreen,
.card-ios-secondary .card-title-ios-mildgreen,
.card-ios-secondary .card-content-ios-mildgreen {
  color: #69F0AE;
}

.card-ios-secondary .text-ios-sidebar,
.card-ios-secondary .card-header-ios-sidebar,
.card-ios-secondary .card-title-ios-sidebar,
.card-ios-secondary .card-content-ios-sidebar {
  color: #0000ffc0;
}

.card-ios-secondary .text-ios-white,
.card-ios-secondary .card-header-ios-white,
.card-ios-secondary .card-title-ios-white,
.card-ios-secondary .card-content-ios-white {
  color: #ffffff;
}

.card-ios-secondary .text-ios-magenta,
.card-ios-secondary .card-header-ios-magenta,
.card-ios-secondary .card-title-ios-magenta,
.card-ios-secondary .card-content-ios-magenta {
  color: #c404c4;
}

.card-header-ios-secondary,
.card-title-ios-secondary,
.card-content-ios-secondary {
  color: #36B37E;
}

.card-ios .text-ios-danger {
  color: #FF5630;
}

.card-ios-danger {
  color: #fff;
  background-color: #FF5630;
}

.card-ios-danger .card-header-ios,
.card-ios-danger .card-title-ios,
.card-ios-danger .card-content-ios,
.card-ios-danger p {
  color: #fff;
}

.card-ios-danger .text-ios-primary,
.card-ios-danger .card-header-ios-primary,
.card-ios-danger .card-title-ios-primary,
.card-ios-danger .card-content-ios-primary {
  color: #0099ff;
}

.card-ios-danger .text-ios-secondary,
.card-ios-danger .card-header-ios-secondary,
.card-ios-danger .card-title-ios-secondary,
.card-ios-danger .card-content-ios-secondary {
  color: #36B37E;
}

.card-ios-danger .text-ios-danger,
.card-ios-danger .card-header-ios-danger,
.card-ios-danger .card-title-ios-danger,
.card-ios-danger .card-content-ios-danger {
  color: #FF5630;
}

.card-ios-danger .text-ios-light,
.card-ios-danger .card-header-ios-light,
.card-ios-danger .card-title-ios-light,
.card-ios-danger .card-content-ios-light {
  color: #000;
}

.card-ios-danger .text-ios-dark,
.card-ios-danger .card-header-ios-dark,
.card-ios-danger .card-title-ios-dark,
.card-ios-danger .card-content-ios-dark {
  color: #172B4D;
}

.card-ios-danger .text-ios-snappink,
.card-ios-danger .card-header-ios-snappink,
.card-ios-danger .card-title-ios-snappink,
.card-ios-danger .card-content-ios-snappink {
  color: #3687f0;
}

.card-ios-danger .text-ios-snapblue,
.card-ios-danger .card-header-ios-snapblue,
.card-ios-danger .card-title-ios-snapblue,
.card-ios-danger .card-content-ios-snapblue {
  color: #00d8ff;
}

.card-ios-danger .text-ios-snapyellow,
.card-ios-danger .card-header-ios-snapyellow,
.card-ios-danger .card-title-ios-snapyellow,
.card-ios-danger .card-content-ios-snapyellow {
  color: #FFC107;
}

.card-ios-danger .text-ios-snapgreen,
.card-ios-danger .card-header-ios-snapgreen,
.card-ios-danger .card-title-ios-snapgreen,
.card-ios-danger .card-content-ios-snapgreen {
  color: #4CAF50;
}

.card-ios-danger .text-ios-snapindigo,
.card-ios-danger .card-header-ios-snapindigo,
.card-ios-danger .card-title-ios-snapindigo,
.card-ios-danger .card-content-ios-snapindigo {
  color: #3F51B5;
}

.card-ios-danger .text-ios-backgroundgrey,
.card-ios-danger .card-header-ios-backgroundgrey,
.card-ios-danger .card-title-ios-backgroundgrey,
.card-ios-danger .card-content-ios-backgroundgrey {
  color: #EEEEEE;
}

.card-ios-danger .text-ios-whitecolor,
.card-ios-danger .card-header-ios-whitecolor,
.card-ios-danger .card-title-ios-whitecolor,
.card-ios-danger .card-content-ios-whitecolor {
  color: #000;
}

.card-ios-danger .text-ios-grey,
.card-ios-danger .card-header-ios-grey,
.card-ios-danger .card-title-ios-grey,
.card-ios-danger .card-content-ios-grey {
  color: #828082;
}

.card-ios-danger .text-ios-blackcolor,
.card-ios-danger .card-header-ios-blackcolor,
.card-ios-danger .card-title-ios-blackcolor,
.card-ios-danger .card-content-ios-blackcolor {
  color: #000;
}

.card-ios-danger .text-ios-mildred,
.card-ios-danger .card-header-ios-mildred,
.card-ios-danger .card-title-ios-mildred,
.card-ios-danger .card-content-ios-mildred {
  color: #FF0266;
}

.card-ios-danger .text-ios-mildgreen,
.card-ios-danger .card-header-ios-mildgreen,
.card-ios-danger .card-title-ios-mildgreen,
.card-ios-danger .card-content-ios-mildgreen {
  color: #69F0AE;
}

.card-ios-danger .text-ios-sidebar,
.card-ios-danger .card-header-ios-sidebar,
.card-ios-danger .card-title-ios-sidebar,
.card-ios-danger .card-content-ios-sidebar {
  color: #0000ffc0;
}

.card-ios-danger .text-ios-white,
.card-ios-danger .card-header-ios-white,
.card-ios-danger .card-title-ios-white,
.card-ios-danger .card-content-ios-white {
  color: #ffffff;
}

.card-ios-danger .text-ios-magenta,
.card-ios-danger .card-header-ios-magenta,
.card-ios-danger .card-title-ios-magenta,
.card-ios-danger .card-content-ios-magenta {
  color: #c404c4;
}

.card-header-ios-danger,
.card-title-ios-danger,
.card-content-ios-danger {
  color: #FF5630;
}

.card-ios .text-ios-light {
  color: #000;
}

.card-ios-light {
  color: #fff;
  background-color: #000;
}

.card-ios-light .card-header-ios,
.card-ios-light .card-title-ios,
.card-ios-light .card-content-ios,
.card-ios-light p {
  color: #fff;
}

.card-ios-light .text-ios-primary,
.card-ios-light .card-header-ios-primary,
.card-ios-light .card-title-ios-primary,
.card-ios-light .card-content-ios-primary {
  color: #0099ff;
}

.card-ios-light .text-ios-secondary,
.card-ios-light .card-header-ios-secondary,
.card-ios-light .card-title-ios-secondary,
.card-ios-light .card-content-ios-secondary {
  color: #36B37E;
}

.card-ios-light .text-ios-danger,
.card-ios-light .card-header-ios-danger,
.card-ios-light .card-title-ios-danger,
.card-ios-light .card-content-ios-danger {
  color: #FF5630;
}

.card-ios-light .text-ios-light,
.card-ios-light .card-header-ios-light,
.card-ios-light .card-title-ios-light,
.card-ios-light .card-content-ios-light {
  color: #000;
}

.card-ios-light .text-ios-dark,
.card-ios-light .card-header-ios-dark,
.card-ios-light .card-title-ios-dark,
.card-ios-light .card-content-ios-dark {
  color: #172B4D;
}

.card-ios-light .text-ios-snappink,
.card-ios-light .card-header-ios-snappink,
.card-ios-light .card-title-ios-snappink,
.card-ios-light .card-content-ios-snappink {
  color: #3687f0;
}

.card-ios-light .text-ios-snapblue,
.card-ios-light .card-header-ios-snapblue,
.card-ios-light .card-title-ios-snapblue,
.card-ios-light .card-content-ios-snapblue {
  color: #00d8ff;
}

.card-ios-light .text-ios-snapyellow,
.card-ios-light .card-header-ios-snapyellow,
.card-ios-light .card-title-ios-snapyellow,
.card-ios-light .card-content-ios-snapyellow {
  color: #FFC107;
}

.card-ios-light .text-ios-snapgreen,
.card-ios-light .card-header-ios-snapgreen,
.card-ios-light .card-title-ios-snapgreen,
.card-ios-light .card-content-ios-snapgreen {
  color: #4CAF50;
}

.card-ios-light .text-ios-snapindigo,
.card-ios-light .card-header-ios-snapindigo,
.card-ios-light .card-title-ios-snapindigo,
.card-ios-light .card-content-ios-snapindigo {
  color: #3F51B5;
}

.card-ios-light .text-ios-backgroundgrey,
.card-ios-light .card-header-ios-backgroundgrey,
.card-ios-light .card-title-ios-backgroundgrey,
.card-ios-light .card-content-ios-backgroundgrey {
  color: #EEEEEE;
}

.card-ios-light .text-ios-whitecolor,
.card-ios-light .card-header-ios-whitecolor,
.card-ios-light .card-title-ios-whitecolor,
.card-ios-light .card-content-ios-whitecolor {
  color: #000;
}

.card-ios-light .text-ios-grey,
.card-ios-light .card-header-ios-grey,
.card-ios-light .card-title-ios-grey,
.card-ios-light .card-content-ios-grey {
  color: #828082;
}

.card-ios-light .text-ios-blackcolor,
.card-ios-light .card-header-ios-blackcolor,
.card-ios-light .card-title-ios-blackcolor,
.card-ios-light .card-content-ios-blackcolor {
  color: #000;
}

.card-ios-light .text-ios-mildred,
.card-ios-light .card-header-ios-mildred,
.card-ios-light .card-title-ios-mildred,
.card-ios-light .card-content-ios-mildred {
  color: #FF0266;
}

.card-ios-light .text-ios-mildgreen,
.card-ios-light .card-header-ios-mildgreen,
.card-ios-light .card-title-ios-mildgreen,
.card-ios-light .card-content-ios-mildgreen {
  color: #69F0AE;
}

.card-ios-light .text-ios-sidebar,
.card-ios-light .card-header-ios-sidebar,
.card-ios-light .card-title-ios-sidebar,
.card-ios-light .card-content-ios-sidebar {
  color: #0000ffc0;
}

.card-ios-light .text-ios-white,
.card-ios-light .card-header-ios-white,
.card-ios-light .card-title-ios-white,
.card-ios-light .card-content-ios-white {
  color: #ffffff;
}

.card-ios-light .text-ios-magenta,
.card-ios-light .card-header-ios-magenta,
.card-ios-light .card-title-ios-magenta,
.card-ios-light .card-content-ios-magenta {
  color: #c404c4;
}

.card-header-ios-light,
.card-title-ios-light,
.card-content-ios-light {
  color: #000;
}

.card-ios .text-ios-dark {
  color: #172B4D;
}

.card-ios-dark {
  color: #fff;
  background-color: #172B4D;
}

.card-ios-dark .card-header-ios,
.card-ios-dark .card-title-ios,
.card-ios-dark .card-content-ios,
.card-ios-dark p {
  color: #fff;
}

.card-ios-dark .text-ios-primary,
.card-ios-dark .card-header-ios-primary,
.card-ios-dark .card-title-ios-primary,
.card-ios-dark .card-content-ios-primary {
  color: #0099ff;
}

.card-ios-dark .text-ios-secondary,
.card-ios-dark .card-header-ios-secondary,
.card-ios-dark .card-title-ios-secondary,
.card-ios-dark .card-content-ios-secondary {
  color: #36B37E;
}

.card-ios-dark .text-ios-danger,
.card-ios-dark .card-header-ios-danger,
.card-ios-dark .card-title-ios-danger,
.card-ios-dark .card-content-ios-danger {
  color: #FF5630;
}

.card-ios-dark .text-ios-light,
.card-ios-dark .card-header-ios-light,
.card-ios-dark .card-title-ios-light,
.card-ios-dark .card-content-ios-light {
  color: #000;
}

.card-ios-dark .text-ios-dark,
.card-ios-dark .card-header-ios-dark,
.card-ios-dark .card-title-ios-dark,
.card-ios-dark .card-content-ios-dark {
  color: #172B4D;
}

.card-ios-dark .text-ios-snappink,
.card-ios-dark .card-header-ios-snappink,
.card-ios-dark .card-title-ios-snappink,
.card-ios-dark .card-content-ios-snappink {
  color: #3687f0;
}

.card-ios-dark .text-ios-snapblue,
.card-ios-dark .card-header-ios-snapblue,
.card-ios-dark .card-title-ios-snapblue,
.card-ios-dark .card-content-ios-snapblue {
  color: #00d8ff;
}

.card-ios-dark .text-ios-snapyellow,
.card-ios-dark .card-header-ios-snapyellow,
.card-ios-dark .card-title-ios-snapyellow,
.card-ios-dark .card-content-ios-snapyellow {
  color: #FFC107;
}

.card-ios-dark .text-ios-snapgreen,
.card-ios-dark .card-header-ios-snapgreen,
.card-ios-dark .card-title-ios-snapgreen,
.card-ios-dark .card-content-ios-snapgreen {
  color: #4CAF50;
}

.card-ios-dark .text-ios-snapindigo,
.card-ios-dark .card-header-ios-snapindigo,
.card-ios-dark .card-title-ios-snapindigo,
.card-ios-dark .card-content-ios-snapindigo {
  color: #3F51B5;
}

.card-ios-dark .text-ios-backgroundgrey,
.card-ios-dark .card-header-ios-backgroundgrey,
.card-ios-dark .card-title-ios-backgroundgrey,
.card-ios-dark .card-content-ios-backgroundgrey {
  color: #EEEEEE;
}

.card-ios-dark .text-ios-whitecolor,
.card-ios-dark .card-header-ios-whitecolor,
.card-ios-dark .card-title-ios-whitecolor,
.card-ios-dark .card-content-ios-whitecolor {
  color: #000;
}

.card-ios-dark .text-ios-grey,
.card-ios-dark .card-header-ios-grey,
.card-ios-dark .card-title-ios-grey,
.card-ios-dark .card-content-ios-grey {
  color: #828082;
}

.card-ios-dark .text-ios-blackcolor,
.card-ios-dark .card-header-ios-blackcolor,
.card-ios-dark .card-title-ios-blackcolor,
.card-ios-dark .card-content-ios-blackcolor {
  color: #000;
}

.card-ios-dark .text-ios-mildred,
.card-ios-dark .card-header-ios-mildred,
.card-ios-dark .card-title-ios-mildred,
.card-ios-dark .card-content-ios-mildred {
  color: #FF0266;
}

.card-ios-dark .text-ios-mildgreen,
.card-ios-dark .card-header-ios-mildgreen,
.card-ios-dark .card-title-ios-mildgreen,
.card-ios-dark .card-content-ios-mildgreen {
  color: #69F0AE;
}

.card-ios-dark .text-ios-sidebar,
.card-ios-dark .card-header-ios-sidebar,
.card-ios-dark .card-title-ios-sidebar,
.card-ios-dark .card-content-ios-sidebar {
  color: #0000ffc0;
}

.card-ios-dark .text-ios-white,
.card-ios-dark .card-header-ios-white,
.card-ios-dark .card-title-ios-white,
.card-ios-dark .card-content-ios-white {
  color: #ffffff;
}

.card-ios-dark .text-ios-magenta,
.card-ios-dark .card-header-ios-magenta,
.card-ios-dark .card-title-ios-magenta,
.card-ios-dark .card-content-ios-magenta {
  color: #c404c4;
}

.card-header-ios-dark,
.card-title-ios-dark,
.card-content-ios-dark {
  color: #172B4D;
}

.card-ios .text-ios-snappink {
  color: #3687f0;
}

.card-ios-snappink {
  color: #fff;
  background-color: #3687f0;
}

.card-ios-snappink .card-header-ios,
.card-ios-snappink .card-title-ios,
.card-ios-snappink .card-content-ios,
.card-ios-snappink p {
  color: #fff;
}

.card-ios-snappink .text-ios-primary,
.card-ios-snappink .card-header-ios-primary,
.card-ios-snappink .card-title-ios-primary,
.card-ios-snappink .card-content-ios-primary {
  color: #0099ff;
}

.card-ios-snappink .text-ios-secondary,
.card-ios-snappink .card-header-ios-secondary,
.card-ios-snappink .card-title-ios-secondary,
.card-ios-snappink .card-content-ios-secondary {
  color: #36B37E;
}

.card-ios-snappink .text-ios-danger,
.card-ios-snappink .card-header-ios-danger,
.card-ios-snappink .card-title-ios-danger,
.card-ios-snappink .card-content-ios-danger {
  color: #FF5630;
}

.card-ios-snappink .text-ios-light,
.card-ios-snappink .card-header-ios-light,
.card-ios-snappink .card-title-ios-light,
.card-ios-snappink .card-content-ios-light {
  color: #000;
}

.card-ios-snappink .text-ios-dark,
.card-ios-snappink .card-header-ios-dark,
.card-ios-snappink .card-title-ios-dark,
.card-ios-snappink .card-content-ios-dark {
  color: #172B4D;
}

.card-ios-snappink .text-ios-snappink,
.card-ios-snappink .card-header-ios-snappink,
.card-ios-snappink .card-title-ios-snappink,
.card-ios-snappink .card-content-ios-snappink {
  color: #3687f0;
}

.card-ios-snappink .text-ios-snapblue,
.card-ios-snappink .card-header-ios-snapblue,
.card-ios-snappink .card-title-ios-snapblue,
.card-ios-snappink .card-content-ios-snapblue {
  color: #00d8ff;
}

.card-ios-snappink .text-ios-snapyellow,
.card-ios-snappink .card-header-ios-snapyellow,
.card-ios-snappink .card-title-ios-snapyellow,
.card-ios-snappink .card-content-ios-snapyellow {
  color: #FFC107;
}

.card-ios-snappink .text-ios-snapgreen,
.card-ios-snappink .card-header-ios-snapgreen,
.card-ios-snappink .card-title-ios-snapgreen,
.card-ios-snappink .card-content-ios-snapgreen {
  color: #4CAF50;
}

.card-ios-snappink .text-ios-snapindigo,
.card-ios-snappink .card-header-ios-snapindigo,
.card-ios-snappink .card-title-ios-snapindigo,
.card-ios-snappink .card-content-ios-snapindigo {
  color: #3F51B5;
}

.card-ios-snappink .text-ios-backgroundgrey,
.card-ios-snappink .card-header-ios-backgroundgrey,
.card-ios-snappink .card-title-ios-backgroundgrey,
.card-ios-snappink .card-content-ios-backgroundgrey {
  color: #EEEEEE;
}

.card-ios-snappink .text-ios-whitecolor,
.card-ios-snappink .card-header-ios-whitecolor,
.card-ios-snappink .card-title-ios-whitecolor,
.card-ios-snappink .card-content-ios-whitecolor {
  color: #000;
}

.card-ios-snappink .text-ios-grey,
.card-ios-snappink .card-header-ios-grey,
.card-ios-snappink .card-title-ios-grey,
.card-ios-snappink .card-content-ios-grey {
  color: #828082;
}

.card-ios-snappink .text-ios-blackcolor,
.card-ios-snappink .card-header-ios-blackcolor,
.card-ios-snappink .card-title-ios-blackcolor,
.card-ios-snappink .card-content-ios-blackcolor {
  color: #000;
}

.card-ios-snappink .text-ios-mildred,
.card-ios-snappink .card-header-ios-mildred,
.card-ios-snappink .card-title-ios-mildred,
.card-ios-snappink .card-content-ios-mildred {
  color: #FF0266;
}

.card-ios-snappink .text-ios-mildgreen,
.card-ios-snappink .card-header-ios-mildgreen,
.card-ios-snappink .card-title-ios-mildgreen,
.card-ios-snappink .card-content-ios-mildgreen {
  color: #69F0AE;
}

.card-ios-snappink .text-ios-sidebar,
.card-ios-snappink .card-header-ios-sidebar,
.card-ios-snappink .card-title-ios-sidebar,
.card-ios-snappink .card-content-ios-sidebar {
  color: #0000ffc0;
}

.card-ios-snappink .text-ios-white,
.card-ios-snappink .card-header-ios-white,
.card-ios-snappink .card-title-ios-white,
.card-ios-snappink .card-content-ios-white {
  color: #ffffff;
}

.card-ios-snappink .text-ios-magenta,
.card-ios-snappink .card-header-ios-magenta,
.card-ios-snappink .card-title-ios-magenta,
.card-ios-snappink .card-content-ios-magenta {
  color: #c404c4;
}

.card-header-ios-snappink,
.card-title-ios-snappink,
.card-content-ios-snappink {
  color: #3687f0;
}

.card-ios .text-ios-snapblue {
  color: #00d8ff;
}

.card-ios-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.card-ios-snapblue .card-header-ios,
.card-ios-snapblue .card-title-ios,
.card-ios-snapblue .card-content-ios,
.card-ios-snapblue p {
  color: #fff;
}

.card-ios-snapblue .text-ios-primary,
.card-ios-snapblue .card-header-ios-primary,
.card-ios-snapblue .card-title-ios-primary,
.card-ios-snapblue .card-content-ios-primary {
  color: #0099ff;
}

.card-ios-snapblue .text-ios-secondary,
.card-ios-snapblue .card-header-ios-secondary,
.card-ios-snapblue .card-title-ios-secondary,
.card-ios-snapblue .card-content-ios-secondary {
  color: #36B37E;
}

.card-ios-snapblue .text-ios-danger,
.card-ios-snapblue .card-header-ios-danger,
.card-ios-snapblue .card-title-ios-danger,
.card-ios-snapblue .card-content-ios-danger {
  color: #FF5630;
}

.card-ios-snapblue .text-ios-light,
.card-ios-snapblue .card-header-ios-light,
.card-ios-snapblue .card-title-ios-light,
.card-ios-snapblue .card-content-ios-light {
  color: #000;
}

.card-ios-snapblue .text-ios-dark,
.card-ios-snapblue .card-header-ios-dark,
.card-ios-snapblue .card-title-ios-dark,
.card-ios-snapblue .card-content-ios-dark {
  color: #172B4D;
}

.card-ios-snapblue .text-ios-snappink,
.card-ios-snapblue .card-header-ios-snappink,
.card-ios-snapblue .card-title-ios-snappink,
.card-ios-snapblue .card-content-ios-snappink {
  color: #3687f0;
}

.card-ios-snapblue .text-ios-snapblue,
.card-ios-snapblue .card-header-ios-snapblue,
.card-ios-snapblue .card-title-ios-snapblue,
.card-ios-snapblue .card-content-ios-snapblue {
  color: #00d8ff;
}

.card-ios-snapblue .text-ios-snapyellow,
.card-ios-snapblue .card-header-ios-snapyellow,
.card-ios-snapblue .card-title-ios-snapyellow,
.card-ios-snapblue .card-content-ios-snapyellow {
  color: #FFC107;
}

.card-ios-snapblue .text-ios-snapgreen,
.card-ios-snapblue .card-header-ios-snapgreen,
.card-ios-snapblue .card-title-ios-snapgreen,
.card-ios-snapblue .card-content-ios-snapgreen {
  color: #4CAF50;
}

.card-ios-snapblue .text-ios-snapindigo,
.card-ios-snapblue .card-header-ios-snapindigo,
.card-ios-snapblue .card-title-ios-snapindigo,
.card-ios-snapblue .card-content-ios-snapindigo {
  color: #3F51B5;
}

.card-ios-snapblue .text-ios-backgroundgrey,
.card-ios-snapblue .card-header-ios-backgroundgrey,
.card-ios-snapblue .card-title-ios-backgroundgrey,
.card-ios-snapblue .card-content-ios-backgroundgrey {
  color: #EEEEEE;
}

.card-ios-snapblue .text-ios-whitecolor,
.card-ios-snapblue .card-header-ios-whitecolor,
.card-ios-snapblue .card-title-ios-whitecolor,
.card-ios-snapblue .card-content-ios-whitecolor {
  color: #000;
}

.card-ios-snapblue .text-ios-grey,
.card-ios-snapblue .card-header-ios-grey,
.card-ios-snapblue .card-title-ios-grey,
.card-ios-snapblue .card-content-ios-grey {
  color: #828082;
}

.card-ios-snapblue .text-ios-blackcolor,
.card-ios-snapblue .card-header-ios-blackcolor,
.card-ios-snapblue .card-title-ios-blackcolor,
.card-ios-snapblue .card-content-ios-blackcolor {
  color: #000;
}

.card-ios-snapblue .text-ios-mildred,
.card-ios-snapblue .card-header-ios-mildred,
.card-ios-snapblue .card-title-ios-mildred,
.card-ios-snapblue .card-content-ios-mildred {
  color: #FF0266;
}

.card-ios-snapblue .text-ios-mildgreen,
.card-ios-snapblue .card-header-ios-mildgreen,
.card-ios-snapblue .card-title-ios-mildgreen,
.card-ios-snapblue .card-content-ios-mildgreen {
  color: #69F0AE;
}

.card-ios-snapblue .text-ios-sidebar,
.card-ios-snapblue .card-header-ios-sidebar,
.card-ios-snapblue .card-title-ios-sidebar,
.card-ios-snapblue .card-content-ios-sidebar {
  color: #0000ffc0;
}

.card-ios-snapblue .text-ios-white,
.card-ios-snapblue .card-header-ios-white,
.card-ios-snapblue .card-title-ios-white,
.card-ios-snapblue .card-content-ios-white {
  color: #ffffff;
}

.card-ios-snapblue .text-ios-magenta,
.card-ios-snapblue .card-header-ios-magenta,
.card-ios-snapblue .card-title-ios-magenta,
.card-ios-snapblue .card-content-ios-magenta {
  color: #c404c4;
}

.card-header-ios-snapblue,
.card-title-ios-snapblue,
.card-content-ios-snapblue {
  color: #00d8ff;
}

.card-ios .text-ios-snapyellow {
  color: #FFC107;
}

.card-ios-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.card-ios-snapyellow .card-header-ios,
.card-ios-snapyellow .card-title-ios,
.card-ios-snapyellow .card-content-ios,
.card-ios-snapyellow p {
  color: #000;
}

.card-ios-snapyellow .text-ios-primary,
.card-ios-snapyellow .card-header-ios-primary,
.card-ios-snapyellow .card-title-ios-primary,
.card-ios-snapyellow .card-content-ios-primary {
  color: #0099ff;
}

.card-ios-snapyellow .text-ios-secondary,
.card-ios-snapyellow .card-header-ios-secondary,
.card-ios-snapyellow .card-title-ios-secondary,
.card-ios-snapyellow .card-content-ios-secondary {
  color: #36B37E;
}

.card-ios-snapyellow .text-ios-danger,
.card-ios-snapyellow .card-header-ios-danger,
.card-ios-snapyellow .card-title-ios-danger,
.card-ios-snapyellow .card-content-ios-danger {
  color: #FF5630;
}

.card-ios-snapyellow .text-ios-light,
.card-ios-snapyellow .card-header-ios-light,
.card-ios-snapyellow .card-title-ios-light,
.card-ios-snapyellow .card-content-ios-light {
  color: #000;
}

.card-ios-snapyellow .text-ios-dark,
.card-ios-snapyellow .card-header-ios-dark,
.card-ios-snapyellow .card-title-ios-dark,
.card-ios-snapyellow .card-content-ios-dark {
  color: #172B4D;
}

.card-ios-snapyellow .text-ios-snappink,
.card-ios-snapyellow .card-header-ios-snappink,
.card-ios-snapyellow .card-title-ios-snappink,
.card-ios-snapyellow .card-content-ios-snappink {
  color: #3687f0;
}

.card-ios-snapyellow .text-ios-snapblue,
.card-ios-snapyellow .card-header-ios-snapblue,
.card-ios-snapyellow .card-title-ios-snapblue,
.card-ios-snapyellow .card-content-ios-snapblue {
  color: #00d8ff;
}

.card-ios-snapyellow .text-ios-snapyellow,
.card-ios-snapyellow .card-header-ios-snapyellow,
.card-ios-snapyellow .card-title-ios-snapyellow,
.card-ios-snapyellow .card-content-ios-snapyellow {
  color: #FFC107;
}

.card-ios-snapyellow .text-ios-snapgreen,
.card-ios-snapyellow .card-header-ios-snapgreen,
.card-ios-snapyellow .card-title-ios-snapgreen,
.card-ios-snapyellow .card-content-ios-snapgreen {
  color: #4CAF50;
}

.card-ios-snapyellow .text-ios-snapindigo,
.card-ios-snapyellow .card-header-ios-snapindigo,
.card-ios-snapyellow .card-title-ios-snapindigo,
.card-ios-snapyellow .card-content-ios-snapindigo {
  color: #3F51B5;
}

.card-ios-snapyellow .text-ios-backgroundgrey,
.card-ios-snapyellow .card-header-ios-backgroundgrey,
.card-ios-snapyellow .card-title-ios-backgroundgrey,
.card-ios-snapyellow .card-content-ios-backgroundgrey {
  color: #EEEEEE;
}

.card-ios-snapyellow .text-ios-whitecolor,
.card-ios-snapyellow .card-header-ios-whitecolor,
.card-ios-snapyellow .card-title-ios-whitecolor,
.card-ios-snapyellow .card-content-ios-whitecolor {
  color: #000;
}

.card-ios-snapyellow .text-ios-grey,
.card-ios-snapyellow .card-header-ios-grey,
.card-ios-snapyellow .card-title-ios-grey,
.card-ios-snapyellow .card-content-ios-grey {
  color: #828082;
}

.card-ios-snapyellow .text-ios-blackcolor,
.card-ios-snapyellow .card-header-ios-blackcolor,
.card-ios-snapyellow .card-title-ios-blackcolor,
.card-ios-snapyellow .card-content-ios-blackcolor {
  color: #000;
}

.card-ios-snapyellow .text-ios-mildred,
.card-ios-snapyellow .card-header-ios-mildred,
.card-ios-snapyellow .card-title-ios-mildred,
.card-ios-snapyellow .card-content-ios-mildred {
  color: #FF0266;
}

.card-ios-snapyellow .text-ios-mildgreen,
.card-ios-snapyellow .card-header-ios-mildgreen,
.card-ios-snapyellow .card-title-ios-mildgreen,
.card-ios-snapyellow .card-content-ios-mildgreen {
  color: #69F0AE;
}

.card-ios-snapyellow .text-ios-sidebar,
.card-ios-snapyellow .card-header-ios-sidebar,
.card-ios-snapyellow .card-title-ios-sidebar,
.card-ios-snapyellow .card-content-ios-sidebar {
  color: #0000ffc0;
}

.card-ios-snapyellow .text-ios-white,
.card-ios-snapyellow .card-header-ios-white,
.card-ios-snapyellow .card-title-ios-white,
.card-ios-snapyellow .card-content-ios-white {
  color: #ffffff;
}

.card-ios-snapyellow .text-ios-magenta,
.card-ios-snapyellow .card-header-ios-magenta,
.card-ios-snapyellow .card-title-ios-magenta,
.card-ios-snapyellow .card-content-ios-magenta {
  color: #c404c4;
}

.card-header-ios-snapyellow,
.card-title-ios-snapyellow,
.card-content-ios-snapyellow {
  color: #FFC107;
}

.card-ios .text-ios-snapgreen {
  color: #4CAF50;
}

.card-ios-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.card-ios-snapgreen .card-header-ios,
.card-ios-snapgreen .card-title-ios,
.card-ios-snapgreen .card-content-ios,
.card-ios-snapgreen p {
  color: #fff;
}

.card-ios-snapgreen .text-ios-primary,
.card-ios-snapgreen .card-header-ios-primary,
.card-ios-snapgreen .card-title-ios-primary,
.card-ios-snapgreen .card-content-ios-primary {
  color: #0099ff;
}

.card-ios-snapgreen .text-ios-secondary,
.card-ios-snapgreen .card-header-ios-secondary,
.card-ios-snapgreen .card-title-ios-secondary,
.card-ios-snapgreen .card-content-ios-secondary {
  color: #36B37E;
}

.card-ios-snapgreen .text-ios-danger,
.card-ios-snapgreen .card-header-ios-danger,
.card-ios-snapgreen .card-title-ios-danger,
.card-ios-snapgreen .card-content-ios-danger {
  color: #FF5630;
}

.card-ios-snapgreen .text-ios-light,
.card-ios-snapgreen .card-header-ios-light,
.card-ios-snapgreen .card-title-ios-light,
.card-ios-snapgreen .card-content-ios-light {
  color: #000;
}

.card-ios-snapgreen .text-ios-dark,
.card-ios-snapgreen .card-header-ios-dark,
.card-ios-snapgreen .card-title-ios-dark,
.card-ios-snapgreen .card-content-ios-dark {
  color: #172B4D;
}

.card-ios-snapgreen .text-ios-snappink,
.card-ios-snapgreen .card-header-ios-snappink,
.card-ios-snapgreen .card-title-ios-snappink,
.card-ios-snapgreen .card-content-ios-snappink {
  color: #3687f0;
}

.card-ios-snapgreen .text-ios-snapblue,
.card-ios-snapgreen .card-header-ios-snapblue,
.card-ios-snapgreen .card-title-ios-snapblue,
.card-ios-snapgreen .card-content-ios-snapblue {
  color: #00d8ff;
}

.card-ios-snapgreen .text-ios-snapyellow,
.card-ios-snapgreen .card-header-ios-snapyellow,
.card-ios-snapgreen .card-title-ios-snapyellow,
.card-ios-snapgreen .card-content-ios-snapyellow {
  color: #FFC107;
}

.card-ios-snapgreen .text-ios-snapgreen,
.card-ios-snapgreen .card-header-ios-snapgreen,
.card-ios-snapgreen .card-title-ios-snapgreen,
.card-ios-snapgreen .card-content-ios-snapgreen {
  color: #4CAF50;
}

.card-ios-snapgreen .text-ios-snapindigo,
.card-ios-snapgreen .card-header-ios-snapindigo,
.card-ios-snapgreen .card-title-ios-snapindigo,
.card-ios-snapgreen .card-content-ios-snapindigo {
  color: #3F51B5;
}

.card-ios-snapgreen .text-ios-backgroundgrey,
.card-ios-snapgreen .card-header-ios-backgroundgrey,
.card-ios-snapgreen .card-title-ios-backgroundgrey,
.card-ios-snapgreen .card-content-ios-backgroundgrey {
  color: #EEEEEE;
}

.card-ios-snapgreen .text-ios-whitecolor,
.card-ios-snapgreen .card-header-ios-whitecolor,
.card-ios-snapgreen .card-title-ios-whitecolor,
.card-ios-snapgreen .card-content-ios-whitecolor {
  color: #000;
}

.card-ios-snapgreen .text-ios-grey,
.card-ios-snapgreen .card-header-ios-grey,
.card-ios-snapgreen .card-title-ios-grey,
.card-ios-snapgreen .card-content-ios-grey {
  color: #828082;
}

.card-ios-snapgreen .text-ios-blackcolor,
.card-ios-snapgreen .card-header-ios-blackcolor,
.card-ios-snapgreen .card-title-ios-blackcolor,
.card-ios-snapgreen .card-content-ios-blackcolor {
  color: #000;
}

.card-ios-snapgreen .text-ios-mildred,
.card-ios-snapgreen .card-header-ios-mildred,
.card-ios-snapgreen .card-title-ios-mildred,
.card-ios-snapgreen .card-content-ios-mildred {
  color: #FF0266;
}

.card-ios-snapgreen .text-ios-mildgreen,
.card-ios-snapgreen .card-header-ios-mildgreen,
.card-ios-snapgreen .card-title-ios-mildgreen,
.card-ios-snapgreen .card-content-ios-mildgreen {
  color: #69F0AE;
}

.card-ios-snapgreen .text-ios-sidebar,
.card-ios-snapgreen .card-header-ios-sidebar,
.card-ios-snapgreen .card-title-ios-sidebar,
.card-ios-snapgreen .card-content-ios-sidebar {
  color: #0000ffc0;
}

.card-ios-snapgreen .text-ios-white,
.card-ios-snapgreen .card-header-ios-white,
.card-ios-snapgreen .card-title-ios-white,
.card-ios-snapgreen .card-content-ios-white {
  color: #ffffff;
}

.card-ios-snapgreen .text-ios-magenta,
.card-ios-snapgreen .card-header-ios-magenta,
.card-ios-snapgreen .card-title-ios-magenta,
.card-ios-snapgreen .card-content-ios-magenta {
  color: #c404c4;
}

.card-header-ios-snapgreen,
.card-title-ios-snapgreen,
.card-content-ios-snapgreen {
  color: #4CAF50;
}

.card-ios .text-ios-snapindigo {
  color: #3F51B5;
}

.card-ios-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.card-ios-snapindigo .card-header-ios,
.card-ios-snapindigo .card-title-ios,
.card-ios-snapindigo .card-content-ios,
.card-ios-snapindigo p {
  color: #fff;
}

.card-ios-snapindigo .text-ios-primary,
.card-ios-snapindigo .card-header-ios-primary,
.card-ios-snapindigo .card-title-ios-primary,
.card-ios-snapindigo .card-content-ios-primary {
  color: #0099ff;
}

.card-ios-snapindigo .text-ios-secondary,
.card-ios-snapindigo .card-header-ios-secondary,
.card-ios-snapindigo .card-title-ios-secondary,
.card-ios-snapindigo .card-content-ios-secondary {
  color: #36B37E;
}

.card-ios-snapindigo .text-ios-danger,
.card-ios-snapindigo .card-header-ios-danger,
.card-ios-snapindigo .card-title-ios-danger,
.card-ios-snapindigo .card-content-ios-danger {
  color: #FF5630;
}

.card-ios-snapindigo .text-ios-light,
.card-ios-snapindigo .card-header-ios-light,
.card-ios-snapindigo .card-title-ios-light,
.card-ios-snapindigo .card-content-ios-light {
  color: #000;
}

.card-ios-snapindigo .text-ios-dark,
.card-ios-snapindigo .card-header-ios-dark,
.card-ios-snapindigo .card-title-ios-dark,
.card-ios-snapindigo .card-content-ios-dark {
  color: #172B4D;
}

.card-ios-snapindigo .text-ios-snappink,
.card-ios-snapindigo .card-header-ios-snappink,
.card-ios-snapindigo .card-title-ios-snappink,
.card-ios-snapindigo .card-content-ios-snappink {
  color: #3687f0;
}

.card-ios-snapindigo .text-ios-snapblue,
.card-ios-snapindigo .card-header-ios-snapblue,
.card-ios-snapindigo .card-title-ios-snapblue,
.card-ios-snapindigo .card-content-ios-snapblue {
  color: #00d8ff;
}

.card-ios-snapindigo .text-ios-snapyellow,
.card-ios-snapindigo .card-header-ios-snapyellow,
.card-ios-snapindigo .card-title-ios-snapyellow,
.card-ios-snapindigo .card-content-ios-snapyellow {
  color: #FFC107;
}

.card-ios-snapindigo .text-ios-snapgreen,
.card-ios-snapindigo .card-header-ios-snapgreen,
.card-ios-snapindigo .card-title-ios-snapgreen,
.card-ios-snapindigo .card-content-ios-snapgreen {
  color: #4CAF50;
}

.card-ios-snapindigo .text-ios-snapindigo,
.card-ios-snapindigo .card-header-ios-snapindigo,
.card-ios-snapindigo .card-title-ios-snapindigo,
.card-ios-snapindigo .card-content-ios-snapindigo {
  color: #3F51B5;
}

.card-ios-snapindigo .text-ios-backgroundgrey,
.card-ios-snapindigo .card-header-ios-backgroundgrey,
.card-ios-snapindigo .card-title-ios-backgroundgrey,
.card-ios-snapindigo .card-content-ios-backgroundgrey {
  color: #EEEEEE;
}

.card-ios-snapindigo .text-ios-whitecolor,
.card-ios-snapindigo .card-header-ios-whitecolor,
.card-ios-snapindigo .card-title-ios-whitecolor,
.card-ios-snapindigo .card-content-ios-whitecolor {
  color: #000;
}

.card-ios-snapindigo .text-ios-grey,
.card-ios-snapindigo .card-header-ios-grey,
.card-ios-snapindigo .card-title-ios-grey,
.card-ios-snapindigo .card-content-ios-grey {
  color: #828082;
}

.card-ios-snapindigo .text-ios-blackcolor,
.card-ios-snapindigo .card-header-ios-blackcolor,
.card-ios-snapindigo .card-title-ios-blackcolor,
.card-ios-snapindigo .card-content-ios-blackcolor {
  color: #000;
}

.card-ios-snapindigo .text-ios-mildred,
.card-ios-snapindigo .card-header-ios-mildred,
.card-ios-snapindigo .card-title-ios-mildred,
.card-ios-snapindigo .card-content-ios-mildred {
  color: #FF0266;
}

.card-ios-snapindigo .text-ios-mildgreen,
.card-ios-snapindigo .card-header-ios-mildgreen,
.card-ios-snapindigo .card-title-ios-mildgreen,
.card-ios-snapindigo .card-content-ios-mildgreen {
  color: #69F0AE;
}

.card-ios-snapindigo .text-ios-sidebar,
.card-ios-snapindigo .card-header-ios-sidebar,
.card-ios-snapindigo .card-title-ios-sidebar,
.card-ios-snapindigo .card-content-ios-sidebar {
  color: #0000ffc0;
}

.card-ios-snapindigo .text-ios-white,
.card-ios-snapindigo .card-header-ios-white,
.card-ios-snapindigo .card-title-ios-white,
.card-ios-snapindigo .card-content-ios-white {
  color: #ffffff;
}

.card-ios-snapindigo .text-ios-magenta,
.card-ios-snapindigo .card-header-ios-magenta,
.card-ios-snapindigo .card-title-ios-magenta,
.card-ios-snapindigo .card-content-ios-magenta {
  color: #c404c4;
}

.card-header-ios-snapindigo,
.card-title-ios-snapindigo,
.card-content-ios-snapindigo {
  color: #3F51B5;
}

.card-ios .text-ios-backgroundgrey {
  color: #EEEEEE;
}

.card-ios-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.card-ios-backgroundgrey .card-header-ios,
.card-ios-backgroundgrey .card-title-ios,
.card-ios-backgroundgrey .card-content-ios,
.card-ios-backgroundgrey p {
  color: #000;
}

.card-ios-backgroundgrey .text-ios-primary,
.card-ios-backgroundgrey .card-header-ios-primary,
.card-ios-backgroundgrey .card-title-ios-primary,
.card-ios-backgroundgrey .card-content-ios-primary {
  color: #0099ff;
}

.card-ios-backgroundgrey .text-ios-secondary,
.card-ios-backgroundgrey .card-header-ios-secondary,
.card-ios-backgroundgrey .card-title-ios-secondary,
.card-ios-backgroundgrey .card-content-ios-secondary {
  color: #36B37E;
}

.card-ios-backgroundgrey .text-ios-danger,
.card-ios-backgroundgrey .card-header-ios-danger,
.card-ios-backgroundgrey .card-title-ios-danger,
.card-ios-backgroundgrey .card-content-ios-danger {
  color: #FF5630;
}

.card-ios-backgroundgrey .text-ios-light,
.card-ios-backgroundgrey .card-header-ios-light,
.card-ios-backgroundgrey .card-title-ios-light,
.card-ios-backgroundgrey .card-content-ios-light {
  color: #000;
}

.card-ios-backgroundgrey .text-ios-dark,
.card-ios-backgroundgrey .card-header-ios-dark,
.card-ios-backgroundgrey .card-title-ios-dark,
.card-ios-backgroundgrey .card-content-ios-dark {
  color: #172B4D;
}

.card-ios-backgroundgrey .text-ios-snappink,
.card-ios-backgroundgrey .card-header-ios-snappink,
.card-ios-backgroundgrey .card-title-ios-snappink,
.card-ios-backgroundgrey .card-content-ios-snappink {
  color: #3687f0;
}

.card-ios-backgroundgrey .text-ios-snapblue,
.card-ios-backgroundgrey .card-header-ios-snapblue,
.card-ios-backgroundgrey .card-title-ios-snapblue,
.card-ios-backgroundgrey .card-content-ios-snapblue {
  color: #00d8ff;
}

.card-ios-backgroundgrey .text-ios-snapyellow,
.card-ios-backgroundgrey .card-header-ios-snapyellow,
.card-ios-backgroundgrey .card-title-ios-snapyellow,
.card-ios-backgroundgrey .card-content-ios-snapyellow {
  color: #FFC107;
}

.card-ios-backgroundgrey .text-ios-snapgreen,
.card-ios-backgroundgrey .card-header-ios-snapgreen,
.card-ios-backgroundgrey .card-title-ios-snapgreen,
.card-ios-backgroundgrey .card-content-ios-snapgreen {
  color: #4CAF50;
}

.card-ios-backgroundgrey .text-ios-snapindigo,
.card-ios-backgroundgrey .card-header-ios-snapindigo,
.card-ios-backgroundgrey .card-title-ios-snapindigo,
.card-ios-backgroundgrey .card-content-ios-snapindigo {
  color: #3F51B5;
}

.card-ios-backgroundgrey .text-ios-backgroundgrey,
.card-ios-backgroundgrey .card-header-ios-backgroundgrey,
.card-ios-backgroundgrey .card-title-ios-backgroundgrey,
.card-ios-backgroundgrey .card-content-ios-backgroundgrey {
  color: #EEEEEE;
}

.card-ios-backgroundgrey .text-ios-whitecolor,
.card-ios-backgroundgrey .card-header-ios-whitecolor,
.card-ios-backgroundgrey .card-title-ios-whitecolor,
.card-ios-backgroundgrey .card-content-ios-whitecolor {
  color: #000;
}

.card-ios-backgroundgrey .text-ios-grey,
.card-ios-backgroundgrey .card-header-ios-grey,
.card-ios-backgroundgrey .card-title-ios-grey,
.card-ios-backgroundgrey .card-content-ios-grey {
  color: #828082;
}

.card-ios-backgroundgrey .text-ios-blackcolor,
.card-ios-backgroundgrey .card-header-ios-blackcolor,
.card-ios-backgroundgrey .card-title-ios-blackcolor,
.card-ios-backgroundgrey .card-content-ios-blackcolor {
  color: #000;
}

.card-ios-backgroundgrey .text-ios-mildred,
.card-ios-backgroundgrey .card-header-ios-mildred,
.card-ios-backgroundgrey .card-title-ios-mildred,
.card-ios-backgroundgrey .card-content-ios-mildred {
  color: #FF0266;
}

.card-ios-backgroundgrey .text-ios-mildgreen,
.card-ios-backgroundgrey .card-header-ios-mildgreen,
.card-ios-backgroundgrey .card-title-ios-mildgreen,
.card-ios-backgroundgrey .card-content-ios-mildgreen {
  color: #69F0AE;
}

.card-ios-backgroundgrey .text-ios-sidebar,
.card-ios-backgroundgrey .card-header-ios-sidebar,
.card-ios-backgroundgrey .card-title-ios-sidebar,
.card-ios-backgroundgrey .card-content-ios-sidebar {
  color: #0000ffc0;
}

.card-ios-backgroundgrey .text-ios-white,
.card-ios-backgroundgrey .card-header-ios-white,
.card-ios-backgroundgrey .card-title-ios-white,
.card-ios-backgroundgrey .card-content-ios-white {
  color: #ffffff;
}

.card-ios-backgroundgrey .text-ios-magenta,
.card-ios-backgroundgrey .card-header-ios-magenta,
.card-ios-backgroundgrey .card-title-ios-magenta,
.card-ios-backgroundgrey .card-content-ios-magenta {
  color: #c404c4;
}

.card-header-ios-backgroundgrey,
.card-title-ios-backgroundgrey,
.card-content-ios-backgroundgrey {
  color: #EEEEEE;
}

.card-ios .text-ios-whitecolor {
  color: #000;
}

.card-ios-whitecolor {
  color: #fff;
  background-color: #000;
}

.card-ios-whitecolor .card-header-ios,
.card-ios-whitecolor .card-title-ios,
.card-ios-whitecolor .card-content-ios,
.card-ios-whitecolor p {
  color: #fff;
}

.card-ios-whitecolor .text-ios-primary,
.card-ios-whitecolor .card-header-ios-primary,
.card-ios-whitecolor .card-title-ios-primary,
.card-ios-whitecolor .card-content-ios-primary {
  color: #0099ff;
}

.card-ios-whitecolor .text-ios-secondary,
.card-ios-whitecolor .card-header-ios-secondary,
.card-ios-whitecolor .card-title-ios-secondary,
.card-ios-whitecolor .card-content-ios-secondary {
  color: #36B37E;
}

.card-ios-whitecolor .text-ios-danger,
.card-ios-whitecolor .card-header-ios-danger,
.card-ios-whitecolor .card-title-ios-danger,
.card-ios-whitecolor .card-content-ios-danger {
  color: #FF5630;
}

.card-ios-whitecolor .text-ios-light,
.card-ios-whitecolor .card-header-ios-light,
.card-ios-whitecolor .card-title-ios-light,
.card-ios-whitecolor .card-content-ios-light {
  color: #000;
}

.card-ios-whitecolor .text-ios-dark,
.card-ios-whitecolor .card-header-ios-dark,
.card-ios-whitecolor .card-title-ios-dark,
.card-ios-whitecolor .card-content-ios-dark {
  color: #172B4D;
}

.card-ios-whitecolor .text-ios-snappink,
.card-ios-whitecolor .card-header-ios-snappink,
.card-ios-whitecolor .card-title-ios-snappink,
.card-ios-whitecolor .card-content-ios-snappink {
  color: #3687f0;
}

.card-ios-whitecolor .text-ios-snapblue,
.card-ios-whitecolor .card-header-ios-snapblue,
.card-ios-whitecolor .card-title-ios-snapblue,
.card-ios-whitecolor .card-content-ios-snapblue {
  color: #00d8ff;
}

.card-ios-whitecolor .text-ios-snapyellow,
.card-ios-whitecolor .card-header-ios-snapyellow,
.card-ios-whitecolor .card-title-ios-snapyellow,
.card-ios-whitecolor .card-content-ios-snapyellow {
  color: #FFC107;
}

.card-ios-whitecolor .text-ios-snapgreen,
.card-ios-whitecolor .card-header-ios-snapgreen,
.card-ios-whitecolor .card-title-ios-snapgreen,
.card-ios-whitecolor .card-content-ios-snapgreen {
  color: #4CAF50;
}

.card-ios-whitecolor .text-ios-snapindigo,
.card-ios-whitecolor .card-header-ios-snapindigo,
.card-ios-whitecolor .card-title-ios-snapindigo,
.card-ios-whitecolor .card-content-ios-snapindigo {
  color: #3F51B5;
}

.card-ios-whitecolor .text-ios-backgroundgrey,
.card-ios-whitecolor .card-header-ios-backgroundgrey,
.card-ios-whitecolor .card-title-ios-backgroundgrey,
.card-ios-whitecolor .card-content-ios-backgroundgrey {
  color: #EEEEEE;
}

.card-ios-whitecolor .text-ios-whitecolor,
.card-ios-whitecolor .card-header-ios-whitecolor,
.card-ios-whitecolor .card-title-ios-whitecolor,
.card-ios-whitecolor .card-content-ios-whitecolor {
  color: #000;
}

.card-ios-whitecolor .text-ios-grey,
.card-ios-whitecolor .card-header-ios-grey,
.card-ios-whitecolor .card-title-ios-grey,
.card-ios-whitecolor .card-content-ios-grey {
  color: #828082;
}

.card-ios-whitecolor .text-ios-blackcolor,
.card-ios-whitecolor .card-header-ios-blackcolor,
.card-ios-whitecolor .card-title-ios-blackcolor,
.card-ios-whitecolor .card-content-ios-blackcolor {
  color: #000;
}

.card-ios-whitecolor .text-ios-mildred,
.card-ios-whitecolor .card-header-ios-mildred,
.card-ios-whitecolor .card-title-ios-mildred,
.card-ios-whitecolor .card-content-ios-mildred {
  color: #FF0266;
}

.card-ios-whitecolor .text-ios-mildgreen,
.card-ios-whitecolor .card-header-ios-mildgreen,
.card-ios-whitecolor .card-title-ios-mildgreen,
.card-ios-whitecolor .card-content-ios-mildgreen {
  color: #69F0AE;
}

.card-ios-whitecolor .text-ios-sidebar,
.card-ios-whitecolor .card-header-ios-sidebar,
.card-ios-whitecolor .card-title-ios-sidebar,
.card-ios-whitecolor .card-content-ios-sidebar {
  color: #0000ffc0;
}

.card-ios-whitecolor .text-ios-white,
.card-ios-whitecolor .card-header-ios-white,
.card-ios-whitecolor .card-title-ios-white,
.card-ios-whitecolor .card-content-ios-white {
  color: #ffffff;
}

.card-ios-whitecolor .text-ios-magenta,
.card-ios-whitecolor .card-header-ios-magenta,
.card-ios-whitecolor .card-title-ios-magenta,
.card-ios-whitecolor .card-content-ios-magenta {
  color: #c404c4;
}

.card-header-ios-whitecolor,
.card-title-ios-whitecolor,
.card-content-ios-whitecolor {
  color: #000;
}

.card-ios .text-ios-grey {
  color: #828082;
}

.card-ios-grey {
  color: #fff;
  background-color: #828082;
}

.card-ios-grey .card-header-ios,
.card-ios-grey .card-title-ios,
.card-ios-grey .card-content-ios,
.card-ios-grey p {
  color: #fff;
}

.card-ios-grey .text-ios-primary,
.card-ios-grey .card-header-ios-primary,
.card-ios-grey .card-title-ios-primary,
.card-ios-grey .card-content-ios-primary {
  color: #0099ff;
}

.card-ios-grey .text-ios-secondary,
.card-ios-grey .card-header-ios-secondary,
.card-ios-grey .card-title-ios-secondary,
.card-ios-grey .card-content-ios-secondary {
  color: #36B37E;
}

.card-ios-grey .text-ios-danger,
.card-ios-grey .card-header-ios-danger,
.card-ios-grey .card-title-ios-danger,
.card-ios-grey .card-content-ios-danger {
  color: #FF5630;
}

.card-ios-grey .text-ios-light,
.card-ios-grey .card-header-ios-light,
.card-ios-grey .card-title-ios-light,
.card-ios-grey .card-content-ios-light {
  color: #000;
}

.card-ios-grey .text-ios-dark,
.card-ios-grey .card-header-ios-dark,
.card-ios-grey .card-title-ios-dark,
.card-ios-grey .card-content-ios-dark {
  color: #172B4D;
}

.card-ios-grey .text-ios-snappink,
.card-ios-grey .card-header-ios-snappink,
.card-ios-grey .card-title-ios-snappink,
.card-ios-grey .card-content-ios-snappink {
  color: #3687f0;
}

.card-ios-grey .text-ios-snapblue,
.card-ios-grey .card-header-ios-snapblue,
.card-ios-grey .card-title-ios-snapblue,
.card-ios-grey .card-content-ios-snapblue {
  color: #00d8ff;
}

.card-ios-grey .text-ios-snapyellow,
.card-ios-grey .card-header-ios-snapyellow,
.card-ios-grey .card-title-ios-snapyellow,
.card-ios-grey .card-content-ios-snapyellow {
  color: #FFC107;
}

.card-ios-grey .text-ios-snapgreen,
.card-ios-grey .card-header-ios-snapgreen,
.card-ios-grey .card-title-ios-snapgreen,
.card-ios-grey .card-content-ios-snapgreen {
  color: #4CAF50;
}

.card-ios-grey .text-ios-snapindigo,
.card-ios-grey .card-header-ios-snapindigo,
.card-ios-grey .card-title-ios-snapindigo,
.card-ios-grey .card-content-ios-snapindigo {
  color: #3F51B5;
}

.card-ios-grey .text-ios-backgroundgrey,
.card-ios-grey .card-header-ios-backgroundgrey,
.card-ios-grey .card-title-ios-backgroundgrey,
.card-ios-grey .card-content-ios-backgroundgrey {
  color: #EEEEEE;
}

.card-ios-grey .text-ios-whitecolor,
.card-ios-grey .card-header-ios-whitecolor,
.card-ios-grey .card-title-ios-whitecolor,
.card-ios-grey .card-content-ios-whitecolor {
  color: #000;
}

.card-ios-grey .text-ios-grey,
.card-ios-grey .card-header-ios-grey,
.card-ios-grey .card-title-ios-grey,
.card-ios-grey .card-content-ios-grey {
  color: #828082;
}

.card-ios-grey .text-ios-blackcolor,
.card-ios-grey .card-header-ios-blackcolor,
.card-ios-grey .card-title-ios-blackcolor,
.card-ios-grey .card-content-ios-blackcolor {
  color: #000;
}

.card-ios-grey .text-ios-mildred,
.card-ios-grey .card-header-ios-mildred,
.card-ios-grey .card-title-ios-mildred,
.card-ios-grey .card-content-ios-mildred {
  color: #FF0266;
}

.card-ios-grey .text-ios-mildgreen,
.card-ios-grey .card-header-ios-mildgreen,
.card-ios-grey .card-title-ios-mildgreen,
.card-ios-grey .card-content-ios-mildgreen {
  color: #69F0AE;
}

.card-ios-grey .text-ios-sidebar,
.card-ios-grey .card-header-ios-sidebar,
.card-ios-grey .card-title-ios-sidebar,
.card-ios-grey .card-content-ios-sidebar {
  color: #0000ffc0;
}

.card-ios-grey .text-ios-white,
.card-ios-grey .card-header-ios-white,
.card-ios-grey .card-title-ios-white,
.card-ios-grey .card-content-ios-white {
  color: #ffffff;
}

.card-ios-grey .text-ios-magenta,
.card-ios-grey .card-header-ios-magenta,
.card-ios-grey .card-title-ios-magenta,
.card-ios-grey .card-content-ios-magenta {
  color: #c404c4;
}

.card-header-ios-grey,
.card-title-ios-grey,
.card-content-ios-grey {
  color: #828082;
}

.card-ios .text-ios-blackcolor {
  color: #000;
}

.card-ios-blackcolor {
  color: #fff;
  background-color: #000;
}

.card-ios-blackcolor .card-header-ios,
.card-ios-blackcolor .card-title-ios,
.card-ios-blackcolor .card-content-ios,
.card-ios-blackcolor p {
  color: #fff;
}

.card-ios-blackcolor .text-ios-primary,
.card-ios-blackcolor .card-header-ios-primary,
.card-ios-blackcolor .card-title-ios-primary,
.card-ios-blackcolor .card-content-ios-primary {
  color: #0099ff;
}

.card-ios-blackcolor .text-ios-secondary,
.card-ios-blackcolor .card-header-ios-secondary,
.card-ios-blackcolor .card-title-ios-secondary,
.card-ios-blackcolor .card-content-ios-secondary {
  color: #36B37E;
}

.card-ios-blackcolor .text-ios-danger,
.card-ios-blackcolor .card-header-ios-danger,
.card-ios-blackcolor .card-title-ios-danger,
.card-ios-blackcolor .card-content-ios-danger {
  color: #FF5630;
}

.card-ios-blackcolor .text-ios-light,
.card-ios-blackcolor .card-header-ios-light,
.card-ios-blackcolor .card-title-ios-light,
.card-ios-blackcolor .card-content-ios-light {
  color: #000;
}

.card-ios-blackcolor .text-ios-dark,
.card-ios-blackcolor .card-header-ios-dark,
.card-ios-blackcolor .card-title-ios-dark,
.card-ios-blackcolor .card-content-ios-dark {
  color: #172B4D;
}

.card-ios-blackcolor .text-ios-snappink,
.card-ios-blackcolor .card-header-ios-snappink,
.card-ios-blackcolor .card-title-ios-snappink,
.card-ios-blackcolor .card-content-ios-snappink {
  color: #3687f0;
}

.card-ios-blackcolor .text-ios-snapblue,
.card-ios-blackcolor .card-header-ios-snapblue,
.card-ios-blackcolor .card-title-ios-snapblue,
.card-ios-blackcolor .card-content-ios-snapblue {
  color: #00d8ff;
}

.card-ios-blackcolor .text-ios-snapyellow,
.card-ios-blackcolor .card-header-ios-snapyellow,
.card-ios-blackcolor .card-title-ios-snapyellow,
.card-ios-blackcolor .card-content-ios-snapyellow {
  color: #FFC107;
}

.card-ios-blackcolor .text-ios-snapgreen,
.card-ios-blackcolor .card-header-ios-snapgreen,
.card-ios-blackcolor .card-title-ios-snapgreen,
.card-ios-blackcolor .card-content-ios-snapgreen {
  color: #4CAF50;
}

.card-ios-blackcolor .text-ios-snapindigo,
.card-ios-blackcolor .card-header-ios-snapindigo,
.card-ios-blackcolor .card-title-ios-snapindigo,
.card-ios-blackcolor .card-content-ios-snapindigo {
  color: #3F51B5;
}

.card-ios-blackcolor .text-ios-backgroundgrey,
.card-ios-blackcolor .card-header-ios-backgroundgrey,
.card-ios-blackcolor .card-title-ios-backgroundgrey,
.card-ios-blackcolor .card-content-ios-backgroundgrey {
  color: #EEEEEE;
}

.card-ios-blackcolor .text-ios-whitecolor,
.card-ios-blackcolor .card-header-ios-whitecolor,
.card-ios-blackcolor .card-title-ios-whitecolor,
.card-ios-blackcolor .card-content-ios-whitecolor {
  color: #000;
}

.card-ios-blackcolor .text-ios-grey,
.card-ios-blackcolor .card-header-ios-grey,
.card-ios-blackcolor .card-title-ios-grey,
.card-ios-blackcolor .card-content-ios-grey {
  color: #828082;
}

.card-ios-blackcolor .text-ios-blackcolor,
.card-ios-blackcolor .card-header-ios-blackcolor,
.card-ios-blackcolor .card-title-ios-blackcolor,
.card-ios-blackcolor .card-content-ios-blackcolor {
  color: #000;
}

.card-ios-blackcolor .text-ios-mildred,
.card-ios-blackcolor .card-header-ios-mildred,
.card-ios-blackcolor .card-title-ios-mildred,
.card-ios-blackcolor .card-content-ios-mildred {
  color: #FF0266;
}

.card-ios-blackcolor .text-ios-mildgreen,
.card-ios-blackcolor .card-header-ios-mildgreen,
.card-ios-blackcolor .card-title-ios-mildgreen,
.card-ios-blackcolor .card-content-ios-mildgreen {
  color: #69F0AE;
}

.card-ios-blackcolor .text-ios-sidebar,
.card-ios-blackcolor .card-header-ios-sidebar,
.card-ios-blackcolor .card-title-ios-sidebar,
.card-ios-blackcolor .card-content-ios-sidebar {
  color: #0000ffc0;
}

.card-ios-blackcolor .text-ios-white,
.card-ios-blackcolor .card-header-ios-white,
.card-ios-blackcolor .card-title-ios-white,
.card-ios-blackcolor .card-content-ios-white {
  color: #ffffff;
}

.card-ios-blackcolor .text-ios-magenta,
.card-ios-blackcolor .card-header-ios-magenta,
.card-ios-blackcolor .card-title-ios-magenta,
.card-ios-blackcolor .card-content-ios-magenta {
  color: #c404c4;
}

.card-header-ios-blackcolor,
.card-title-ios-blackcolor,
.card-content-ios-blackcolor {
  color: #000;
}

.card-ios .text-ios-mildred {
  color: #FF0266;
}

.card-ios-mildred {
  color: #fff;
  background-color: #FF0266;
}

.card-ios-mildred .card-header-ios,
.card-ios-mildred .card-title-ios,
.card-ios-mildred .card-content-ios,
.card-ios-mildred p {
  color: #fff;
}

.card-ios-mildred .text-ios-primary,
.card-ios-mildred .card-header-ios-primary,
.card-ios-mildred .card-title-ios-primary,
.card-ios-mildred .card-content-ios-primary {
  color: #0099ff;
}

.card-ios-mildred .text-ios-secondary,
.card-ios-mildred .card-header-ios-secondary,
.card-ios-mildred .card-title-ios-secondary,
.card-ios-mildred .card-content-ios-secondary {
  color: #36B37E;
}

.card-ios-mildred .text-ios-danger,
.card-ios-mildred .card-header-ios-danger,
.card-ios-mildred .card-title-ios-danger,
.card-ios-mildred .card-content-ios-danger {
  color: #FF5630;
}

.card-ios-mildred .text-ios-light,
.card-ios-mildred .card-header-ios-light,
.card-ios-mildred .card-title-ios-light,
.card-ios-mildred .card-content-ios-light {
  color: #000;
}

.card-ios-mildred .text-ios-dark,
.card-ios-mildred .card-header-ios-dark,
.card-ios-mildred .card-title-ios-dark,
.card-ios-mildred .card-content-ios-dark {
  color: #172B4D;
}

.card-ios-mildred .text-ios-snappink,
.card-ios-mildred .card-header-ios-snappink,
.card-ios-mildred .card-title-ios-snappink,
.card-ios-mildred .card-content-ios-snappink {
  color: #3687f0;
}

.card-ios-mildred .text-ios-snapblue,
.card-ios-mildred .card-header-ios-snapblue,
.card-ios-mildred .card-title-ios-snapblue,
.card-ios-mildred .card-content-ios-snapblue {
  color: #00d8ff;
}

.card-ios-mildred .text-ios-snapyellow,
.card-ios-mildred .card-header-ios-snapyellow,
.card-ios-mildred .card-title-ios-snapyellow,
.card-ios-mildred .card-content-ios-snapyellow {
  color: #FFC107;
}

.card-ios-mildred .text-ios-snapgreen,
.card-ios-mildred .card-header-ios-snapgreen,
.card-ios-mildred .card-title-ios-snapgreen,
.card-ios-mildred .card-content-ios-snapgreen {
  color: #4CAF50;
}

.card-ios-mildred .text-ios-snapindigo,
.card-ios-mildred .card-header-ios-snapindigo,
.card-ios-mildred .card-title-ios-snapindigo,
.card-ios-mildred .card-content-ios-snapindigo {
  color: #3F51B5;
}

.card-ios-mildred .text-ios-backgroundgrey,
.card-ios-mildred .card-header-ios-backgroundgrey,
.card-ios-mildred .card-title-ios-backgroundgrey,
.card-ios-mildred .card-content-ios-backgroundgrey {
  color: #EEEEEE;
}

.card-ios-mildred .text-ios-whitecolor,
.card-ios-mildred .card-header-ios-whitecolor,
.card-ios-mildred .card-title-ios-whitecolor,
.card-ios-mildred .card-content-ios-whitecolor {
  color: #000;
}

.card-ios-mildred .text-ios-grey,
.card-ios-mildred .card-header-ios-grey,
.card-ios-mildred .card-title-ios-grey,
.card-ios-mildred .card-content-ios-grey {
  color: #828082;
}

.card-ios-mildred .text-ios-blackcolor,
.card-ios-mildred .card-header-ios-blackcolor,
.card-ios-mildred .card-title-ios-blackcolor,
.card-ios-mildred .card-content-ios-blackcolor {
  color: #000;
}

.card-ios-mildred .text-ios-mildred,
.card-ios-mildred .card-header-ios-mildred,
.card-ios-mildred .card-title-ios-mildred,
.card-ios-mildred .card-content-ios-mildred {
  color: #FF0266;
}

.card-ios-mildred .text-ios-mildgreen,
.card-ios-mildred .card-header-ios-mildgreen,
.card-ios-mildred .card-title-ios-mildgreen,
.card-ios-mildred .card-content-ios-mildgreen {
  color: #69F0AE;
}

.card-ios-mildred .text-ios-sidebar,
.card-ios-mildred .card-header-ios-sidebar,
.card-ios-mildred .card-title-ios-sidebar,
.card-ios-mildred .card-content-ios-sidebar {
  color: #0000ffc0;
}

.card-ios-mildred .text-ios-white,
.card-ios-mildred .card-header-ios-white,
.card-ios-mildred .card-title-ios-white,
.card-ios-mildred .card-content-ios-white {
  color: #ffffff;
}

.card-ios-mildred .text-ios-magenta,
.card-ios-mildred .card-header-ios-magenta,
.card-ios-mildred .card-title-ios-magenta,
.card-ios-mildred .card-content-ios-magenta {
  color: #c404c4;
}

.card-header-ios-mildred,
.card-title-ios-mildred,
.card-content-ios-mildred {
  color: #FF0266;
}

.card-ios .text-ios-mildgreen {
  color: #69F0AE;
}

.card-ios-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.card-ios-mildgreen .card-header-ios,
.card-ios-mildgreen .card-title-ios,
.card-ios-mildgreen .card-content-ios,
.card-ios-mildgreen p {
  color: #fff;
}

.card-ios-mildgreen .text-ios-primary,
.card-ios-mildgreen .card-header-ios-primary,
.card-ios-mildgreen .card-title-ios-primary,
.card-ios-mildgreen .card-content-ios-primary {
  color: #0099ff;
}

.card-ios-mildgreen .text-ios-secondary,
.card-ios-mildgreen .card-header-ios-secondary,
.card-ios-mildgreen .card-title-ios-secondary,
.card-ios-mildgreen .card-content-ios-secondary {
  color: #36B37E;
}

.card-ios-mildgreen .text-ios-danger,
.card-ios-mildgreen .card-header-ios-danger,
.card-ios-mildgreen .card-title-ios-danger,
.card-ios-mildgreen .card-content-ios-danger {
  color: #FF5630;
}

.card-ios-mildgreen .text-ios-light,
.card-ios-mildgreen .card-header-ios-light,
.card-ios-mildgreen .card-title-ios-light,
.card-ios-mildgreen .card-content-ios-light {
  color: #000;
}

.card-ios-mildgreen .text-ios-dark,
.card-ios-mildgreen .card-header-ios-dark,
.card-ios-mildgreen .card-title-ios-dark,
.card-ios-mildgreen .card-content-ios-dark {
  color: #172B4D;
}

.card-ios-mildgreen .text-ios-snappink,
.card-ios-mildgreen .card-header-ios-snappink,
.card-ios-mildgreen .card-title-ios-snappink,
.card-ios-mildgreen .card-content-ios-snappink {
  color: #3687f0;
}

.card-ios-mildgreen .text-ios-snapblue,
.card-ios-mildgreen .card-header-ios-snapblue,
.card-ios-mildgreen .card-title-ios-snapblue,
.card-ios-mildgreen .card-content-ios-snapblue {
  color: #00d8ff;
}

.card-ios-mildgreen .text-ios-snapyellow,
.card-ios-mildgreen .card-header-ios-snapyellow,
.card-ios-mildgreen .card-title-ios-snapyellow,
.card-ios-mildgreen .card-content-ios-snapyellow {
  color: #FFC107;
}

.card-ios-mildgreen .text-ios-snapgreen,
.card-ios-mildgreen .card-header-ios-snapgreen,
.card-ios-mildgreen .card-title-ios-snapgreen,
.card-ios-mildgreen .card-content-ios-snapgreen {
  color: #4CAF50;
}

.card-ios-mildgreen .text-ios-snapindigo,
.card-ios-mildgreen .card-header-ios-snapindigo,
.card-ios-mildgreen .card-title-ios-snapindigo,
.card-ios-mildgreen .card-content-ios-snapindigo {
  color: #3F51B5;
}

.card-ios-mildgreen .text-ios-backgroundgrey,
.card-ios-mildgreen .card-header-ios-backgroundgrey,
.card-ios-mildgreen .card-title-ios-backgroundgrey,
.card-ios-mildgreen .card-content-ios-backgroundgrey {
  color: #EEEEEE;
}

.card-ios-mildgreen .text-ios-whitecolor,
.card-ios-mildgreen .card-header-ios-whitecolor,
.card-ios-mildgreen .card-title-ios-whitecolor,
.card-ios-mildgreen .card-content-ios-whitecolor {
  color: #000;
}

.card-ios-mildgreen .text-ios-grey,
.card-ios-mildgreen .card-header-ios-grey,
.card-ios-mildgreen .card-title-ios-grey,
.card-ios-mildgreen .card-content-ios-grey {
  color: #828082;
}

.card-ios-mildgreen .text-ios-blackcolor,
.card-ios-mildgreen .card-header-ios-blackcolor,
.card-ios-mildgreen .card-title-ios-blackcolor,
.card-ios-mildgreen .card-content-ios-blackcolor {
  color: #000;
}

.card-ios-mildgreen .text-ios-mildred,
.card-ios-mildgreen .card-header-ios-mildred,
.card-ios-mildgreen .card-title-ios-mildred,
.card-ios-mildgreen .card-content-ios-mildred {
  color: #FF0266;
}

.card-ios-mildgreen .text-ios-mildgreen,
.card-ios-mildgreen .card-header-ios-mildgreen,
.card-ios-mildgreen .card-title-ios-mildgreen,
.card-ios-mildgreen .card-content-ios-mildgreen {
  color: #69F0AE;
}

.card-ios-mildgreen .text-ios-sidebar,
.card-ios-mildgreen .card-header-ios-sidebar,
.card-ios-mildgreen .card-title-ios-sidebar,
.card-ios-mildgreen .card-content-ios-sidebar {
  color: #0000ffc0;
}

.card-ios-mildgreen .text-ios-white,
.card-ios-mildgreen .card-header-ios-white,
.card-ios-mildgreen .card-title-ios-white,
.card-ios-mildgreen .card-content-ios-white {
  color: #ffffff;
}

.card-ios-mildgreen .text-ios-magenta,
.card-ios-mildgreen .card-header-ios-magenta,
.card-ios-mildgreen .card-title-ios-magenta,
.card-ios-mildgreen .card-content-ios-magenta {
  color: #c404c4;
}

.card-header-ios-mildgreen,
.card-title-ios-mildgreen,
.card-content-ios-mildgreen {
  color: #69F0AE;
}

.card-ios .text-ios-sidebar {
  color: #0000ffc0;
}

.card-ios-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.card-ios-sidebar .card-header-ios,
.card-ios-sidebar .card-title-ios,
.card-ios-sidebar .card-content-ios,
.card-ios-sidebar p {
  color: #fff;
}

.card-ios-sidebar .text-ios-primary,
.card-ios-sidebar .card-header-ios-primary,
.card-ios-sidebar .card-title-ios-primary,
.card-ios-sidebar .card-content-ios-primary {
  color: #0099ff;
}

.card-ios-sidebar .text-ios-secondary,
.card-ios-sidebar .card-header-ios-secondary,
.card-ios-sidebar .card-title-ios-secondary,
.card-ios-sidebar .card-content-ios-secondary {
  color: #36B37E;
}

.card-ios-sidebar .text-ios-danger,
.card-ios-sidebar .card-header-ios-danger,
.card-ios-sidebar .card-title-ios-danger,
.card-ios-sidebar .card-content-ios-danger {
  color: #FF5630;
}

.card-ios-sidebar .text-ios-light,
.card-ios-sidebar .card-header-ios-light,
.card-ios-sidebar .card-title-ios-light,
.card-ios-sidebar .card-content-ios-light {
  color: #000;
}

.card-ios-sidebar .text-ios-dark,
.card-ios-sidebar .card-header-ios-dark,
.card-ios-sidebar .card-title-ios-dark,
.card-ios-sidebar .card-content-ios-dark {
  color: #172B4D;
}

.card-ios-sidebar .text-ios-snappink,
.card-ios-sidebar .card-header-ios-snappink,
.card-ios-sidebar .card-title-ios-snappink,
.card-ios-sidebar .card-content-ios-snappink {
  color: #3687f0;
}

.card-ios-sidebar .text-ios-snapblue,
.card-ios-sidebar .card-header-ios-snapblue,
.card-ios-sidebar .card-title-ios-snapblue,
.card-ios-sidebar .card-content-ios-snapblue {
  color: #00d8ff;
}

.card-ios-sidebar .text-ios-snapyellow,
.card-ios-sidebar .card-header-ios-snapyellow,
.card-ios-sidebar .card-title-ios-snapyellow,
.card-ios-sidebar .card-content-ios-snapyellow {
  color: #FFC107;
}

.card-ios-sidebar .text-ios-snapgreen,
.card-ios-sidebar .card-header-ios-snapgreen,
.card-ios-sidebar .card-title-ios-snapgreen,
.card-ios-sidebar .card-content-ios-snapgreen {
  color: #4CAF50;
}

.card-ios-sidebar .text-ios-snapindigo,
.card-ios-sidebar .card-header-ios-snapindigo,
.card-ios-sidebar .card-title-ios-snapindigo,
.card-ios-sidebar .card-content-ios-snapindigo {
  color: #3F51B5;
}

.card-ios-sidebar .text-ios-backgroundgrey,
.card-ios-sidebar .card-header-ios-backgroundgrey,
.card-ios-sidebar .card-title-ios-backgroundgrey,
.card-ios-sidebar .card-content-ios-backgroundgrey {
  color: #EEEEEE;
}

.card-ios-sidebar .text-ios-whitecolor,
.card-ios-sidebar .card-header-ios-whitecolor,
.card-ios-sidebar .card-title-ios-whitecolor,
.card-ios-sidebar .card-content-ios-whitecolor {
  color: #000;
}

.card-ios-sidebar .text-ios-grey,
.card-ios-sidebar .card-header-ios-grey,
.card-ios-sidebar .card-title-ios-grey,
.card-ios-sidebar .card-content-ios-grey {
  color: #828082;
}

.card-ios-sidebar .text-ios-blackcolor,
.card-ios-sidebar .card-header-ios-blackcolor,
.card-ios-sidebar .card-title-ios-blackcolor,
.card-ios-sidebar .card-content-ios-blackcolor {
  color: #000;
}

.card-ios-sidebar .text-ios-mildred,
.card-ios-sidebar .card-header-ios-mildred,
.card-ios-sidebar .card-title-ios-mildred,
.card-ios-sidebar .card-content-ios-mildred {
  color: #FF0266;
}

.card-ios-sidebar .text-ios-mildgreen,
.card-ios-sidebar .card-header-ios-mildgreen,
.card-ios-sidebar .card-title-ios-mildgreen,
.card-ios-sidebar .card-content-ios-mildgreen {
  color: #69F0AE;
}

.card-ios-sidebar .text-ios-sidebar,
.card-ios-sidebar .card-header-ios-sidebar,
.card-ios-sidebar .card-title-ios-sidebar,
.card-ios-sidebar .card-content-ios-sidebar {
  color: #0000ffc0;
}

.card-ios-sidebar .text-ios-white,
.card-ios-sidebar .card-header-ios-white,
.card-ios-sidebar .card-title-ios-white,
.card-ios-sidebar .card-content-ios-white {
  color: #ffffff;
}

.card-ios-sidebar .text-ios-magenta,
.card-ios-sidebar .card-header-ios-magenta,
.card-ios-sidebar .card-title-ios-magenta,
.card-ios-sidebar .card-content-ios-magenta {
  color: #c404c4;
}

.card-header-ios-sidebar,
.card-title-ios-sidebar,
.card-content-ios-sidebar {
  color: #0000ffc0;
}

.card-ios .text-ios-white {
  color: #ffffff;
}

.card-ios-white {
  color: #000;
  background-color: #ffffff;
}

.card-ios-white .card-header-ios,
.card-ios-white .card-title-ios,
.card-ios-white .card-content-ios,
.card-ios-white p {
  color: #000;
}

.card-ios-white .text-ios-primary,
.card-ios-white .card-header-ios-primary,
.card-ios-white .card-title-ios-primary,
.card-ios-white .card-content-ios-primary {
  color: #0099ff;
}

.card-ios-white .text-ios-secondary,
.card-ios-white .card-header-ios-secondary,
.card-ios-white .card-title-ios-secondary,
.card-ios-white .card-content-ios-secondary {
  color: #36B37E;
}

.card-ios-white .text-ios-danger,
.card-ios-white .card-header-ios-danger,
.card-ios-white .card-title-ios-danger,
.card-ios-white .card-content-ios-danger {
  color: #FF5630;
}

.card-ios-white .text-ios-light,
.card-ios-white .card-header-ios-light,
.card-ios-white .card-title-ios-light,
.card-ios-white .card-content-ios-light {
  color: #000;
}

.card-ios-white .text-ios-dark,
.card-ios-white .card-header-ios-dark,
.card-ios-white .card-title-ios-dark,
.card-ios-white .card-content-ios-dark {
  color: #172B4D;
}

.card-ios-white .text-ios-snappink,
.card-ios-white .card-header-ios-snappink,
.card-ios-white .card-title-ios-snappink,
.card-ios-white .card-content-ios-snappink {
  color: #3687f0;
}

.card-ios-white .text-ios-snapblue,
.card-ios-white .card-header-ios-snapblue,
.card-ios-white .card-title-ios-snapblue,
.card-ios-white .card-content-ios-snapblue {
  color: #00d8ff;
}

.card-ios-white .text-ios-snapyellow,
.card-ios-white .card-header-ios-snapyellow,
.card-ios-white .card-title-ios-snapyellow,
.card-ios-white .card-content-ios-snapyellow {
  color: #FFC107;
}

.card-ios-white .text-ios-snapgreen,
.card-ios-white .card-header-ios-snapgreen,
.card-ios-white .card-title-ios-snapgreen,
.card-ios-white .card-content-ios-snapgreen {
  color: #4CAF50;
}

.card-ios-white .text-ios-snapindigo,
.card-ios-white .card-header-ios-snapindigo,
.card-ios-white .card-title-ios-snapindigo,
.card-ios-white .card-content-ios-snapindigo {
  color: #3F51B5;
}

.card-ios-white .text-ios-backgroundgrey,
.card-ios-white .card-header-ios-backgroundgrey,
.card-ios-white .card-title-ios-backgroundgrey,
.card-ios-white .card-content-ios-backgroundgrey {
  color: #EEEEEE;
}

.card-ios-white .text-ios-whitecolor,
.card-ios-white .card-header-ios-whitecolor,
.card-ios-white .card-title-ios-whitecolor,
.card-ios-white .card-content-ios-whitecolor {
  color: #000;
}

.card-ios-white .text-ios-grey,
.card-ios-white .card-header-ios-grey,
.card-ios-white .card-title-ios-grey,
.card-ios-white .card-content-ios-grey {
  color: #828082;
}

.card-ios-white .text-ios-blackcolor,
.card-ios-white .card-header-ios-blackcolor,
.card-ios-white .card-title-ios-blackcolor,
.card-ios-white .card-content-ios-blackcolor {
  color: #000;
}

.card-ios-white .text-ios-mildred,
.card-ios-white .card-header-ios-mildred,
.card-ios-white .card-title-ios-mildred,
.card-ios-white .card-content-ios-mildred {
  color: #FF0266;
}

.card-ios-white .text-ios-mildgreen,
.card-ios-white .card-header-ios-mildgreen,
.card-ios-white .card-title-ios-mildgreen,
.card-ios-white .card-content-ios-mildgreen {
  color: #69F0AE;
}

.card-ios-white .text-ios-sidebar,
.card-ios-white .card-header-ios-sidebar,
.card-ios-white .card-title-ios-sidebar,
.card-ios-white .card-content-ios-sidebar {
  color: #0000ffc0;
}

.card-ios-white .text-ios-white,
.card-ios-white .card-header-ios-white,
.card-ios-white .card-title-ios-white,
.card-ios-white .card-content-ios-white {
  color: #ffffff;
}

.card-ios-white .text-ios-magenta,
.card-ios-white .card-header-ios-magenta,
.card-ios-white .card-title-ios-magenta,
.card-ios-white .card-content-ios-magenta {
  color: #c404c4;
}

.card-header-ios-white,
.card-title-ios-white,
.card-content-ios-white {
  color: #ffffff;
}

.card-ios .text-ios-magenta {
  color: #c404c4;
}

.card-ios-magenta {
  color: #fff;
  background-color: #c404c4;
}

.card-ios-magenta .card-header-ios,
.card-ios-magenta .card-title-ios,
.card-ios-magenta .card-content-ios,
.card-ios-magenta p {
  color: #fff;
}

.card-ios-magenta .text-ios-primary,
.card-ios-magenta .card-header-ios-primary,
.card-ios-magenta .card-title-ios-primary,
.card-ios-magenta .card-content-ios-primary {
  color: #0099ff;
}

.card-ios-magenta .text-ios-secondary,
.card-ios-magenta .card-header-ios-secondary,
.card-ios-magenta .card-title-ios-secondary,
.card-ios-magenta .card-content-ios-secondary {
  color: #36B37E;
}

.card-ios-magenta .text-ios-danger,
.card-ios-magenta .card-header-ios-danger,
.card-ios-magenta .card-title-ios-danger,
.card-ios-magenta .card-content-ios-danger {
  color: #FF5630;
}

.card-ios-magenta .text-ios-light,
.card-ios-magenta .card-header-ios-light,
.card-ios-magenta .card-title-ios-light,
.card-ios-magenta .card-content-ios-light {
  color: #000;
}

.card-ios-magenta .text-ios-dark,
.card-ios-magenta .card-header-ios-dark,
.card-ios-magenta .card-title-ios-dark,
.card-ios-magenta .card-content-ios-dark {
  color: #172B4D;
}

.card-ios-magenta .text-ios-snappink,
.card-ios-magenta .card-header-ios-snappink,
.card-ios-magenta .card-title-ios-snappink,
.card-ios-magenta .card-content-ios-snappink {
  color: #3687f0;
}

.card-ios-magenta .text-ios-snapblue,
.card-ios-magenta .card-header-ios-snapblue,
.card-ios-magenta .card-title-ios-snapblue,
.card-ios-magenta .card-content-ios-snapblue {
  color: #00d8ff;
}

.card-ios-magenta .text-ios-snapyellow,
.card-ios-magenta .card-header-ios-snapyellow,
.card-ios-magenta .card-title-ios-snapyellow,
.card-ios-magenta .card-content-ios-snapyellow {
  color: #FFC107;
}

.card-ios-magenta .text-ios-snapgreen,
.card-ios-magenta .card-header-ios-snapgreen,
.card-ios-magenta .card-title-ios-snapgreen,
.card-ios-magenta .card-content-ios-snapgreen {
  color: #4CAF50;
}

.card-ios-magenta .text-ios-snapindigo,
.card-ios-magenta .card-header-ios-snapindigo,
.card-ios-magenta .card-title-ios-snapindigo,
.card-ios-magenta .card-content-ios-snapindigo {
  color: #3F51B5;
}

.card-ios-magenta .text-ios-backgroundgrey,
.card-ios-magenta .card-header-ios-backgroundgrey,
.card-ios-magenta .card-title-ios-backgroundgrey,
.card-ios-magenta .card-content-ios-backgroundgrey {
  color: #EEEEEE;
}

.card-ios-magenta .text-ios-whitecolor,
.card-ios-magenta .card-header-ios-whitecolor,
.card-ios-magenta .card-title-ios-whitecolor,
.card-ios-magenta .card-content-ios-whitecolor {
  color: #000;
}

.card-ios-magenta .text-ios-grey,
.card-ios-magenta .card-header-ios-grey,
.card-ios-magenta .card-title-ios-grey,
.card-ios-magenta .card-content-ios-grey {
  color: #828082;
}

.card-ios-magenta .text-ios-blackcolor,
.card-ios-magenta .card-header-ios-blackcolor,
.card-ios-magenta .card-title-ios-blackcolor,
.card-ios-magenta .card-content-ios-blackcolor {
  color: #000;
}

.card-ios-magenta .text-ios-mildred,
.card-ios-magenta .card-header-ios-mildred,
.card-ios-magenta .card-title-ios-mildred,
.card-ios-magenta .card-content-ios-mildred {
  color: #FF0266;
}

.card-ios-magenta .text-ios-mildgreen,
.card-ios-magenta .card-header-ios-mildgreen,
.card-ios-magenta .card-title-ios-mildgreen,
.card-ios-magenta .card-content-ios-mildgreen {
  color: #69F0AE;
}

.card-ios-magenta .text-ios-sidebar,
.card-ios-magenta .card-header-ios-sidebar,
.card-ios-magenta .card-title-ios-sidebar,
.card-ios-magenta .card-content-ios-sidebar {
  color: #0000ffc0;
}

.card-ios-magenta .text-ios-white,
.card-ios-magenta .card-header-ios-white,
.card-ios-magenta .card-title-ios-white,
.card-ios-magenta .card-content-ios-white {
  color: #ffffff;
}

.card-ios-magenta .text-ios-magenta,
.card-ios-magenta .card-header-ios-magenta,
.card-ios-magenta .card-title-ios-magenta,
.card-ios-magenta .card-content-ios-magenta {
  color: #c404c4;
}

.card-header-ios-magenta,
.card-title-ios-magenta,
.card-content-ios-magenta {
  color: #c404c4;
}

.card-md {
  margin: 10px;
  border-radius: 2px;
  width: calc(100% - 20px);
  font-size: 1.4rem;
  background: #fff;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.card-md ion-list {
  margin-bottom: 0;
}

.card-md > .item:last-child,
.card-md > .item:last-child .item-inner,
.card-md > .item-wrapper:last-child .item {
  border-bottom: 0;
}

.card-md .item-md.item-block .item-inner {
  border: 0;
}

.card-content-md {
  padding: 13px 16px;
  font-size: 1.4rem;
  line-height: 1.5;
}

.card-header-md {
  font-size: 1.6rem;
  color: #222;
  padding: 16px;
}

.card-header-md + .card-content-md,
.card-md .item + .card-content-md {
  padding-top: 0;
}

.card .note-md {
  font-size: 1.3rem;
}

.card-title-md {
  display: block;
  font-size: 2.4rem;
  line-height: 1.2;
  color: #222;
  margin: 2px 0;
  padding: 8px 0;
}

.card-md h1 {
  margin: 0 0 2px;
  font-size: 2.4rem;
  font-weight: normal;
  color: #222;
}

.card-md h2 {
  margin: 2px 0;
  font-size: 1.6rem;
  font-weight: normal;
  color: #222;
}

.card-md h3,
.card-md h4,
.card-md h5,
.card-md h6 {
  margin: 2px 0;
  font-size: 1.4rem;
  font-weight: normal;
  color: #222;
}

.card-md p {
  margin: 0 0 2px;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.5;
  color: #222;
}

.card-md + ion-card {
  margin-top: 0;
}

.card-md .text-md-primary {
  color: #0099ff;
}

.card-md-primary {
  color: #fff;
  background-color: #0099ff;
}

.card-md-primary .card-header-md,
.card-md-primary .card-title-md,
.card-md-primary .card-content-md,
.card-md-primary h1,
.card-md-primary h2,
.card-md-primary h3,
.card-md-primary h4,
.card-md-primary h5,
.card-md-primary h6,
.card-md-primary p {
  color: #fff;
}

.card-md-primary .text-md-primary,
.card-md-primary .card-header-md-primary,
.card-md-primary .card-title-md-primary,
.card-md-primary .card-content-md-primary {
  color: #0099ff;
}

.card-md-primary .text-md-secondary,
.card-md-primary .card-header-md-secondary,
.card-md-primary .card-title-md-secondary,
.card-md-primary .card-content-md-secondary {
  color: #36B37E;
}

.card-md-primary .text-md-danger,
.card-md-primary .card-header-md-danger,
.card-md-primary .card-title-md-danger,
.card-md-primary .card-content-md-danger {
  color: #FF5630;
}

.card-md-primary .text-md-light,
.card-md-primary .card-header-md-light,
.card-md-primary .card-title-md-light,
.card-md-primary .card-content-md-light {
  color: #000;
}

.card-md-primary .text-md-dark,
.card-md-primary .card-header-md-dark,
.card-md-primary .card-title-md-dark,
.card-md-primary .card-content-md-dark {
  color: #172B4D;
}

.card-md-primary .text-md-snappink,
.card-md-primary .card-header-md-snappink,
.card-md-primary .card-title-md-snappink,
.card-md-primary .card-content-md-snappink {
  color: #3687f0;
}

.card-md-primary .text-md-snapblue,
.card-md-primary .card-header-md-snapblue,
.card-md-primary .card-title-md-snapblue,
.card-md-primary .card-content-md-snapblue {
  color: #00d8ff;
}

.card-md-primary .text-md-snapyellow,
.card-md-primary .card-header-md-snapyellow,
.card-md-primary .card-title-md-snapyellow,
.card-md-primary .card-content-md-snapyellow {
  color: #FFC107;
}

.card-md-primary .text-md-snapgreen,
.card-md-primary .card-header-md-snapgreen,
.card-md-primary .card-title-md-snapgreen,
.card-md-primary .card-content-md-snapgreen {
  color: #4CAF50;
}

.card-md-primary .text-md-snapindigo,
.card-md-primary .card-header-md-snapindigo,
.card-md-primary .card-title-md-snapindigo,
.card-md-primary .card-content-md-snapindigo {
  color: #3F51B5;
}

.card-md-primary .text-md-backgroundgrey,
.card-md-primary .card-header-md-backgroundgrey,
.card-md-primary .card-title-md-backgroundgrey,
.card-md-primary .card-content-md-backgroundgrey {
  color: #EEEEEE;
}

.card-md-primary .text-md-whitecolor,
.card-md-primary .card-header-md-whitecolor,
.card-md-primary .card-title-md-whitecolor,
.card-md-primary .card-content-md-whitecolor {
  color: #000;
}

.card-md-primary .text-md-grey,
.card-md-primary .card-header-md-grey,
.card-md-primary .card-title-md-grey,
.card-md-primary .card-content-md-grey {
  color: #828082;
}

.card-md-primary .text-md-blackcolor,
.card-md-primary .card-header-md-blackcolor,
.card-md-primary .card-title-md-blackcolor,
.card-md-primary .card-content-md-blackcolor {
  color: #000;
}

.card-md-primary .text-md-mildred,
.card-md-primary .card-header-md-mildred,
.card-md-primary .card-title-md-mildred,
.card-md-primary .card-content-md-mildred {
  color: #FF0266;
}

.card-md-primary .text-md-mildgreen,
.card-md-primary .card-header-md-mildgreen,
.card-md-primary .card-title-md-mildgreen,
.card-md-primary .card-content-md-mildgreen {
  color: #69F0AE;
}

.card-md-primary .text-md-sidebar,
.card-md-primary .card-header-md-sidebar,
.card-md-primary .card-title-md-sidebar,
.card-md-primary .card-content-md-sidebar {
  color: #0000ffc0;
}

.card-md-primary .text-md-white,
.card-md-primary .card-header-md-white,
.card-md-primary .card-title-md-white,
.card-md-primary .card-content-md-white {
  color: #ffffff;
}

.card-md-primary .text-md-magenta,
.card-md-primary .card-header-md-magenta,
.card-md-primary .card-title-md-magenta,
.card-md-primary .card-content-md-magenta {
  color: #c404c4;
}

.card-header-md-primary,
.card-title-md-primary,
.card-content-md-primary {
  color: #0099ff;
}

.card-md .text-md-secondary {
  color: #36B37E;
}

.card-md-secondary {
  color: #fff;
  background-color: #36B37E;
}

.card-md-secondary .card-header-md,
.card-md-secondary .card-title-md,
.card-md-secondary .card-content-md,
.card-md-secondary h1,
.card-md-secondary h2,
.card-md-secondary h3,
.card-md-secondary h4,
.card-md-secondary h5,
.card-md-secondary h6,
.card-md-secondary p {
  color: #fff;
}

.card-md-secondary .text-md-primary,
.card-md-secondary .card-header-md-primary,
.card-md-secondary .card-title-md-primary,
.card-md-secondary .card-content-md-primary {
  color: #0099ff;
}

.card-md-secondary .text-md-secondary,
.card-md-secondary .card-header-md-secondary,
.card-md-secondary .card-title-md-secondary,
.card-md-secondary .card-content-md-secondary {
  color: #36B37E;
}

.card-md-secondary .text-md-danger,
.card-md-secondary .card-header-md-danger,
.card-md-secondary .card-title-md-danger,
.card-md-secondary .card-content-md-danger {
  color: #FF5630;
}

.card-md-secondary .text-md-light,
.card-md-secondary .card-header-md-light,
.card-md-secondary .card-title-md-light,
.card-md-secondary .card-content-md-light {
  color: #000;
}

.card-md-secondary .text-md-dark,
.card-md-secondary .card-header-md-dark,
.card-md-secondary .card-title-md-dark,
.card-md-secondary .card-content-md-dark {
  color: #172B4D;
}

.card-md-secondary .text-md-snappink,
.card-md-secondary .card-header-md-snappink,
.card-md-secondary .card-title-md-snappink,
.card-md-secondary .card-content-md-snappink {
  color: #3687f0;
}

.card-md-secondary .text-md-snapblue,
.card-md-secondary .card-header-md-snapblue,
.card-md-secondary .card-title-md-snapblue,
.card-md-secondary .card-content-md-snapblue {
  color: #00d8ff;
}

.card-md-secondary .text-md-snapyellow,
.card-md-secondary .card-header-md-snapyellow,
.card-md-secondary .card-title-md-snapyellow,
.card-md-secondary .card-content-md-snapyellow {
  color: #FFC107;
}

.card-md-secondary .text-md-snapgreen,
.card-md-secondary .card-header-md-snapgreen,
.card-md-secondary .card-title-md-snapgreen,
.card-md-secondary .card-content-md-snapgreen {
  color: #4CAF50;
}

.card-md-secondary .text-md-snapindigo,
.card-md-secondary .card-header-md-snapindigo,
.card-md-secondary .card-title-md-snapindigo,
.card-md-secondary .card-content-md-snapindigo {
  color: #3F51B5;
}

.card-md-secondary .text-md-backgroundgrey,
.card-md-secondary .card-header-md-backgroundgrey,
.card-md-secondary .card-title-md-backgroundgrey,
.card-md-secondary .card-content-md-backgroundgrey {
  color: #EEEEEE;
}

.card-md-secondary .text-md-whitecolor,
.card-md-secondary .card-header-md-whitecolor,
.card-md-secondary .card-title-md-whitecolor,
.card-md-secondary .card-content-md-whitecolor {
  color: #000;
}

.card-md-secondary .text-md-grey,
.card-md-secondary .card-header-md-grey,
.card-md-secondary .card-title-md-grey,
.card-md-secondary .card-content-md-grey {
  color: #828082;
}

.card-md-secondary .text-md-blackcolor,
.card-md-secondary .card-header-md-blackcolor,
.card-md-secondary .card-title-md-blackcolor,
.card-md-secondary .card-content-md-blackcolor {
  color: #000;
}

.card-md-secondary .text-md-mildred,
.card-md-secondary .card-header-md-mildred,
.card-md-secondary .card-title-md-mildred,
.card-md-secondary .card-content-md-mildred {
  color: #FF0266;
}

.card-md-secondary .text-md-mildgreen,
.card-md-secondary .card-header-md-mildgreen,
.card-md-secondary .card-title-md-mildgreen,
.card-md-secondary .card-content-md-mildgreen {
  color: #69F0AE;
}

.card-md-secondary .text-md-sidebar,
.card-md-secondary .card-header-md-sidebar,
.card-md-secondary .card-title-md-sidebar,
.card-md-secondary .card-content-md-sidebar {
  color: #0000ffc0;
}

.card-md-secondary .text-md-white,
.card-md-secondary .card-header-md-white,
.card-md-secondary .card-title-md-white,
.card-md-secondary .card-content-md-white {
  color: #ffffff;
}

.card-md-secondary .text-md-magenta,
.card-md-secondary .card-header-md-magenta,
.card-md-secondary .card-title-md-magenta,
.card-md-secondary .card-content-md-magenta {
  color: #c404c4;
}

.card-header-md-secondary,
.card-title-md-secondary,
.card-content-md-secondary {
  color: #36B37E;
}

.card-md .text-md-danger {
  color: #FF5630;
}

.card-md-danger {
  color: #fff;
  background-color: #FF5630;
}

.card-md-danger .card-header-md,
.card-md-danger .card-title-md,
.card-md-danger .card-content-md,
.card-md-danger h1,
.card-md-danger h2,
.card-md-danger h3,
.card-md-danger h4,
.card-md-danger h5,
.card-md-danger h6,
.card-md-danger p {
  color: #fff;
}

.card-md-danger .text-md-primary,
.card-md-danger .card-header-md-primary,
.card-md-danger .card-title-md-primary,
.card-md-danger .card-content-md-primary {
  color: #0099ff;
}

.card-md-danger .text-md-secondary,
.card-md-danger .card-header-md-secondary,
.card-md-danger .card-title-md-secondary,
.card-md-danger .card-content-md-secondary {
  color: #36B37E;
}

.card-md-danger .text-md-danger,
.card-md-danger .card-header-md-danger,
.card-md-danger .card-title-md-danger,
.card-md-danger .card-content-md-danger {
  color: #FF5630;
}

.card-md-danger .text-md-light,
.card-md-danger .card-header-md-light,
.card-md-danger .card-title-md-light,
.card-md-danger .card-content-md-light {
  color: #000;
}

.card-md-danger .text-md-dark,
.card-md-danger .card-header-md-dark,
.card-md-danger .card-title-md-dark,
.card-md-danger .card-content-md-dark {
  color: #172B4D;
}

.card-md-danger .text-md-snappink,
.card-md-danger .card-header-md-snappink,
.card-md-danger .card-title-md-snappink,
.card-md-danger .card-content-md-snappink {
  color: #3687f0;
}

.card-md-danger .text-md-snapblue,
.card-md-danger .card-header-md-snapblue,
.card-md-danger .card-title-md-snapblue,
.card-md-danger .card-content-md-snapblue {
  color: #00d8ff;
}

.card-md-danger .text-md-snapyellow,
.card-md-danger .card-header-md-snapyellow,
.card-md-danger .card-title-md-snapyellow,
.card-md-danger .card-content-md-snapyellow {
  color: #FFC107;
}

.card-md-danger .text-md-snapgreen,
.card-md-danger .card-header-md-snapgreen,
.card-md-danger .card-title-md-snapgreen,
.card-md-danger .card-content-md-snapgreen {
  color: #4CAF50;
}

.card-md-danger .text-md-snapindigo,
.card-md-danger .card-header-md-snapindigo,
.card-md-danger .card-title-md-snapindigo,
.card-md-danger .card-content-md-snapindigo {
  color: #3F51B5;
}

.card-md-danger .text-md-backgroundgrey,
.card-md-danger .card-header-md-backgroundgrey,
.card-md-danger .card-title-md-backgroundgrey,
.card-md-danger .card-content-md-backgroundgrey {
  color: #EEEEEE;
}

.card-md-danger .text-md-whitecolor,
.card-md-danger .card-header-md-whitecolor,
.card-md-danger .card-title-md-whitecolor,
.card-md-danger .card-content-md-whitecolor {
  color: #000;
}

.card-md-danger .text-md-grey,
.card-md-danger .card-header-md-grey,
.card-md-danger .card-title-md-grey,
.card-md-danger .card-content-md-grey {
  color: #828082;
}

.card-md-danger .text-md-blackcolor,
.card-md-danger .card-header-md-blackcolor,
.card-md-danger .card-title-md-blackcolor,
.card-md-danger .card-content-md-blackcolor {
  color: #000;
}

.card-md-danger .text-md-mildred,
.card-md-danger .card-header-md-mildred,
.card-md-danger .card-title-md-mildred,
.card-md-danger .card-content-md-mildred {
  color: #FF0266;
}

.card-md-danger .text-md-mildgreen,
.card-md-danger .card-header-md-mildgreen,
.card-md-danger .card-title-md-mildgreen,
.card-md-danger .card-content-md-mildgreen {
  color: #69F0AE;
}

.card-md-danger .text-md-sidebar,
.card-md-danger .card-header-md-sidebar,
.card-md-danger .card-title-md-sidebar,
.card-md-danger .card-content-md-sidebar {
  color: #0000ffc0;
}

.card-md-danger .text-md-white,
.card-md-danger .card-header-md-white,
.card-md-danger .card-title-md-white,
.card-md-danger .card-content-md-white {
  color: #ffffff;
}

.card-md-danger .text-md-magenta,
.card-md-danger .card-header-md-magenta,
.card-md-danger .card-title-md-magenta,
.card-md-danger .card-content-md-magenta {
  color: #c404c4;
}

.card-header-md-danger,
.card-title-md-danger,
.card-content-md-danger {
  color: #FF5630;
}

.card-md .text-md-light {
  color: #000;
}

.card-md-light {
  color: #fff;
  background-color: #000;
}

.card-md-light .card-header-md,
.card-md-light .card-title-md,
.card-md-light .card-content-md,
.card-md-light h1,
.card-md-light h2,
.card-md-light h3,
.card-md-light h4,
.card-md-light h5,
.card-md-light h6,
.card-md-light p {
  color: #fff;
}

.card-md-light .text-md-primary,
.card-md-light .card-header-md-primary,
.card-md-light .card-title-md-primary,
.card-md-light .card-content-md-primary {
  color: #0099ff;
}

.card-md-light .text-md-secondary,
.card-md-light .card-header-md-secondary,
.card-md-light .card-title-md-secondary,
.card-md-light .card-content-md-secondary {
  color: #36B37E;
}

.card-md-light .text-md-danger,
.card-md-light .card-header-md-danger,
.card-md-light .card-title-md-danger,
.card-md-light .card-content-md-danger {
  color: #FF5630;
}

.card-md-light .text-md-light,
.card-md-light .card-header-md-light,
.card-md-light .card-title-md-light,
.card-md-light .card-content-md-light {
  color: #000;
}

.card-md-light .text-md-dark,
.card-md-light .card-header-md-dark,
.card-md-light .card-title-md-dark,
.card-md-light .card-content-md-dark {
  color: #172B4D;
}

.card-md-light .text-md-snappink,
.card-md-light .card-header-md-snappink,
.card-md-light .card-title-md-snappink,
.card-md-light .card-content-md-snappink {
  color: #3687f0;
}

.card-md-light .text-md-snapblue,
.card-md-light .card-header-md-snapblue,
.card-md-light .card-title-md-snapblue,
.card-md-light .card-content-md-snapblue {
  color: #00d8ff;
}

.card-md-light .text-md-snapyellow,
.card-md-light .card-header-md-snapyellow,
.card-md-light .card-title-md-snapyellow,
.card-md-light .card-content-md-snapyellow {
  color: #FFC107;
}

.card-md-light .text-md-snapgreen,
.card-md-light .card-header-md-snapgreen,
.card-md-light .card-title-md-snapgreen,
.card-md-light .card-content-md-snapgreen {
  color: #4CAF50;
}

.card-md-light .text-md-snapindigo,
.card-md-light .card-header-md-snapindigo,
.card-md-light .card-title-md-snapindigo,
.card-md-light .card-content-md-snapindigo {
  color: #3F51B5;
}

.card-md-light .text-md-backgroundgrey,
.card-md-light .card-header-md-backgroundgrey,
.card-md-light .card-title-md-backgroundgrey,
.card-md-light .card-content-md-backgroundgrey {
  color: #EEEEEE;
}

.card-md-light .text-md-whitecolor,
.card-md-light .card-header-md-whitecolor,
.card-md-light .card-title-md-whitecolor,
.card-md-light .card-content-md-whitecolor {
  color: #000;
}

.card-md-light .text-md-grey,
.card-md-light .card-header-md-grey,
.card-md-light .card-title-md-grey,
.card-md-light .card-content-md-grey {
  color: #828082;
}

.card-md-light .text-md-blackcolor,
.card-md-light .card-header-md-blackcolor,
.card-md-light .card-title-md-blackcolor,
.card-md-light .card-content-md-blackcolor {
  color: #000;
}

.card-md-light .text-md-mildred,
.card-md-light .card-header-md-mildred,
.card-md-light .card-title-md-mildred,
.card-md-light .card-content-md-mildred {
  color: #FF0266;
}

.card-md-light .text-md-mildgreen,
.card-md-light .card-header-md-mildgreen,
.card-md-light .card-title-md-mildgreen,
.card-md-light .card-content-md-mildgreen {
  color: #69F0AE;
}

.card-md-light .text-md-sidebar,
.card-md-light .card-header-md-sidebar,
.card-md-light .card-title-md-sidebar,
.card-md-light .card-content-md-sidebar {
  color: #0000ffc0;
}

.card-md-light .text-md-white,
.card-md-light .card-header-md-white,
.card-md-light .card-title-md-white,
.card-md-light .card-content-md-white {
  color: #ffffff;
}

.card-md-light .text-md-magenta,
.card-md-light .card-header-md-magenta,
.card-md-light .card-title-md-magenta,
.card-md-light .card-content-md-magenta {
  color: #c404c4;
}

.card-header-md-light,
.card-title-md-light,
.card-content-md-light {
  color: #000;
}

.card-md .text-md-dark {
  color: #172B4D;
}

.card-md-dark {
  color: #fff;
  background-color: #172B4D;
}

.card-md-dark .card-header-md,
.card-md-dark .card-title-md,
.card-md-dark .card-content-md,
.card-md-dark h1,
.card-md-dark h2,
.card-md-dark h3,
.card-md-dark h4,
.card-md-dark h5,
.card-md-dark h6,
.card-md-dark p {
  color: #fff;
}

.card-md-dark .text-md-primary,
.card-md-dark .card-header-md-primary,
.card-md-dark .card-title-md-primary,
.card-md-dark .card-content-md-primary {
  color: #0099ff;
}

.card-md-dark .text-md-secondary,
.card-md-dark .card-header-md-secondary,
.card-md-dark .card-title-md-secondary,
.card-md-dark .card-content-md-secondary {
  color: #36B37E;
}

.card-md-dark .text-md-danger,
.card-md-dark .card-header-md-danger,
.card-md-dark .card-title-md-danger,
.card-md-dark .card-content-md-danger {
  color: #FF5630;
}

.card-md-dark .text-md-light,
.card-md-dark .card-header-md-light,
.card-md-dark .card-title-md-light,
.card-md-dark .card-content-md-light {
  color: #000;
}

.card-md-dark .text-md-dark,
.card-md-dark .card-header-md-dark,
.card-md-dark .card-title-md-dark,
.card-md-dark .card-content-md-dark {
  color: #172B4D;
}

.card-md-dark .text-md-snappink,
.card-md-dark .card-header-md-snappink,
.card-md-dark .card-title-md-snappink,
.card-md-dark .card-content-md-snappink {
  color: #3687f0;
}

.card-md-dark .text-md-snapblue,
.card-md-dark .card-header-md-snapblue,
.card-md-dark .card-title-md-snapblue,
.card-md-dark .card-content-md-snapblue {
  color: #00d8ff;
}

.card-md-dark .text-md-snapyellow,
.card-md-dark .card-header-md-snapyellow,
.card-md-dark .card-title-md-snapyellow,
.card-md-dark .card-content-md-snapyellow {
  color: #FFC107;
}

.card-md-dark .text-md-snapgreen,
.card-md-dark .card-header-md-snapgreen,
.card-md-dark .card-title-md-snapgreen,
.card-md-dark .card-content-md-snapgreen {
  color: #4CAF50;
}

.card-md-dark .text-md-snapindigo,
.card-md-dark .card-header-md-snapindigo,
.card-md-dark .card-title-md-snapindigo,
.card-md-dark .card-content-md-snapindigo {
  color: #3F51B5;
}

.card-md-dark .text-md-backgroundgrey,
.card-md-dark .card-header-md-backgroundgrey,
.card-md-dark .card-title-md-backgroundgrey,
.card-md-dark .card-content-md-backgroundgrey {
  color: #EEEEEE;
}

.card-md-dark .text-md-whitecolor,
.card-md-dark .card-header-md-whitecolor,
.card-md-dark .card-title-md-whitecolor,
.card-md-dark .card-content-md-whitecolor {
  color: #000;
}

.card-md-dark .text-md-grey,
.card-md-dark .card-header-md-grey,
.card-md-dark .card-title-md-grey,
.card-md-dark .card-content-md-grey {
  color: #828082;
}

.card-md-dark .text-md-blackcolor,
.card-md-dark .card-header-md-blackcolor,
.card-md-dark .card-title-md-blackcolor,
.card-md-dark .card-content-md-blackcolor {
  color: #000;
}

.card-md-dark .text-md-mildred,
.card-md-dark .card-header-md-mildred,
.card-md-dark .card-title-md-mildred,
.card-md-dark .card-content-md-mildred {
  color: #FF0266;
}

.card-md-dark .text-md-mildgreen,
.card-md-dark .card-header-md-mildgreen,
.card-md-dark .card-title-md-mildgreen,
.card-md-dark .card-content-md-mildgreen {
  color: #69F0AE;
}

.card-md-dark .text-md-sidebar,
.card-md-dark .card-header-md-sidebar,
.card-md-dark .card-title-md-sidebar,
.card-md-dark .card-content-md-sidebar {
  color: #0000ffc0;
}

.card-md-dark .text-md-white,
.card-md-dark .card-header-md-white,
.card-md-dark .card-title-md-white,
.card-md-dark .card-content-md-white {
  color: #ffffff;
}

.card-md-dark .text-md-magenta,
.card-md-dark .card-header-md-magenta,
.card-md-dark .card-title-md-magenta,
.card-md-dark .card-content-md-magenta {
  color: #c404c4;
}

.card-header-md-dark,
.card-title-md-dark,
.card-content-md-dark {
  color: #172B4D;
}

.card-md .text-md-snappink {
  color: #3687f0;
}

.card-md-snappink {
  color: #fff;
  background-color: #3687f0;
}

.card-md-snappink .card-header-md,
.card-md-snappink .card-title-md,
.card-md-snappink .card-content-md,
.card-md-snappink h1,
.card-md-snappink h2,
.card-md-snappink h3,
.card-md-snappink h4,
.card-md-snappink h5,
.card-md-snappink h6,
.card-md-snappink p {
  color: #fff;
}

.card-md-snappink .text-md-primary,
.card-md-snappink .card-header-md-primary,
.card-md-snappink .card-title-md-primary,
.card-md-snappink .card-content-md-primary {
  color: #0099ff;
}

.card-md-snappink .text-md-secondary,
.card-md-snappink .card-header-md-secondary,
.card-md-snappink .card-title-md-secondary,
.card-md-snappink .card-content-md-secondary {
  color: #36B37E;
}

.card-md-snappink .text-md-danger,
.card-md-snappink .card-header-md-danger,
.card-md-snappink .card-title-md-danger,
.card-md-snappink .card-content-md-danger {
  color: #FF5630;
}

.card-md-snappink .text-md-light,
.card-md-snappink .card-header-md-light,
.card-md-snappink .card-title-md-light,
.card-md-snappink .card-content-md-light {
  color: #000;
}

.card-md-snappink .text-md-dark,
.card-md-snappink .card-header-md-dark,
.card-md-snappink .card-title-md-dark,
.card-md-snappink .card-content-md-dark {
  color: #172B4D;
}

.card-md-snappink .text-md-snappink,
.card-md-snappink .card-header-md-snappink,
.card-md-snappink .card-title-md-snappink,
.card-md-snappink .card-content-md-snappink {
  color: #3687f0;
}

.card-md-snappink .text-md-snapblue,
.card-md-snappink .card-header-md-snapblue,
.card-md-snappink .card-title-md-snapblue,
.card-md-snappink .card-content-md-snapblue {
  color: #00d8ff;
}

.card-md-snappink .text-md-snapyellow,
.card-md-snappink .card-header-md-snapyellow,
.card-md-snappink .card-title-md-snapyellow,
.card-md-snappink .card-content-md-snapyellow {
  color: #FFC107;
}

.card-md-snappink .text-md-snapgreen,
.card-md-snappink .card-header-md-snapgreen,
.card-md-snappink .card-title-md-snapgreen,
.card-md-snappink .card-content-md-snapgreen {
  color: #4CAF50;
}

.card-md-snappink .text-md-snapindigo,
.card-md-snappink .card-header-md-snapindigo,
.card-md-snappink .card-title-md-snapindigo,
.card-md-snappink .card-content-md-snapindigo {
  color: #3F51B5;
}

.card-md-snappink .text-md-backgroundgrey,
.card-md-snappink .card-header-md-backgroundgrey,
.card-md-snappink .card-title-md-backgroundgrey,
.card-md-snappink .card-content-md-backgroundgrey {
  color: #EEEEEE;
}

.card-md-snappink .text-md-whitecolor,
.card-md-snappink .card-header-md-whitecolor,
.card-md-snappink .card-title-md-whitecolor,
.card-md-snappink .card-content-md-whitecolor {
  color: #000;
}

.card-md-snappink .text-md-grey,
.card-md-snappink .card-header-md-grey,
.card-md-snappink .card-title-md-grey,
.card-md-snappink .card-content-md-grey {
  color: #828082;
}

.card-md-snappink .text-md-blackcolor,
.card-md-snappink .card-header-md-blackcolor,
.card-md-snappink .card-title-md-blackcolor,
.card-md-snappink .card-content-md-blackcolor {
  color: #000;
}

.card-md-snappink .text-md-mildred,
.card-md-snappink .card-header-md-mildred,
.card-md-snappink .card-title-md-mildred,
.card-md-snappink .card-content-md-mildred {
  color: #FF0266;
}

.card-md-snappink .text-md-mildgreen,
.card-md-snappink .card-header-md-mildgreen,
.card-md-snappink .card-title-md-mildgreen,
.card-md-snappink .card-content-md-mildgreen {
  color: #69F0AE;
}

.card-md-snappink .text-md-sidebar,
.card-md-snappink .card-header-md-sidebar,
.card-md-snappink .card-title-md-sidebar,
.card-md-snappink .card-content-md-sidebar {
  color: #0000ffc0;
}

.card-md-snappink .text-md-white,
.card-md-snappink .card-header-md-white,
.card-md-snappink .card-title-md-white,
.card-md-snappink .card-content-md-white {
  color: #ffffff;
}

.card-md-snappink .text-md-magenta,
.card-md-snappink .card-header-md-magenta,
.card-md-snappink .card-title-md-magenta,
.card-md-snappink .card-content-md-magenta {
  color: #c404c4;
}

.card-header-md-snappink,
.card-title-md-snappink,
.card-content-md-snappink {
  color: #3687f0;
}

.card-md .text-md-snapblue {
  color: #00d8ff;
}

.card-md-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.card-md-snapblue .card-header-md,
.card-md-snapblue .card-title-md,
.card-md-snapblue .card-content-md,
.card-md-snapblue h1,
.card-md-snapblue h2,
.card-md-snapblue h3,
.card-md-snapblue h4,
.card-md-snapblue h5,
.card-md-snapblue h6,
.card-md-snapblue p {
  color: #fff;
}

.card-md-snapblue .text-md-primary,
.card-md-snapblue .card-header-md-primary,
.card-md-snapblue .card-title-md-primary,
.card-md-snapblue .card-content-md-primary {
  color: #0099ff;
}

.card-md-snapblue .text-md-secondary,
.card-md-snapblue .card-header-md-secondary,
.card-md-snapblue .card-title-md-secondary,
.card-md-snapblue .card-content-md-secondary {
  color: #36B37E;
}

.card-md-snapblue .text-md-danger,
.card-md-snapblue .card-header-md-danger,
.card-md-snapblue .card-title-md-danger,
.card-md-snapblue .card-content-md-danger {
  color: #FF5630;
}

.card-md-snapblue .text-md-light,
.card-md-snapblue .card-header-md-light,
.card-md-snapblue .card-title-md-light,
.card-md-snapblue .card-content-md-light {
  color: #000;
}

.card-md-snapblue .text-md-dark,
.card-md-snapblue .card-header-md-dark,
.card-md-snapblue .card-title-md-dark,
.card-md-snapblue .card-content-md-dark {
  color: #172B4D;
}

.card-md-snapblue .text-md-snappink,
.card-md-snapblue .card-header-md-snappink,
.card-md-snapblue .card-title-md-snappink,
.card-md-snapblue .card-content-md-snappink {
  color: #3687f0;
}

.card-md-snapblue .text-md-snapblue,
.card-md-snapblue .card-header-md-snapblue,
.card-md-snapblue .card-title-md-snapblue,
.card-md-snapblue .card-content-md-snapblue {
  color: #00d8ff;
}

.card-md-snapblue .text-md-snapyellow,
.card-md-snapblue .card-header-md-snapyellow,
.card-md-snapblue .card-title-md-snapyellow,
.card-md-snapblue .card-content-md-snapyellow {
  color: #FFC107;
}

.card-md-snapblue .text-md-snapgreen,
.card-md-snapblue .card-header-md-snapgreen,
.card-md-snapblue .card-title-md-snapgreen,
.card-md-snapblue .card-content-md-snapgreen {
  color: #4CAF50;
}

.card-md-snapblue .text-md-snapindigo,
.card-md-snapblue .card-header-md-snapindigo,
.card-md-snapblue .card-title-md-snapindigo,
.card-md-snapblue .card-content-md-snapindigo {
  color: #3F51B5;
}

.card-md-snapblue .text-md-backgroundgrey,
.card-md-snapblue .card-header-md-backgroundgrey,
.card-md-snapblue .card-title-md-backgroundgrey,
.card-md-snapblue .card-content-md-backgroundgrey {
  color: #EEEEEE;
}

.card-md-snapblue .text-md-whitecolor,
.card-md-snapblue .card-header-md-whitecolor,
.card-md-snapblue .card-title-md-whitecolor,
.card-md-snapblue .card-content-md-whitecolor {
  color: #000;
}

.card-md-snapblue .text-md-grey,
.card-md-snapblue .card-header-md-grey,
.card-md-snapblue .card-title-md-grey,
.card-md-snapblue .card-content-md-grey {
  color: #828082;
}

.card-md-snapblue .text-md-blackcolor,
.card-md-snapblue .card-header-md-blackcolor,
.card-md-snapblue .card-title-md-blackcolor,
.card-md-snapblue .card-content-md-blackcolor {
  color: #000;
}

.card-md-snapblue .text-md-mildred,
.card-md-snapblue .card-header-md-mildred,
.card-md-snapblue .card-title-md-mildred,
.card-md-snapblue .card-content-md-mildred {
  color: #FF0266;
}

.card-md-snapblue .text-md-mildgreen,
.card-md-snapblue .card-header-md-mildgreen,
.card-md-snapblue .card-title-md-mildgreen,
.card-md-snapblue .card-content-md-mildgreen {
  color: #69F0AE;
}

.card-md-snapblue .text-md-sidebar,
.card-md-snapblue .card-header-md-sidebar,
.card-md-snapblue .card-title-md-sidebar,
.card-md-snapblue .card-content-md-sidebar {
  color: #0000ffc0;
}

.card-md-snapblue .text-md-white,
.card-md-snapblue .card-header-md-white,
.card-md-snapblue .card-title-md-white,
.card-md-snapblue .card-content-md-white {
  color: #ffffff;
}

.card-md-snapblue .text-md-magenta,
.card-md-snapblue .card-header-md-magenta,
.card-md-snapblue .card-title-md-magenta,
.card-md-snapblue .card-content-md-magenta {
  color: #c404c4;
}

.card-header-md-snapblue,
.card-title-md-snapblue,
.card-content-md-snapblue {
  color: #00d8ff;
}

.card-md .text-md-snapyellow {
  color: #FFC107;
}

.card-md-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.card-md-snapyellow .card-header-md,
.card-md-snapyellow .card-title-md,
.card-md-snapyellow .card-content-md,
.card-md-snapyellow h1,
.card-md-snapyellow h2,
.card-md-snapyellow h3,
.card-md-snapyellow h4,
.card-md-snapyellow h5,
.card-md-snapyellow h6,
.card-md-snapyellow p {
  color: #000;
}

.card-md-snapyellow .text-md-primary,
.card-md-snapyellow .card-header-md-primary,
.card-md-snapyellow .card-title-md-primary,
.card-md-snapyellow .card-content-md-primary {
  color: #0099ff;
}

.card-md-snapyellow .text-md-secondary,
.card-md-snapyellow .card-header-md-secondary,
.card-md-snapyellow .card-title-md-secondary,
.card-md-snapyellow .card-content-md-secondary {
  color: #36B37E;
}

.card-md-snapyellow .text-md-danger,
.card-md-snapyellow .card-header-md-danger,
.card-md-snapyellow .card-title-md-danger,
.card-md-snapyellow .card-content-md-danger {
  color: #FF5630;
}

.card-md-snapyellow .text-md-light,
.card-md-snapyellow .card-header-md-light,
.card-md-snapyellow .card-title-md-light,
.card-md-snapyellow .card-content-md-light {
  color: #000;
}

.card-md-snapyellow .text-md-dark,
.card-md-snapyellow .card-header-md-dark,
.card-md-snapyellow .card-title-md-dark,
.card-md-snapyellow .card-content-md-dark {
  color: #172B4D;
}

.card-md-snapyellow .text-md-snappink,
.card-md-snapyellow .card-header-md-snappink,
.card-md-snapyellow .card-title-md-snappink,
.card-md-snapyellow .card-content-md-snappink {
  color: #3687f0;
}

.card-md-snapyellow .text-md-snapblue,
.card-md-snapyellow .card-header-md-snapblue,
.card-md-snapyellow .card-title-md-snapblue,
.card-md-snapyellow .card-content-md-snapblue {
  color: #00d8ff;
}

.card-md-snapyellow .text-md-snapyellow,
.card-md-snapyellow .card-header-md-snapyellow,
.card-md-snapyellow .card-title-md-snapyellow,
.card-md-snapyellow .card-content-md-snapyellow {
  color: #FFC107;
}

.card-md-snapyellow .text-md-snapgreen,
.card-md-snapyellow .card-header-md-snapgreen,
.card-md-snapyellow .card-title-md-snapgreen,
.card-md-snapyellow .card-content-md-snapgreen {
  color: #4CAF50;
}

.card-md-snapyellow .text-md-snapindigo,
.card-md-snapyellow .card-header-md-snapindigo,
.card-md-snapyellow .card-title-md-snapindigo,
.card-md-snapyellow .card-content-md-snapindigo {
  color: #3F51B5;
}

.card-md-snapyellow .text-md-backgroundgrey,
.card-md-snapyellow .card-header-md-backgroundgrey,
.card-md-snapyellow .card-title-md-backgroundgrey,
.card-md-snapyellow .card-content-md-backgroundgrey {
  color: #EEEEEE;
}

.card-md-snapyellow .text-md-whitecolor,
.card-md-snapyellow .card-header-md-whitecolor,
.card-md-snapyellow .card-title-md-whitecolor,
.card-md-snapyellow .card-content-md-whitecolor {
  color: #000;
}

.card-md-snapyellow .text-md-grey,
.card-md-snapyellow .card-header-md-grey,
.card-md-snapyellow .card-title-md-grey,
.card-md-snapyellow .card-content-md-grey {
  color: #828082;
}

.card-md-snapyellow .text-md-blackcolor,
.card-md-snapyellow .card-header-md-blackcolor,
.card-md-snapyellow .card-title-md-blackcolor,
.card-md-snapyellow .card-content-md-blackcolor {
  color: #000;
}

.card-md-snapyellow .text-md-mildred,
.card-md-snapyellow .card-header-md-mildred,
.card-md-snapyellow .card-title-md-mildred,
.card-md-snapyellow .card-content-md-mildred {
  color: #FF0266;
}

.card-md-snapyellow .text-md-mildgreen,
.card-md-snapyellow .card-header-md-mildgreen,
.card-md-snapyellow .card-title-md-mildgreen,
.card-md-snapyellow .card-content-md-mildgreen {
  color: #69F0AE;
}

.card-md-snapyellow .text-md-sidebar,
.card-md-snapyellow .card-header-md-sidebar,
.card-md-snapyellow .card-title-md-sidebar,
.card-md-snapyellow .card-content-md-sidebar {
  color: #0000ffc0;
}

.card-md-snapyellow .text-md-white,
.card-md-snapyellow .card-header-md-white,
.card-md-snapyellow .card-title-md-white,
.card-md-snapyellow .card-content-md-white {
  color: #ffffff;
}

.card-md-snapyellow .text-md-magenta,
.card-md-snapyellow .card-header-md-magenta,
.card-md-snapyellow .card-title-md-magenta,
.card-md-snapyellow .card-content-md-magenta {
  color: #c404c4;
}

.card-header-md-snapyellow,
.card-title-md-snapyellow,
.card-content-md-snapyellow {
  color: #FFC107;
}

.card-md .text-md-snapgreen {
  color: #4CAF50;
}

.card-md-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.card-md-snapgreen .card-header-md,
.card-md-snapgreen .card-title-md,
.card-md-snapgreen .card-content-md,
.card-md-snapgreen h1,
.card-md-snapgreen h2,
.card-md-snapgreen h3,
.card-md-snapgreen h4,
.card-md-snapgreen h5,
.card-md-snapgreen h6,
.card-md-snapgreen p {
  color: #fff;
}

.card-md-snapgreen .text-md-primary,
.card-md-snapgreen .card-header-md-primary,
.card-md-snapgreen .card-title-md-primary,
.card-md-snapgreen .card-content-md-primary {
  color: #0099ff;
}

.card-md-snapgreen .text-md-secondary,
.card-md-snapgreen .card-header-md-secondary,
.card-md-snapgreen .card-title-md-secondary,
.card-md-snapgreen .card-content-md-secondary {
  color: #36B37E;
}

.card-md-snapgreen .text-md-danger,
.card-md-snapgreen .card-header-md-danger,
.card-md-snapgreen .card-title-md-danger,
.card-md-snapgreen .card-content-md-danger {
  color: #FF5630;
}

.card-md-snapgreen .text-md-light,
.card-md-snapgreen .card-header-md-light,
.card-md-snapgreen .card-title-md-light,
.card-md-snapgreen .card-content-md-light {
  color: #000;
}

.card-md-snapgreen .text-md-dark,
.card-md-snapgreen .card-header-md-dark,
.card-md-snapgreen .card-title-md-dark,
.card-md-snapgreen .card-content-md-dark {
  color: #172B4D;
}

.card-md-snapgreen .text-md-snappink,
.card-md-snapgreen .card-header-md-snappink,
.card-md-snapgreen .card-title-md-snappink,
.card-md-snapgreen .card-content-md-snappink {
  color: #3687f0;
}

.card-md-snapgreen .text-md-snapblue,
.card-md-snapgreen .card-header-md-snapblue,
.card-md-snapgreen .card-title-md-snapblue,
.card-md-snapgreen .card-content-md-snapblue {
  color: #00d8ff;
}

.card-md-snapgreen .text-md-snapyellow,
.card-md-snapgreen .card-header-md-snapyellow,
.card-md-snapgreen .card-title-md-snapyellow,
.card-md-snapgreen .card-content-md-snapyellow {
  color: #FFC107;
}

.card-md-snapgreen .text-md-snapgreen,
.card-md-snapgreen .card-header-md-snapgreen,
.card-md-snapgreen .card-title-md-snapgreen,
.card-md-snapgreen .card-content-md-snapgreen {
  color: #4CAF50;
}

.card-md-snapgreen .text-md-snapindigo,
.card-md-snapgreen .card-header-md-snapindigo,
.card-md-snapgreen .card-title-md-snapindigo,
.card-md-snapgreen .card-content-md-snapindigo {
  color: #3F51B5;
}

.card-md-snapgreen .text-md-backgroundgrey,
.card-md-snapgreen .card-header-md-backgroundgrey,
.card-md-snapgreen .card-title-md-backgroundgrey,
.card-md-snapgreen .card-content-md-backgroundgrey {
  color: #EEEEEE;
}

.card-md-snapgreen .text-md-whitecolor,
.card-md-snapgreen .card-header-md-whitecolor,
.card-md-snapgreen .card-title-md-whitecolor,
.card-md-snapgreen .card-content-md-whitecolor {
  color: #000;
}

.card-md-snapgreen .text-md-grey,
.card-md-snapgreen .card-header-md-grey,
.card-md-snapgreen .card-title-md-grey,
.card-md-snapgreen .card-content-md-grey {
  color: #828082;
}

.card-md-snapgreen .text-md-blackcolor,
.card-md-snapgreen .card-header-md-blackcolor,
.card-md-snapgreen .card-title-md-blackcolor,
.card-md-snapgreen .card-content-md-blackcolor {
  color: #000;
}

.card-md-snapgreen .text-md-mildred,
.card-md-snapgreen .card-header-md-mildred,
.card-md-snapgreen .card-title-md-mildred,
.card-md-snapgreen .card-content-md-mildred {
  color: #FF0266;
}

.card-md-snapgreen .text-md-mildgreen,
.card-md-snapgreen .card-header-md-mildgreen,
.card-md-snapgreen .card-title-md-mildgreen,
.card-md-snapgreen .card-content-md-mildgreen {
  color: #69F0AE;
}

.card-md-snapgreen .text-md-sidebar,
.card-md-snapgreen .card-header-md-sidebar,
.card-md-snapgreen .card-title-md-sidebar,
.card-md-snapgreen .card-content-md-sidebar {
  color: #0000ffc0;
}

.card-md-snapgreen .text-md-white,
.card-md-snapgreen .card-header-md-white,
.card-md-snapgreen .card-title-md-white,
.card-md-snapgreen .card-content-md-white {
  color: #ffffff;
}

.card-md-snapgreen .text-md-magenta,
.card-md-snapgreen .card-header-md-magenta,
.card-md-snapgreen .card-title-md-magenta,
.card-md-snapgreen .card-content-md-magenta {
  color: #c404c4;
}

.card-header-md-snapgreen,
.card-title-md-snapgreen,
.card-content-md-snapgreen {
  color: #4CAF50;
}

.card-md .text-md-snapindigo {
  color: #3F51B5;
}

.card-md-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.card-md-snapindigo .card-header-md,
.card-md-snapindigo .card-title-md,
.card-md-snapindigo .card-content-md,
.card-md-snapindigo h1,
.card-md-snapindigo h2,
.card-md-snapindigo h3,
.card-md-snapindigo h4,
.card-md-snapindigo h5,
.card-md-snapindigo h6,
.card-md-snapindigo p {
  color: #fff;
}

.card-md-snapindigo .text-md-primary,
.card-md-snapindigo .card-header-md-primary,
.card-md-snapindigo .card-title-md-primary,
.card-md-snapindigo .card-content-md-primary {
  color: #0099ff;
}

.card-md-snapindigo .text-md-secondary,
.card-md-snapindigo .card-header-md-secondary,
.card-md-snapindigo .card-title-md-secondary,
.card-md-snapindigo .card-content-md-secondary {
  color: #36B37E;
}

.card-md-snapindigo .text-md-danger,
.card-md-snapindigo .card-header-md-danger,
.card-md-snapindigo .card-title-md-danger,
.card-md-snapindigo .card-content-md-danger {
  color: #FF5630;
}

.card-md-snapindigo .text-md-light,
.card-md-snapindigo .card-header-md-light,
.card-md-snapindigo .card-title-md-light,
.card-md-snapindigo .card-content-md-light {
  color: #000;
}

.card-md-snapindigo .text-md-dark,
.card-md-snapindigo .card-header-md-dark,
.card-md-snapindigo .card-title-md-dark,
.card-md-snapindigo .card-content-md-dark {
  color: #172B4D;
}

.card-md-snapindigo .text-md-snappink,
.card-md-snapindigo .card-header-md-snappink,
.card-md-snapindigo .card-title-md-snappink,
.card-md-snapindigo .card-content-md-snappink {
  color: #3687f0;
}

.card-md-snapindigo .text-md-snapblue,
.card-md-snapindigo .card-header-md-snapblue,
.card-md-snapindigo .card-title-md-snapblue,
.card-md-snapindigo .card-content-md-snapblue {
  color: #00d8ff;
}

.card-md-snapindigo .text-md-snapyellow,
.card-md-snapindigo .card-header-md-snapyellow,
.card-md-snapindigo .card-title-md-snapyellow,
.card-md-snapindigo .card-content-md-snapyellow {
  color: #FFC107;
}

.card-md-snapindigo .text-md-snapgreen,
.card-md-snapindigo .card-header-md-snapgreen,
.card-md-snapindigo .card-title-md-snapgreen,
.card-md-snapindigo .card-content-md-snapgreen {
  color: #4CAF50;
}

.card-md-snapindigo .text-md-snapindigo,
.card-md-snapindigo .card-header-md-snapindigo,
.card-md-snapindigo .card-title-md-snapindigo,
.card-md-snapindigo .card-content-md-snapindigo {
  color: #3F51B5;
}

.card-md-snapindigo .text-md-backgroundgrey,
.card-md-snapindigo .card-header-md-backgroundgrey,
.card-md-snapindigo .card-title-md-backgroundgrey,
.card-md-snapindigo .card-content-md-backgroundgrey {
  color: #EEEEEE;
}

.card-md-snapindigo .text-md-whitecolor,
.card-md-snapindigo .card-header-md-whitecolor,
.card-md-snapindigo .card-title-md-whitecolor,
.card-md-snapindigo .card-content-md-whitecolor {
  color: #000;
}

.card-md-snapindigo .text-md-grey,
.card-md-snapindigo .card-header-md-grey,
.card-md-snapindigo .card-title-md-grey,
.card-md-snapindigo .card-content-md-grey {
  color: #828082;
}

.card-md-snapindigo .text-md-blackcolor,
.card-md-snapindigo .card-header-md-blackcolor,
.card-md-snapindigo .card-title-md-blackcolor,
.card-md-snapindigo .card-content-md-blackcolor {
  color: #000;
}

.card-md-snapindigo .text-md-mildred,
.card-md-snapindigo .card-header-md-mildred,
.card-md-snapindigo .card-title-md-mildred,
.card-md-snapindigo .card-content-md-mildred {
  color: #FF0266;
}

.card-md-snapindigo .text-md-mildgreen,
.card-md-snapindigo .card-header-md-mildgreen,
.card-md-snapindigo .card-title-md-mildgreen,
.card-md-snapindigo .card-content-md-mildgreen {
  color: #69F0AE;
}

.card-md-snapindigo .text-md-sidebar,
.card-md-snapindigo .card-header-md-sidebar,
.card-md-snapindigo .card-title-md-sidebar,
.card-md-snapindigo .card-content-md-sidebar {
  color: #0000ffc0;
}

.card-md-snapindigo .text-md-white,
.card-md-snapindigo .card-header-md-white,
.card-md-snapindigo .card-title-md-white,
.card-md-snapindigo .card-content-md-white {
  color: #ffffff;
}

.card-md-snapindigo .text-md-magenta,
.card-md-snapindigo .card-header-md-magenta,
.card-md-snapindigo .card-title-md-magenta,
.card-md-snapindigo .card-content-md-magenta {
  color: #c404c4;
}

.card-header-md-snapindigo,
.card-title-md-snapindigo,
.card-content-md-snapindigo {
  color: #3F51B5;
}

.card-md .text-md-backgroundgrey {
  color: #EEEEEE;
}

.card-md-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.card-md-backgroundgrey .card-header-md,
.card-md-backgroundgrey .card-title-md,
.card-md-backgroundgrey .card-content-md,
.card-md-backgroundgrey h1,
.card-md-backgroundgrey h2,
.card-md-backgroundgrey h3,
.card-md-backgroundgrey h4,
.card-md-backgroundgrey h5,
.card-md-backgroundgrey h6,
.card-md-backgroundgrey p {
  color: #000;
}

.card-md-backgroundgrey .text-md-primary,
.card-md-backgroundgrey .card-header-md-primary,
.card-md-backgroundgrey .card-title-md-primary,
.card-md-backgroundgrey .card-content-md-primary {
  color: #0099ff;
}

.card-md-backgroundgrey .text-md-secondary,
.card-md-backgroundgrey .card-header-md-secondary,
.card-md-backgroundgrey .card-title-md-secondary,
.card-md-backgroundgrey .card-content-md-secondary {
  color: #36B37E;
}

.card-md-backgroundgrey .text-md-danger,
.card-md-backgroundgrey .card-header-md-danger,
.card-md-backgroundgrey .card-title-md-danger,
.card-md-backgroundgrey .card-content-md-danger {
  color: #FF5630;
}

.card-md-backgroundgrey .text-md-light,
.card-md-backgroundgrey .card-header-md-light,
.card-md-backgroundgrey .card-title-md-light,
.card-md-backgroundgrey .card-content-md-light {
  color: #000;
}

.card-md-backgroundgrey .text-md-dark,
.card-md-backgroundgrey .card-header-md-dark,
.card-md-backgroundgrey .card-title-md-dark,
.card-md-backgroundgrey .card-content-md-dark {
  color: #172B4D;
}

.card-md-backgroundgrey .text-md-snappink,
.card-md-backgroundgrey .card-header-md-snappink,
.card-md-backgroundgrey .card-title-md-snappink,
.card-md-backgroundgrey .card-content-md-snappink {
  color: #3687f0;
}

.card-md-backgroundgrey .text-md-snapblue,
.card-md-backgroundgrey .card-header-md-snapblue,
.card-md-backgroundgrey .card-title-md-snapblue,
.card-md-backgroundgrey .card-content-md-snapblue {
  color: #00d8ff;
}

.card-md-backgroundgrey .text-md-snapyellow,
.card-md-backgroundgrey .card-header-md-snapyellow,
.card-md-backgroundgrey .card-title-md-snapyellow,
.card-md-backgroundgrey .card-content-md-snapyellow {
  color: #FFC107;
}

.card-md-backgroundgrey .text-md-snapgreen,
.card-md-backgroundgrey .card-header-md-snapgreen,
.card-md-backgroundgrey .card-title-md-snapgreen,
.card-md-backgroundgrey .card-content-md-snapgreen {
  color: #4CAF50;
}

.card-md-backgroundgrey .text-md-snapindigo,
.card-md-backgroundgrey .card-header-md-snapindigo,
.card-md-backgroundgrey .card-title-md-snapindigo,
.card-md-backgroundgrey .card-content-md-snapindigo {
  color: #3F51B5;
}

.card-md-backgroundgrey .text-md-backgroundgrey,
.card-md-backgroundgrey .card-header-md-backgroundgrey,
.card-md-backgroundgrey .card-title-md-backgroundgrey,
.card-md-backgroundgrey .card-content-md-backgroundgrey {
  color: #EEEEEE;
}

.card-md-backgroundgrey .text-md-whitecolor,
.card-md-backgroundgrey .card-header-md-whitecolor,
.card-md-backgroundgrey .card-title-md-whitecolor,
.card-md-backgroundgrey .card-content-md-whitecolor {
  color: #000;
}

.card-md-backgroundgrey .text-md-grey,
.card-md-backgroundgrey .card-header-md-grey,
.card-md-backgroundgrey .card-title-md-grey,
.card-md-backgroundgrey .card-content-md-grey {
  color: #828082;
}

.card-md-backgroundgrey .text-md-blackcolor,
.card-md-backgroundgrey .card-header-md-blackcolor,
.card-md-backgroundgrey .card-title-md-blackcolor,
.card-md-backgroundgrey .card-content-md-blackcolor {
  color: #000;
}

.card-md-backgroundgrey .text-md-mildred,
.card-md-backgroundgrey .card-header-md-mildred,
.card-md-backgroundgrey .card-title-md-mildred,
.card-md-backgroundgrey .card-content-md-mildred {
  color: #FF0266;
}

.card-md-backgroundgrey .text-md-mildgreen,
.card-md-backgroundgrey .card-header-md-mildgreen,
.card-md-backgroundgrey .card-title-md-mildgreen,
.card-md-backgroundgrey .card-content-md-mildgreen {
  color: #69F0AE;
}

.card-md-backgroundgrey .text-md-sidebar,
.card-md-backgroundgrey .card-header-md-sidebar,
.card-md-backgroundgrey .card-title-md-sidebar,
.card-md-backgroundgrey .card-content-md-sidebar {
  color: #0000ffc0;
}

.card-md-backgroundgrey .text-md-white,
.card-md-backgroundgrey .card-header-md-white,
.card-md-backgroundgrey .card-title-md-white,
.card-md-backgroundgrey .card-content-md-white {
  color: #ffffff;
}

.card-md-backgroundgrey .text-md-magenta,
.card-md-backgroundgrey .card-header-md-magenta,
.card-md-backgroundgrey .card-title-md-magenta,
.card-md-backgroundgrey .card-content-md-magenta {
  color: #c404c4;
}

.card-header-md-backgroundgrey,
.card-title-md-backgroundgrey,
.card-content-md-backgroundgrey {
  color: #EEEEEE;
}

.card-md .text-md-whitecolor {
  color: #000;
}

.card-md-whitecolor {
  color: #fff;
  background-color: #000;
}

.card-md-whitecolor .card-header-md,
.card-md-whitecolor .card-title-md,
.card-md-whitecolor .card-content-md,
.card-md-whitecolor h1,
.card-md-whitecolor h2,
.card-md-whitecolor h3,
.card-md-whitecolor h4,
.card-md-whitecolor h5,
.card-md-whitecolor h6,
.card-md-whitecolor p {
  color: #fff;
}

.card-md-whitecolor .text-md-primary,
.card-md-whitecolor .card-header-md-primary,
.card-md-whitecolor .card-title-md-primary,
.card-md-whitecolor .card-content-md-primary {
  color: #0099ff;
}

.card-md-whitecolor .text-md-secondary,
.card-md-whitecolor .card-header-md-secondary,
.card-md-whitecolor .card-title-md-secondary,
.card-md-whitecolor .card-content-md-secondary {
  color: #36B37E;
}

.card-md-whitecolor .text-md-danger,
.card-md-whitecolor .card-header-md-danger,
.card-md-whitecolor .card-title-md-danger,
.card-md-whitecolor .card-content-md-danger {
  color: #FF5630;
}

.card-md-whitecolor .text-md-light,
.card-md-whitecolor .card-header-md-light,
.card-md-whitecolor .card-title-md-light,
.card-md-whitecolor .card-content-md-light {
  color: #000;
}

.card-md-whitecolor .text-md-dark,
.card-md-whitecolor .card-header-md-dark,
.card-md-whitecolor .card-title-md-dark,
.card-md-whitecolor .card-content-md-dark {
  color: #172B4D;
}

.card-md-whitecolor .text-md-snappink,
.card-md-whitecolor .card-header-md-snappink,
.card-md-whitecolor .card-title-md-snappink,
.card-md-whitecolor .card-content-md-snappink {
  color: #3687f0;
}

.card-md-whitecolor .text-md-snapblue,
.card-md-whitecolor .card-header-md-snapblue,
.card-md-whitecolor .card-title-md-snapblue,
.card-md-whitecolor .card-content-md-snapblue {
  color: #00d8ff;
}

.card-md-whitecolor .text-md-snapyellow,
.card-md-whitecolor .card-header-md-snapyellow,
.card-md-whitecolor .card-title-md-snapyellow,
.card-md-whitecolor .card-content-md-snapyellow {
  color: #FFC107;
}

.card-md-whitecolor .text-md-snapgreen,
.card-md-whitecolor .card-header-md-snapgreen,
.card-md-whitecolor .card-title-md-snapgreen,
.card-md-whitecolor .card-content-md-snapgreen {
  color: #4CAF50;
}

.card-md-whitecolor .text-md-snapindigo,
.card-md-whitecolor .card-header-md-snapindigo,
.card-md-whitecolor .card-title-md-snapindigo,
.card-md-whitecolor .card-content-md-snapindigo {
  color: #3F51B5;
}

.card-md-whitecolor .text-md-backgroundgrey,
.card-md-whitecolor .card-header-md-backgroundgrey,
.card-md-whitecolor .card-title-md-backgroundgrey,
.card-md-whitecolor .card-content-md-backgroundgrey {
  color: #EEEEEE;
}

.card-md-whitecolor .text-md-whitecolor,
.card-md-whitecolor .card-header-md-whitecolor,
.card-md-whitecolor .card-title-md-whitecolor,
.card-md-whitecolor .card-content-md-whitecolor {
  color: #000;
}

.card-md-whitecolor .text-md-grey,
.card-md-whitecolor .card-header-md-grey,
.card-md-whitecolor .card-title-md-grey,
.card-md-whitecolor .card-content-md-grey {
  color: #828082;
}

.card-md-whitecolor .text-md-blackcolor,
.card-md-whitecolor .card-header-md-blackcolor,
.card-md-whitecolor .card-title-md-blackcolor,
.card-md-whitecolor .card-content-md-blackcolor {
  color: #000;
}

.card-md-whitecolor .text-md-mildred,
.card-md-whitecolor .card-header-md-mildred,
.card-md-whitecolor .card-title-md-mildred,
.card-md-whitecolor .card-content-md-mildred {
  color: #FF0266;
}

.card-md-whitecolor .text-md-mildgreen,
.card-md-whitecolor .card-header-md-mildgreen,
.card-md-whitecolor .card-title-md-mildgreen,
.card-md-whitecolor .card-content-md-mildgreen {
  color: #69F0AE;
}

.card-md-whitecolor .text-md-sidebar,
.card-md-whitecolor .card-header-md-sidebar,
.card-md-whitecolor .card-title-md-sidebar,
.card-md-whitecolor .card-content-md-sidebar {
  color: #0000ffc0;
}

.card-md-whitecolor .text-md-white,
.card-md-whitecolor .card-header-md-white,
.card-md-whitecolor .card-title-md-white,
.card-md-whitecolor .card-content-md-white {
  color: #ffffff;
}

.card-md-whitecolor .text-md-magenta,
.card-md-whitecolor .card-header-md-magenta,
.card-md-whitecolor .card-title-md-magenta,
.card-md-whitecolor .card-content-md-magenta {
  color: #c404c4;
}

.card-header-md-whitecolor,
.card-title-md-whitecolor,
.card-content-md-whitecolor {
  color: #000;
}

.card-md .text-md-grey {
  color: #828082;
}

.card-md-grey {
  color: #fff;
  background-color: #828082;
}

.card-md-grey .card-header-md,
.card-md-grey .card-title-md,
.card-md-grey .card-content-md,
.card-md-grey h1,
.card-md-grey h2,
.card-md-grey h3,
.card-md-grey h4,
.card-md-grey h5,
.card-md-grey h6,
.card-md-grey p {
  color: #fff;
}

.card-md-grey .text-md-primary,
.card-md-grey .card-header-md-primary,
.card-md-grey .card-title-md-primary,
.card-md-grey .card-content-md-primary {
  color: #0099ff;
}

.card-md-grey .text-md-secondary,
.card-md-grey .card-header-md-secondary,
.card-md-grey .card-title-md-secondary,
.card-md-grey .card-content-md-secondary {
  color: #36B37E;
}

.card-md-grey .text-md-danger,
.card-md-grey .card-header-md-danger,
.card-md-grey .card-title-md-danger,
.card-md-grey .card-content-md-danger {
  color: #FF5630;
}

.card-md-grey .text-md-light,
.card-md-grey .card-header-md-light,
.card-md-grey .card-title-md-light,
.card-md-grey .card-content-md-light {
  color: #000;
}

.card-md-grey .text-md-dark,
.card-md-grey .card-header-md-dark,
.card-md-grey .card-title-md-dark,
.card-md-grey .card-content-md-dark {
  color: #172B4D;
}

.card-md-grey .text-md-snappink,
.card-md-grey .card-header-md-snappink,
.card-md-grey .card-title-md-snappink,
.card-md-grey .card-content-md-snappink {
  color: #3687f0;
}

.card-md-grey .text-md-snapblue,
.card-md-grey .card-header-md-snapblue,
.card-md-grey .card-title-md-snapblue,
.card-md-grey .card-content-md-snapblue {
  color: #00d8ff;
}

.card-md-grey .text-md-snapyellow,
.card-md-grey .card-header-md-snapyellow,
.card-md-grey .card-title-md-snapyellow,
.card-md-grey .card-content-md-snapyellow {
  color: #FFC107;
}

.card-md-grey .text-md-snapgreen,
.card-md-grey .card-header-md-snapgreen,
.card-md-grey .card-title-md-snapgreen,
.card-md-grey .card-content-md-snapgreen {
  color: #4CAF50;
}

.card-md-grey .text-md-snapindigo,
.card-md-grey .card-header-md-snapindigo,
.card-md-grey .card-title-md-snapindigo,
.card-md-grey .card-content-md-snapindigo {
  color: #3F51B5;
}

.card-md-grey .text-md-backgroundgrey,
.card-md-grey .card-header-md-backgroundgrey,
.card-md-grey .card-title-md-backgroundgrey,
.card-md-grey .card-content-md-backgroundgrey {
  color: #EEEEEE;
}

.card-md-grey .text-md-whitecolor,
.card-md-grey .card-header-md-whitecolor,
.card-md-grey .card-title-md-whitecolor,
.card-md-grey .card-content-md-whitecolor {
  color: #000;
}

.card-md-grey .text-md-grey,
.card-md-grey .card-header-md-grey,
.card-md-grey .card-title-md-grey,
.card-md-grey .card-content-md-grey {
  color: #828082;
}

.card-md-grey .text-md-blackcolor,
.card-md-grey .card-header-md-blackcolor,
.card-md-grey .card-title-md-blackcolor,
.card-md-grey .card-content-md-blackcolor {
  color: #000;
}

.card-md-grey .text-md-mildred,
.card-md-grey .card-header-md-mildred,
.card-md-grey .card-title-md-mildred,
.card-md-grey .card-content-md-mildred {
  color: #FF0266;
}

.card-md-grey .text-md-mildgreen,
.card-md-grey .card-header-md-mildgreen,
.card-md-grey .card-title-md-mildgreen,
.card-md-grey .card-content-md-mildgreen {
  color: #69F0AE;
}

.card-md-grey .text-md-sidebar,
.card-md-grey .card-header-md-sidebar,
.card-md-grey .card-title-md-sidebar,
.card-md-grey .card-content-md-sidebar {
  color: #0000ffc0;
}

.card-md-grey .text-md-white,
.card-md-grey .card-header-md-white,
.card-md-grey .card-title-md-white,
.card-md-grey .card-content-md-white {
  color: #ffffff;
}

.card-md-grey .text-md-magenta,
.card-md-grey .card-header-md-magenta,
.card-md-grey .card-title-md-magenta,
.card-md-grey .card-content-md-magenta {
  color: #c404c4;
}

.card-header-md-grey,
.card-title-md-grey,
.card-content-md-grey {
  color: #828082;
}

.card-md .text-md-blackcolor {
  color: #000;
}

.card-md-blackcolor {
  color: #fff;
  background-color: #000;
}

.card-md-blackcolor .card-header-md,
.card-md-blackcolor .card-title-md,
.card-md-blackcolor .card-content-md,
.card-md-blackcolor h1,
.card-md-blackcolor h2,
.card-md-blackcolor h3,
.card-md-blackcolor h4,
.card-md-blackcolor h5,
.card-md-blackcolor h6,
.card-md-blackcolor p {
  color: #fff;
}

.card-md-blackcolor .text-md-primary,
.card-md-blackcolor .card-header-md-primary,
.card-md-blackcolor .card-title-md-primary,
.card-md-blackcolor .card-content-md-primary {
  color: #0099ff;
}

.card-md-blackcolor .text-md-secondary,
.card-md-blackcolor .card-header-md-secondary,
.card-md-blackcolor .card-title-md-secondary,
.card-md-blackcolor .card-content-md-secondary {
  color: #36B37E;
}

.card-md-blackcolor .text-md-danger,
.card-md-blackcolor .card-header-md-danger,
.card-md-blackcolor .card-title-md-danger,
.card-md-blackcolor .card-content-md-danger {
  color: #FF5630;
}

.card-md-blackcolor .text-md-light,
.card-md-blackcolor .card-header-md-light,
.card-md-blackcolor .card-title-md-light,
.card-md-blackcolor .card-content-md-light {
  color: #000;
}

.card-md-blackcolor .text-md-dark,
.card-md-blackcolor .card-header-md-dark,
.card-md-blackcolor .card-title-md-dark,
.card-md-blackcolor .card-content-md-dark {
  color: #172B4D;
}

.card-md-blackcolor .text-md-snappink,
.card-md-blackcolor .card-header-md-snappink,
.card-md-blackcolor .card-title-md-snappink,
.card-md-blackcolor .card-content-md-snappink {
  color: #3687f0;
}

.card-md-blackcolor .text-md-snapblue,
.card-md-blackcolor .card-header-md-snapblue,
.card-md-blackcolor .card-title-md-snapblue,
.card-md-blackcolor .card-content-md-snapblue {
  color: #00d8ff;
}

.card-md-blackcolor .text-md-snapyellow,
.card-md-blackcolor .card-header-md-snapyellow,
.card-md-blackcolor .card-title-md-snapyellow,
.card-md-blackcolor .card-content-md-snapyellow {
  color: #FFC107;
}

.card-md-blackcolor .text-md-snapgreen,
.card-md-blackcolor .card-header-md-snapgreen,
.card-md-blackcolor .card-title-md-snapgreen,
.card-md-blackcolor .card-content-md-snapgreen {
  color: #4CAF50;
}

.card-md-blackcolor .text-md-snapindigo,
.card-md-blackcolor .card-header-md-snapindigo,
.card-md-blackcolor .card-title-md-snapindigo,
.card-md-blackcolor .card-content-md-snapindigo {
  color: #3F51B5;
}

.card-md-blackcolor .text-md-backgroundgrey,
.card-md-blackcolor .card-header-md-backgroundgrey,
.card-md-blackcolor .card-title-md-backgroundgrey,
.card-md-blackcolor .card-content-md-backgroundgrey {
  color: #EEEEEE;
}

.card-md-blackcolor .text-md-whitecolor,
.card-md-blackcolor .card-header-md-whitecolor,
.card-md-blackcolor .card-title-md-whitecolor,
.card-md-blackcolor .card-content-md-whitecolor {
  color: #000;
}

.card-md-blackcolor .text-md-grey,
.card-md-blackcolor .card-header-md-grey,
.card-md-blackcolor .card-title-md-grey,
.card-md-blackcolor .card-content-md-grey {
  color: #828082;
}

.card-md-blackcolor .text-md-blackcolor,
.card-md-blackcolor .card-header-md-blackcolor,
.card-md-blackcolor .card-title-md-blackcolor,
.card-md-blackcolor .card-content-md-blackcolor {
  color: #000;
}

.card-md-blackcolor .text-md-mildred,
.card-md-blackcolor .card-header-md-mildred,
.card-md-blackcolor .card-title-md-mildred,
.card-md-blackcolor .card-content-md-mildred {
  color: #FF0266;
}

.card-md-blackcolor .text-md-mildgreen,
.card-md-blackcolor .card-header-md-mildgreen,
.card-md-blackcolor .card-title-md-mildgreen,
.card-md-blackcolor .card-content-md-mildgreen {
  color: #69F0AE;
}

.card-md-blackcolor .text-md-sidebar,
.card-md-blackcolor .card-header-md-sidebar,
.card-md-blackcolor .card-title-md-sidebar,
.card-md-blackcolor .card-content-md-sidebar {
  color: #0000ffc0;
}

.card-md-blackcolor .text-md-white,
.card-md-blackcolor .card-header-md-white,
.card-md-blackcolor .card-title-md-white,
.card-md-blackcolor .card-content-md-white {
  color: #ffffff;
}

.card-md-blackcolor .text-md-magenta,
.card-md-blackcolor .card-header-md-magenta,
.card-md-blackcolor .card-title-md-magenta,
.card-md-blackcolor .card-content-md-magenta {
  color: #c404c4;
}

.card-header-md-blackcolor,
.card-title-md-blackcolor,
.card-content-md-blackcolor {
  color: #000;
}

.card-md .text-md-mildred {
  color: #FF0266;
}

.card-md-mildred {
  color: #fff;
  background-color: #FF0266;
}

.card-md-mildred .card-header-md,
.card-md-mildred .card-title-md,
.card-md-mildred .card-content-md,
.card-md-mildred h1,
.card-md-mildred h2,
.card-md-mildred h3,
.card-md-mildred h4,
.card-md-mildred h5,
.card-md-mildred h6,
.card-md-mildred p {
  color: #fff;
}

.card-md-mildred .text-md-primary,
.card-md-mildred .card-header-md-primary,
.card-md-mildred .card-title-md-primary,
.card-md-mildred .card-content-md-primary {
  color: #0099ff;
}

.card-md-mildred .text-md-secondary,
.card-md-mildred .card-header-md-secondary,
.card-md-mildred .card-title-md-secondary,
.card-md-mildred .card-content-md-secondary {
  color: #36B37E;
}

.card-md-mildred .text-md-danger,
.card-md-mildred .card-header-md-danger,
.card-md-mildred .card-title-md-danger,
.card-md-mildred .card-content-md-danger {
  color: #FF5630;
}

.card-md-mildred .text-md-light,
.card-md-mildred .card-header-md-light,
.card-md-mildred .card-title-md-light,
.card-md-mildred .card-content-md-light {
  color: #000;
}

.card-md-mildred .text-md-dark,
.card-md-mildred .card-header-md-dark,
.card-md-mildred .card-title-md-dark,
.card-md-mildred .card-content-md-dark {
  color: #172B4D;
}

.card-md-mildred .text-md-snappink,
.card-md-mildred .card-header-md-snappink,
.card-md-mildred .card-title-md-snappink,
.card-md-mildred .card-content-md-snappink {
  color: #3687f0;
}

.card-md-mildred .text-md-snapblue,
.card-md-mildred .card-header-md-snapblue,
.card-md-mildred .card-title-md-snapblue,
.card-md-mildred .card-content-md-snapblue {
  color: #00d8ff;
}

.card-md-mildred .text-md-snapyellow,
.card-md-mildred .card-header-md-snapyellow,
.card-md-mildred .card-title-md-snapyellow,
.card-md-mildred .card-content-md-snapyellow {
  color: #FFC107;
}

.card-md-mildred .text-md-snapgreen,
.card-md-mildred .card-header-md-snapgreen,
.card-md-mildred .card-title-md-snapgreen,
.card-md-mildred .card-content-md-snapgreen {
  color: #4CAF50;
}

.card-md-mildred .text-md-snapindigo,
.card-md-mildred .card-header-md-snapindigo,
.card-md-mildred .card-title-md-snapindigo,
.card-md-mildred .card-content-md-snapindigo {
  color: #3F51B5;
}

.card-md-mildred .text-md-backgroundgrey,
.card-md-mildred .card-header-md-backgroundgrey,
.card-md-mildred .card-title-md-backgroundgrey,
.card-md-mildred .card-content-md-backgroundgrey {
  color: #EEEEEE;
}

.card-md-mildred .text-md-whitecolor,
.card-md-mildred .card-header-md-whitecolor,
.card-md-mildred .card-title-md-whitecolor,
.card-md-mildred .card-content-md-whitecolor {
  color: #000;
}

.card-md-mildred .text-md-grey,
.card-md-mildred .card-header-md-grey,
.card-md-mildred .card-title-md-grey,
.card-md-mildred .card-content-md-grey {
  color: #828082;
}

.card-md-mildred .text-md-blackcolor,
.card-md-mildred .card-header-md-blackcolor,
.card-md-mildred .card-title-md-blackcolor,
.card-md-mildred .card-content-md-blackcolor {
  color: #000;
}

.card-md-mildred .text-md-mildred,
.card-md-mildred .card-header-md-mildred,
.card-md-mildred .card-title-md-mildred,
.card-md-mildred .card-content-md-mildred {
  color: #FF0266;
}

.card-md-mildred .text-md-mildgreen,
.card-md-mildred .card-header-md-mildgreen,
.card-md-mildred .card-title-md-mildgreen,
.card-md-mildred .card-content-md-mildgreen {
  color: #69F0AE;
}

.card-md-mildred .text-md-sidebar,
.card-md-mildred .card-header-md-sidebar,
.card-md-mildred .card-title-md-sidebar,
.card-md-mildred .card-content-md-sidebar {
  color: #0000ffc0;
}

.card-md-mildred .text-md-white,
.card-md-mildred .card-header-md-white,
.card-md-mildred .card-title-md-white,
.card-md-mildred .card-content-md-white {
  color: #ffffff;
}

.card-md-mildred .text-md-magenta,
.card-md-mildred .card-header-md-magenta,
.card-md-mildred .card-title-md-magenta,
.card-md-mildred .card-content-md-magenta {
  color: #c404c4;
}

.card-header-md-mildred,
.card-title-md-mildred,
.card-content-md-mildred {
  color: #FF0266;
}

.card-md .text-md-mildgreen {
  color: #69F0AE;
}

.card-md-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.card-md-mildgreen .card-header-md,
.card-md-mildgreen .card-title-md,
.card-md-mildgreen .card-content-md,
.card-md-mildgreen h1,
.card-md-mildgreen h2,
.card-md-mildgreen h3,
.card-md-mildgreen h4,
.card-md-mildgreen h5,
.card-md-mildgreen h6,
.card-md-mildgreen p {
  color: #fff;
}

.card-md-mildgreen .text-md-primary,
.card-md-mildgreen .card-header-md-primary,
.card-md-mildgreen .card-title-md-primary,
.card-md-mildgreen .card-content-md-primary {
  color: #0099ff;
}

.card-md-mildgreen .text-md-secondary,
.card-md-mildgreen .card-header-md-secondary,
.card-md-mildgreen .card-title-md-secondary,
.card-md-mildgreen .card-content-md-secondary {
  color: #36B37E;
}

.card-md-mildgreen .text-md-danger,
.card-md-mildgreen .card-header-md-danger,
.card-md-mildgreen .card-title-md-danger,
.card-md-mildgreen .card-content-md-danger {
  color: #FF5630;
}

.card-md-mildgreen .text-md-light,
.card-md-mildgreen .card-header-md-light,
.card-md-mildgreen .card-title-md-light,
.card-md-mildgreen .card-content-md-light {
  color: #000;
}

.card-md-mildgreen .text-md-dark,
.card-md-mildgreen .card-header-md-dark,
.card-md-mildgreen .card-title-md-dark,
.card-md-mildgreen .card-content-md-dark {
  color: #172B4D;
}

.card-md-mildgreen .text-md-snappink,
.card-md-mildgreen .card-header-md-snappink,
.card-md-mildgreen .card-title-md-snappink,
.card-md-mildgreen .card-content-md-snappink {
  color: #3687f0;
}

.card-md-mildgreen .text-md-snapblue,
.card-md-mildgreen .card-header-md-snapblue,
.card-md-mildgreen .card-title-md-snapblue,
.card-md-mildgreen .card-content-md-snapblue {
  color: #00d8ff;
}

.card-md-mildgreen .text-md-snapyellow,
.card-md-mildgreen .card-header-md-snapyellow,
.card-md-mildgreen .card-title-md-snapyellow,
.card-md-mildgreen .card-content-md-snapyellow {
  color: #FFC107;
}

.card-md-mildgreen .text-md-snapgreen,
.card-md-mildgreen .card-header-md-snapgreen,
.card-md-mildgreen .card-title-md-snapgreen,
.card-md-mildgreen .card-content-md-snapgreen {
  color: #4CAF50;
}

.card-md-mildgreen .text-md-snapindigo,
.card-md-mildgreen .card-header-md-snapindigo,
.card-md-mildgreen .card-title-md-snapindigo,
.card-md-mildgreen .card-content-md-snapindigo {
  color: #3F51B5;
}

.card-md-mildgreen .text-md-backgroundgrey,
.card-md-mildgreen .card-header-md-backgroundgrey,
.card-md-mildgreen .card-title-md-backgroundgrey,
.card-md-mildgreen .card-content-md-backgroundgrey {
  color: #EEEEEE;
}

.card-md-mildgreen .text-md-whitecolor,
.card-md-mildgreen .card-header-md-whitecolor,
.card-md-mildgreen .card-title-md-whitecolor,
.card-md-mildgreen .card-content-md-whitecolor {
  color: #000;
}

.card-md-mildgreen .text-md-grey,
.card-md-mildgreen .card-header-md-grey,
.card-md-mildgreen .card-title-md-grey,
.card-md-mildgreen .card-content-md-grey {
  color: #828082;
}

.card-md-mildgreen .text-md-blackcolor,
.card-md-mildgreen .card-header-md-blackcolor,
.card-md-mildgreen .card-title-md-blackcolor,
.card-md-mildgreen .card-content-md-blackcolor {
  color: #000;
}

.card-md-mildgreen .text-md-mildred,
.card-md-mildgreen .card-header-md-mildred,
.card-md-mildgreen .card-title-md-mildred,
.card-md-mildgreen .card-content-md-mildred {
  color: #FF0266;
}

.card-md-mildgreen .text-md-mildgreen,
.card-md-mildgreen .card-header-md-mildgreen,
.card-md-mildgreen .card-title-md-mildgreen,
.card-md-mildgreen .card-content-md-mildgreen {
  color: #69F0AE;
}

.card-md-mildgreen .text-md-sidebar,
.card-md-mildgreen .card-header-md-sidebar,
.card-md-mildgreen .card-title-md-sidebar,
.card-md-mildgreen .card-content-md-sidebar {
  color: #0000ffc0;
}

.card-md-mildgreen .text-md-white,
.card-md-mildgreen .card-header-md-white,
.card-md-mildgreen .card-title-md-white,
.card-md-mildgreen .card-content-md-white {
  color: #ffffff;
}

.card-md-mildgreen .text-md-magenta,
.card-md-mildgreen .card-header-md-magenta,
.card-md-mildgreen .card-title-md-magenta,
.card-md-mildgreen .card-content-md-magenta {
  color: #c404c4;
}

.card-header-md-mildgreen,
.card-title-md-mildgreen,
.card-content-md-mildgreen {
  color: #69F0AE;
}

.card-md .text-md-sidebar {
  color: #0000ffc0;
}

.card-md-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.card-md-sidebar .card-header-md,
.card-md-sidebar .card-title-md,
.card-md-sidebar .card-content-md,
.card-md-sidebar h1,
.card-md-sidebar h2,
.card-md-sidebar h3,
.card-md-sidebar h4,
.card-md-sidebar h5,
.card-md-sidebar h6,
.card-md-sidebar p {
  color: #fff;
}

.card-md-sidebar .text-md-primary,
.card-md-sidebar .card-header-md-primary,
.card-md-sidebar .card-title-md-primary,
.card-md-sidebar .card-content-md-primary {
  color: #0099ff;
}

.card-md-sidebar .text-md-secondary,
.card-md-sidebar .card-header-md-secondary,
.card-md-sidebar .card-title-md-secondary,
.card-md-sidebar .card-content-md-secondary {
  color: #36B37E;
}

.card-md-sidebar .text-md-danger,
.card-md-sidebar .card-header-md-danger,
.card-md-sidebar .card-title-md-danger,
.card-md-sidebar .card-content-md-danger {
  color: #FF5630;
}

.card-md-sidebar .text-md-light,
.card-md-sidebar .card-header-md-light,
.card-md-sidebar .card-title-md-light,
.card-md-sidebar .card-content-md-light {
  color: #000;
}

.card-md-sidebar .text-md-dark,
.card-md-sidebar .card-header-md-dark,
.card-md-sidebar .card-title-md-dark,
.card-md-sidebar .card-content-md-dark {
  color: #172B4D;
}

.card-md-sidebar .text-md-snappink,
.card-md-sidebar .card-header-md-snappink,
.card-md-sidebar .card-title-md-snappink,
.card-md-sidebar .card-content-md-snappink {
  color: #3687f0;
}

.card-md-sidebar .text-md-snapblue,
.card-md-sidebar .card-header-md-snapblue,
.card-md-sidebar .card-title-md-snapblue,
.card-md-sidebar .card-content-md-snapblue {
  color: #00d8ff;
}

.card-md-sidebar .text-md-snapyellow,
.card-md-sidebar .card-header-md-snapyellow,
.card-md-sidebar .card-title-md-snapyellow,
.card-md-sidebar .card-content-md-snapyellow {
  color: #FFC107;
}

.card-md-sidebar .text-md-snapgreen,
.card-md-sidebar .card-header-md-snapgreen,
.card-md-sidebar .card-title-md-snapgreen,
.card-md-sidebar .card-content-md-snapgreen {
  color: #4CAF50;
}

.card-md-sidebar .text-md-snapindigo,
.card-md-sidebar .card-header-md-snapindigo,
.card-md-sidebar .card-title-md-snapindigo,
.card-md-sidebar .card-content-md-snapindigo {
  color: #3F51B5;
}

.card-md-sidebar .text-md-backgroundgrey,
.card-md-sidebar .card-header-md-backgroundgrey,
.card-md-sidebar .card-title-md-backgroundgrey,
.card-md-sidebar .card-content-md-backgroundgrey {
  color: #EEEEEE;
}

.card-md-sidebar .text-md-whitecolor,
.card-md-sidebar .card-header-md-whitecolor,
.card-md-sidebar .card-title-md-whitecolor,
.card-md-sidebar .card-content-md-whitecolor {
  color: #000;
}

.card-md-sidebar .text-md-grey,
.card-md-sidebar .card-header-md-grey,
.card-md-sidebar .card-title-md-grey,
.card-md-sidebar .card-content-md-grey {
  color: #828082;
}

.card-md-sidebar .text-md-blackcolor,
.card-md-sidebar .card-header-md-blackcolor,
.card-md-sidebar .card-title-md-blackcolor,
.card-md-sidebar .card-content-md-blackcolor {
  color: #000;
}

.card-md-sidebar .text-md-mildred,
.card-md-sidebar .card-header-md-mildred,
.card-md-sidebar .card-title-md-mildred,
.card-md-sidebar .card-content-md-mildred {
  color: #FF0266;
}

.card-md-sidebar .text-md-mildgreen,
.card-md-sidebar .card-header-md-mildgreen,
.card-md-sidebar .card-title-md-mildgreen,
.card-md-sidebar .card-content-md-mildgreen {
  color: #69F0AE;
}

.card-md-sidebar .text-md-sidebar,
.card-md-sidebar .card-header-md-sidebar,
.card-md-sidebar .card-title-md-sidebar,
.card-md-sidebar .card-content-md-sidebar {
  color: #0000ffc0;
}

.card-md-sidebar .text-md-white,
.card-md-sidebar .card-header-md-white,
.card-md-sidebar .card-title-md-white,
.card-md-sidebar .card-content-md-white {
  color: #ffffff;
}

.card-md-sidebar .text-md-magenta,
.card-md-sidebar .card-header-md-magenta,
.card-md-sidebar .card-title-md-magenta,
.card-md-sidebar .card-content-md-magenta {
  color: #c404c4;
}

.card-header-md-sidebar,
.card-title-md-sidebar,
.card-content-md-sidebar {
  color: #0000ffc0;
}

.card-md .text-md-white {
  color: #ffffff;
}

.card-md-white {
  color: #000;
  background-color: #ffffff;
}

.card-md-white .card-header-md,
.card-md-white .card-title-md,
.card-md-white .card-content-md,
.card-md-white h1,
.card-md-white h2,
.card-md-white h3,
.card-md-white h4,
.card-md-white h5,
.card-md-white h6,
.card-md-white p {
  color: #000;
}

.card-md-white .text-md-primary,
.card-md-white .card-header-md-primary,
.card-md-white .card-title-md-primary,
.card-md-white .card-content-md-primary {
  color: #0099ff;
}

.card-md-white .text-md-secondary,
.card-md-white .card-header-md-secondary,
.card-md-white .card-title-md-secondary,
.card-md-white .card-content-md-secondary {
  color: #36B37E;
}

.card-md-white .text-md-danger,
.card-md-white .card-header-md-danger,
.card-md-white .card-title-md-danger,
.card-md-white .card-content-md-danger {
  color: #FF5630;
}

.card-md-white .text-md-light,
.card-md-white .card-header-md-light,
.card-md-white .card-title-md-light,
.card-md-white .card-content-md-light {
  color: #000;
}

.card-md-white .text-md-dark,
.card-md-white .card-header-md-dark,
.card-md-white .card-title-md-dark,
.card-md-white .card-content-md-dark {
  color: #172B4D;
}

.card-md-white .text-md-snappink,
.card-md-white .card-header-md-snappink,
.card-md-white .card-title-md-snappink,
.card-md-white .card-content-md-snappink {
  color: #3687f0;
}

.card-md-white .text-md-snapblue,
.card-md-white .card-header-md-snapblue,
.card-md-white .card-title-md-snapblue,
.card-md-white .card-content-md-snapblue {
  color: #00d8ff;
}

.card-md-white .text-md-snapyellow,
.card-md-white .card-header-md-snapyellow,
.card-md-white .card-title-md-snapyellow,
.card-md-white .card-content-md-snapyellow {
  color: #FFC107;
}

.card-md-white .text-md-snapgreen,
.card-md-white .card-header-md-snapgreen,
.card-md-white .card-title-md-snapgreen,
.card-md-white .card-content-md-snapgreen {
  color: #4CAF50;
}

.card-md-white .text-md-snapindigo,
.card-md-white .card-header-md-snapindigo,
.card-md-white .card-title-md-snapindigo,
.card-md-white .card-content-md-snapindigo {
  color: #3F51B5;
}

.card-md-white .text-md-backgroundgrey,
.card-md-white .card-header-md-backgroundgrey,
.card-md-white .card-title-md-backgroundgrey,
.card-md-white .card-content-md-backgroundgrey {
  color: #EEEEEE;
}

.card-md-white .text-md-whitecolor,
.card-md-white .card-header-md-whitecolor,
.card-md-white .card-title-md-whitecolor,
.card-md-white .card-content-md-whitecolor {
  color: #000;
}

.card-md-white .text-md-grey,
.card-md-white .card-header-md-grey,
.card-md-white .card-title-md-grey,
.card-md-white .card-content-md-grey {
  color: #828082;
}

.card-md-white .text-md-blackcolor,
.card-md-white .card-header-md-blackcolor,
.card-md-white .card-title-md-blackcolor,
.card-md-white .card-content-md-blackcolor {
  color: #000;
}

.card-md-white .text-md-mildred,
.card-md-white .card-header-md-mildred,
.card-md-white .card-title-md-mildred,
.card-md-white .card-content-md-mildred {
  color: #FF0266;
}

.card-md-white .text-md-mildgreen,
.card-md-white .card-header-md-mildgreen,
.card-md-white .card-title-md-mildgreen,
.card-md-white .card-content-md-mildgreen {
  color: #69F0AE;
}

.card-md-white .text-md-sidebar,
.card-md-white .card-header-md-sidebar,
.card-md-white .card-title-md-sidebar,
.card-md-white .card-content-md-sidebar {
  color: #0000ffc0;
}

.card-md-white .text-md-white,
.card-md-white .card-header-md-white,
.card-md-white .card-title-md-white,
.card-md-white .card-content-md-white {
  color: #ffffff;
}

.card-md-white .text-md-magenta,
.card-md-white .card-header-md-magenta,
.card-md-white .card-title-md-magenta,
.card-md-white .card-content-md-magenta {
  color: #c404c4;
}

.card-header-md-white,
.card-title-md-white,
.card-content-md-white {
  color: #ffffff;
}

.card-md .text-md-magenta {
  color: #c404c4;
}

.card-md-magenta {
  color: #fff;
  background-color: #c404c4;
}

.card-md-magenta .card-header-md,
.card-md-magenta .card-title-md,
.card-md-magenta .card-content-md,
.card-md-magenta h1,
.card-md-magenta h2,
.card-md-magenta h3,
.card-md-magenta h4,
.card-md-magenta h5,
.card-md-magenta h6,
.card-md-magenta p {
  color: #fff;
}

.card-md-magenta .text-md-primary,
.card-md-magenta .card-header-md-primary,
.card-md-magenta .card-title-md-primary,
.card-md-magenta .card-content-md-primary {
  color: #0099ff;
}

.card-md-magenta .text-md-secondary,
.card-md-magenta .card-header-md-secondary,
.card-md-magenta .card-title-md-secondary,
.card-md-magenta .card-content-md-secondary {
  color: #36B37E;
}

.card-md-magenta .text-md-danger,
.card-md-magenta .card-header-md-danger,
.card-md-magenta .card-title-md-danger,
.card-md-magenta .card-content-md-danger {
  color: #FF5630;
}

.card-md-magenta .text-md-light,
.card-md-magenta .card-header-md-light,
.card-md-magenta .card-title-md-light,
.card-md-magenta .card-content-md-light {
  color: #000;
}

.card-md-magenta .text-md-dark,
.card-md-magenta .card-header-md-dark,
.card-md-magenta .card-title-md-dark,
.card-md-magenta .card-content-md-dark {
  color: #172B4D;
}

.card-md-magenta .text-md-snappink,
.card-md-magenta .card-header-md-snappink,
.card-md-magenta .card-title-md-snappink,
.card-md-magenta .card-content-md-snappink {
  color: #3687f0;
}

.card-md-magenta .text-md-snapblue,
.card-md-magenta .card-header-md-snapblue,
.card-md-magenta .card-title-md-snapblue,
.card-md-magenta .card-content-md-snapblue {
  color: #00d8ff;
}

.card-md-magenta .text-md-snapyellow,
.card-md-magenta .card-header-md-snapyellow,
.card-md-magenta .card-title-md-snapyellow,
.card-md-magenta .card-content-md-snapyellow {
  color: #FFC107;
}

.card-md-magenta .text-md-snapgreen,
.card-md-magenta .card-header-md-snapgreen,
.card-md-magenta .card-title-md-snapgreen,
.card-md-magenta .card-content-md-snapgreen {
  color: #4CAF50;
}

.card-md-magenta .text-md-snapindigo,
.card-md-magenta .card-header-md-snapindigo,
.card-md-magenta .card-title-md-snapindigo,
.card-md-magenta .card-content-md-snapindigo {
  color: #3F51B5;
}

.card-md-magenta .text-md-backgroundgrey,
.card-md-magenta .card-header-md-backgroundgrey,
.card-md-magenta .card-title-md-backgroundgrey,
.card-md-magenta .card-content-md-backgroundgrey {
  color: #EEEEEE;
}

.card-md-magenta .text-md-whitecolor,
.card-md-magenta .card-header-md-whitecolor,
.card-md-magenta .card-title-md-whitecolor,
.card-md-magenta .card-content-md-whitecolor {
  color: #000;
}

.card-md-magenta .text-md-grey,
.card-md-magenta .card-header-md-grey,
.card-md-magenta .card-title-md-grey,
.card-md-magenta .card-content-md-grey {
  color: #828082;
}

.card-md-magenta .text-md-blackcolor,
.card-md-magenta .card-header-md-blackcolor,
.card-md-magenta .card-title-md-blackcolor,
.card-md-magenta .card-content-md-blackcolor {
  color: #000;
}

.card-md-magenta .text-md-mildred,
.card-md-magenta .card-header-md-mildred,
.card-md-magenta .card-title-md-mildred,
.card-md-magenta .card-content-md-mildred {
  color: #FF0266;
}

.card-md-magenta .text-md-mildgreen,
.card-md-magenta .card-header-md-mildgreen,
.card-md-magenta .card-title-md-mildgreen,
.card-md-magenta .card-content-md-mildgreen {
  color: #69F0AE;
}

.card-md-magenta .text-md-sidebar,
.card-md-magenta .card-header-md-sidebar,
.card-md-magenta .card-title-md-sidebar,
.card-md-magenta .card-content-md-sidebar {
  color: #0000ffc0;
}

.card-md-magenta .text-md-white,
.card-md-magenta .card-header-md-white,
.card-md-magenta .card-title-md-white,
.card-md-magenta .card-content-md-white {
  color: #ffffff;
}

.card-md-magenta .text-md-magenta,
.card-md-magenta .card-header-md-magenta,
.card-md-magenta .card-title-md-magenta,
.card-md-magenta .card-content-md-magenta {
  color: #c404c4;
}

.card-header-md-magenta,
.card-title-md-magenta,
.card-content-md-magenta {
  color: #c404c4;
}

.card-wp {
  margin: 8px;
  border-radius: 1px;
  width: calc(100% - 16px);
  font-size: 1.4rem;
  background: #fff;
  -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.card-wp ion-list {
  margin-bottom: 0;
}

.card-wp > .item:last-child,
.card-wp > .item:last-child .item-inner,
.card-wp > .item-wrapper:last-child .item {
  border-bottom: 0;
}

.card-wp .item-wp.item-block .item-inner {
  border: 0;
}

.card-content-wp {
  padding: 13px 16px;
  font-size: 1.4rem;
  line-height: 1.5;
}

.card-header-wp {
  font-size: 1.6rem;
  color: #222;
  padding: 16px;
}

.card-header-wp + .card-content-wp,
.card-wp .item + .card-content-wp {
  padding-top: 0;
}

.card .note-wp {
  font-size: 1.3rem;
}

.card-title-wp {
  display: block;
  font-size: 2.4rem;
  line-height: 1.2;
  color: #222;
  margin: 2px 0;
  padding: 8px 0;
}

.card-wp h1 {
  margin: 0 0 2px;
  font-size: 2.4rem;
  font-weight: normal;
  color: #222;
}

.card-wp h2 {
  margin: 2px 0;
  font-size: 1.6rem;
  font-weight: normal;
  color: #222;
}

.card-wp h3,
.card-wp h4,
.card-wp h5,
.card-wp h6 {
  margin: 2px 0;
  font-size: 1.4rem;
  font-weight: normal;
  color: #222;
}

.card-wp p {
  margin: 0 0 2px;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.5;
  color: #222;
}

.card-wp + ion-card {
  margin-top: 0;
}

.card-wp .text-wp-primary {
  color: #0099ff;
}

.card-wp-primary {
  color: #fff;
  background-color: #0099ff;
}

.card-wp-primary .card-header-wp,
.card-wp-primary .card-title-wp,
.card-wp-primary .card-content-wp,
.card-wp-primary h1,
.card-wp-primary h2,
.card-wp-primary h3,
.card-wp-primary h4,
.card-wp-primary h5,
.card-wp-primary h6,
.card-wp-primary p {
  color: #fff;
}

.card-wp-primary .text-wp-primary,
.card-wp-primary .card-header-wp-primary,
.card-wp-primary .card-title-wp-primary,
.card-wp-primary .card-content-wp-primary {
  color: #0099ff;
}

.card-wp-primary .text-wp-secondary,
.card-wp-primary .card-header-wp-secondary,
.card-wp-primary .card-title-wp-secondary,
.card-wp-primary .card-content-wp-secondary {
  color: #36B37E;
}

.card-wp-primary .text-wp-danger,
.card-wp-primary .card-header-wp-danger,
.card-wp-primary .card-title-wp-danger,
.card-wp-primary .card-content-wp-danger {
  color: #FF5630;
}

.card-wp-primary .text-wp-light,
.card-wp-primary .card-header-wp-light,
.card-wp-primary .card-title-wp-light,
.card-wp-primary .card-content-wp-light {
  color: #000;
}

.card-wp-primary .text-wp-dark,
.card-wp-primary .card-header-wp-dark,
.card-wp-primary .card-title-wp-dark,
.card-wp-primary .card-content-wp-dark {
  color: #172B4D;
}

.card-wp-primary .text-wp-snappink,
.card-wp-primary .card-header-wp-snappink,
.card-wp-primary .card-title-wp-snappink,
.card-wp-primary .card-content-wp-snappink {
  color: #3687f0;
}

.card-wp-primary .text-wp-snapblue,
.card-wp-primary .card-header-wp-snapblue,
.card-wp-primary .card-title-wp-snapblue,
.card-wp-primary .card-content-wp-snapblue {
  color: #00d8ff;
}

.card-wp-primary .text-wp-snapyellow,
.card-wp-primary .card-header-wp-snapyellow,
.card-wp-primary .card-title-wp-snapyellow,
.card-wp-primary .card-content-wp-snapyellow {
  color: #FFC107;
}

.card-wp-primary .text-wp-snapgreen,
.card-wp-primary .card-header-wp-snapgreen,
.card-wp-primary .card-title-wp-snapgreen,
.card-wp-primary .card-content-wp-snapgreen {
  color: #4CAF50;
}

.card-wp-primary .text-wp-snapindigo,
.card-wp-primary .card-header-wp-snapindigo,
.card-wp-primary .card-title-wp-snapindigo,
.card-wp-primary .card-content-wp-snapindigo {
  color: #3F51B5;
}

.card-wp-primary .text-wp-backgroundgrey,
.card-wp-primary .card-header-wp-backgroundgrey,
.card-wp-primary .card-title-wp-backgroundgrey,
.card-wp-primary .card-content-wp-backgroundgrey {
  color: #EEEEEE;
}

.card-wp-primary .text-wp-whitecolor,
.card-wp-primary .card-header-wp-whitecolor,
.card-wp-primary .card-title-wp-whitecolor,
.card-wp-primary .card-content-wp-whitecolor {
  color: #000;
}

.card-wp-primary .text-wp-grey,
.card-wp-primary .card-header-wp-grey,
.card-wp-primary .card-title-wp-grey,
.card-wp-primary .card-content-wp-grey {
  color: #828082;
}

.card-wp-primary .text-wp-blackcolor,
.card-wp-primary .card-header-wp-blackcolor,
.card-wp-primary .card-title-wp-blackcolor,
.card-wp-primary .card-content-wp-blackcolor {
  color: #000;
}

.card-wp-primary .text-wp-mildred,
.card-wp-primary .card-header-wp-mildred,
.card-wp-primary .card-title-wp-mildred,
.card-wp-primary .card-content-wp-mildred {
  color: #FF0266;
}

.card-wp-primary .text-wp-mildgreen,
.card-wp-primary .card-header-wp-mildgreen,
.card-wp-primary .card-title-wp-mildgreen,
.card-wp-primary .card-content-wp-mildgreen {
  color: #69F0AE;
}

.card-wp-primary .text-wp-sidebar,
.card-wp-primary .card-header-wp-sidebar,
.card-wp-primary .card-title-wp-sidebar,
.card-wp-primary .card-content-wp-sidebar {
  color: #0000ffc0;
}

.card-wp-primary .text-wp-white,
.card-wp-primary .card-header-wp-white,
.card-wp-primary .card-title-wp-white,
.card-wp-primary .card-content-wp-white {
  color: #ffffff;
}

.card-wp-primary .text-wp-magenta,
.card-wp-primary .card-header-wp-magenta,
.card-wp-primary .card-title-wp-magenta,
.card-wp-primary .card-content-wp-magenta {
  color: #c404c4;
}

.card-header-wp-primary,
.card-title-wp-primary,
.card-content-wp-primary {
  color: #0099ff;
}

.card-wp .text-wp-secondary {
  color: #36B37E;
}

.card-wp-secondary {
  color: #fff;
  background-color: #36B37E;
}

.card-wp-secondary .card-header-wp,
.card-wp-secondary .card-title-wp,
.card-wp-secondary .card-content-wp,
.card-wp-secondary h1,
.card-wp-secondary h2,
.card-wp-secondary h3,
.card-wp-secondary h4,
.card-wp-secondary h5,
.card-wp-secondary h6,
.card-wp-secondary p {
  color: #fff;
}

.card-wp-secondary .text-wp-primary,
.card-wp-secondary .card-header-wp-primary,
.card-wp-secondary .card-title-wp-primary,
.card-wp-secondary .card-content-wp-primary {
  color: #0099ff;
}

.card-wp-secondary .text-wp-secondary,
.card-wp-secondary .card-header-wp-secondary,
.card-wp-secondary .card-title-wp-secondary,
.card-wp-secondary .card-content-wp-secondary {
  color: #36B37E;
}

.card-wp-secondary .text-wp-danger,
.card-wp-secondary .card-header-wp-danger,
.card-wp-secondary .card-title-wp-danger,
.card-wp-secondary .card-content-wp-danger {
  color: #FF5630;
}

.card-wp-secondary .text-wp-light,
.card-wp-secondary .card-header-wp-light,
.card-wp-secondary .card-title-wp-light,
.card-wp-secondary .card-content-wp-light {
  color: #000;
}

.card-wp-secondary .text-wp-dark,
.card-wp-secondary .card-header-wp-dark,
.card-wp-secondary .card-title-wp-dark,
.card-wp-secondary .card-content-wp-dark {
  color: #172B4D;
}

.card-wp-secondary .text-wp-snappink,
.card-wp-secondary .card-header-wp-snappink,
.card-wp-secondary .card-title-wp-snappink,
.card-wp-secondary .card-content-wp-snappink {
  color: #3687f0;
}

.card-wp-secondary .text-wp-snapblue,
.card-wp-secondary .card-header-wp-snapblue,
.card-wp-secondary .card-title-wp-snapblue,
.card-wp-secondary .card-content-wp-snapblue {
  color: #00d8ff;
}

.card-wp-secondary .text-wp-snapyellow,
.card-wp-secondary .card-header-wp-snapyellow,
.card-wp-secondary .card-title-wp-snapyellow,
.card-wp-secondary .card-content-wp-snapyellow {
  color: #FFC107;
}

.card-wp-secondary .text-wp-snapgreen,
.card-wp-secondary .card-header-wp-snapgreen,
.card-wp-secondary .card-title-wp-snapgreen,
.card-wp-secondary .card-content-wp-snapgreen {
  color: #4CAF50;
}

.card-wp-secondary .text-wp-snapindigo,
.card-wp-secondary .card-header-wp-snapindigo,
.card-wp-secondary .card-title-wp-snapindigo,
.card-wp-secondary .card-content-wp-snapindigo {
  color: #3F51B5;
}

.card-wp-secondary .text-wp-backgroundgrey,
.card-wp-secondary .card-header-wp-backgroundgrey,
.card-wp-secondary .card-title-wp-backgroundgrey,
.card-wp-secondary .card-content-wp-backgroundgrey {
  color: #EEEEEE;
}

.card-wp-secondary .text-wp-whitecolor,
.card-wp-secondary .card-header-wp-whitecolor,
.card-wp-secondary .card-title-wp-whitecolor,
.card-wp-secondary .card-content-wp-whitecolor {
  color: #000;
}

.card-wp-secondary .text-wp-grey,
.card-wp-secondary .card-header-wp-grey,
.card-wp-secondary .card-title-wp-grey,
.card-wp-secondary .card-content-wp-grey {
  color: #828082;
}

.card-wp-secondary .text-wp-blackcolor,
.card-wp-secondary .card-header-wp-blackcolor,
.card-wp-secondary .card-title-wp-blackcolor,
.card-wp-secondary .card-content-wp-blackcolor {
  color: #000;
}

.card-wp-secondary .text-wp-mildred,
.card-wp-secondary .card-header-wp-mildred,
.card-wp-secondary .card-title-wp-mildred,
.card-wp-secondary .card-content-wp-mildred {
  color: #FF0266;
}

.card-wp-secondary .text-wp-mildgreen,
.card-wp-secondary .card-header-wp-mildgreen,
.card-wp-secondary .card-title-wp-mildgreen,
.card-wp-secondary .card-content-wp-mildgreen {
  color: #69F0AE;
}

.card-wp-secondary .text-wp-sidebar,
.card-wp-secondary .card-header-wp-sidebar,
.card-wp-secondary .card-title-wp-sidebar,
.card-wp-secondary .card-content-wp-sidebar {
  color: #0000ffc0;
}

.card-wp-secondary .text-wp-white,
.card-wp-secondary .card-header-wp-white,
.card-wp-secondary .card-title-wp-white,
.card-wp-secondary .card-content-wp-white {
  color: #ffffff;
}

.card-wp-secondary .text-wp-magenta,
.card-wp-secondary .card-header-wp-magenta,
.card-wp-secondary .card-title-wp-magenta,
.card-wp-secondary .card-content-wp-magenta {
  color: #c404c4;
}

.card-header-wp-secondary,
.card-title-wp-secondary,
.card-content-wp-secondary {
  color: #36B37E;
}

.card-wp .text-wp-danger {
  color: #FF5630;
}

.card-wp-danger {
  color: #fff;
  background-color: #FF5630;
}

.card-wp-danger .card-header-wp,
.card-wp-danger .card-title-wp,
.card-wp-danger .card-content-wp,
.card-wp-danger h1,
.card-wp-danger h2,
.card-wp-danger h3,
.card-wp-danger h4,
.card-wp-danger h5,
.card-wp-danger h6,
.card-wp-danger p {
  color: #fff;
}

.card-wp-danger .text-wp-primary,
.card-wp-danger .card-header-wp-primary,
.card-wp-danger .card-title-wp-primary,
.card-wp-danger .card-content-wp-primary {
  color: #0099ff;
}

.card-wp-danger .text-wp-secondary,
.card-wp-danger .card-header-wp-secondary,
.card-wp-danger .card-title-wp-secondary,
.card-wp-danger .card-content-wp-secondary {
  color: #36B37E;
}

.card-wp-danger .text-wp-danger,
.card-wp-danger .card-header-wp-danger,
.card-wp-danger .card-title-wp-danger,
.card-wp-danger .card-content-wp-danger {
  color: #FF5630;
}

.card-wp-danger .text-wp-light,
.card-wp-danger .card-header-wp-light,
.card-wp-danger .card-title-wp-light,
.card-wp-danger .card-content-wp-light {
  color: #000;
}

.card-wp-danger .text-wp-dark,
.card-wp-danger .card-header-wp-dark,
.card-wp-danger .card-title-wp-dark,
.card-wp-danger .card-content-wp-dark {
  color: #172B4D;
}

.card-wp-danger .text-wp-snappink,
.card-wp-danger .card-header-wp-snappink,
.card-wp-danger .card-title-wp-snappink,
.card-wp-danger .card-content-wp-snappink {
  color: #3687f0;
}

.card-wp-danger .text-wp-snapblue,
.card-wp-danger .card-header-wp-snapblue,
.card-wp-danger .card-title-wp-snapblue,
.card-wp-danger .card-content-wp-snapblue {
  color: #00d8ff;
}

.card-wp-danger .text-wp-snapyellow,
.card-wp-danger .card-header-wp-snapyellow,
.card-wp-danger .card-title-wp-snapyellow,
.card-wp-danger .card-content-wp-snapyellow {
  color: #FFC107;
}

.card-wp-danger .text-wp-snapgreen,
.card-wp-danger .card-header-wp-snapgreen,
.card-wp-danger .card-title-wp-snapgreen,
.card-wp-danger .card-content-wp-snapgreen {
  color: #4CAF50;
}

.card-wp-danger .text-wp-snapindigo,
.card-wp-danger .card-header-wp-snapindigo,
.card-wp-danger .card-title-wp-snapindigo,
.card-wp-danger .card-content-wp-snapindigo {
  color: #3F51B5;
}

.card-wp-danger .text-wp-backgroundgrey,
.card-wp-danger .card-header-wp-backgroundgrey,
.card-wp-danger .card-title-wp-backgroundgrey,
.card-wp-danger .card-content-wp-backgroundgrey {
  color: #EEEEEE;
}

.card-wp-danger .text-wp-whitecolor,
.card-wp-danger .card-header-wp-whitecolor,
.card-wp-danger .card-title-wp-whitecolor,
.card-wp-danger .card-content-wp-whitecolor {
  color: #000;
}

.card-wp-danger .text-wp-grey,
.card-wp-danger .card-header-wp-grey,
.card-wp-danger .card-title-wp-grey,
.card-wp-danger .card-content-wp-grey {
  color: #828082;
}

.card-wp-danger .text-wp-blackcolor,
.card-wp-danger .card-header-wp-blackcolor,
.card-wp-danger .card-title-wp-blackcolor,
.card-wp-danger .card-content-wp-blackcolor {
  color: #000;
}

.card-wp-danger .text-wp-mildred,
.card-wp-danger .card-header-wp-mildred,
.card-wp-danger .card-title-wp-mildred,
.card-wp-danger .card-content-wp-mildred {
  color: #FF0266;
}

.card-wp-danger .text-wp-mildgreen,
.card-wp-danger .card-header-wp-mildgreen,
.card-wp-danger .card-title-wp-mildgreen,
.card-wp-danger .card-content-wp-mildgreen {
  color: #69F0AE;
}

.card-wp-danger .text-wp-sidebar,
.card-wp-danger .card-header-wp-sidebar,
.card-wp-danger .card-title-wp-sidebar,
.card-wp-danger .card-content-wp-sidebar {
  color: #0000ffc0;
}

.card-wp-danger .text-wp-white,
.card-wp-danger .card-header-wp-white,
.card-wp-danger .card-title-wp-white,
.card-wp-danger .card-content-wp-white {
  color: #ffffff;
}

.card-wp-danger .text-wp-magenta,
.card-wp-danger .card-header-wp-magenta,
.card-wp-danger .card-title-wp-magenta,
.card-wp-danger .card-content-wp-magenta {
  color: #c404c4;
}

.card-header-wp-danger,
.card-title-wp-danger,
.card-content-wp-danger {
  color: #FF5630;
}

.card-wp .text-wp-light {
  color: #000;
}

.card-wp-light {
  color: #fff;
  background-color: #000;
}

.card-wp-light .card-header-wp,
.card-wp-light .card-title-wp,
.card-wp-light .card-content-wp,
.card-wp-light h1,
.card-wp-light h2,
.card-wp-light h3,
.card-wp-light h4,
.card-wp-light h5,
.card-wp-light h6,
.card-wp-light p {
  color: #fff;
}

.card-wp-light .text-wp-primary,
.card-wp-light .card-header-wp-primary,
.card-wp-light .card-title-wp-primary,
.card-wp-light .card-content-wp-primary {
  color: #0099ff;
}

.card-wp-light .text-wp-secondary,
.card-wp-light .card-header-wp-secondary,
.card-wp-light .card-title-wp-secondary,
.card-wp-light .card-content-wp-secondary {
  color: #36B37E;
}

.card-wp-light .text-wp-danger,
.card-wp-light .card-header-wp-danger,
.card-wp-light .card-title-wp-danger,
.card-wp-light .card-content-wp-danger {
  color: #FF5630;
}

.card-wp-light .text-wp-light,
.card-wp-light .card-header-wp-light,
.card-wp-light .card-title-wp-light,
.card-wp-light .card-content-wp-light {
  color: #000;
}

.card-wp-light .text-wp-dark,
.card-wp-light .card-header-wp-dark,
.card-wp-light .card-title-wp-dark,
.card-wp-light .card-content-wp-dark {
  color: #172B4D;
}

.card-wp-light .text-wp-snappink,
.card-wp-light .card-header-wp-snappink,
.card-wp-light .card-title-wp-snappink,
.card-wp-light .card-content-wp-snappink {
  color: #3687f0;
}

.card-wp-light .text-wp-snapblue,
.card-wp-light .card-header-wp-snapblue,
.card-wp-light .card-title-wp-snapblue,
.card-wp-light .card-content-wp-snapblue {
  color: #00d8ff;
}

.card-wp-light .text-wp-snapyellow,
.card-wp-light .card-header-wp-snapyellow,
.card-wp-light .card-title-wp-snapyellow,
.card-wp-light .card-content-wp-snapyellow {
  color: #FFC107;
}

.card-wp-light .text-wp-snapgreen,
.card-wp-light .card-header-wp-snapgreen,
.card-wp-light .card-title-wp-snapgreen,
.card-wp-light .card-content-wp-snapgreen {
  color: #4CAF50;
}

.card-wp-light .text-wp-snapindigo,
.card-wp-light .card-header-wp-snapindigo,
.card-wp-light .card-title-wp-snapindigo,
.card-wp-light .card-content-wp-snapindigo {
  color: #3F51B5;
}

.card-wp-light .text-wp-backgroundgrey,
.card-wp-light .card-header-wp-backgroundgrey,
.card-wp-light .card-title-wp-backgroundgrey,
.card-wp-light .card-content-wp-backgroundgrey {
  color: #EEEEEE;
}

.card-wp-light .text-wp-whitecolor,
.card-wp-light .card-header-wp-whitecolor,
.card-wp-light .card-title-wp-whitecolor,
.card-wp-light .card-content-wp-whitecolor {
  color: #000;
}

.card-wp-light .text-wp-grey,
.card-wp-light .card-header-wp-grey,
.card-wp-light .card-title-wp-grey,
.card-wp-light .card-content-wp-grey {
  color: #828082;
}

.card-wp-light .text-wp-blackcolor,
.card-wp-light .card-header-wp-blackcolor,
.card-wp-light .card-title-wp-blackcolor,
.card-wp-light .card-content-wp-blackcolor {
  color: #000;
}

.card-wp-light .text-wp-mildred,
.card-wp-light .card-header-wp-mildred,
.card-wp-light .card-title-wp-mildred,
.card-wp-light .card-content-wp-mildred {
  color: #FF0266;
}

.card-wp-light .text-wp-mildgreen,
.card-wp-light .card-header-wp-mildgreen,
.card-wp-light .card-title-wp-mildgreen,
.card-wp-light .card-content-wp-mildgreen {
  color: #69F0AE;
}

.card-wp-light .text-wp-sidebar,
.card-wp-light .card-header-wp-sidebar,
.card-wp-light .card-title-wp-sidebar,
.card-wp-light .card-content-wp-sidebar {
  color: #0000ffc0;
}

.card-wp-light .text-wp-white,
.card-wp-light .card-header-wp-white,
.card-wp-light .card-title-wp-white,
.card-wp-light .card-content-wp-white {
  color: #ffffff;
}

.card-wp-light .text-wp-magenta,
.card-wp-light .card-header-wp-magenta,
.card-wp-light .card-title-wp-magenta,
.card-wp-light .card-content-wp-magenta {
  color: #c404c4;
}

.card-header-wp-light,
.card-title-wp-light,
.card-content-wp-light {
  color: #000;
}

.card-wp .text-wp-dark {
  color: #172B4D;
}

.card-wp-dark {
  color: #fff;
  background-color: #172B4D;
}

.card-wp-dark .card-header-wp,
.card-wp-dark .card-title-wp,
.card-wp-dark .card-content-wp,
.card-wp-dark h1,
.card-wp-dark h2,
.card-wp-dark h3,
.card-wp-dark h4,
.card-wp-dark h5,
.card-wp-dark h6,
.card-wp-dark p {
  color: #fff;
}

.card-wp-dark .text-wp-primary,
.card-wp-dark .card-header-wp-primary,
.card-wp-dark .card-title-wp-primary,
.card-wp-dark .card-content-wp-primary {
  color: #0099ff;
}

.card-wp-dark .text-wp-secondary,
.card-wp-dark .card-header-wp-secondary,
.card-wp-dark .card-title-wp-secondary,
.card-wp-dark .card-content-wp-secondary {
  color: #36B37E;
}

.card-wp-dark .text-wp-danger,
.card-wp-dark .card-header-wp-danger,
.card-wp-dark .card-title-wp-danger,
.card-wp-dark .card-content-wp-danger {
  color: #FF5630;
}

.card-wp-dark .text-wp-light,
.card-wp-dark .card-header-wp-light,
.card-wp-dark .card-title-wp-light,
.card-wp-dark .card-content-wp-light {
  color: #000;
}

.card-wp-dark .text-wp-dark,
.card-wp-dark .card-header-wp-dark,
.card-wp-dark .card-title-wp-dark,
.card-wp-dark .card-content-wp-dark {
  color: #172B4D;
}

.card-wp-dark .text-wp-snappink,
.card-wp-dark .card-header-wp-snappink,
.card-wp-dark .card-title-wp-snappink,
.card-wp-dark .card-content-wp-snappink {
  color: #3687f0;
}

.card-wp-dark .text-wp-snapblue,
.card-wp-dark .card-header-wp-snapblue,
.card-wp-dark .card-title-wp-snapblue,
.card-wp-dark .card-content-wp-snapblue {
  color: #00d8ff;
}

.card-wp-dark .text-wp-snapyellow,
.card-wp-dark .card-header-wp-snapyellow,
.card-wp-dark .card-title-wp-snapyellow,
.card-wp-dark .card-content-wp-snapyellow {
  color: #FFC107;
}

.card-wp-dark .text-wp-snapgreen,
.card-wp-dark .card-header-wp-snapgreen,
.card-wp-dark .card-title-wp-snapgreen,
.card-wp-dark .card-content-wp-snapgreen {
  color: #4CAF50;
}

.card-wp-dark .text-wp-snapindigo,
.card-wp-dark .card-header-wp-snapindigo,
.card-wp-dark .card-title-wp-snapindigo,
.card-wp-dark .card-content-wp-snapindigo {
  color: #3F51B5;
}

.card-wp-dark .text-wp-backgroundgrey,
.card-wp-dark .card-header-wp-backgroundgrey,
.card-wp-dark .card-title-wp-backgroundgrey,
.card-wp-dark .card-content-wp-backgroundgrey {
  color: #EEEEEE;
}

.card-wp-dark .text-wp-whitecolor,
.card-wp-dark .card-header-wp-whitecolor,
.card-wp-dark .card-title-wp-whitecolor,
.card-wp-dark .card-content-wp-whitecolor {
  color: #000;
}

.card-wp-dark .text-wp-grey,
.card-wp-dark .card-header-wp-grey,
.card-wp-dark .card-title-wp-grey,
.card-wp-dark .card-content-wp-grey {
  color: #828082;
}

.card-wp-dark .text-wp-blackcolor,
.card-wp-dark .card-header-wp-blackcolor,
.card-wp-dark .card-title-wp-blackcolor,
.card-wp-dark .card-content-wp-blackcolor {
  color: #000;
}

.card-wp-dark .text-wp-mildred,
.card-wp-dark .card-header-wp-mildred,
.card-wp-dark .card-title-wp-mildred,
.card-wp-dark .card-content-wp-mildred {
  color: #FF0266;
}

.card-wp-dark .text-wp-mildgreen,
.card-wp-dark .card-header-wp-mildgreen,
.card-wp-dark .card-title-wp-mildgreen,
.card-wp-dark .card-content-wp-mildgreen {
  color: #69F0AE;
}

.card-wp-dark .text-wp-sidebar,
.card-wp-dark .card-header-wp-sidebar,
.card-wp-dark .card-title-wp-sidebar,
.card-wp-dark .card-content-wp-sidebar {
  color: #0000ffc0;
}

.card-wp-dark .text-wp-white,
.card-wp-dark .card-header-wp-white,
.card-wp-dark .card-title-wp-white,
.card-wp-dark .card-content-wp-white {
  color: #ffffff;
}

.card-wp-dark .text-wp-magenta,
.card-wp-dark .card-header-wp-magenta,
.card-wp-dark .card-title-wp-magenta,
.card-wp-dark .card-content-wp-magenta {
  color: #c404c4;
}

.card-header-wp-dark,
.card-title-wp-dark,
.card-content-wp-dark {
  color: #172B4D;
}

.card-wp .text-wp-snappink {
  color: #3687f0;
}

.card-wp-snappink {
  color: #fff;
  background-color: #3687f0;
}

.card-wp-snappink .card-header-wp,
.card-wp-snappink .card-title-wp,
.card-wp-snappink .card-content-wp,
.card-wp-snappink h1,
.card-wp-snappink h2,
.card-wp-snappink h3,
.card-wp-snappink h4,
.card-wp-snappink h5,
.card-wp-snappink h6,
.card-wp-snappink p {
  color: #fff;
}

.card-wp-snappink .text-wp-primary,
.card-wp-snappink .card-header-wp-primary,
.card-wp-snappink .card-title-wp-primary,
.card-wp-snappink .card-content-wp-primary {
  color: #0099ff;
}

.card-wp-snappink .text-wp-secondary,
.card-wp-snappink .card-header-wp-secondary,
.card-wp-snappink .card-title-wp-secondary,
.card-wp-snappink .card-content-wp-secondary {
  color: #36B37E;
}

.card-wp-snappink .text-wp-danger,
.card-wp-snappink .card-header-wp-danger,
.card-wp-snappink .card-title-wp-danger,
.card-wp-snappink .card-content-wp-danger {
  color: #FF5630;
}

.card-wp-snappink .text-wp-light,
.card-wp-snappink .card-header-wp-light,
.card-wp-snappink .card-title-wp-light,
.card-wp-snappink .card-content-wp-light {
  color: #000;
}

.card-wp-snappink .text-wp-dark,
.card-wp-snappink .card-header-wp-dark,
.card-wp-snappink .card-title-wp-dark,
.card-wp-snappink .card-content-wp-dark {
  color: #172B4D;
}

.card-wp-snappink .text-wp-snappink,
.card-wp-snappink .card-header-wp-snappink,
.card-wp-snappink .card-title-wp-snappink,
.card-wp-snappink .card-content-wp-snappink {
  color: #3687f0;
}

.card-wp-snappink .text-wp-snapblue,
.card-wp-snappink .card-header-wp-snapblue,
.card-wp-snappink .card-title-wp-snapblue,
.card-wp-snappink .card-content-wp-snapblue {
  color: #00d8ff;
}

.card-wp-snappink .text-wp-snapyellow,
.card-wp-snappink .card-header-wp-snapyellow,
.card-wp-snappink .card-title-wp-snapyellow,
.card-wp-snappink .card-content-wp-snapyellow {
  color: #FFC107;
}

.card-wp-snappink .text-wp-snapgreen,
.card-wp-snappink .card-header-wp-snapgreen,
.card-wp-snappink .card-title-wp-snapgreen,
.card-wp-snappink .card-content-wp-snapgreen {
  color: #4CAF50;
}

.card-wp-snappink .text-wp-snapindigo,
.card-wp-snappink .card-header-wp-snapindigo,
.card-wp-snappink .card-title-wp-snapindigo,
.card-wp-snappink .card-content-wp-snapindigo {
  color: #3F51B5;
}

.card-wp-snappink .text-wp-backgroundgrey,
.card-wp-snappink .card-header-wp-backgroundgrey,
.card-wp-snappink .card-title-wp-backgroundgrey,
.card-wp-snappink .card-content-wp-backgroundgrey {
  color: #EEEEEE;
}

.card-wp-snappink .text-wp-whitecolor,
.card-wp-snappink .card-header-wp-whitecolor,
.card-wp-snappink .card-title-wp-whitecolor,
.card-wp-snappink .card-content-wp-whitecolor {
  color: #000;
}

.card-wp-snappink .text-wp-grey,
.card-wp-snappink .card-header-wp-grey,
.card-wp-snappink .card-title-wp-grey,
.card-wp-snappink .card-content-wp-grey {
  color: #828082;
}

.card-wp-snappink .text-wp-blackcolor,
.card-wp-snappink .card-header-wp-blackcolor,
.card-wp-snappink .card-title-wp-blackcolor,
.card-wp-snappink .card-content-wp-blackcolor {
  color: #000;
}

.card-wp-snappink .text-wp-mildred,
.card-wp-snappink .card-header-wp-mildred,
.card-wp-snappink .card-title-wp-mildred,
.card-wp-snappink .card-content-wp-mildred {
  color: #FF0266;
}

.card-wp-snappink .text-wp-mildgreen,
.card-wp-snappink .card-header-wp-mildgreen,
.card-wp-snappink .card-title-wp-mildgreen,
.card-wp-snappink .card-content-wp-mildgreen {
  color: #69F0AE;
}

.card-wp-snappink .text-wp-sidebar,
.card-wp-snappink .card-header-wp-sidebar,
.card-wp-snappink .card-title-wp-sidebar,
.card-wp-snappink .card-content-wp-sidebar {
  color: #0000ffc0;
}

.card-wp-snappink .text-wp-white,
.card-wp-snappink .card-header-wp-white,
.card-wp-snappink .card-title-wp-white,
.card-wp-snappink .card-content-wp-white {
  color: #ffffff;
}

.card-wp-snappink .text-wp-magenta,
.card-wp-snappink .card-header-wp-magenta,
.card-wp-snappink .card-title-wp-magenta,
.card-wp-snappink .card-content-wp-magenta {
  color: #c404c4;
}

.card-header-wp-snappink,
.card-title-wp-snappink,
.card-content-wp-snappink {
  color: #3687f0;
}

.card-wp .text-wp-snapblue {
  color: #00d8ff;
}

.card-wp-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.card-wp-snapblue .card-header-wp,
.card-wp-snapblue .card-title-wp,
.card-wp-snapblue .card-content-wp,
.card-wp-snapblue h1,
.card-wp-snapblue h2,
.card-wp-snapblue h3,
.card-wp-snapblue h4,
.card-wp-snapblue h5,
.card-wp-snapblue h6,
.card-wp-snapblue p {
  color: #fff;
}

.card-wp-snapblue .text-wp-primary,
.card-wp-snapblue .card-header-wp-primary,
.card-wp-snapblue .card-title-wp-primary,
.card-wp-snapblue .card-content-wp-primary {
  color: #0099ff;
}

.card-wp-snapblue .text-wp-secondary,
.card-wp-snapblue .card-header-wp-secondary,
.card-wp-snapblue .card-title-wp-secondary,
.card-wp-snapblue .card-content-wp-secondary {
  color: #36B37E;
}

.card-wp-snapblue .text-wp-danger,
.card-wp-snapblue .card-header-wp-danger,
.card-wp-snapblue .card-title-wp-danger,
.card-wp-snapblue .card-content-wp-danger {
  color: #FF5630;
}

.card-wp-snapblue .text-wp-light,
.card-wp-snapblue .card-header-wp-light,
.card-wp-snapblue .card-title-wp-light,
.card-wp-snapblue .card-content-wp-light {
  color: #000;
}

.card-wp-snapblue .text-wp-dark,
.card-wp-snapblue .card-header-wp-dark,
.card-wp-snapblue .card-title-wp-dark,
.card-wp-snapblue .card-content-wp-dark {
  color: #172B4D;
}

.card-wp-snapblue .text-wp-snappink,
.card-wp-snapblue .card-header-wp-snappink,
.card-wp-snapblue .card-title-wp-snappink,
.card-wp-snapblue .card-content-wp-snappink {
  color: #3687f0;
}

.card-wp-snapblue .text-wp-snapblue,
.card-wp-snapblue .card-header-wp-snapblue,
.card-wp-snapblue .card-title-wp-snapblue,
.card-wp-snapblue .card-content-wp-snapblue {
  color: #00d8ff;
}

.card-wp-snapblue .text-wp-snapyellow,
.card-wp-snapblue .card-header-wp-snapyellow,
.card-wp-snapblue .card-title-wp-snapyellow,
.card-wp-snapblue .card-content-wp-snapyellow {
  color: #FFC107;
}

.card-wp-snapblue .text-wp-snapgreen,
.card-wp-snapblue .card-header-wp-snapgreen,
.card-wp-snapblue .card-title-wp-snapgreen,
.card-wp-snapblue .card-content-wp-snapgreen {
  color: #4CAF50;
}

.card-wp-snapblue .text-wp-snapindigo,
.card-wp-snapblue .card-header-wp-snapindigo,
.card-wp-snapblue .card-title-wp-snapindigo,
.card-wp-snapblue .card-content-wp-snapindigo {
  color: #3F51B5;
}

.card-wp-snapblue .text-wp-backgroundgrey,
.card-wp-snapblue .card-header-wp-backgroundgrey,
.card-wp-snapblue .card-title-wp-backgroundgrey,
.card-wp-snapblue .card-content-wp-backgroundgrey {
  color: #EEEEEE;
}

.card-wp-snapblue .text-wp-whitecolor,
.card-wp-snapblue .card-header-wp-whitecolor,
.card-wp-snapblue .card-title-wp-whitecolor,
.card-wp-snapblue .card-content-wp-whitecolor {
  color: #000;
}

.card-wp-snapblue .text-wp-grey,
.card-wp-snapblue .card-header-wp-grey,
.card-wp-snapblue .card-title-wp-grey,
.card-wp-snapblue .card-content-wp-grey {
  color: #828082;
}

.card-wp-snapblue .text-wp-blackcolor,
.card-wp-snapblue .card-header-wp-blackcolor,
.card-wp-snapblue .card-title-wp-blackcolor,
.card-wp-snapblue .card-content-wp-blackcolor {
  color: #000;
}

.card-wp-snapblue .text-wp-mildred,
.card-wp-snapblue .card-header-wp-mildred,
.card-wp-snapblue .card-title-wp-mildred,
.card-wp-snapblue .card-content-wp-mildred {
  color: #FF0266;
}

.card-wp-snapblue .text-wp-mildgreen,
.card-wp-snapblue .card-header-wp-mildgreen,
.card-wp-snapblue .card-title-wp-mildgreen,
.card-wp-snapblue .card-content-wp-mildgreen {
  color: #69F0AE;
}

.card-wp-snapblue .text-wp-sidebar,
.card-wp-snapblue .card-header-wp-sidebar,
.card-wp-snapblue .card-title-wp-sidebar,
.card-wp-snapblue .card-content-wp-sidebar {
  color: #0000ffc0;
}

.card-wp-snapblue .text-wp-white,
.card-wp-snapblue .card-header-wp-white,
.card-wp-snapblue .card-title-wp-white,
.card-wp-snapblue .card-content-wp-white {
  color: #ffffff;
}

.card-wp-snapblue .text-wp-magenta,
.card-wp-snapblue .card-header-wp-magenta,
.card-wp-snapblue .card-title-wp-magenta,
.card-wp-snapblue .card-content-wp-magenta {
  color: #c404c4;
}

.card-header-wp-snapblue,
.card-title-wp-snapblue,
.card-content-wp-snapblue {
  color: #00d8ff;
}

.card-wp .text-wp-snapyellow {
  color: #FFC107;
}

.card-wp-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.card-wp-snapyellow .card-header-wp,
.card-wp-snapyellow .card-title-wp,
.card-wp-snapyellow .card-content-wp,
.card-wp-snapyellow h1,
.card-wp-snapyellow h2,
.card-wp-snapyellow h3,
.card-wp-snapyellow h4,
.card-wp-snapyellow h5,
.card-wp-snapyellow h6,
.card-wp-snapyellow p {
  color: #000;
}

.card-wp-snapyellow .text-wp-primary,
.card-wp-snapyellow .card-header-wp-primary,
.card-wp-snapyellow .card-title-wp-primary,
.card-wp-snapyellow .card-content-wp-primary {
  color: #0099ff;
}

.card-wp-snapyellow .text-wp-secondary,
.card-wp-snapyellow .card-header-wp-secondary,
.card-wp-snapyellow .card-title-wp-secondary,
.card-wp-snapyellow .card-content-wp-secondary {
  color: #36B37E;
}

.card-wp-snapyellow .text-wp-danger,
.card-wp-snapyellow .card-header-wp-danger,
.card-wp-snapyellow .card-title-wp-danger,
.card-wp-snapyellow .card-content-wp-danger {
  color: #FF5630;
}

.card-wp-snapyellow .text-wp-light,
.card-wp-snapyellow .card-header-wp-light,
.card-wp-snapyellow .card-title-wp-light,
.card-wp-snapyellow .card-content-wp-light {
  color: #000;
}

.card-wp-snapyellow .text-wp-dark,
.card-wp-snapyellow .card-header-wp-dark,
.card-wp-snapyellow .card-title-wp-dark,
.card-wp-snapyellow .card-content-wp-dark {
  color: #172B4D;
}

.card-wp-snapyellow .text-wp-snappink,
.card-wp-snapyellow .card-header-wp-snappink,
.card-wp-snapyellow .card-title-wp-snappink,
.card-wp-snapyellow .card-content-wp-snappink {
  color: #3687f0;
}

.card-wp-snapyellow .text-wp-snapblue,
.card-wp-snapyellow .card-header-wp-snapblue,
.card-wp-snapyellow .card-title-wp-snapblue,
.card-wp-snapyellow .card-content-wp-snapblue {
  color: #00d8ff;
}

.card-wp-snapyellow .text-wp-snapyellow,
.card-wp-snapyellow .card-header-wp-snapyellow,
.card-wp-snapyellow .card-title-wp-snapyellow,
.card-wp-snapyellow .card-content-wp-snapyellow {
  color: #FFC107;
}

.card-wp-snapyellow .text-wp-snapgreen,
.card-wp-snapyellow .card-header-wp-snapgreen,
.card-wp-snapyellow .card-title-wp-snapgreen,
.card-wp-snapyellow .card-content-wp-snapgreen {
  color: #4CAF50;
}

.card-wp-snapyellow .text-wp-snapindigo,
.card-wp-snapyellow .card-header-wp-snapindigo,
.card-wp-snapyellow .card-title-wp-snapindigo,
.card-wp-snapyellow .card-content-wp-snapindigo {
  color: #3F51B5;
}

.card-wp-snapyellow .text-wp-backgroundgrey,
.card-wp-snapyellow .card-header-wp-backgroundgrey,
.card-wp-snapyellow .card-title-wp-backgroundgrey,
.card-wp-snapyellow .card-content-wp-backgroundgrey {
  color: #EEEEEE;
}

.card-wp-snapyellow .text-wp-whitecolor,
.card-wp-snapyellow .card-header-wp-whitecolor,
.card-wp-snapyellow .card-title-wp-whitecolor,
.card-wp-snapyellow .card-content-wp-whitecolor {
  color: #000;
}

.card-wp-snapyellow .text-wp-grey,
.card-wp-snapyellow .card-header-wp-grey,
.card-wp-snapyellow .card-title-wp-grey,
.card-wp-snapyellow .card-content-wp-grey {
  color: #828082;
}

.card-wp-snapyellow .text-wp-blackcolor,
.card-wp-snapyellow .card-header-wp-blackcolor,
.card-wp-snapyellow .card-title-wp-blackcolor,
.card-wp-snapyellow .card-content-wp-blackcolor {
  color: #000;
}

.card-wp-snapyellow .text-wp-mildred,
.card-wp-snapyellow .card-header-wp-mildred,
.card-wp-snapyellow .card-title-wp-mildred,
.card-wp-snapyellow .card-content-wp-mildred {
  color: #FF0266;
}

.card-wp-snapyellow .text-wp-mildgreen,
.card-wp-snapyellow .card-header-wp-mildgreen,
.card-wp-snapyellow .card-title-wp-mildgreen,
.card-wp-snapyellow .card-content-wp-mildgreen {
  color: #69F0AE;
}

.card-wp-snapyellow .text-wp-sidebar,
.card-wp-snapyellow .card-header-wp-sidebar,
.card-wp-snapyellow .card-title-wp-sidebar,
.card-wp-snapyellow .card-content-wp-sidebar {
  color: #0000ffc0;
}

.card-wp-snapyellow .text-wp-white,
.card-wp-snapyellow .card-header-wp-white,
.card-wp-snapyellow .card-title-wp-white,
.card-wp-snapyellow .card-content-wp-white {
  color: #ffffff;
}

.card-wp-snapyellow .text-wp-magenta,
.card-wp-snapyellow .card-header-wp-magenta,
.card-wp-snapyellow .card-title-wp-magenta,
.card-wp-snapyellow .card-content-wp-magenta {
  color: #c404c4;
}

.card-header-wp-snapyellow,
.card-title-wp-snapyellow,
.card-content-wp-snapyellow {
  color: #FFC107;
}

.card-wp .text-wp-snapgreen {
  color: #4CAF50;
}

.card-wp-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.card-wp-snapgreen .card-header-wp,
.card-wp-snapgreen .card-title-wp,
.card-wp-snapgreen .card-content-wp,
.card-wp-snapgreen h1,
.card-wp-snapgreen h2,
.card-wp-snapgreen h3,
.card-wp-snapgreen h4,
.card-wp-snapgreen h5,
.card-wp-snapgreen h6,
.card-wp-snapgreen p {
  color: #fff;
}

.card-wp-snapgreen .text-wp-primary,
.card-wp-snapgreen .card-header-wp-primary,
.card-wp-snapgreen .card-title-wp-primary,
.card-wp-snapgreen .card-content-wp-primary {
  color: #0099ff;
}

.card-wp-snapgreen .text-wp-secondary,
.card-wp-snapgreen .card-header-wp-secondary,
.card-wp-snapgreen .card-title-wp-secondary,
.card-wp-snapgreen .card-content-wp-secondary {
  color: #36B37E;
}

.card-wp-snapgreen .text-wp-danger,
.card-wp-snapgreen .card-header-wp-danger,
.card-wp-snapgreen .card-title-wp-danger,
.card-wp-snapgreen .card-content-wp-danger {
  color: #FF5630;
}

.card-wp-snapgreen .text-wp-light,
.card-wp-snapgreen .card-header-wp-light,
.card-wp-snapgreen .card-title-wp-light,
.card-wp-snapgreen .card-content-wp-light {
  color: #000;
}

.card-wp-snapgreen .text-wp-dark,
.card-wp-snapgreen .card-header-wp-dark,
.card-wp-snapgreen .card-title-wp-dark,
.card-wp-snapgreen .card-content-wp-dark {
  color: #172B4D;
}

.card-wp-snapgreen .text-wp-snappink,
.card-wp-snapgreen .card-header-wp-snappink,
.card-wp-snapgreen .card-title-wp-snappink,
.card-wp-snapgreen .card-content-wp-snappink {
  color: #3687f0;
}

.card-wp-snapgreen .text-wp-snapblue,
.card-wp-snapgreen .card-header-wp-snapblue,
.card-wp-snapgreen .card-title-wp-snapblue,
.card-wp-snapgreen .card-content-wp-snapblue {
  color: #00d8ff;
}

.card-wp-snapgreen .text-wp-snapyellow,
.card-wp-snapgreen .card-header-wp-snapyellow,
.card-wp-snapgreen .card-title-wp-snapyellow,
.card-wp-snapgreen .card-content-wp-snapyellow {
  color: #FFC107;
}

.card-wp-snapgreen .text-wp-snapgreen,
.card-wp-snapgreen .card-header-wp-snapgreen,
.card-wp-snapgreen .card-title-wp-snapgreen,
.card-wp-snapgreen .card-content-wp-snapgreen {
  color: #4CAF50;
}

.card-wp-snapgreen .text-wp-snapindigo,
.card-wp-snapgreen .card-header-wp-snapindigo,
.card-wp-snapgreen .card-title-wp-snapindigo,
.card-wp-snapgreen .card-content-wp-snapindigo {
  color: #3F51B5;
}

.card-wp-snapgreen .text-wp-backgroundgrey,
.card-wp-snapgreen .card-header-wp-backgroundgrey,
.card-wp-snapgreen .card-title-wp-backgroundgrey,
.card-wp-snapgreen .card-content-wp-backgroundgrey {
  color: #EEEEEE;
}

.card-wp-snapgreen .text-wp-whitecolor,
.card-wp-snapgreen .card-header-wp-whitecolor,
.card-wp-snapgreen .card-title-wp-whitecolor,
.card-wp-snapgreen .card-content-wp-whitecolor {
  color: #000;
}

.card-wp-snapgreen .text-wp-grey,
.card-wp-snapgreen .card-header-wp-grey,
.card-wp-snapgreen .card-title-wp-grey,
.card-wp-snapgreen .card-content-wp-grey {
  color: #828082;
}

.card-wp-snapgreen .text-wp-blackcolor,
.card-wp-snapgreen .card-header-wp-blackcolor,
.card-wp-snapgreen .card-title-wp-blackcolor,
.card-wp-snapgreen .card-content-wp-blackcolor {
  color: #000;
}

.card-wp-snapgreen .text-wp-mildred,
.card-wp-snapgreen .card-header-wp-mildred,
.card-wp-snapgreen .card-title-wp-mildred,
.card-wp-snapgreen .card-content-wp-mildred {
  color: #FF0266;
}

.card-wp-snapgreen .text-wp-mildgreen,
.card-wp-snapgreen .card-header-wp-mildgreen,
.card-wp-snapgreen .card-title-wp-mildgreen,
.card-wp-snapgreen .card-content-wp-mildgreen {
  color: #69F0AE;
}

.card-wp-snapgreen .text-wp-sidebar,
.card-wp-snapgreen .card-header-wp-sidebar,
.card-wp-snapgreen .card-title-wp-sidebar,
.card-wp-snapgreen .card-content-wp-sidebar {
  color: #0000ffc0;
}

.card-wp-snapgreen .text-wp-white,
.card-wp-snapgreen .card-header-wp-white,
.card-wp-snapgreen .card-title-wp-white,
.card-wp-snapgreen .card-content-wp-white {
  color: #ffffff;
}

.card-wp-snapgreen .text-wp-magenta,
.card-wp-snapgreen .card-header-wp-magenta,
.card-wp-snapgreen .card-title-wp-magenta,
.card-wp-snapgreen .card-content-wp-magenta {
  color: #c404c4;
}

.card-header-wp-snapgreen,
.card-title-wp-snapgreen,
.card-content-wp-snapgreen {
  color: #4CAF50;
}

.card-wp .text-wp-snapindigo {
  color: #3F51B5;
}

.card-wp-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.card-wp-snapindigo .card-header-wp,
.card-wp-snapindigo .card-title-wp,
.card-wp-snapindigo .card-content-wp,
.card-wp-snapindigo h1,
.card-wp-snapindigo h2,
.card-wp-snapindigo h3,
.card-wp-snapindigo h4,
.card-wp-snapindigo h5,
.card-wp-snapindigo h6,
.card-wp-snapindigo p {
  color: #fff;
}

.card-wp-snapindigo .text-wp-primary,
.card-wp-snapindigo .card-header-wp-primary,
.card-wp-snapindigo .card-title-wp-primary,
.card-wp-snapindigo .card-content-wp-primary {
  color: #0099ff;
}

.card-wp-snapindigo .text-wp-secondary,
.card-wp-snapindigo .card-header-wp-secondary,
.card-wp-snapindigo .card-title-wp-secondary,
.card-wp-snapindigo .card-content-wp-secondary {
  color: #36B37E;
}

.card-wp-snapindigo .text-wp-danger,
.card-wp-snapindigo .card-header-wp-danger,
.card-wp-snapindigo .card-title-wp-danger,
.card-wp-snapindigo .card-content-wp-danger {
  color: #FF5630;
}

.card-wp-snapindigo .text-wp-light,
.card-wp-snapindigo .card-header-wp-light,
.card-wp-snapindigo .card-title-wp-light,
.card-wp-snapindigo .card-content-wp-light {
  color: #000;
}

.card-wp-snapindigo .text-wp-dark,
.card-wp-snapindigo .card-header-wp-dark,
.card-wp-snapindigo .card-title-wp-dark,
.card-wp-snapindigo .card-content-wp-dark {
  color: #172B4D;
}

.card-wp-snapindigo .text-wp-snappink,
.card-wp-snapindigo .card-header-wp-snappink,
.card-wp-snapindigo .card-title-wp-snappink,
.card-wp-snapindigo .card-content-wp-snappink {
  color: #3687f0;
}

.card-wp-snapindigo .text-wp-snapblue,
.card-wp-snapindigo .card-header-wp-snapblue,
.card-wp-snapindigo .card-title-wp-snapblue,
.card-wp-snapindigo .card-content-wp-snapblue {
  color: #00d8ff;
}

.card-wp-snapindigo .text-wp-snapyellow,
.card-wp-snapindigo .card-header-wp-snapyellow,
.card-wp-snapindigo .card-title-wp-snapyellow,
.card-wp-snapindigo .card-content-wp-snapyellow {
  color: #FFC107;
}

.card-wp-snapindigo .text-wp-snapgreen,
.card-wp-snapindigo .card-header-wp-snapgreen,
.card-wp-snapindigo .card-title-wp-snapgreen,
.card-wp-snapindigo .card-content-wp-snapgreen {
  color: #4CAF50;
}

.card-wp-snapindigo .text-wp-snapindigo,
.card-wp-snapindigo .card-header-wp-snapindigo,
.card-wp-snapindigo .card-title-wp-snapindigo,
.card-wp-snapindigo .card-content-wp-snapindigo {
  color: #3F51B5;
}

.card-wp-snapindigo .text-wp-backgroundgrey,
.card-wp-snapindigo .card-header-wp-backgroundgrey,
.card-wp-snapindigo .card-title-wp-backgroundgrey,
.card-wp-snapindigo .card-content-wp-backgroundgrey {
  color: #EEEEEE;
}

.card-wp-snapindigo .text-wp-whitecolor,
.card-wp-snapindigo .card-header-wp-whitecolor,
.card-wp-snapindigo .card-title-wp-whitecolor,
.card-wp-snapindigo .card-content-wp-whitecolor {
  color: #000;
}

.card-wp-snapindigo .text-wp-grey,
.card-wp-snapindigo .card-header-wp-grey,
.card-wp-snapindigo .card-title-wp-grey,
.card-wp-snapindigo .card-content-wp-grey {
  color: #828082;
}

.card-wp-snapindigo .text-wp-blackcolor,
.card-wp-snapindigo .card-header-wp-blackcolor,
.card-wp-snapindigo .card-title-wp-blackcolor,
.card-wp-snapindigo .card-content-wp-blackcolor {
  color: #000;
}

.card-wp-snapindigo .text-wp-mildred,
.card-wp-snapindigo .card-header-wp-mildred,
.card-wp-snapindigo .card-title-wp-mildred,
.card-wp-snapindigo .card-content-wp-mildred {
  color: #FF0266;
}

.card-wp-snapindigo .text-wp-mildgreen,
.card-wp-snapindigo .card-header-wp-mildgreen,
.card-wp-snapindigo .card-title-wp-mildgreen,
.card-wp-snapindigo .card-content-wp-mildgreen {
  color: #69F0AE;
}

.card-wp-snapindigo .text-wp-sidebar,
.card-wp-snapindigo .card-header-wp-sidebar,
.card-wp-snapindigo .card-title-wp-sidebar,
.card-wp-snapindigo .card-content-wp-sidebar {
  color: #0000ffc0;
}

.card-wp-snapindigo .text-wp-white,
.card-wp-snapindigo .card-header-wp-white,
.card-wp-snapindigo .card-title-wp-white,
.card-wp-snapindigo .card-content-wp-white {
  color: #ffffff;
}

.card-wp-snapindigo .text-wp-magenta,
.card-wp-snapindigo .card-header-wp-magenta,
.card-wp-snapindigo .card-title-wp-magenta,
.card-wp-snapindigo .card-content-wp-magenta {
  color: #c404c4;
}

.card-header-wp-snapindigo,
.card-title-wp-snapindigo,
.card-content-wp-snapindigo {
  color: #3F51B5;
}

.card-wp .text-wp-backgroundgrey {
  color: #EEEEEE;
}

.card-wp-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.card-wp-backgroundgrey .card-header-wp,
.card-wp-backgroundgrey .card-title-wp,
.card-wp-backgroundgrey .card-content-wp,
.card-wp-backgroundgrey h1,
.card-wp-backgroundgrey h2,
.card-wp-backgroundgrey h3,
.card-wp-backgroundgrey h4,
.card-wp-backgroundgrey h5,
.card-wp-backgroundgrey h6,
.card-wp-backgroundgrey p {
  color: #000;
}

.card-wp-backgroundgrey .text-wp-primary,
.card-wp-backgroundgrey .card-header-wp-primary,
.card-wp-backgroundgrey .card-title-wp-primary,
.card-wp-backgroundgrey .card-content-wp-primary {
  color: #0099ff;
}

.card-wp-backgroundgrey .text-wp-secondary,
.card-wp-backgroundgrey .card-header-wp-secondary,
.card-wp-backgroundgrey .card-title-wp-secondary,
.card-wp-backgroundgrey .card-content-wp-secondary {
  color: #36B37E;
}

.card-wp-backgroundgrey .text-wp-danger,
.card-wp-backgroundgrey .card-header-wp-danger,
.card-wp-backgroundgrey .card-title-wp-danger,
.card-wp-backgroundgrey .card-content-wp-danger {
  color: #FF5630;
}

.card-wp-backgroundgrey .text-wp-light,
.card-wp-backgroundgrey .card-header-wp-light,
.card-wp-backgroundgrey .card-title-wp-light,
.card-wp-backgroundgrey .card-content-wp-light {
  color: #000;
}

.card-wp-backgroundgrey .text-wp-dark,
.card-wp-backgroundgrey .card-header-wp-dark,
.card-wp-backgroundgrey .card-title-wp-dark,
.card-wp-backgroundgrey .card-content-wp-dark {
  color: #172B4D;
}

.card-wp-backgroundgrey .text-wp-snappink,
.card-wp-backgroundgrey .card-header-wp-snappink,
.card-wp-backgroundgrey .card-title-wp-snappink,
.card-wp-backgroundgrey .card-content-wp-snappink {
  color: #3687f0;
}

.card-wp-backgroundgrey .text-wp-snapblue,
.card-wp-backgroundgrey .card-header-wp-snapblue,
.card-wp-backgroundgrey .card-title-wp-snapblue,
.card-wp-backgroundgrey .card-content-wp-snapblue {
  color: #00d8ff;
}

.card-wp-backgroundgrey .text-wp-snapyellow,
.card-wp-backgroundgrey .card-header-wp-snapyellow,
.card-wp-backgroundgrey .card-title-wp-snapyellow,
.card-wp-backgroundgrey .card-content-wp-snapyellow {
  color: #FFC107;
}

.card-wp-backgroundgrey .text-wp-snapgreen,
.card-wp-backgroundgrey .card-header-wp-snapgreen,
.card-wp-backgroundgrey .card-title-wp-snapgreen,
.card-wp-backgroundgrey .card-content-wp-snapgreen {
  color: #4CAF50;
}

.card-wp-backgroundgrey .text-wp-snapindigo,
.card-wp-backgroundgrey .card-header-wp-snapindigo,
.card-wp-backgroundgrey .card-title-wp-snapindigo,
.card-wp-backgroundgrey .card-content-wp-snapindigo {
  color: #3F51B5;
}

.card-wp-backgroundgrey .text-wp-backgroundgrey,
.card-wp-backgroundgrey .card-header-wp-backgroundgrey,
.card-wp-backgroundgrey .card-title-wp-backgroundgrey,
.card-wp-backgroundgrey .card-content-wp-backgroundgrey {
  color: #EEEEEE;
}

.card-wp-backgroundgrey .text-wp-whitecolor,
.card-wp-backgroundgrey .card-header-wp-whitecolor,
.card-wp-backgroundgrey .card-title-wp-whitecolor,
.card-wp-backgroundgrey .card-content-wp-whitecolor {
  color: #000;
}

.card-wp-backgroundgrey .text-wp-grey,
.card-wp-backgroundgrey .card-header-wp-grey,
.card-wp-backgroundgrey .card-title-wp-grey,
.card-wp-backgroundgrey .card-content-wp-grey {
  color: #828082;
}

.card-wp-backgroundgrey .text-wp-blackcolor,
.card-wp-backgroundgrey .card-header-wp-blackcolor,
.card-wp-backgroundgrey .card-title-wp-blackcolor,
.card-wp-backgroundgrey .card-content-wp-blackcolor {
  color: #000;
}

.card-wp-backgroundgrey .text-wp-mildred,
.card-wp-backgroundgrey .card-header-wp-mildred,
.card-wp-backgroundgrey .card-title-wp-mildred,
.card-wp-backgroundgrey .card-content-wp-mildred {
  color: #FF0266;
}

.card-wp-backgroundgrey .text-wp-mildgreen,
.card-wp-backgroundgrey .card-header-wp-mildgreen,
.card-wp-backgroundgrey .card-title-wp-mildgreen,
.card-wp-backgroundgrey .card-content-wp-mildgreen {
  color: #69F0AE;
}

.card-wp-backgroundgrey .text-wp-sidebar,
.card-wp-backgroundgrey .card-header-wp-sidebar,
.card-wp-backgroundgrey .card-title-wp-sidebar,
.card-wp-backgroundgrey .card-content-wp-sidebar {
  color: #0000ffc0;
}

.card-wp-backgroundgrey .text-wp-white,
.card-wp-backgroundgrey .card-header-wp-white,
.card-wp-backgroundgrey .card-title-wp-white,
.card-wp-backgroundgrey .card-content-wp-white {
  color: #ffffff;
}

.card-wp-backgroundgrey .text-wp-magenta,
.card-wp-backgroundgrey .card-header-wp-magenta,
.card-wp-backgroundgrey .card-title-wp-magenta,
.card-wp-backgroundgrey .card-content-wp-magenta {
  color: #c404c4;
}

.card-header-wp-backgroundgrey,
.card-title-wp-backgroundgrey,
.card-content-wp-backgroundgrey {
  color: #EEEEEE;
}

.card-wp .text-wp-whitecolor {
  color: #000;
}

.card-wp-whitecolor {
  color: #fff;
  background-color: #000;
}

.card-wp-whitecolor .card-header-wp,
.card-wp-whitecolor .card-title-wp,
.card-wp-whitecolor .card-content-wp,
.card-wp-whitecolor h1,
.card-wp-whitecolor h2,
.card-wp-whitecolor h3,
.card-wp-whitecolor h4,
.card-wp-whitecolor h5,
.card-wp-whitecolor h6,
.card-wp-whitecolor p {
  color: #fff;
}

.card-wp-whitecolor .text-wp-primary,
.card-wp-whitecolor .card-header-wp-primary,
.card-wp-whitecolor .card-title-wp-primary,
.card-wp-whitecolor .card-content-wp-primary {
  color: #0099ff;
}

.card-wp-whitecolor .text-wp-secondary,
.card-wp-whitecolor .card-header-wp-secondary,
.card-wp-whitecolor .card-title-wp-secondary,
.card-wp-whitecolor .card-content-wp-secondary {
  color: #36B37E;
}

.card-wp-whitecolor .text-wp-danger,
.card-wp-whitecolor .card-header-wp-danger,
.card-wp-whitecolor .card-title-wp-danger,
.card-wp-whitecolor .card-content-wp-danger {
  color: #FF5630;
}

.card-wp-whitecolor .text-wp-light,
.card-wp-whitecolor .card-header-wp-light,
.card-wp-whitecolor .card-title-wp-light,
.card-wp-whitecolor .card-content-wp-light {
  color: #000;
}

.card-wp-whitecolor .text-wp-dark,
.card-wp-whitecolor .card-header-wp-dark,
.card-wp-whitecolor .card-title-wp-dark,
.card-wp-whitecolor .card-content-wp-dark {
  color: #172B4D;
}

.card-wp-whitecolor .text-wp-snappink,
.card-wp-whitecolor .card-header-wp-snappink,
.card-wp-whitecolor .card-title-wp-snappink,
.card-wp-whitecolor .card-content-wp-snappink {
  color: #3687f0;
}

.card-wp-whitecolor .text-wp-snapblue,
.card-wp-whitecolor .card-header-wp-snapblue,
.card-wp-whitecolor .card-title-wp-snapblue,
.card-wp-whitecolor .card-content-wp-snapblue {
  color: #00d8ff;
}

.card-wp-whitecolor .text-wp-snapyellow,
.card-wp-whitecolor .card-header-wp-snapyellow,
.card-wp-whitecolor .card-title-wp-snapyellow,
.card-wp-whitecolor .card-content-wp-snapyellow {
  color: #FFC107;
}

.card-wp-whitecolor .text-wp-snapgreen,
.card-wp-whitecolor .card-header-wp-snapgreen,
.card-wp-whitecolor .card-title-wp-snapgreen,
.card-wp-whitecolor .card-content-wp-snapgreen {
  color: #4CAF50;
}

.card-wp-whitecolor .text-wp-snapindigo,
.card-wp-whitecolor .card-header-wp-snapindigo,
.card-wp-whitecolor .card-title-wp-snapindigo,
.card-wp-whitecolor .card-content-wp-snapindigo {
  color: #3F51B5;
}

.card-wp-whitecolor .text-wp-backgroundgrey,
.card-wp-whitecolor .card-header-wp-backgroundgrey,
.card-wp-whitecolor .card-title-wp-backgroundgrey,
.card-wp-whitecolor .card-content-wp-backgroundgrey {
  color: #EEEEEE;
}

.card-wp-whitecolor .text-wp-whitecolor,
.card-wp-whitecolor .card-header-wp-whitecolor,
.card-wp-whitecolor .card-title-wp-whitecolor,
.card-wp-whitecolor .card-content-wp-whitecolor {
  color: #000;
}

.card-wp-whitecolor .text-wp-grey,
.card-wp-whitecolor .card-header-wp-grey,
.card-wp-whitecolor .card-title-wp-grey,
.card-wp-whitecolor .card-content-wp-grey {
  color: #828082;
}

.card-wp-whitecolor .text-wp-blackcolor,
.card-wp-whitecolor .card-header-wp-blackcolor,
.card-wp-whitecolor .card-title-wp-blackcolor,
.card-wp-whitecolor .card-content-wp-blackcolor {
  color: #000;
}

.card-wp-whitecolor .text-wp-mildred,
.card-wp-whitecolor .card-header-wp-mildred,
.card-wp-whitecolor .card-title-wp-mildred,
.card-wp-whitecolor .card-content-wp-mildred {
  color: #FF0266;
}

.card-wp-whitecolor .text-wp-mildgreen,
.card-wp-whitecolor .card-header-wp-mildgreen,
.card-wp-whitecolor .card-title-wp-mildgreen,
.card-wp-whitecolor .card-content-wp-mildgreen {
  color: #69F0AE;
}

.card-wp-whitecolor .text-wp-sidebar,
.card-wp-whitecolor .card-header-wp-sidebar,
.card-wp-whitecolor .card-title-wp-sidebar,
.card-wp-whitecolor .card-content-wp-sidebar {
  color: #0000ffc0;
}

.card-wp-whitecolor .text-wp-white,
.card-wp-whitecolor .card-header-wp-white,
.card-wp-whitecolor .card-title-wp-white,
.card-wp-whitecolor .card-content-wp-white {
  color: #ffffff;
}

.card-wp-whitecolor .text-wp-magenta,
.card-wp-whitecolor .card-header-wp-magenta,
.card-wp-whitecolor .card-title-wp-magenta,
.card-wp-whitecolor .card-content-wp-magenta {
  color: #c404c4;
}

.card-header-wp-whitecolor,
.card-title-wp-whitecolor,
.card-content-wp-whitecolor {
  color: #000;
}

.card-wp .text-wp-grey {
  color: #828082;
}

.card-wp-grey {
  color: #fff;
  background-color: #828082;
}

.card-wp-grey .card-header-wp,
.card-wp-grey .card-title-wp,
.card-wp-grey .card-content-wp,
.card-wp-grey h1,
.card-wp-grey h2,
.card-wp-grey h3,
.card-wp-grey h4,
.card-wp-grey h5,
.card-wp-grey h6,
.card-wp-grey p {
  color: #fff;
}

.card-wp-grey .text-wp-primary,
.card-wp-grey .card-header-wp-primary,
.card-wp-grey .card-title-wp-primary,
.card-wp-grey .card-content-wp-primary {
  color: #0099ff;
}

.card-wp-grey .text-wp-secondary,
.card-wp-grey .card-header-wp-secondary,
.card-wp-grey .card-title-wp-secondary,
.card-wp-grey .card-content-wp-secondary {
  color: #36B37E;
}

.card-wp-grey .text-wp-danger,
.card-wp-grey .card-header-wp-danger,
.card-wp-grey .card-title-wp-danger,
.card-wp-grey .card-content-wp-danger {
  color: #FF5630;
}

.card-wp-grey .text-wp-light,
.card-wp-grey .card-header-wp-light,
.card-wp-grey .card-title-wp-light,
.card-wp-grey .card-content-wp-light {
  color: #000;
}

.card-wp-grey .text-wp-dark,
.card-wp-grey .card-header-wp-dark,
.card-wp-grey .card-title-wp-dark,
.card-wp-grey .card-content-wp-dark {
  color: #172B4D;
}

.card-wp-grey .text-wp-snappink,
.card-wp-grey .card-header-wp-snappink,
.card-wp-grey .card-title-wp-snappink,
.card-wp-grey .card-content-wp-snappink {
  color: #3687f0;
}

.card-wp-grey .text-wp-snapblue,
.card-wp-grey .card-header-wp-snapblue,
.card-wp-grey .card-title-wp-snapblue,
.card-wp-grey .card-content-wp-snapblue {
  color: #00d8ff;
}

.card-wp-grey .text-wp-snapyellow,
.card-wp-grey .card-header-wp-snapyellow,
.card-wp-grey .card-title-wp-snapyellow,
.card-wp-grey .card-content-wp-snapyellow {
  color: #FFC107;
}

.card-wp-grey .text-wp-snapgreen,
.card-wp-grey .card-header-wp-snapgreen,
.card-wp-grey .card-title-wp-snapgreen,
.card-wp-grey .card-content-wp-snapgreen {
  color: #4CAF50;
}

.card-wp-grey .text-wp-snapindigo,
.card-wp-grey .card-header-wp-snapindigo,
.card-wp-grey .card-title-wp-snapindigo,
.card-wp-grey .card-content-wp-snapindigo {
  color: #3F51B5;
}

.card-wp-grey .text-wp-backgroundgrey,
.card-wp-grey .card-header-wp-backgroundgrey,
.card-wp-grey .card-title-wp-backgroundgrey,
.card-wp-grey .card-content-wp-backgroundgrey {
  color: #EEEEEE;
}

.card-wp-grey .text-wp-whitecolor,
.card-wp-grey .card-header-wp-whitecolor,
.card-wp-grey .card-title-wp-whitecolor,
.card-wp-grey .card-content-wp-whitecolor {
  color: #000;
}

.card-wp-grey .text-wp-grey,
.card-wp-grey .card-header-wp-grey,
.card-wp-grey .card-title-wp-grey,
.card-wp-grey .card-content-wp-grey {
  color: #828082;
}

.card-wp-grey .text-wp-blackcolor,
.card-wp-grey .card-header-wp-blackcolor,
.card-wp-grey .card-title-wp-blackcolor,
.card-wp-grey .card-content-wp-blackcolor {
  color: #000;
}

.card-wp-grey .text-wp-mildred,
.card-wp-grey .card-header-wp-mildred,
.card-wp-grey .card-title-wp-mildred,
.card-wp-grey .card-content-wp-mildred {
  color: #FF0266;
}

.card-wp-grey .text-wp-mildgreen,
.card-wp-grey .card-header-wp-mildgreen,
.card-wp-grey .card-title-wp-mildgreen,
.card-wp-grey .card-content-wp-mildgreen {
  color: #69F0AE;
}

.card-wp-grey .text-wp-sidebar,
.card-wp-grey .card-header-wp-sidebar,
.card-wp-grey .card-title-wp-sidebar,
.card-wp-grey .card-content-wp-sidebar {
  color: #0000ffc0;
}

.card-wp-grey .text-wp-white,
.card-wp-grey .card-header-wp-white,
.card-wp-grey .card-title-wp-white,
.card-wp-grey .card-content-wp-white {
  color: #ffffff;
}

.card-wp-grey .text-wp-magenta,
.card-wp-grey .card-header-wp-magenta,
.card-wp-grey .card-title-wp-magenta,
.card-wp-grey .card-content-wp-magenta {
  color: #c404c4;
}

.card-header-wp-grey,
.card-title-wp-grey,
.card-content-wp-grey {
  color: #828082;
}

.card-wp .text-wp-blackcolor {
  color: #000;
}

.card-wp-blackcolor {
  color: #fff;
  background-color: #000;
}

.card-wp-blackcolor .card-header-wp,
.card-wp-blackcolor .card-title-wp,
.card-wp-blackcolor .card-content-wp,
.card-wp-blackcolor h1,
.card-wp-blackcolor h2,
.card-wp-blackcolor h3,
.card-wp-blackcolor h4,
.card-wp-blackcolor h5,
.card-wp-blackcolor h6,
.card-wp-blackcolor p {
  color: #fff;
}

.card-wp-blackcolor .text-wp-primary,
.card-wp-blackcolor .card-header-wp-primary,
.card-wp-blackcolor .card-title-wp-primary,
.card-wp-blackcolor .card-content-wp-primary {
  color: #0099ff;
}

.card-wp-blackcolor .text-wp-secondary,
.card-wp-blackcolor .card-header-wp-secondary,
.card-wp-blackcolor .card-title-wp-secondary,
.card-wp-blackcolor .card-content-wp-secondary {
  color: #36B37E;
}

.card-wp-blackcolor .text-wp-danger,
.card-wp-blackcolor .card-header-wp-danger,
.card-wp-blackcolor .card-title-wp-danger,
.card-wp-blackcolor .card-content-wp-danger {
  color: #FF5630;
}

.card-wp-blackcolor .text-wp-light,
.card-wp-blackcolor .card-header-wp-light,
.card-wp-blackcolor .card-title-wp-light,
.card-wp-blackcolor .card-content-wp-light {
  color: #000;
}

.card-wp-blackcolor .text-wp-dark,
.card-wp-blackcolor .card-header-wp-dark,
.card-wp-blackcolor .card-title-wp-dark,
.card-wp-blackcolor .card-content-wp-dark {
  color: #172B4D;
}

.card-wp-blackcolor .text-wp-snappink,
.card-wp-blackcolor .card-header-wp-snappink,
.card-wp-blackcolor .card-title-wp-snappink,
.card-wp-blackcolor .card-content-wp-snappink {
  color: #3687f0;
}

.card-wp-blackcolor .text-wp-snapblue,
.card-wp-blackcolor .card-header-wp-snapblue,
.card-wp-blackcolor .card-title-wp-snapblue,
.card-wp-blackcolor .card-content-wp-snapblue {
  color: #00d8ff;
}

.card-wp-blackcolor .text-wp-snapyellow,
.card-wp-blackcolor .card-header-wp-snapyellow,
.card-wp-blackcolor .card-title-wp-snapyellow,
.card-wp-blackcolor .card-content-wp-snapyellow {
  color: #FFC107;
}

.card-wp-blackcolor .text-wp-snapgreen,
.card-wp-blackcolor .card-header-wp-snapgreen,
.card-wp-blackcolor .card-title-wp-snapgreen,
.card-wp-blackcolor .card-content-wp-snapgreen {
  color: #4CAF50;
}

.card-wp-blackcolor .text-wp-snapindigo,
.card-wp-blackcolor .card-header-wp-snapindigo,
.card-wp-blackcolor .card-title-wp-snapindigo,
.card-wp-blackcolor .card-content-wp-snapindigo {
  color: #3F51B5;
}

.card-wp-blackcolor .text-wp-backgroundgrey,
.card-wp-blackcolor .card-header-wp-backgroundgrey,
.card-wp-blackcolor .card-title-wp-backgroundgrey,
.card-wp-blackcolor .card-content-wp-backgroundgrey {
  color: #EEEEEE;
}

.card-wp-blackcolor .text-wp-whitecolor,
.card-wp-blackcolor .card-header-wp-whitecolor,
.card-wp-blackcolor .card-title-wp-whitecolor,
.card-wp-blackcolor .card-content-wp-whitecolor {
  color: #000;
}

.card-wp-blackcolor .text-wp-grey,
.card-wp-blackcolor .card-header-wp-grey,
.card-wp-blackcolor .card-title-wp-grey,
.card-wp-blackcolor .card-content-wp-grey {
  color: #828082;
}

.card-wp-blackcolor .text-wp-blackcolor,
.card-wp-blackcolor .card-header-wp-blackcolor,
.card-wp-blackcolor .card-title-wp-blackcolor,
.card-wp-blackcolor .card-content-wp-blackcolor {
  color: #000;
}

.card-wp-blackcolor .text-wp-mildred,
.card-wp-blackcolor .card-header-wp-mildred,
.card-wp-blackcolor .card-title-wp-mildred,
.card-wp-blackcolor .card-content-wp-mildred {
  color: #FF0266;
}

.card-wp-blackcolor .text-wp-mildgreen,
.card-wp-blackcolor .card-header-wp-mildgreen,
.card-wp-blackcolor .card-title-wp-mildgreen,
.card-wp-blackcolor .card-content-wp-mildgreen {
  color: #69F0AE;
}

.card-wp-blackcolor .text-wp-sidebar,
.card-wp-blackcolor .card-header-wp-sidebar,
.card-wp-blackcolor .card-title-wp-sidebar,
.card-wp-blackcolor .card-content-wp-sidebar {
  color: #0000ffc0;
}

.card-wp-blackcolor .text-wp-white,
.card-wp-blackcolor .card-header-wp-white,
.card-wp-blackcolor .card-title-wp-white,
.card-wp-blackcolor .card-content-wp-white {
  color: #ffffff;
}

.card-wp-blackcolor .text-wp-magenta,
.card-wp-blackcolor .card-header-wp-magenta,
.card-wp-blackcolor .card-title-wp-magenta,
.card-wp-blackcolor .card-content-wp-magenta {
  color: #c404c4;
}

.card-header-wp-blackcolor,
.card-title-wp-blackcolor,
.card-content-wp-blackcolor {
  color: #000;
}

.card-wp .text-wp-mildred {
  color: #FF0266;
}

.card-wp-mildred {
  color: #fff;
  background-color: #FF0266;
}

.card-wp-mildred .card-header-wp,
.card-wp-mildred .card-title-wp,
.card-wp-mildred .card-content-wp,
.card-wp-mildred h1,
.card-wp-mildred h2,
.card-wp-mildred h3,
.card-wp-mildred h4,
.card-wp-mildred h5,
.card-wp-mildred h6,
.card-wp-mildred p {
  color: #fff;
}

.card-wp-mildred .text-wp-primary,
.card-wp-mildred .card-header-wp-primary,
.card-wp-mildred .card-title-wp-primary,
.card-wp-mildred .card-content-wp-primary {
  color: #0099ff;
}

.card-wp-mildred .text-wp-secondary,
.card-wp-mildred .card-header-wp-secondary,
.card-wp-mildred .card-title-wp-secondary,
.card-wp-mildred .card-content-wp-secondary {
  color: #36B37E;
}

.card-wp-mildred .text-wp-danger,
.card-wp-mildred .card-header-wp-danger,
.card-wp-mildred .card-title-wp-danger,
.card-wp-mildred .card-content-wp-danger {
  color: #FF5630;
}

.card-wp-mildred .text-wp-light,
.card-wp-mildred .card-header-wp-light,
.card-wp-mildred .card-title-wp-light,
.card-wp-mildred .card-content-wp-light {
  color: #000;
}

.card-wp-mildred .text-wp-dark,
.card-wp-mildred .card-header-wp-dark,
.card-wp-mildred .card-title-wp-dark,
.card-wp-mildred .card-content-wp-dark {
  color: #172B4D;
}

.card-wp-mildred .text-wp-snappink,
.card-wp-mildred .card-header-wp-snappink,
.card-wp-mildred .card-title-wp-snappink,
.card-wp-mildred .card-content-wp-snappink {
  color: #3687f0;
}

.card-wp-mildred .text-wp-snapblue,
.card-wp-mildred .card-header-wp-snapblue,
.card-wp-mildred .card-title-wp-snapblue,
.card-wp-mildred .card-content-wp-snapblue {
  color: #00d8ff;
}

.card-wp-mildred .text-wp-snapyellow,
.card-wp-mildred .card-header-wp-snapyellow,
.card-wp-mildred .card-title-wp-snapyellow,
.card-wp-mildred .card-content-wp-snapyellow {
  color: #FFC107;
}

.card-wp-mildred .text-wp-snapgreen,
.card-wp-mildred .card-header-wp-snapgreen,
.card-wp-mildred .card-title-wp-snapgreen,
.card-wp-mildred .card-content-wp-snapgreen {
  color: #4CAF50;
}

.card-wp-mildred .text-wp-snapindigo,
.card-wp-mildred .card-header-wp-snapindigo,
.card-wp-mildred .card-title-wp-snapindigo,
.card-wp-mildred .card-content-wp-snapindigo {
  color: #3F51B5;
}

.card-wp-mildred .text-wp-backgroundgrey,
.card-wp-mildred .card-header-wp-backgroundgrey,
.card-wp-mildred .card-title-wp-backgroundgrey,
.card-wp-mildred .card-content-wp-backgroundgrey {
  color: #EEEEEE;
}

.card-wp-mildred .text-wp-whitecolor,
.card-wp-mildred .card-header-wp-whitecolor,
.card-wp-mildred .card-title-wp-whitecolor,
.card-wp-mildred .card-content-wp-whitecolor {
  color: #000;
}

.card-wp-mildred .text-wp-grey,
.card-wp-mildred .card-header-wp-grey,
.card-wp-mildred .card-title-wp-grey,
.card-wp-mildred .card-content-wp-grey {
  color: #828082;
}

.card-wp-mildred .text-wp-blackcolor,
.card-wp-mildred .card-header-wp-blackcolor,
.card-wp-mildred .card-title-wp-blackcolor,
.card-wp-mildred .card-content-wp-blackcolor {
  color: #000;
}

.card-wp-mildred .text-wp-mildred,
.card-wp-mildred .card-header-wp-mildred,
.card-wp-mildred .card-title-wp-mildred,
.card-wp-mildred .card-content-wp-mildred {
  color: #FF0266;
}

.card-wp-mildred .text-wp-mildgreen,
.card-wp-mildred .card-header-wp-mildgreen,
.card-wp-mildred .card-title-wp-mildgreen,
.card-wp-mildred .card-content-wp-mildgreen {
  color: #69F0AE;
}

.card-wp-mildred .text-wp-sidebar,
.card-wp-mildred .card-header-wp-sidebar,
.card-wp-mildred .card-title-wp-sidebar,
.card-wp-mildred .card-content-wp-sidebar {
  color: #0000ffc0;
}

.card-wp-mildred .text-wp-white,
.card-wp-mildred .card-header-wp-white,
.card-wp-mildred .card-title-wp-white,
.card-wp-mildred .card-content-wp-white {
  color: #ffffff;
}

.card-wp-mildred .text-wp-magenta,
.card-wp-mildred .card-header-wp-magenta,
.card-wp-mildred .card-title-wp-magenta,
.card-wp-mildred .card-content-wp-magenta {
  color: #c404c4;
}

.card-header-wp-mildred,
.card-title-wp-mildred,
.card-content-wp-mildred {
  color: #FF0266;
}

.card-wp .text-wp-mildgreen {
  color: #69F0AE;
}

.card-wp-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.card-wp-mildgreen .card-header-wp,
.card-wp-mildgreen .card-title-wp,
.card-wp-mildgreen .card-content-wp,
.card-wp-mildgreen h1,
.card-wp-mildgreen h2,
.card-wp-mildgreen h3,
.card-wp-mildgreen h4,
.card-wp-mildgreen h5,
.card-wp-mildgreen h6,
.card-wp-mildgreen p {
  color: #fff;
}

.card-wp-mildgreen .text-wp-primary,
.card-wp-mildgreen .card-header-wp-primary,
.card-wp-mildgreen .card-title-wp-primary,
.card-wp-mildgreen .card-content-wp-primary {
  color: #0099ff;
}

.card-wp-mildgreen .text-wp-secondary,
.card-wp-mildgreen .card-header-wp-secondary,
.card-wp-mildgreen .card-title-wp-secondary,
.card-wp-mildgreen .card-content-wp-secondary {
  color: #36B37E;
}

.card-wp-mildgreen .text-wp-danger,
.card-wp-mildgreen .card-header-wp-danger,
.card-wp-mildgreen .card-title-wp-danger,
.card-wp-mildgreen .card-content-wp-danger {
  color: #FF5630;
}

.card-wp-mildgreen .text-wp-light,
.card-wp-mildgreen .card-header-wp-light,
.card-wp-mildgreen .card-title-wp-light,
.card-wp-mildgreen .card-content-wp-light {
  color: #000;
}

.card-wp-mildgreen .text-wp-dark,
.card-wp-mildgreen .card-header-wp-dark,
.card-wp-mildgreen .card-title-wp-dark,
.card-wp-mildgreen .card-content-wp-dark {
  color: #172B4D;
}

.card-wp-mildgreen .text-wp-snappink,
.card-wp-mildgreen .card-header-wp-snappink,
.card-wp-mildgreen .card-title-wp-snappink,
.card-wp-mildgreen .card-content-wp-snappink {
  color: #3687f0;
}

.card-wp-mildgreen .text-wp-snapblue,
.card-wp-mildgreen .card-header-wp-snapblue,
.card-wp-mildgreen .card-title-wp-snapblue,
.card-wp-mildgreen .card-content-wp-snapblue {
  color: #00d8ff;
}

.card-wp-mildgreen .text-wp-snapyellow,
.card-wp-mildgreen .card-header-wp-snapyellow,
.card-wp-mildgreen .card-title-wp-snapyellow,
.card-wp-mildgreen .card-content-wp-snapyellow {
  color: #FFC107;
}

.card-wp-mildgreen .text-wp-snapgreen,
.card-wp-mildgreen .card-header-wp-snapgreen,
.card-wp-mildgreen .card-title-wp-snapgreen,
.card-wp-mildgreen .card-content-wp-snapgreen {
  color: #4CAF50;
}

.card-wp-mildgreen .text-wp-snapindigo,
.card-wp-mildgreen .card-header-wp-snapindigo,
.card-wp-mildgreen .card-title-wp-snapindigo,
.card-wp-mildgreen .card-content-wp-snapindigo {
  color: #3F51B5;
}

.card-wp-mildgreen .text-wp-backgroundgrey,
.card-wp-mildgreen .card-header-wp-backgroundgrey,
.card-wp-mildgreen .card-title-wp-backgroundgrey,
.card-wp-mildgreen .card-content-wp-backgroundgrey {
  color: #EEEEEE;
}

.card-wp-mildgreen .text-wp-whitecolor,
.card-wp-mildgreen .card-header-wp-whitecolor,
.card-wp-mildgreen .card-title-wp-whitecolor,
.card-wp-mildgreen .card-content-wp-whitecolor {
  color: #000;
}

.card-wp-mildgreen .text-wp-grey,
.card-wp-mildgreen .card-header-wp-grey,
.card-wp-mildgreen .card-title-wp-grey,
.card-wp-mildgreen .card-content-wp-grey {
  color: #828082;
}

.card-wp-mildgreen .text-wp-blackcolor,
.card-wp-mildgreen .card-header-wp-blackcolor,
.card-wp-mildgreen .card-title-wp-blackcolor,
.card-wp-mildgreen .card-content-wp-blackcolor {
  color: #000;
}

.card-wp-mildgreen .text-wp-mildred,
.card-wp-mildgreen .card-header-wp-mildred,
.card-wp-mildgreen .card-title-wp-mildred,
.card-wp-mildgreen .card-content-wp-mildred {
  color: #FF0266;
}

.card-wp-mildgreen .text-wp-mildgreen,
.card-wp-mildgreen .card-header-wp-mildgreen,
.card-wp-mildgreen .card-title-wp-mildgreen,
.card-wp-mildgreen .card-content-wp-mildgreen {
  color: #69F0AE;
}

.card-wp-mildgreen .text-wp-sidebar,
.card-wp-mildgreen .card-header-wp-sidebar,
.card-wp-mildgreen .card-title-wp-sidebar,
.card-wp-mildgreen .card-content-wp-sidebar {
  color: #0000ffc0;
}

.card-wp-mildgreen .text-wp-white,
.card-wp-mildgreen .card-header-wp-white,
.card-wp-mildgreen .card-title-wp-white,
.card-wp-mildgreen .card-content-wp-white {
  color: #ffffff;
}

.card-wp-mildgreen .text-wp-magenta,
.card-wp-mildgreen .card-header-wp-magenta,
.card-wp-mildgreen .card-title-wp-magenta,
.card-wp-mildgreen .card-content-wp-magenta {
  color: #c404c4;
}

.card-header-wp-mildgreen,
.card-title-wp-mildgreen,
.card-content-wp-mildgreen {
  color: #69F0AE;
}

.card-wp .text-wp-sidebar {
  color: #0000ffc0;
}

.card-wp-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.card-wp-sidebar .card-header-wp,
.card-wp-sidebar .card-title-wp,
.card-wp-sidebar .card-content-wp,
.card-wp-sidebar h1,
.card-wp-sidebar h2,
.card-wp-sidebar h3,
.card-wp-sidebar h4,
.card-wp-sidebar h5,
.card-wp-sidebar h6,
.card-wp-sidebar p {
  color: #fff;
}

.card-wp-sidebar .text-wp-primary,
.card-wp-sidebar .card-header-wp-primary,
.card-wp-sidebar .card-title-wp-primary,
.card-wp-sidebar .card-content-wp-primary {
  color: #0099ff;
}

.card-wp-sidebar .text-wp-secondary,
.card-wp-sidebar .card-header-wp-secondary,
.card-wp-sidebar .card-title-wp-secondary,
.card-wp-sidebar .card-content-wp-secondary {
  color: #36B37E;
}

.card-wp-sidebar .text-wp-danger,
.card-wp-sidebar .card-header-wp-danger,
.card-wp-sidebar .card-title-wp-danger,
.card-wp-sidebar .card-content-wp-danger {
  color: #FF5630;
}

.card-wp-sidebar .text-wp-light,
.card-wp-sidebar .card-header-wp-light,
.card-wp-sidebar .card-title-wp-light,
.card-wp-sidebar .card-content-wp-light {
  color: #000;
}

.card-wp-sidebar .text-wp-dark,
.card-wp-sidebar .card-header-wp-dark,
.card-wp-sidebar .card-title-wp-dark,
.card-wp-sidebar .card-content-wp-dark {
  color: #172B4D;
}

.card-wp-sidebar .text-wp-snappink,
.card-wp-sidebar .card-header-wp-snappink,
.card-wp-sidebar .card-title-wp-snappink,
.card-wp-sidebar .card-content-wp-snappink {
  color: #3687f0;
}

.card-wp-sidebar .text-wp-snapblue,
.card-wp-sidebar .card-header-wp-snapblue,
.card-wp-sidebar .card-title-wp-snapblue,
.card-wp-sidebar .card-content-wp-snapblue {
  color: #00d8ff;
}

.card-wp-sidebar .text-wp-snapyellow,
.card-wp-sidebar .card-header-wp-snapyellow,
.card-wp-sidebar .card-title-wp-snapyellow,
.card-wp-sidebar .card-content-wp-snapyellow {
  color: #FFC107;
}

.card-wp-sidebar .text-wp-snapgreen,
.card-wp-sidebar .card-header-wp-snapgreen,
.card-wp-sidebar .card-title-wp-snapgreen,
.card-wp-sidebar .card-content-wp-snapgreen {
  color: #4CAF50;
}

.card-wp-sidebar .text-wp-snapindigo,
.card-wp-sidebar .card-header-wp-snapindigo,
.card-wp-sidebar .card-title-wp-snapindigo,
.card-wp-sidebar .card-content-wp-snapindigo {
  color: #3F51B5;
}

.card-wp-sidebar .text-wp-backgroundgrey,
.card-wp-sidebar .card-header-wp-backgroundgrey,
.card-wp-sidebar .card-title-wp-backgroundgrey,
.card-wp-sidebar .card-content-wp-backgroundgrey {
  color: #EEEEEE;
}

.card-wp-sidebar .text-wp-whitecolor,
.card-wp-sidebar .card-header-wp-whitecolor,
.card-wp-sidebar .card-title-wp-whitecolor,
.card-wp-sidebar .card-content-wp-whitecolor {
  color: #000;
}

.card-wp-sidebar .text-wp-grey,
.card-wp-sidebar .card-header-wp-grey,
.card-wp-sidebar .card-title-wp-grey,
.card-wp-sidebar .card-content-wp-grey {
  color: #828082;
}

.card-wp-sidebar .text-wp-blackcolor,
.card-wp-sidebar .card-header-wp-blackcolor,
.card-wp-sidebar .card-title-wp-blackcolor,
.card-wp-sidebar .card-content-wp-blackcolor {
  color: #000;
}

.card-wp-sidebar .text-wp-mildred,
.card-wp-sidebar .card-header-wp-mildred,
.card-wp-sidebar .card-title-wp-mildred,
.card-wp-sidebar .card-content-wp-mildred {
  color: #FF0266;
}

.card-wp-sidebar .text-wp-mildgreen,
.card-wp-sidebar .card-header-wp-mildgreen,
.card-wp-sidebar .card-title-wp-mildgreen,
.card-wp-sidebar .card-content-wp-mildgreen {
  color: #69F0AE;
}

.card-wp-sidebar .text-wp-sidebar,
.card-wp-sidebar .card-header-wp-sidebar,
.card-wp-sidebar .card-title-wp-sidebar,
.card-wp-sidebar .card-content-wp-sidebar {
  color: #0000ffc0;
}

.card-wp-sidebar .text-wp-white,
.card-wp-sidebar .card-header-wp-white,
.card-wp-sidebar .card-title-wp-white,
.card-wp-sidebar .card-content-wp-white {
  color: #ffffff;
}

.card-wp-sidebar .text-wp-magenta,
.card-wp-sidebar .card-header-wp-magenta,
.card-wp-sidebar .card-title-wp-magenta,
.card-wp-sidebar .card-content-wp-magenta {
  color: #c404c4;
}

.card-header-wp-sidebar,
.card-title-wp-sidebar,
.card-content-wp-sidebar {
  color: #0000ffc0;
}

.card-wp .text-wp-white {
  color: #ffffff;
}

.card-wp-white {
  color: #000;
  background-color: #ffffff;
}

.card-wp-white .card-header-wp,
.card-wp-white .card-title-wp,
.card-wp-white .card-content-wp,
.card-wp-white h1,
.card-wp-white h2,
.card-wp-white h3,
.card-wp-white h4,
.card-wp-white h5,
.card-wp-white h6,
.card-wp-white p {
  color: #000;
}

.card-wp-white .text-wp-primary,
.card-wp-white .card-header-wp-primary,
.card-wp-white .card-title-wp-primary,
.card-wp-white .card-content-wp-primary {
  color: #0099ff;
}

.card-wp-white .text-wp-secondary,
.card-wp-white .card-header-wp-secondary,
.card-wp-white .card-title-wp-secondary,
.card-wp-white .card-content-wp-secondary {
  color: #36B37E;
}

.card-wp-white .text-wp-danger,
.card-wp-white .card-header-wp-danger,
.card-wp-white .card-title-wp-danger,
.card-wp-white .card-content-wp-danger {
  color: #FF5630;
}

.card-wp-white .text-wp-light,
.card-wp-white .card-header-wp-light,
.card-wp-white .card-title-wp-light,
.card-wp-white .card-content-wp-light {
  color: #000;
}

.card-wp-white .text-wp-dark,
.card-wp-white .card-header-wp-dark,
.card-wp-white .card-title-wp-dark,
.card-wp-white .card-content-wp-dark {
  color: #172B4D;
}

.card-wp-white .text-wp-snappink,
.card-wp-white .card-header-wp-snappink,
.card-wp-white .card-title-wp-snappink,
.card-wp-white .card-content-wp-snappink {
  color: #3687f0;
}

.card-wp-white .text-wp-snapblue,
.card-wp-white .card-header-wp-snapblue,
.card-wp-white .card-title-wp-snapblue,
.card-wp-white .card-content-wp-snapblue {
  color: #00d8ff;
}

.card-wp-white .text-wp-snapyellow,
.card-wp-white .card-header-wp-snapyellow,
.card-wp-white .card-title-wp-snapyellow,
.card-wp-white .card-content-wp-snapyellow {
  color: #FFC107;
}

.card-wp-white .text-wp-snapgreen,
.card-wp-white .card-header-wp-snapgreen,
.card-wp-white .card-title-wp-snapgreen,
.card-wp-white .card-content-wp-snapgreen {
  color: #4CAF50;
}

.card-wp-white .text-wp-snapindigo,
.card-wp-white .card-header-wp-snapindigo,
.card-wp-white .card-title-wp-snapindigo,
.card-wp-white .card-content-wp-snapindigo {
  color: #3F51B5;
}

.card-wp-white .text-wp-backgroundgrey,
.card-wp-white .card-header-wp-backgroundgrey,
.card-wp-white .card-title-wp-backgroundgrey,
.card-wp-white .card-content-wp-backgroundgrey {
  color: #EEEEEE;
}

.card-wp-white .text-wp-whitecolor,
.card-wp-white .card-header-wp-whitecolor,
.card-wp-white .card-title-wp-whitecolor,
.card-wp-white .card-content-wp-whitecolor {
  color: #000;
}

.card-wp-white .text-wp-grey,
.card-wp-white .card-header-wp-grey,
.card-wp-white .card-title-wp-grey,
.card-wp-white .card-content-wp-grey {
  color: #828082;
}

.card-wp-white .text-wp-blackcolor,
.card-wp-white .card-header-wp-blackcolor,
.card-wp-white .card-title-wp-blackcolor,
.card-wp-white .card-content-wp-blackcolor {
  color: #000;
}

.card-wp-white .text-wp-mildred,
.card-wp-white .card-header-wp-mildred,
.card-wp-white .card-title-wp-mildred,
.card-wp-white .card-content-wp-mildred {
  color: #FF0266;
}

.card-wp-white .text-wp-mildgreen,
.card-wp-white .card-header-wp-mildgreen,
.card-wp-white .card-title-wp-mildgreen,
.card-wp-white .card-content-wp-mildgreen {
  color: #69F0AE;
}

.card-wp-white .text-wp-sidebar,
.card-wp-white .card-header-wp-sidebar,
.card-wp-white .card-title-wp-sidebar,
.card-wp-white .card-content-wp-sidebar {
  color: #0000ffc0;
}

.card-wp-white .text-wp-white,
.card-wp-white .card-header-wp-white,
.card-wp-white .card-title-wp-white,
.card-wp-white .card-content-wp-white {
  color: #ffffff;
}

.card-wp-white .text-wp-magenta,
.card-wp-white .card-header-wp-magenta,
.card-wp-white .card-title-wp-magenta,
.card-wp-white .card-content-wp-magenta {
  color: #c404c4;
}

.card-header-wp-white,
.card-title-wp-white,
.card-content-wp-white {
  color: #ffffff;
}

.card-wp .text-wp-magenta {
  color: #c404c4;
}

.card-wp-magenta {
  color: #fff;
  background-color: #c404c4;
}

.card-wp-magenta .card-header-wp,
.card-wp-magenta .card-title-wp,
.card-wp-magenta .card-content-wp,
.card-wp-magenta h1,
.card-wp-magenta h2,
.card-wp-magenta h3,
.card-wp-magenta h4,
.card-wp-magenta h5,
.card-wp-magenta h6,
.card-wp-magenta p {
  color: #fff;
}

.card-wp-magenta .text-wp-primary,
.card-wp-magenta .card-header-wp-primary,
.card-wp-magenta .card-title-wp-primary,
.card-wp-magenta .card-content-wp-primary {
  color: #0099ff;
}

.card-wp-magenta .text-wp-secondary,
.card-wp-magenta .card-header-wp-secondary,
.card-wp-magenta .card-title-wp-secondary,
.card-wp-magenta .card-content-wp-secondary {
  color: #36B37E;
}

.card-wp-magenta .text-wp-danger,
.card-wp-magenta .card-header-wp-danger,
.card-wp-magenta .card-title-wp-danger,
.card-wp-magenta .card-content-wp-danger {
  color: #FF5630;
}

.card-wp-magenta .text-wp-light,
.card-wp-magenta .card-header-wp-light,
.card-wp-magenta .card-title-wp-light,
.card-wp-magenta .card-content-wp-light {
  color: #000;
}

.card-wp-magenta .text-wp-dark,
.card-wp-magenta .card-header-wp-dark,
.card-wp-magenta .card-title-wp-dark,
.card-wp-magenta .card-content-wp-dark {
  color: #172B4D;
}

.card-wp-magenta .text-wp-snappink,
.card-wp-magenta .card-header-wp-snappink,
.card-wp-magenta .card-title-wp-snappink,
.card-wp-magenta .card-content-wp-snappink {
  color: #3687f0;
}

.card-wp-magenta .text-wp-snapblue,
.card-wp-magenta .card-header-wp-snapblue,
.card-wp-magenta .card-title-wp-snapblue,
.card-wp-magenta .card-content-wp-snapblue {
  color: #00d8ff;
}

.card-wp-magenta .text-wp-snapyellow,
.card-wp-magenta .card-header-wp-snapyellow,
.card-wp-magenta .card-title-wp-snapyellow,
.card-wp-magenta .card-content-wp-snapyellow {
  color: #FFC107;
}

.card-wp-magenta .text-wp-snapgreen,
.card-wp-magenta .card-header-wp-snapgreen,
.card-wp-magenta .card-title-wp-snapgreen,
.card-wp-magenta .card-content-wp-snapgreen {
  color: #4CAF50;
}

.card-wp-magenta .text-wp-snapindigo,
.card-wp-magenta .card-header-wp-snapindigo,
.card-wp-magenta .card-title-wp-snapindigo,
.card-wp-magenta .card-content-wp-snapindigo {
  color: #3F51B5;
}

.card-wp-magenta .text-wp-backgroundgrey,
.card-wp-magenta .card-header-wp-backgroundgrey,
.card-wp-magenta .card-title-wp-backgroundgrey,
.card-wp-magenta .card-content-wp-backgroundgrey {
  color: #EEEEEE;
}

.card-wp-magenta .text-wp-whitecolor,
.card-wp-magenta .card-header-wp-whitecolor,
.card-wp-magenta .card-title-wp-whitecolor,
.card-wp-magenta .card-content-wp-whitecolor {
  color: #000;
}

.card-wp-magenta .text-wp-grey,
.card-wp-magenta .card-header-wp-grey,
.card-wp-magenta .card-title-wp-grey,
.card-wp-magenta .card-content-wp-grey {
  color: #828082;
}

.card-wp-magenta .text-wp-blackcolor,
.card-wp-magenta .card-header-wp-blackcolor,
.card-wp-magenta .card-title-wp-blackcolor,
.card-wp-magenta .card-content-wp-blackcolor {
  color: #000;
}

.card-wp-magenta .text-wp-mildred,
.card-wp-magenta .card-header-wp-mildred,
.card-wp-magenta .card-title-wp-mildred,
.card-wp-magenta .card-content-wp-mildred {
  color: #FF0266;
}

.card-wp-magenta .text-wp-mildgreen,
.card-wp-magenta .card-header-wp-mildgreen,
.card-wp-magenta .card-title-wp-mildgreen,
.card-wp-magenta .card-content-wp-mildgreen {
  color: #69F0AE;
}

.card-wp-magenta .text-wp-sidebar,
.card-wp-magenta .card-header-wp-sidebar,
.card-wp-magenta .card-title-wp-sidebar,
.card-wp-magenta .card-content-wp-sidebar {
  color: #0000ffc0;
}

.card-wp-magenta .text-wp-white,
.card-wp-magenta .card-header-wp-white,
.card-wp-magenta .card-title-wp-white,
.card-wp-magenta .card-content-wp-white {
  color: #ffffff;
}

.card-wp-magenta .text-wp-magenta,
.card-wp-magenta .card-header-wp-magenta,
.card-wp-magenta .card-title-wp-magenta,
.card-wp-magenta .card-content-wp-magenta {
  color: #c404c4;
}

.card-header-wp-magenta,
.card-title-wp-magenta,
.card-content-wp-magenta {
  color: #c404c4;
}

.checkbox-ios {
  position: relative;
  display: inline-block;
}

.checkbox-ios .checkbox-icon {
  border-radius: 50%;
  position: relative;
  width: 21px;
  height: 21px;
  border-width: 1px;
  border-style: solid;
  border-color: #c8c7cc;
  background-color: #fff;
}

.checkbox-ios .checkbox-checked {
  border-color: #0099ff;
  background-color: #0099ff;
}

.checkbox-ios .checkbox-checked .checkbox-inner {
  left: 7px;
  top: 4px;
  position: absolute;
  width: 4px;
  height: 9px;
  border-width: 1px;
  border-top-width: 0;
  border-left-width: 0;
  border-style: solid;
  border-color: #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.checkbox-ios.checkbox-disabled,
.item-ios.item-checkbox-disabled ion-label {
  opacity: 0.3;
  pointer-events: none;
}

.item.item-ios .checkbox-ios {
  position: static;
  display: block;
  margin: 8px 16px 8px 2px;
}

.item.item-ios .checkbox-ios[item-right],
.item.item-ios .checkbox-ios[item-end] {
  margin: 10px 8px 9px 0;
}

.checkbox-ios-primary .checkbox-checked {
  border-color: #0099ff;
  background-color: #0099ff;
}

.checkbox-ios-primary .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-ios-secondary .checkbox-checked {
  border-color: #36B37E;
  background-color: #36B37E;
}

.checkbox-ios-secondary .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-ios-danger .checkbox-checked {
  border-color: #FF5630;
  background-color: #FF5630;
}

.checkbox-ios-danger .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-ios-light .checkbox-checked {
  border-color: #000;
  background-color: #000;
}

.checkbox-ios-light .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-ios-dark .checkbox-checked {
  border-color: #172B4D;
  background-color: #172B4D;
}

.checkbox-ios-dark .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-ios-snappink .checkbox-checked {
  border-color: #3687f0;
  background-color: #3687f0;
}

.checkbox-ios-snappink .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-ios-snapblue .checkbox-checked {
  border-color: #00d8ff;
  background-color: #00d8ff;
}

.checkbox-ios-snapblue .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-ios-snapyellow .checkbox-checked {
  border-color: #FFC107;
  background-color: #FFC107;
}

.checkbox-ios-snapyellow .checkbox-checked .checkbox-inner {
  border-color: #000;
}

.checkbox-ios-snapgreen .checkbox-checked {
  border-color: #4CAF50;
  background-color: #4CAF50;
}

.checkbox-ios-snapgreen .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-ios-snapindigo .checkbox-checked {
  border-color: #3F51B5;
  background-color: #3F51B5;
}

.checkbox-ios-snapindigo .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-ios-backgroundgrey .checkbox-checked {
  border-color: #EEEEEE;
  background-color: #EEEEEE;
}

.checkbox-ios-backgroundgrey .checkbox-checked .checkbox-inner {
  border-color: #000;
}

.checkbox-ios-whitecolor .checkbox-checked {
  border-color: #000;
  background-color: #000;
}

.checkbox-ios-whitecolor .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-ios-grey .checkbox-checked {
  border-color: #828082;
  background-color: #828082;
}

.checkbox-ios-grey .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-ios-blackcolor .checkbox-checked {
  border-color: #000;
  background-color: #000;
}

.checkbox-ios-blackcolor .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-ios-mildred .checkbox-checked {
  border-color: #FF0266;
  background-color: #FF0266;
}

.checkbox-ios-mildred .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-ios-mildgreen .checkbox-checked {
  border-color: #69F0AE;
  background-color: #69F0AE;
}

.checkbox-ios-mildgreen .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-ios-sidebar .checkbox-checked {
  border-color: #0000ffc0;
  background-color: #0000ffc0;
}

.checkbox-ios-sidebar .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-ios-white .checkbox-checked {
  border-color: #ffffff;
  background-color: #ffffff;
}

.checkbox-ios-white .checkbox-checked .checkbox-inner {
  border-color: #000;
}

.checkbox-ios-magenta .checkbox-checked {
  border-color: #c404c4;
  background-color: #c404c4;
}

.checkbox-ios-magenta .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md {
  position: relative;
  display: inline-block;
}

.checkbox-md .checkbox-icon {
  border-radius: 2px;
  position: relative;
  width: 16px;
  height: 16px;
  border-width: 2px;
  border-style: solid;
  border-color: #787878;
  background-color: #fff;
  -webkit-transition-duration: 280ms;
  transition-duration: 280ms;
  -webkit-transition-property: background;
  transition-property: background;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.checkbox-md .checkbox-checked {
  border-color: #0099ff;
  background-color: #0099ff;
}

.checkbox-md .checkbox-checked .checkbox-inner {
  left: 4px;
  top: 0;
  position: absolute;
  width: 5px;
  height: 10px;
  border-width: 2px;
  border-top-width: 0;
  border-left-width: 0;
  border-style: solid;
  border-color: #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.checkbox-md.checkbox-disabled,
.item-md.item-checkbox-disabled ion-label {
  opacity: 0.3;
  pointer-events: none;
}

.item.item-md .checkbox-md {
  position: static;
  display: block;
  margin: 9px 36px 9px 4px;
}

.item.item-md .checkbox-md[item-right],
.item.item-md .checkbox-md[item-end] {
  margin: 11px 10px 10px 0;
}

.checkbox-md + .item-inner ion-label {
  margin-left: 0;
}

.checkbox-md-primary .checkbox-checked {
  border-color: #0099ff;
  background-color: #0099ff;
}

.checkbox-md-primary .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md-secondary .checkbox-checked {
  border-color: #36B37E;
  background-color: #36B37E;
}

.checkbox-md-secondary .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md-danger .checkbox-checked {
  border-color: #FF5630;
  background-color: #FF5630;
}

.checkbox-md-danger .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md-light .checkbox-checked {
  border-color: #000;
  background-color: #000;
}

.checkbox-md-light .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md-dark .checkbox-checked {
  border-color: #172B4D;
  background-color: #172B4D;
}

.checkbox-md-dark .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md-snappink .checkbox-checked {
  border-color: #3687f0;
  background-color: #3687f0;
}

.checkbox-md-snappink .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md-snapblue .checkbox-checked {
  border-color: #00d8ff;
  background-color: #00d8ff;
}

.checkbox-md-snapblue .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md-snapyellow .checkbox-checked {
  border-color: #FFC107;
  background-color: #FFC107;
}

.checkbox-md-snapyellow .checkbox-checked .checkbox-inner {
  border-color: #000;
}

.checkbox-md-snapgreen .checkbox-checked {
  border-color: #4CAF50;
  background-color: #4CAF50;
}

.checkbox-md-snapgreen .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md-snapindigo .checkbox-checked {
  border-color: #3F51B5;
  background-color: #3F51B5;
}

.checkbox-md-snapindigo .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md-backgroundgrey .checkbox-checked {
  border-color: #EEEEEE;
  background-color: #EEEEEE;
}

.checkbox-md-backgroundgrey .checkbox-checked .checkbox-inner {
  border-color: #000;
}

.checkbox-md-whitecolor .checkbox-checked {
  border-color: #000;
  background-color: #000;
}

.checkbox-md-whitecolor .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md-grey .checkbox-checked {
  border-color: #828082;
  background-color: #828082;
}

.checkbox-md-grey .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md-blackcolor .checkbox-checked {
  border-color: #000;
  background-color: #000;
}

.checkbox-md-blackcolor .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md-mildred .checkbox-checked {
  border-color: #FF0266;
  background-color: #FF0266;
}

.checkbox-md-mildred .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md-mildgreen .checkbox-checked {
  border-color: #69F0AE;
  background-color: #69F0AE;
}

.checkbox-md-mildgreen .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md-sidebar .checkbox-checked {
  border-color: #0000ffc0;
  background-color: #0000ffc0;
}

.checkbox-md-sidebar .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md-white .checkbox-checked {
  border-color: #ffffff;
  background-color: #ffffff;
}

.checkbox-md-white .checkbox-checked .checkbox-inner {
  border-color: #000;
}

.checkbox-md-magenta .checkbox-checked {
  border-color: #c404c4;
  background-color: #c404c4;
}

.checkbox-md-magenta .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-wp {
  position: relative;
  display: inline-block;
}

.checkbox-wp .checkbox-icon {
  border-radius: 0;
  position: relative;
  width: 16px;
  height: 16px;
  border-width: 2px;
  border-style: solid;
  border-color: #333;
  background-color: #fff;
}

.checkbox-wp .checkbox-checked {
  border-color: #0099ff;
  background-color: #0099ff;
}

.checkbox-wp .checkbox-checked .checkbox-inner {
  left: 3px;
  top: -2px;
  position: absolute;
  width: 6px;
  height: 12px;
  border-width: 1px;
  border-top-width: 0;
  border-left-width: 0;
  border-style: solid;
  border-color: #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.checkbox-wp.checkbox-disabled,
.item-wp.item-checkbox-disabled ion-label {
  opacity: 0.3;
  pointer-events: none;
}

.item.item-wp .checkbox-wp {
  position: static;
  display: block;
  margin: 9px 16px 9px 4px;
}

.item.item-wp .checkbox-wp[item-right],
.item.item-wp .checkbox-wp[item-end] {
  margin: 11px 10px 10px 0;
}

.checkbox-wp + .item-inner ion-label {
  margin-left: 0;
}

.checkbox-wp-primary .checkbox-checked {
  border-color: #0099ff;
  background-color: #0099ff;
}

.checkbox-wp-primary .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-wp-secondary .checkbox-checked {
  border-color: #36B37E;
  background-color: #36B37E;
}

.checkbox-wp-secondary .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-wp-danger .checkbox-checked {
  border-color: #FF5630;
  background-color: #FF5630;
}

.checkbox-wp-danger .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-wp-light .checkbox-checked {
  border-color: #000;
  background-color: #000;
}

.checkbox-wp-light .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-wp-dark .checkbox-checked {
  border-color: #172B4D;
  background-color: #172B4D;
}

.checkbox-wp-dark .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-wp-snappink .checkbox-checked {
  border-color: #3687f0;
  background-color: #3687f0;
}

.checkbox-wp-snappink .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-wp-snapblue .checkbox-checked {
  border-color: #00d8ff;
  background-color: #00d8ff;
}

.checkbox-wp-snapblue .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-wp-snapyellow .checkbox-checked {
  border-color: #FFC107;
  background-color: #FFC107;
}

.checkbox-wp-snapyellow .checkbox-checked .checkbox-inner {
  border-color: #000;
}

.checkbox-wp-snapgreen .checkbox-checked {
  border-color: #4CAF50;
  background-color: #4CAF50;
}

.checkbox-wp-snapgreen .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-wp-snapindigo .checkbox-checked {
  border-color: #3F51B5;
  background-color: #3F51B5;
}

.checkbox-wp-snapindigo .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-wp-backgroundgrey .checkbox-checked {
  border-color: #EEEEEE;
  background-color: #EEEEEE;
}

.checkbox-wp-backgroundgrey .checkbox-checked .checkbox-inner {
  border-color: #000;
}

.checkbox-wp-whitecolor .checkbox-checked {
  border-color: #000;
  background-color: #000;
}

.checkbox-wp-whitecolor .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-wp-grey .checkbox-checked {
  border-color: #828082;
  background-color: #828082;
}

.checkbox-wp-grey .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-wp-blackcolor .checkbox-checked {
  border-color: #000;
  background-color: #000;
}

.checkbox-wp-blackcolor .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-wp-mildred .checkbox-checked {
  border-color: #FF0266;
  background-color: #FF0266;
}

.checkbox-wp-mildred .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-wp-mildgreen .checkbox-checked {
  border-color: #69F0AE;
  background-color: #69F0AE;
}

.checkbox-wp-mildgreen .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-wp-sidebar .checkbox-checked {
  border-color: #0000ffc0;
  background-color: #0000ffc0;
}

.checkbox-wp-sidebar .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-wp-white .checkbox-checked {
  border-color: #ffffff;
  background-color: #ffffff;
}

.checkbox-wp-white .checkbox-checked .checkbox-inner {
  border-color: #000;
}

.checkbox-wp-magenta .checkbox-checked {
  border-color: #c404c4;
  background-color: #c404c4;
}

.checkbox-wp-magenta .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

ion-chip {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  font-weight: normal;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

ion-chip .button {
  border-radius: 50%;
  width: 32px;
  height: 32px;
  margin: 0;
}

ion-chip ion-icon {
  text-align: center;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  font-size: 18px;
  line-height: 32px;
}

ion-chip ion-avatar {
  border-radius: 50%;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
}

ion-chip ion-avatar img {
  border-radius: 50%;
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
}

.chip-ios {
  border-radius: 16px;
  height: 32px;
  font-size: 13px;
  line-height: 32px;
  color: rgba(0, 0, 0, 0.87);
  background: rgba(0, 0, 0, 0.12);
  margin: 2px 0;
}

.chip-ios > ion-label {
  margin: 0 10px;
}

.chip-ios > ion-icon {
  color: #fff;
  background-color: #0099ff;
}

.chip-ios-primary,
.chip-ios .icon-ios-primary {
  color: #fff;
  background-color: #0099ff;
}

.chip-ios-secondary,
.chip-ios .icon-ios-secondary {
  color: #fff;
  background-color: #36B37E;
}

.chip-ios-danger,
.chip-ios .icon-ios-danger {
  color: #fff;
  background-color: #FF5630;
}

.chip-ios-light,
.chip-ios .icon-ios-light {
  color: #fff;
  background-color: #000;
}

.chip-ios-dark,
.chip-ios .icon-ios-dark {
  color: #fff;
  background-color: #172B4D;
}

.chip-ios-snappink,
.chip-ios .icon-ios-snappink {
  color: #fff;
  background-color: #3687f0;
}

.chip-ios-snapblue,
.chip-ios .icon-ios-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.chip-ios-snapyellow,
.chip-ios .icon-ios-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.chip-ios-snapgreen,
.chip-ios .icon-ios-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.chip-ios-snapindigo,
.chip-ios .icon-ios-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.chip-ios-backgroundgrey,
.chip-ios .icon-ios-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.chip-ios-whitecolor,
.chip-ios .icon-ios-whitecolor {
  color: #fff;
  background-color: #000;
}

.chip-ios-grey,
.chip-ios .icon-ios-grey {
  color: #fff;
  background-color: #828082;
}

.chip-ios-blackcolor,
.chip-ios .icon-ios-blackcolor {
  color: #fff;
  background-color: #000;
}

.chip-ios-mildred,
.chip-ios .icon-ios-mildred {
  color: #fff;
  background-color: #FF0266;
}

.chip-ios-mildgreen,
.chip-ios .icon-ios-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.chip-ios-sidebar,
.chip-ios .icon-ios-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.chip-ios-white,
.chip-ios .icon-ios-white {
  color: #000;
  background-color: #ffffff;
}

.chip-ios-magenta,
.chip-ios .icon-ios-magenta {
  color: #fff;
  background-color: #c404c4;
}

.chip-md {
  border-radius: 16px;
  height: 32px;
  font-size: 13px;
  line-height: 32px;
  color: rgba(0, 0, 0, 0.87);
  background: rgba(0, 0, 0, 0.12);
  margin: 2px 0;
}

.chip-md > ion-label {
  margin: 0 10px;
}

.chip-md > ion-icon {
  color: #fff;
  background-color: #0099ff;
}

.chip-md-primary,
.chip-md .icon-md-primary {
  color: #fff;
  background-color: #0099ff;
}

.chip-md-secondary,
.chip-md .icon-md-secondary {
  color: #fff;
  background-color: #36B37E;
}

.chip-md-danger,
.chip-md .icon-md-danger {
  color: #fff;
  background-color: #FF5630;
}

.chip-md-light,
.chip-md .icon-md-light {
  color: #fff;
  background-color: #000;
}

.chip-md-dark,
.chip-md .icon-md-dark {
  color: #fff;
  background-color: #172B4D;
}

.chip-md-snappink,
.chip-md .icon-md-snappink {
  color: #fff;
  background-color: #3687f0;
}

.chip-md-snapblue,
.chip-md .icon-md-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.chip-md-snapyellow,
.chip-md .icon-md-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.chip-md-snapgreen,
.chip-md .icon-md-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.chip-md-snapindigo,
.chip-md .icon-md-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.chip-md-backgroundgrey,
.chip-md .icon-md-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.chip-md-whitecolor,
.chip-md .icon-md-whitecolor {
  color: #fff;
  background-color: #000;
}

.chip-md-grey,
.chip-md .icon-md-grey {
  color: #fff;
  background-color: #828082;
}

.chip-md-blackcolor,
.chip-md .icon-md-blackcolor {
  color: #fff;
  background-color: #000;
}

.chip-md-mildred,
.chip-md .icon-md-mildred {
  color: #fff;
  background-color: #FF0266;
}

.chip-md-mildgreen,
.chip-md .icon-md-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.chip-md-sidebar,
.chip-md .icon-md-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.chip-md-white,
.chip-md .icon-md-white {
  color: #000;
  background-color: #ffffff;
}

.chip-md-magenta,
.chip-md .icon-md-magenta {
  color: #fff;
  background-color: #c404c4;
}

.chip-wp {
  border-radius: 16px;
  height: 32px;
  font-size: 13px;
  line-height: 32px;
  color: rgba(0, 0, 0, 0.87);
  background: rgba(0, 0, 0, 0.12);
  margin: 2px 0;
}

.chip-wp > ion-label {
  margin: 0 10px;
}

.chip-wp > ion-icon {
  color: #fff;
  background-color: #0099ff;
}

.chip-wp .button {
  border: 0;
}

.chip-wp-primary,
.chip-wp .icon-wp-primary {
  color: #fff;
  background-color: #0099ff;
}

.chip-wp-secondary,
.chip-wp .icon-wp-secondary {
  color: #fff;
  background-color: #36B37E;
}

.chip-wp-danger,
.chip-wp .icon-wp-danger {
  color: #fff;
  background-color: #FF5630;
}

.chip-wp-light,
.chip-wp .icon-wp-light {
  color: #fff;
  background-color: #000;
}

.chip-wp-dark,
.chip-wp .icon-wp-dark {
  color: #fff;
  background-color: #172B4D;
}

.chip-wp-snappink,
.chip-wp .icon-wp-snappink {
  color: #fff;
  background-color: #3687f0;
}

.chip-wp-snapblue,
.chip-wp .icon-wp-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.chip-wp-snapyellow,
.chip-wp .icon-wp-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.chip-wp-snapgreen,
.chip-wp .icon-wp-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.chip-wp-snapindigo,
.chip-wp .icon-wp-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.chip-wp-backgroundgrey,
.chip-wp .icon-wp-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.chip-wp-whitecolor,
.chip-wp .icon-wp-whitecolor {
  color: #fff;
  background-color: #000;
}

.chip-wp-grey,
.chip-wp .icon-wp-grey {
  color: #fff;
  background-color: #828082;
}

.chip-wp-blackcolor,
.chip-wp .icon-wp-blackcolor {
  color: #fff;
  background-color: #000;
}

.chip-wp-mildred,
.chip-wp .icon-wp-mildred {
  color: #fff;
  background-color: #FF0266;
}

.chip-wp-mildgreen,
.chip-wp .icon-wp-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.chip-wp-sidebar,
.chip-wp .icon-wp-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.chip-wp-white,
.chip-wp .icon-wp-white {
  color: #000;
  background-color: #ffffff;
}

.chip-wp-magenta,
.chip-wp .icon-wp-magenta {
  color: #fff;
  background-color: #c404c4;
}

ion-content {
  left: 0;
  top: 0;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  contain: size style;
}

.ion-page > ion-content {
  position: absolute;
}

a {
  color: #0099ff;
}

.scroll-content {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
  display: block;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
  contain: size style layout;
}

ion-content.js-scroll > .scroll-content {
  position: relative;
  min-height: 100%;
  overflow-x: initial;
  overflow-y: initial;
  -webkit-overflow-scrolling: auto;
  will-change: initial;
}

.disable-scroll .ion-page {
  pointer-events: none;
  -ms-touch-action: none;
  touch-action: none;
}

ion-content.has-refresher > .scroll-content {
  background-color: inherit;
}

.fixed-content {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  display: block;
}

[ion-fixed] {
  position: absolute;
  z-index: 999;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

ion-app [no-padding],
ion-app [no-padding] .scroll-content {
  padding: 0;
}

ion-app [no-margin],
ion-app [no-margin] .scroll-content {
  margin: 0;
}

.content-ios {
  color: #000;
  background-color: #fff;
}

.content-ios.outer-content {
  background: #efeff4;
}

.content-ios hr {
  height: 0.55px;
  background-color: rgba(0, 0, 0, 0.12);
}

.ios .ion-page.show-page ~ .nav-decor {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
  pointer-events: none;
}

ion-app.ios [padding] {
  padding: 16px;
}

ion-app.ios [padding-top] {
  padding-top: 16px;
}

ion-app.ios [padding-left] {
  padding-left: 16px;
}

ion-app.ios [padding-right] {
  padding-right: 16px;
}

ion-app.ios [padding-bottom] {
  padding-bottom: 16px;
}

ion-app.ios [padding-vertical] {
  padding-top: 16px;
  padding-bottom: 16px;
}

ion-app.ios [padding-horizontal] {
  padding-left: 16px;
  padding-right: 16px;
}

ion-app.ios [padding] .scroll-content {
  padding: 16px;
}

@media screen and (orientation: landscape) {
  ion-app.ios [padding] .scroll-content {
    padding-left: calc(constant(safe-area-inset-left) + 16px);
    padding-top: 16px;
    padding-bottom: 16px;
    padding: 16px calc(env(safe-area-inset-right) + 16px) 16px calc(env(safe-area-inset-left) + 16px);
  }
}

ion-app.ios [padding-top] .scroll-content {
  padding-top: 16px;
}

@media screen and (orientation: landscape) {
  ion-app.ios [padding-top] .scroll-content {
    padding-top: 16px;
    padding-top: 16px;
  }
}

ion-app.ios [padding-left] .scroll-content {
  padding-left: 16px;
}

@media screen and (orientation: landscape) {
  ion-app.ios [padding-left] .scroll-content {
    padding-left: calc(constant(safe-area-inset-left) + 16px);
    padding-left: calc(env(safe-area-inset-left) + 16px);
  }
}

ion-app.ios [padding-right] .scroll-content {
  padding-right: 16px;
}

@media screen and (orientation: landscape) {
  ion-app.ios [padding-right] .scroll-content {
    padding-right: calc(constant(safe-area-inset-right) + 16px);
    padding-right: calc(env(safe-area-inset-right) + 16px);
  }
}

ion-app.ios [padding-bottom] .scroll-content {
  padding-bottom: 16px;
}

@media screen and (orientation: landscape) {
  ion-app.ios [padding-bottom] .scroll-content {
    padding-bottom: 16px;
    padding-bottom: 16px;
  }
}

ion-app.ios [padding-vertical] .scroll-content {
  padding-top: 16px;
  padding-bottom: 16px;
}

@media screen and (orientation: landscape) {
  ion-app.ios [padding-vertical] .scroll-content {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
  }
}

ion-app.ios [padding-horizontal] .scroll-content {
  padding-left: 16px;
  padding-right: 16px;
}

@media screen and (orientation: landscape) {
  ion-app.ios [padding-horizontal] .scroll-content {
    padding-left: calc(constant(safe-area-inset-left) + 16px);
    padding-right: calc(constant(safe-area-inset-right) + 16px);
    padding-left: calc(env(safe-area-inset-left) + 16px);
    padding-right: calc(env(safe-area-inset-right) + 16px);
  }
}

ion-app.ios [margin],
ion-app.ios [margin] .scroll-content {
  margin: 16px;
}

ion-app.ios [margin-top],
ion-app.ios [margin-top] .scroll-content {
  margin-top: 16px;
}

ion-app.ios [margin-left],
ion-app.ios [margin-left] .scroll-content {
  margin-left: 16px;
}

ion-app.ios [margin-start],
ion-app.ios [margin-start] .scroll-content {
  margin-left: 16px;
}

ion-app.ios [margin-right],
ion-app.ios [margin-right] .scroll-content {
  margin-right: 16px;
}

ion-app.ios [margin-end],
ion-app.ios [margin-end] .scroll-content {
  margin-right: 16px;
}

ion-app.ios [margin-bottom],
ion-app.ios [margin-bottom] .scroll-content {
  margin-bottom: 16px;
}

ion-app.ios [margin-vertical],
ion-app.ios [margin-vertical] .scroll-content {
  margin-top: 16px;
  margin-bottom: 16px;
}

ion-app.ios [margin-horizontal],
ion-app.ios [margin-horizontal] .scroll-content {
  margin-left: 16px;
  margin-right: 16px;
}

.content-ios:not([no-bounce]) > .scroll-content::before,
.content-ios:not([no-bounce]) > .scroll-content::after {
  position: absolute;
  width: 1px;
  height: 1px;
  content: "";
}

.content-ios:not([no-bounce]) > .scroll-content::before {
  bottom: -1px;
}

.content-ios:not([no-bounce]) > .scroll-content::after {
  top: -1px;
}

.platform-core .content-ios .scroll-content::after,
.platform-core .content-ios .scroll-content::before {
  position: initial;
  top: initial;
  bottom: initial;
  width: initial;
  height: initial;
}

.content-md {
  color: #000;
  background-color: #fff;
}

.content-md hr {
  background-color: rgba(0, 0, 0, 0.08);
}

ion-app.md [padding] {
  padding: 16px;
}

ion-app.md [padding-top] {
  padding-top: 16px;
}

ion-app.md [padding-left] {
  padding-left: 16px;
}

ion-app.md [padding-right] {
  padding-right: 16px;
}

ion-app.md [padding-bottom] {
  padding-bottom: 16px;
}

ion-app.md [padding-vertical] {
  padding-top: 16px;
  padding-bottom: 16px;
}

ion-app.md [padding-horizontal] {
  padding-left: 16px;
  padding-right: 16px;
}

ion-app.md [padding] .scroll-content {
  padding: 16px;
}

@media screen and (orientation: landscape) {
  ion-app.md [padding] .scroll-content {
    padding-left: calc(constant(safe-area-inset-left) + 16px);
    padding-top: 16px;
    padding-bottom: 16px;
    padding: 16px calc(env(safe-area-inset-right) + 16px) 16px calc(env(safe-area-inset-left) + 16px);
  }
}

ion-app.md [padding-top] .scroll-content {
  padding-top: 16px;
}

@media screen and (orientation: landscape) {
  ion-app.md [padding-top] .scroll-content {
    padding-top: 16px;
    padding-top: 16px;
  }
}

ion-app.md [padding-left] .scroll-content {
  padding-left: 16px;
}

@media screen and (orientation: landscape) {
  ion-app.md [padding-left] .scroll-content {
    padding-left: calc(constant(safe-area-inset-left) + 16px);
    padding-left: calc(env(safe-area-inset-left) + 16px);
  }
}

ion-app.md [padding-right] .scroll-content {
  padding-right: 16px;
}

@media screen and (orientation: landscape) {
  ion-app.md [padding-right] .scroll-content {
    padding-right: calc(constant(safe-area-inset-right) + 16px);
    padding-right: calc(env(safe-area-inset-right) + 16px);
  }
}

ion-app.md [padding-bottom] .scroll-content {
  padding-bottom: 16px;
}

@media screen and (orientation: landscape) {
  ion-app.md [padding-bottom] .scroll-content {
    padding-bottom: 16px;
    padding-bottom: 16px;
  }
}

ion-app.md [padding-vertical] .scroll-content {
  padding-top: 16px;
  padding-bottom: 16px;
}

@media screen and (orientation: landscape) {
  ion-app.md [padding-vertical] .scroll-content {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
  }
}

ion-app.md [padding-horizontal] .scroll-content {
  padding-left: 16px;
  padding-right: 16px;
}

@media screen and (orientation: landscape) {
  ion-app.md [padding-horizontal] .scroll-content {
    padding-left: calc(constant(safe-area-inset-left) + 16px);
    padding-right: calc(constant(safe-area-inset-right) + 16px);
    padding-left: calc(env(safe-area-inset-left) + 16px);
    padding-right: calc(env(safe-area-inset-right) + 16px);
  }
}

ion-app.md [margin],
ion-app.md [margin] .scroll-content {
  margin: 16px;
}

ion-app.md [margin-top],
ion-app.md [margin-top] .scroll-content {
  margin-top: 16px;
}

ion-app.md [margin-left],
ion-app.md [margin-left] .scroll-content {
  margin-left: 16px;
}

ion-app.md [margin-start],
ion-app.md [margin-start] .scroll-content {
  margin-left: 16px;
}

ion-app.md [margin-right],
ion-app.md [margin-right] .scroll-content {
  margin-right: 16px;
}

ion-app.md [margin-end],
ion-app.md [margin-end] .scroll-content {
  margin-right: 16px;
}

ion-app.md [margin-bottom],
ion-app.md [margin-bottom] .scroll-content {
  margin-bottom: 16px;
}

ion-app.md [margin-vertical],
ion-app.md [margin-vertical] .scroll-content {
  margin-top: 16px;
  margin-bottom: 16px;
}

ion-app.md [margin-horizontal],
ion-app.md [margin-horizontal] .scroll-content {
  margin-left: 16px;
  margin-right: 16px;
}

.content-wp {
  color: #000;
  background-color: #fff;
}

.content-wp hr {
  background-color: rgba(0, 0, 0, 0.08);
}

ion-app.wp [padding] {
  padding: 16px;
}

ion-app.wp [padding-top] {
  padding-top: 16px;
}

ion-app.wp [padding-left] {
  padding-left: 16px;
}

ion-app.wp [padding-right] {
  padding-right: 16px;
}

ion-app.wp [padding-bottom] {
  padding-bottom: 16px;
}

ion-app.wp [padding-vertical] {
  padding-top: 16px;
  padding-bottom: 16px;
}

ion-app.wp [padding-horizontal] {
  padding-left: 16px;
  padding-right: 16px;
}

ion-app.wp [padding] .scroll-content {
  padding: 16px;
}

@media screen and (orientation: landscape) {
  ion-app.wp [padding] .scroll-content {
    padding-left: calc(constant(safe-area-inset-left) + 16px);
    padding-top: 16px;
    padding-bottom: 16px;
    padding: 16px calc(env(safe-area-inset-right) + 16px) 16px calc(env(safe-area-inset-left) + 16px);
  }
}

ion-app.wp [padding-top] .scroll-content {
  padding-top: 16px;
}

@media screen and (orientation: landscape) {
  ion-app.wp [padding-top] .scroll-content {
    padding-top: 16px;
    padding-top: 16px;
  }
}

ion-app.wp [padding-left] .scroll-content {
  padding-left: 16px;
}

@media screen and (orientation: landscape) {
  ion-app.wp [padding-left] .scroll-content {
    padding-left: calc(constant(safe-area-inset-left) + 16px);
    padding-left: calc(env(safe-area-inset-left) + 16px);
  }
}

ion-app.wp [padding-right] .scroll-content {
  padding-right: 16px;
}

@media screen and (orientation: landscape) {
  ion-app.wp [padding-right] .scroll-content {
    padding-right: calc(constant(safe-area-inset-right) + 16px);
    padding-right: calc(env(safe-area-inset-right) + 16px);
  }
}

ion-app.wp [padding-bottom] .scroll-content {
  padding-bottom: 16px;
}

@media screen and (orientation: landscape) {
  ion-app.wp [padding-bottom] .scroll-content {
    padding-bottom: 16px;
    padding-bottom: 16px;
  }
}

ion-app.wp [padding-vertical] .scroll-content {
  padding-top: 16px;
  padding-bottom: 16px;
}

@media screen and (orientation: landscape) {
  ion-app.wp [padding-vertical] .scroll-content {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
  }
}

ion-app.wp [padding-horizontal] .scroll-content {
  padding-left: 16px;
  padding-right: 16px;
}

@media screen and (orientation: landscape) {
  ion-app.wp [padding-horizontal] .scroll-content {
    padding-left: calc(constant(safe-area-inset-left) + 16px);
    padding-right: calc(constant(safe-area-inset-right) + 16px);
    padding-left: calc(env(safe-area-inset-left) + 16px);
    padding-right: calc(env(safe-area-inset-right) + 16px);
  }
}

ion-app.wp [margin],
ion-app.wp [margin] .scroll-content {
  margin: 16px;
}

ion-app.wp [margin-top],
ion-app.wp [margin-top] .scroll-content {
  margin-top: 16px;
}

ion-app.wp [margin-left],
ion-app.wp [margin-left] .scroll-content {
  margin-left: 16px;
}

ion-app.wp [margin-start],
ion-app.wp [margin-start] .scroll-content {
  margin-left: 16px;
}

ion-app.wp [margin-right],
ion-app.wp [margin-right] .scroll-content {
  margin-right: 16px;
}

ion-app.wp [margin-end],
ion-app.wp [margin-end] .scroll-content {
  margin-right: 16px;
}

ion-app.wp [margin-bottom],
ion-app.wp [margin-bottom] .scroll-content {
  margin-bottom: 16px;
}

ion-app.wp [margin-vertical],
ion-app.wp [margin-vertical] .scroll-content {
  margin-top: 16px;
  margin-bottom: 16px;
}

ion-app.wp [margin-horizontal],
ion-app.wp [margin-horizontal] .scroll-content {
  margin-left: 16px;
  margin-right: 16px;
}

ion-datetime {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

.datetime-text {
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 16px;
  min-height: 1.2em;
  font-size: inherit;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.datetime-disabled,
.item-datetime-disabled ion-label {
  opacity: .4;
  pointer-events: none;
}

.item-label-stacked ion-datetime,
.item-label-floating ion-datetime {
  padding-left: 0;
  width: 100%;
}

.datetime-ios {
  padding: 11px 8px 11px 16px;
}

.datetime-ios .datetime-placeholder {
  color: #999;
}

.datetime-md {
  padding: 13px 8px 13px 16px;
}

.datetime-md .datetime-placeholder {
  color: #999;
}

.datetime-wp {
  padding: 13px 8px 13px 16px;
  min-width: 45%;
}

.datetime-wp .datetime-text {
  padding: 0 8px;
  min-height: 3.4rem;
  border: 2px solid rgba(0, 0, 0, 0.5);
  line-height: 3rem;
}

.item-datetime .datetime-wp ion-label[floating] {
  -webkit-transform: translate3d(8px,  41px,  0);
  transform: translate3d(8px,  41px,  0);
}

.datetime-wp .datetime-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.fab {
  text-align: center;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 50%;
  position: relative;
  z-index: 0;
  display: block;
  overflow: hidden;
  width: 56px;
  height: 56px;
  font-size: 14px;
  line-height: 56px;
  text-overflow: ellipsis;
  text-transform: none;
  white-space: nowrap;
  cursor: pointer;
  -webkit-transition: background-color, opacity 100ms linear;
  transition: background-color, opacity 100ms linear;
  background-clip: padding-box;
  -webkit-font-kerning: none;
  font-kerning: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  contain: strict;
}

.fab ion-icon {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 2.4rem;
}

.fab[mini] {
  margin: 8px;
  width: 40px;
  height: 40px;
  line-height: 40px;
}

.fab[mini] .fab-close-icon {
  line-height: 40px;
}

ion-fab {
  position: absolute;
  z-index: 999;
}

ion-fab[center] {
  left: 50%;
  margin-left: -28px;
}

ion-fab[middle] {
  margin-top: -28px;
  top: 50%;
}

ion-fab[top] {
  top: 10px;
}

ion-fab[right] {
  right: 10px;
  right: calc(10px + constant(safe-area-inset-right));
  right: calc(10px + env(safe-area-inset-right));
}

ion-fab[end] {
  right: 10px;
  right: calc(constant(safe-area-inset-right) + 10px);
  right: calc(env(safe-area-inset-right) + 10px);
}

ion-fab[bottom] {
  bottom: 10px;
}

ion-fab[left] {
  left: 10px;
  left: calc(10px + constant(safe-area-inset-left));
  left: calc(10px + env(safe-area-inset-left));
}

ion-fab[start] {
  left: 10px;
  left: calc(constant(safe-area-inset-left) + 10px);
  left: calc(env(safe-area-inset-left) + 10px);
}

ion-fab[top][edge] {
  top: -28px;
}

ion-fab[bottom][edge] {
  bottom: -28px;
}

ion-fab-list {
  margin: 66px 0;
  position: absolute;
  top: 0;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 56px;
  min-height: 56px;
}

.fab-in-list {
  margin: 8px 0;
  width: 40px;
  height: 40px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.fab-in-list.show {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  transform: scale(1);
}

ion-fab-list[side=left] .fab-in-list,
ion-fab-list[side=right] .fab-in-list {
  margin: 0 8px;
}

ion-fab-list[side=top] {
  top: auto;
  bottom: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

ion-fab-list[side=left] {
  margin: 0 66px;
  right: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

ion-fab-list[side=right] {
  margin: 0 66px;
  left: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.fab-list-active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.fab-close-icon {
  left: 0;
  right: 0;
  top: 0;
  position: absolute;
  line-height: 56px;
  opacity: 0;
  -webkit-transform: scale(0.4) rotateZ(-45deg);
  transform: scale(0.4) rotateZ(-45deg);
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
}

.fab .button-inner {
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
}

.fab-close-active .fab-close-icon {
  opacity: 1;
  -webkit-transform: scale(1) rotateZ(0deg);
  transform: scale(1) rotateZ(0deg);
}

.fab-close-active .button-inner {
  opacity: 0;
  -webkit-transform: scale(0.4) rotateZ(45deg);
  transform: scale(0.4) rotateZ(45deg);
}

.fab-ios {
  color: #fff;
  background-color: #0099ff;
}

.fab-ios.activated {
  background-color: #14a1ff;
}

.fab-ios-in-list {
  color: #000;
  background-color: #f4f4f4;
  -webkit-transition: opacity 200ms ease 10ms, -webkit-transform 200ms ease 10ms;
  transition: opacity 200ms ease 10ms, -webkit-transform 200ms ease 10ms;
  transition: transform 200ms ease 10ms, opacity 200ms ease 10ms;
  transition: transform 200ms ease 10ms, opacity 200ms ease 10ms, -webkit-transform 200ms ease 10ms;
}

.fab-ios-in-list.activated {
  background-color: #e0e0e0;
}

.fab-ios-primary {
  color: #fff;
  background-color: #0099ff;
}

.fab-ios-primary.activated {
  background-color: #14a1ff;
}

.fab-ios-secondary {
  color: #fff;
  background-color: #36B37E;
}

.fab-ios-secondary.activated {
  background-color: #46b988;
}

.fab-ios-danger {
  color: #fff;
  background-color: #FF5630;
}

.fab-ios-danger.activated {
  background-color: #eb4f2c;
}

.fab-ios-light {
  color: #fff;
  background-color: #000;
}

.fab-ios-light.activated {
  background-color: #141414;
}

.fab-ios-dark {
  color: #fff;
  background-color: #172B4D;
}

.fab-ios-dark.activated {
  background-color: #2a3c5b;
}

.fab-ios-snappink {
  color: #fff;
  background-color: #3687f0;
}

.fab-ios-snappink.activated {
  background-color: #327cdd;
}

.fab-ios-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.fab-ios-snapblue.activated {
  background-color: #14dbff;
}

.fab-ios-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.fab-ios-snapyellow.activated {
  background-color: #ebb206;
}

.fab-ios-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.fab-ios-snapgreen.activated {
  background-color: #5ab55e;
}

.fab-ios-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.fab-ios-snapindigo.activated {
  background-color: #4e5fbb;
}

.fab-ios-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.fab-ios-backgroundgrey.activated {
  background-color: #dbdbdb;
}

.fab-ios-whitecolor {
  color: #fff;
  background-color: #000;
}

.fab-ios-whitecolor.activated {
  background-color: #141414;
}

.fab-ios-grey {
  color: #fff;
  background-color: #828082;
}

.fab-ios-grey.activated {
  background-color: #787678;
}

.fab-ios-blackcolor {
  color: #fff;
  background-color: #000;
}

.fab-ios-blackcolor.activated {
  background-color: #141414;
}

.fab-ios-mildred {
  color: #fff;
  background-color: #FF0266;
}

.fab-ios-mildred.activated {
  background-color: #eb025e;
}

.fab-ios-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.fab-ios-mildgreen.activated {
  background-color: #61dda0;
}

.fab-ios-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.fab-ios-sidebar.activated {
  background-color: rgba(32, 32, 255, 0.772706);
}

.fab-ios-white {
  color: #000;
  background-color: #ffffff;
}

.fab-ios-white.activated {
  background-color: #ebebeb;
}

.fab-ios-magenta {
  color: #fff;
  background-color: #c404c4;
}

.fab-ios-magenta.activated {
  background-color: #c918c9;
}

.fab-md {
  color: #fff;
  background-color: #0099ff;
  -webkit-box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.14), 0 4px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.14), 0 4px 5px rgba(0, 0, 0, 0.1);
  -webkit-transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1), background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1), background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

.fab-md.activated {
  background-color: #14a1ff;
  -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.4), 0 4px 7px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.4), 0 4px 7px 0 rgba(0, 0, 0, 0.1);
}

.fab-md-in-list {
  color: #000;
  background-color: #f4f4f4;
  -webkit-transition: opacity 200ms ease 10ms, background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 200ms ease 10ms, -webkit-box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 200ms ease 10ms, background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 200ms ease 10ms, -webkit-box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 200ms ease 10ms, opacity 200ms ease 10ms, box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1), background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 200ms ease 10ms, opacity 200ms ease 10ms, box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1), background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 200ms ease 10ms, -webkit-box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

.fab-md-in-list.activated {
  background-color: #e0e0e0;
}

.fab-md .button-effect {
  background-color: #fff;
}

.fab-md-primary {
  color: #fff;
  background-color: #0099ff;
}

.fab-md-primary.activated {
  background-color: #14a1ff;
}

.fab-md-primary .button-effect {
  background-color: #fff;
}

.fab-md-secondary {
  color: #fff;
  background-color: #36B37E;
}

.fab-md-secondary.activated {
  background-color: #46b988;
}

.fab-md-secondary .button-effect {
  background-color: #fff;
}

.fab-md-danger {
  color: #fff;
  background-color: #FF5630;
}

.fab-md-danger.activated {
  background-color: #eb4f2c;
}

.fab-md-danger .button-effect {
  background-color: #fff;
}

.fab-md-light {
  color: #fff;
  background-color: #000;
}

.fab-md-light.activated {
  background-color: #141414;
}

.fab-md-light .button-effect {
  background-color: #fff;
}

.fab-md-dark {
  color: #fff;
  background-color: #172B4D;
}

.fab-md-dark.activated {
  background-color: #2a3c5b;
}

.fab-md-dark .button-effect {
  background-color: #fff;
}

.fab-md-snappink {
  color: #fff;
  background-color: #3687f0;
}

.fab-md-snappink.activated {
  background-color: #327cdd;
}

.fab-md-snappink .button-effect {
  background-color: #fff;
}

.fab-md-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.fab-md-snapblue.activated {
  background-color: #14dbff;
}

.fab-md-snapblue .button-effect {
  background-color: #fff;
}

.fab-md-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.fab-md-snapyellow.activated {
  background-color: #ebb206;
}

.fab-md-snapyellow .button-effect {
  background-color: #000;
}

.fab-md-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.fab-md-snapgreen.activated {
  background-color: #5ab55e;
}

.fab-md-snapgreen .button-effect {
  background-color: #fff;
}

.fab-md-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.fab-md-snapindigo.activated {
  background-color: #4e5fbb;
}

.fab-md-snapindigo .button-effect {
  background-color: #fff;
}

.fab-md-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.fab-md-backgroundgrey.activated {
  background-color: #dbdbdb;
}

.fab-md-backgroundgrey .button-effect {
  background-color: #000;
}

.fab-md-whitecolor {
  color: #fff;
  background-color: #000;
}

.fab-md-whitecolor.activated {
  background-color: #141414;
}

.fab-md-whitecolor .button-effect {
  background-color: #fff;
}

.fab-md-grey {
  color: #fff;
  background-color: #828082;
}

.fab-md-grey.activated {
  background-color: #787678;
}

.fab-md-grey .button-effect {
  background-color: #fff;
}

.fab-md-blackcolor {
  color: #fff;
  background-color: #000;
}

.fab-md-blackcolor.activated {
  background-color: #141414;
}

.fab-md-blackcolor .button-effect {
  background-color: #fff;
}

.fab-md-mildred {
  color: #fff;
  background-color: #FF0266;
}

.fab-md-mildred.activated {
  background-color: #eb025e;
}

.fab-md-mildred .button-effect {
  background-color: #fff;
}

.fab-md-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.fab-md-mildgreen.activated {
  background-color: #61dda0;
}

.fab-md-mildgreen .button-effect {
  background-color: #fff;
}

.fab-md-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.fab-md-sidebar.activated {
  background-color: rgba(32, 32, 255, 0.772706);
}

.fab-md-sidebar .button-effect {
  background-color: #fff;
}

.fab-md-white {
  color: #000;
  background-color: #ffffff;
}

.fab-md-white.activated {
  background-color: #ebebeb;
}

.fab-md-white .button-effect {
  background-color: #000;
}

.fab-md-magenta {
  color: #fff;
  background-color: #c404c4;
}

.fab-md-magenta.activated {
  background-color: #c918c9;
}

.fab-md-magenta .button-effect {
  background-color: #fff;
}

.fab-wp {
  color: #fff;
  background-color: #0099ff;
}

.fab-wp.activated {
  background-color: #14a1ff;
}

.fab-wp-in-list {
  color: #000;
  background-color: #f4f4f4;
  -webkit-transition: opacity 200ms ease 10ms, -webkit-transform 200ms ease 10ms;
  transition: opacity 200ms ease 10ms, -webkit-transform 200ms ease 10ms;
  transition: transform 200ms ease 10ms, opacity 200ms ease 10ms;
  transition: transform 200ms ease 10ms, opacity 200ms ease 10ms, -webkit-transform 200ms ease 10ms;
}

.fab-wp-in-list.activated {
  background-color: #e0e0e0;
}

.fab-wp-primary {
  color: #fff;
  background-color: #0099ff;
}

.fab-wp-primary.activated {
  background-color: #14a1ff;
}

.fab-wp-secondary {
  color: #fff;
  background-color: #36B37E;
}

.fab-wp-secondary.activated {
  background-color: #46b988;
}

.fab-wp-danger {
  color: #fff;
  background-color: #FF5630;
}

.fab-wp-danger.activated {
  background-color: #eb4f2c;
}

.fab-wp-light {
  color: #fff;
  background-color: #000;
}

.fab-wp-light.activated {
  background-color: #141414;
}

.fab-wp-dark {
  color: #fff;
  background-color: #172B4D;
}

.fab-wp-dark.activated {
  background-color: #2a3c5b;
}

.fab-wp-snappink {
  color: #fff;
  background-color: #3687f0;
}

.fab-wp-snappink.activated {
  background-color: #327cdd;
}

.fab-wp-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.fab-wp-snapblue.activated {
  background-color: #14dbff;
}

.fab-wp-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.fab-wp-snapyellow.activated {
  background-color: #ebb206;
}

.fab-wp-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.fab-wp-snapgreen.activated {
  background-color: #5ab55e;
}

.fab-wp-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.fab-wp-snapindigo.activated {
  background-color: #4e5fbb;
}

.fab-wp-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.fab-wp-backgroundgrey.activated {
  background-color: #dbdbdb;
}

.fab-wp-whitecolor {
  color: #fff;
  background-color: #000;
}

.fab-wp-whitecolor.activated {
  background-color: #141414;
}

.fab-wp-grey {
  color: #fff;
  background-color: #828082;
}

.fab-wp-grey.activated {
  background-color: #787678;
}

.fab-wp-blackcolor {
  color: #fff;
  background-color: #000;
}

.fab-wp-blackcolor.activated {
  background-color: #141414;
}

.fab-wp-mildred {
  color: #fff;
  background-color: #FF0266;
}

.fab-wp-mildred.activated {
  background-color: #eb025e;
}

.fab-wp-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.fab-wp-mildgreen.activated {
  background-color: #61dda0;
}

.fab-wp-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.fab-wp-sidebar.activated {
  background-color: rgba(32, 32, 255, 0.772706);
}

.fab-wp-white {
  color: #000;
  background-color: #ffffff;
}

.fab-wp-white.activated {
  background-color: #ebebeb;
}

.fab-wp-magenta {
  color: #fff;
  background-color: #c404c4;
}

.fab-wp-magenta.activated {
  background-color: #c918c9;
}

.grid {
  padding: 5px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.grid[no-padding] {
  padding: 0;
}

.grid[no-padding] > .row > .col {
  padding: 0;
}

@media (min-width: 576px) {
  .grid[fixed] {
    width: 540px;
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  .grid[fixed] {
    width: 720px;
    max-width: 100%;
  }
}

@media (min-width: 992px) {
  .grid[fixed] {
    width: 960px;
    max-width: 100%;
  }
}

@media (min-width: 1200px) {
  .grid[fixed] {
    width: 1140px;
    max-width: 100%;
  }
}

.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.row[nowrap] {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.row[wrap-reverse] {
  -webkit-flex-wrap: wrap-reverse;
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
}

.row[align-items-start] {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.row[align-items-center] {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.row[align-items-end] {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.row[align-items-stretch] {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.row[align-items-baseline] {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.row[justify-content-start] {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.row[justify-content-center] {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.row[justify-content-end] {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.row[justify-content-around] {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.row[justify-content-between] {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.col {
  padding: 5px;
  position: relative;
  width: 100%;
  margin: 0;
  min-height: 1px;
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.col[align-self-start] {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.col[align-self-end] {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.col[align-self-center] {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.col[align-self-stretch] {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}

.col[align-self-baseline] {
  -webkit-align-self: baseline;
  -ms-flex-item-align: baseline;
  align-self: baseline;
}

[col-1] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-1] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-1] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-1] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-1] {
    padding: 5px;
  }
}

[col-2] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-2] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-2] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-2] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-2] {
    padding: 5px;
  }
}

[col-3] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-3] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-3] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-3] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-3] {
    padding: 5px;
  }
}

[col-4] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-4] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-4] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-4] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-4] {
    padding: 5px;
  }
}

[col-5] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-5] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-5] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-5] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-5] {
    padding: 5px;
  }
}

[col-6] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-6] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-6] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-6] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-6] {
    padding: 5px;
  }
}

[col-7] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-7] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-7] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-7] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-7] {
    padding: 5px;
  }
}

[col-8] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-8] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-8] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-8] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-8] {
    padding: 5px;
  }
}

[col-9] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-9] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-9] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-9] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-9] {
    padding: 5px;
  }
}

[col-10] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-10] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-10] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-10] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-10] {
    padding: 5px;
  }
}

[col-11] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-11] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-11] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-11] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-11] {
    padding: 5px;
  }
}

[col-12] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-12] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-12] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-12] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-12] {
    padding: 5px;
  }
}

[col] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col] {
    padding: 5px;
  }
}

[col] {
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

[col-auto] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
}

[col-1] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 8.33333%;
  -ms-flex: 0 0 8.33333%;
  flex: 0 0 8.33333%;
  width: 8.33333%;
  max-width: 8.33333%;
}

[col-2] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16.66667%;
  -ms-flex: 0 0 16.66667%;
  flex: 0 0 16.66667%;
  width: 16.66667%;
  max-width: 16.66667%;
}

[col-3] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  width: 25%;
  max-width: 25%;
}

[col-4] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.33333%;
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  width: 33.33333%;
  max-width: 33.33333%;
}

[col-5] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 41.66667%;
  -ms-flex: 0 0 41.66667%;
  flex: 0 0 41.66667%;
  width: 41.66667%;
  max-width: 41.66667%;
}

[col-6] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  width: 50%;
  max-width: 50%;
}

[col-7] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 58.33333%;
  -ms-flex: 0 0 58.33333%;
  flex: 0 0 58.33333%;
  width: 58.33333%;
  max-width: 58.33333%;
}

[col-8] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 66.66667%;
  -ms-flex: 0 0 66.66667%;
  flex: 0 0 66.66667%;
  width: 66.66667%;
  max-width: 66.66667%;
}

[col-9] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 75%;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  width: 75%;
  max-width: 75%;
}

[col-10] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 83.33333%;
  -ms-flex: 0 0 83.33333%;
  flex: 0 0 83.33333%;
  width: 83.33333%;
  max-width: 83.33333%;
}

[col-11] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 91.66667%;
  -ms-flex: 0 0 91.66667%;
  flex: 0 0 91.66667%;
  width: 91.66667%;
  max-width: 91.66667%;
}

[col-12] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
}

[pull-0] {
  right: auto;
}

[pull-1] {
  right: 8.33333%;
}

[pull-2] {
  right: 16.66667%;
}

[pull-3] {
  right: 25%;
}

[pull-4] {
  right: 33.33333%;
}

[pull-5] {
  right: 41.66667%;
}

[pull-6] {
  right: 50%;
}

[pull-7] {
  right: 58.33333%;
}

[pull-8] {
  right: 66.66667%;
}

[pull-9] {
  right: 75%;
}

[pull-10] {
  right: 83.33333%;
}

[pull-11] {
  right: 91.66667%;
}

[pull-12] {
  right: 100%;
}

[push-0] {
  left: auto;
}

[push-1] {
  left: 8.33333%;
}

[push-2] {
  left: 16.66667%;
}

[push-3] {
  left: 25%;
}

[push-4] {
  left: 33.33333%;
}

[push-5] {
  left: 41.66667%;
}

[push-6] {
  left: 50%;
}

[push-7] {
  left: 58.33333%;
}

[push-8] {
  left: 66.66667%;
}

[push-9] {
  left: 75%;
}

[push-10] {
  left: 83.33333%;
}

[push-11] {
  left: 91.66667%;
}

[push-12] {
  left: 100%;
}

[offset-1] {
  margin-left: 8.33333%;
}

[offset-2] {
  margin-left: 16.66667%;
}

[offset-3] {
  margin-left: 25%;
}

[offset-4] {
  margin-left: 33.33333%;
}

[offset-5] {
  margin-left: 41.66667%;
}

[offset-6] {
  margin-left: 50%;
}

[offset-7] {
  margin-left: 58.33333%;
}

[offset-8] {
  margin-left: 66.66667%;
}

[offset-9] {
  margin-left: 75%;
}

[offset-10] {
  margin-left: 83.33333%;
}

[offset-11] {
  margin-left: 91.66667%;
}

[col-sm-1] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-sm-1] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-sm-1] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-sm-1] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-sm-1] {
    padding: 5px;
  }
}

[col-sm-2] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-sm-2] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-sm-2] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-sm-2] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-sm-2] {
    padding: 5px;
  }
}

[col-sm-3] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-sm-3] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-sm-3] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-sm-3] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-sm-3] {
    padding: 5px;
  }
}

[col-sm-4] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-sm-4] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-sm-4] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-sm-4] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-sm-4] {
    padding: 5px;
  }
}

[col-sm-5] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-sm-5] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-sm-5] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-sm-5] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-sm-5] {
    padding: 5px;
  }
}

[col-sm-6] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-sm-6] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-sm-6] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-sm-6] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-sm-6] {
    padding: 5px;
  }
}

[col-sm-7] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-sm-7] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-sm-7] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-sm-7] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-sm-7] {
    padding: 5px;
  }
}

[col-sm-8] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-sm-8] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-sm-8] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-sm-8] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-sm-8] {
    padding: 5px;
  }
}

[col-sm-9] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-sm-9] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-sm-9] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-sm-9] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-sm-9] {
    padding: 5px;
  }
}

[col-sm-10] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-sm-10] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-sm-10] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-sm-10] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-sm-10] {
    padding: 5px;
  }
}

[col-sm-11] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-sm-11] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-sm-11] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-sm-11] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-sm-11] {
    padding: 5px;
  }
}

[col-sm-12] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-sm-12] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-sm-12] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-sm-12] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-sm-12] {
    padding: 5px;
  }
}

[col-sm] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-sm] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-sm] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-sm] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-sm] {
    padding: 5px;
  }
}

@media (min-width: 576px) {
  [col-sm] {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  [col-sm-auto] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }
  [col-sm-1] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    width: 8.33333%;
    max-width: 8.33333%;
  }
  [col-sm-2] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    width: 16.66667%;
    max-width: 16.66667%;
  }
  [col-sm-3] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
  }
  [col-sm-4] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    width: 33.33333%;
    max-width: 33.33333%;
  }
  [col-sm-5] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    width: 41.66667%;
    max-width: 41.66667%;
  }
  [col-sm-6] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  [col-sm-7] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    width: 58.33333%;
    max-width: 58.33333%;
  }
  [col-sm-8] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    width: 66.66667%;
    max-width: 66.66667%;
  }
  [col-sm-9] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
  }
  [col-sm-10] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    width: 83.33333%;
    max-width: 83.33333%;
  }
  [col-sm-11] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    width: 91.66667%;
    max-width: 91.66667%;
  }
  [col-sm-12] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  [pull-sm-0] {
    right: auto;
  }
  [pull-sm-1] {
    right: 8.33333%;
  }
  [pull-sm-2] {
    right: 16.66667%;
  }
  [pull-sm-3] {
    right: 25%;
  }
  [pull-sm-4] {
    right: 33.33333%;
  }
  [pull-sm-5] {
    right: 41.66667%;
  }
  [pull-sm-6] {
    right: 50%;
  }
  [pull-sm-7] {
    right: 58.33333%;
  }
  [pull-sm-8] {
    right: 66.66667%;
  }
  [pull-sm-9] {
    right: 75%;
  }
  [pull-sm-10] {
    right: 83.33333%;
  }
  [pull-sm-11] {
    right: 91.66667%;
  }
  [pull-sm-12] {
    right: 100%;
  }
  [push-sm-0] {
    left: auto;
  }
  [push-sm-1] {
    left: 8.33333%;
  }
  [push-sm-2] {
    left: 16.66667%;
  }
  [push-sm-3] {
    left: 25%;
  }
  [push-sm-4] {
    left: 33.33333%;
  }
  [push-sm-5] {
    left: 41.66667%;
  }
  [push-sm-6] {
    left: 50%;
  }
  [push-sm-7] {
    left: 58.33333%;
  }
  [push-sm-8] {
    left: 66.66667%;
  }
  [push-sm-9] {
    left: 75%;
  }
  [push-sm-10] {
    left: 83.33333%;
  }
  [push-sm-11] {
    left: 91.66667%;
  }
  [push-sm-12] {
    left: 100%;
  }
  [offset-sm-0] {
    margin-left: 0%;
  }
  [offset-sm-1] {
    margin-left: 8.33333%;
  }
  [offset-sm-2] {
    margin-left: 16.66667%;
  }
  [offset-sm-3] {
    margin-left: 25%;
  }
  [offset-sm-4] {
    margin-left: 33.33333%;
  }
  [offset-sm-5] {
    margin-left: 41.66667%;
  }
  [offset-sm-6] {
    margin-left: 50%;
  }
  [offset-sm-7] {
    margin-left: 58.33333%;
  }
  [offset-sm-8] {
    margin-left: 66.66667%;
  }
  [offset-sm-9] {
    margin-left: 75%;
  }
  [offset-sm-10] {
    margin-left: 83.33333%;
  }
  [offset-sm-11] {
    margin-left: 91.66667%;
  }
}

[col-md-1] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-md-1] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-md-1] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-md-1] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-md-1] {
    padding: 5px;
  }
}

[col-md-2] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-md-2] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-md-2] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-md-2] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-md-2] {
    padding: 5px;
  }
}

[col-md-3] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-md-3] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-md-3] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-md-3] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-md-3] {
    padding: 5px;
  }
}

[col-md-4] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-md-4] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-md-4] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-md-4] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-md-4] {
    padding: 5px;
  }
}

[col-md-5] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-md-5] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-md-5] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-md-5] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-md-5] {
    padding: 5px;
  }
}

[col-md-6] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-md-6] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-md-6] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-md-6] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-md-6] {
    padding: 5px;
  }
}

[col-md-7] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-md-7] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-md-7] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-md-7] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-md-7] {
    padding: 5px;
  }
}

[col-md-8] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-md-8] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-md-8] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-md-8] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-md-8] {
    padding: 5px;
  }
}

[col-md-9] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-md-9] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-md-9] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-md-9] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-md-9] {
    padding: 5px;
  }
}

[col-md-10] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-md-10] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-md-10] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-md-10] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-md-10] {
    padding: 5px;
  }
}

[col-md-11] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-md-11] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-md-11] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-md-11] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-md-11] {
    padding: 5px;
  }
}

[col-md-12] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-md-12] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-md-12] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-md-12] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-md-12] {
    padding: 5px;
  }
}

[col-md] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-md] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-md] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-md] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-md] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-md] {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  [col-md-auto] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }
  [col-md-1] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    width: 8.33333%;
    max-width: 8.33333%;
  }
  [col-md-2] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    width: 16.66667%;
    max-width: 16.66667%;
  }
  [col-md-3] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
  }
  [col-md-4] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    width: 33.33333%;
    max-width: 33.33333%;
  }
  [col-md-5] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    width: 41.66667%;
    max-width: 41.66667%;
  }
  [col-md-6] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  [col-md-7] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    width: 58.33333%;
    max-width: 58.33333%;
  }
  [col-md-8] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    width: 66.66667%;
    max-width: 66.66667%;
  }
  [col-md-9] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
  }
  [col-md-10] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    width: 83.33333%;
    max-width: 83.33333%;
  }
  [col-md-11] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    width: 91.66667%;
    max-width: 91.66667%;
  }
  [col-md-12] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  [pull-md-0] {
    right: auto;
  }
  [pull-md-1] {
    right: 8.33333%;
  }
  [pull-md-2] {
    right: 16.66667%;
  }
  [pull-md-3] {
    right: 25%;
  }
  [pull-md-4] {
    right: 33.33333%;
  }
  [pull-md-5] {
    right: 41.66667%;
  }
  [pull-md-6] {
    right: 50%;
  }
  [pull-md-7] {
    right: 58.33333%;
  }
  [pull-md-8] {
    right: 66.66667%;
  }
  [pull-md-9] {
    right: 75%;
  }
  [pull-md-10] {
    right: 83.33333%;
  }
  [pull-md-11] {
    right: 91.66667%;
  }
  [pull-md-12] {
    right: 100%;
  }
  [push-md-0] {
    left: auto;
  }
  [push-md-1] {
    left: 8.33333%;
  }
  [push-md-2] {
    left: 16.66667%;
  }
  [push-md-3] {
    left: 25%;
  }
  [push-md-4] {
    left: 33.33333%;
  }
  [push-md-5] {
    left: 41.66667%;
  }
  [push-md-6] {
    left: 50%;
  }
  [push-md-7] {
    left: 58.33333%;
  }
  [push-md-8] {
    left: 66.66667%;
  }
  [push-md-9] {
    left: 75%;
  }
  [push-md-10] {
    left: 83.33333%;
  }
  [push-md-11] {
    left: 91.66667%;
  }
  [push-md-12] {
    left: 100%;
  }
  [offset-md-0] {
    margin-left: 0%;
  }
  [offset-md-1] {
    margin-left: 8.33333%;
  }
  [offset-md-2] {
    margin-left: 16.66667%;
  }
  [offset-md-3] {
    margin-left: 25%;
  }
  [offset-md-4] {
    margin-left: 33.33333%;
  }
  [offset-md-5] {
    margin-left: 41.66667%;
  }
  [offset-md-6] {
    margin-left: 50%;
  }
  [offset-md-7] {
    margin-left: 58.33333%;
  }
  [offset-md-8] {
    margin-left: 66.66667%;
  }
  [offset-md-9] {
    margin-left: 75%;
  }
  [offset-md-10] {
    margin-left: 83.33333%;
  }
  [offset-md-11] {
    margin-left: 91.66667%;
  }
}

[col-lg-1] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-lg-1] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-lg-1] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-lg-1] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-lg-1] {
    padding: 5px;
  }
}

[col-lg-2] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-lg-2] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-lg-2] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-lg-2] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-lg-2] {
    padding: 5px;
  }
}

[col-lg-3] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-lg-3] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-lg-3] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-lg-3] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-lg-3] {
    padding: 5px;
  }
}

[col-lg-4] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-lg-4] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-lg-4] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-lg-4] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-lg-4] {
    padding: 5px;
  }
}

[col-lg-5] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-lg-5] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-lg-5] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-lg-5] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-lg-5] {
    padding: 5px;
  }
}

[col-lg-6] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-lg-6] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-lg-6] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-lg-6] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-lg-6] {
    padding: 5px;
  }
}

[col-lg-7] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-lg-7] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-lg-7] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-lg-7] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-lg-7] {
    padding: 5px;
  }
}

[col-lg-8] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-lg-8] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-lg-8] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-lg-8] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-lg-8] {
    padding: 5px;
  }
}

[col-lg-9] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-lg-9] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-lg-9] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-lg-9] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-lg-9] {
    padding: 5px;
  }
}

[col-lg-10] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-lg-10] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-lg-10] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-lg-10] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-lg-10] {
    padding: 5px;
  }
}

[col-lg-11] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-lg-11] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-lg-11] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-lg-11] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-lg-11] {
    padding: 5px;
  }
}

[col-lg-12] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-lg-12] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-lg-12] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-lg-12] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-lg-12] {
    padding: 5px;
  }
}

[col-lg] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-lg] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-lg] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-lg] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-lg] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-lg] {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  [col-lg-auto] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }
  [col-lg-1] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    width: 8.33333%;
    max-width: 8.33333%;
  }
  [col-lg-2] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    width: 16.66667%;
    max-width: 16.66667%;
  }
  [col-lg-3] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
  }
  [col-lg-4] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    width: 33.33333%;
    max-width: 33.33333%;
  }
  [col-lg-5] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    width: 41.66667%;
    max-width: 41.66667%;
  }
  [col-lg-6] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  [col-lg-7] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    width: 58.33333%;
    max-width: 58.33333%;
  }
  [col-lg-8] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    width: 66.66667%;
    max-width: 66.66667%;
  }
  [col-lg-9] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
  }
  [col-lg-10] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    width: 83.33333%;
    max-width: 83.33333%;
  }
  [col-lg-11] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    width: 91.66667%;
    max-width: 91.66667%;
  }
  [col-lg-12] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  [pull-lg-0] {
    right: auto;
  }
  [pull-lg-1] {
    right: 8.33333%;
  }
  [pull-lg-2] {
    right: 16.66667%;
  }
  [pull-lg-3] {
    right: 25%;
  }
  [pull-lg-4] {
    right: 33.33333%;
  }
  [pull-lg-5] {
    right: 41.66667%;
  }
  [pull-lg-6] {
    right: 50%;
  }
  [pull-lg-7] {
    right: 58.33333%;
  }
  [pull-lg-8] {
    right: 66.66667%;
  }
  [pull-lg-9] {
    right: 75%;
  }
  [pull-lg-10] {
    right: 83.33333%;
  }
  [pull-lg-11] {
    right: 91.66667%;
  }
  [pull-lg-12] {
    right: 100%;
  }
  [push-lg-0] {
    left: auto;
  }
  [push-lg-1] {
    left: 8.33333%;
  }
  [push-lg-2] {
    left: 16.66667%;
  }
  [push-lg-3] {
    left: 25%;
  }
  [push-lg-4] {
    left: 33.33333%;
  }
  [push-lg-5] {
    left: 41.66667%;
  }
  [push-lg-6] {
    left: 50%;
  }
  [push-lg-7] {
    left: 58.33333%;
  }
  [push-lg-8] {
    left: 66.66667%;
  }
  [push-lg-9] {
    left: 75%;
  }
  [push-lg-10] {
    left: 83.33333%;
  }
  [push-lg-11] {
    left: 91.66667%;
  }
  [push-lg-12] {
    left: 100%;
  }
  [offset-lg-0] {
    margin-left: 0%;
  }
  [offset-lg-1] {
    margin-left: 8.33333%;
  }
  [offset-lg-2] {
    margin-left: 16.66667%;
  }
  [offset-lg-3] {
    margin-left: 25%;
  }
  [offset-lg-4] {
    margin-left: 33.33333%;
  }
  [offset-lg-5] {
    margin-left: 41.66667%;
  }
  [offset-lg-6] {
    margin-left: 50%;
  }
  [offset-lg-7] {
    margin-left: 58.33333%;
  }
  [offset-lg-8] {
    margin-left: 66.66667%;
  }
  [offset-lg-9] {
    margin-left: 75%;
  }
  [offset-lg-10] {
    margin-left: 83.33333%;
  }
  [offset-lg-11] {
    margin-left: 91.66667%;
  }
}

[col-xl-1] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-xl-1] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-xl-1] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-xl-1] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-xl-1] {
    padding: 5px;
  }
}

[col-xl-2] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-xl-2] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-xl-2] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-xl-2] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-xl-2] {
    padding: 5px;
  }
}

[col-xl-3] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-xl-3] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-xl-3] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-xl-3] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-xl-3] {
    padding: 5px;
  }
}

[col-xl-4] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-xl-4] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-xl-4] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-xl-4] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-xl-4] {
    padding: 5px;
  }
}

[col-xl-5] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-xl-5] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-xl-5] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-xl-5] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-xl-5] {
    padding: 5px;
  }
}

[col-xl-6] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-xl-6] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-xl-6] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-xl-6] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-xl-6] {
    padding: 5px;
  }
}

[col-xl-7] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-xl-7] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-xl-7] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-xl-7] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-xl-7] {
    padding: 5px;
  }
}

[col-xl-8] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-xl-8] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-xl-8] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-xl-8] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-xl-8] {
    padding: 5px;
  }
}

[col-xl-9] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-xl-9] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-xl-9] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-xl-9] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-xl-9] {
    padding: 5px;
  }
}

[col-xl-10] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-xl-10] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-xl-10] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-xl-10] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-xl-10] {
    padding: 5px;
  }
}

[col-xl-11] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-xl-11] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-xl-11] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-xl-11] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-xl-11] {
    padding: 5px;
  }
}

[col-xl-12] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-xl-12] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-xl-12] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-xl-12] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-xl-12] {
    padding: 5px;
  }
}

[col-xl] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-xl] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-xl] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-xl] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-xl] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-xl] {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  [col-xl-auto] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }
  [col-xl-1] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    width: 8.33333%;
    max-width: 8.33333%;
  }
  [col-xl-2] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    width: 16.66667%;
    max-width: 16.66667%;
  }
  [col-xl-3] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
  }
  [col-xl-4] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    width: 33.33333%;
    max-width: 33.33333%;
  }
  [col-xl-5] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    width: 41.66667%;
    max-width: 41.66667%;
  }
  [col-xl-6] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  [col-xl-7] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    width: 58.33333%;
    max-width: 58.33333%;
  }
  [col-xl-8] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    width: 66.66667%;
    max-width: 66.66667%;
  }
  [col-xl-9] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
  }
  [col-xl-10] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    width: 83.33333%;
    max-width: 83.33333%;
  }
  [col-xl-11] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    width: 91.66667%;
    max-width: 91.66667%;
  }
  [col-xl-12] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  [pull-xl-0] {
    right: auto;
  }
  [pull-xl-1] {
    right: 8.33333%;
  }
  [pull-xl-2] {
    right: 16.66667%;
  }
  [pull-xl-3] {
    right: 25%;
  }
  [pull-xl-4] {
    right: 33.33333%;
  }
  [pull-xl-5] {
    right: 41.66667%;
  }
  [pull-xl-6] {
    right: 50%;
  }
  [pull-xl-7] {
    right: 58.33333%;
  }
  [pull-xl-8] {
    right: 66.66667%;
  }
  [pull-xl-9] {
    right: 75%;
  }
  [pull-xl-10] {
    right: 83.33333%;
  }
  [pull-xl-11] {
    right: 91.66667%;
  }
  [pull-xl-12] {
    right: 100%;
  }
  [push-xl-0] {
    left: auto;
  }
  [push-xl-1] {
    left: 8.33333%;
  }
  [push-xl-2] {
    left: 16.66667%;
  }
  [push-xl-3] {
    left: 25%;
  }
  [push-xl-4] {
    left: 33.33333%;
  }
  [push-xl-5] {
    left: 41.66667%;
  }
  [push-xl-6] {
    left: 50%;
  }
  [push-xl-7] {
    left: 58.33333%;
  }
  [push-xl-8] {
    left: 66.66667%;
  }
  [push-xl-9] {
    left: 75%;
  }
  [push-xl-10] {
    left: 83.33333%;
  }
  [push-xl-11] {
    left: 91.66667%;
  }
  [push-xl-12] {
    left: 100%;
  }
  [offset-xl-0] {
    margin-left: 0%;
  }
  [offset-xl-1] {
    margin-left: 8.33333%;
  }
  [offset-xl-2] {
    margin-left: 16.66667%;
  }
  [offset-xl-3] {
    margin-left: 25%;
  }
  [offset-xl-4] {
    margin-left: 33.33333%;
  }
  [offset-xl-5] {
    margin-left: 41.66667%;
  }
  [offset-xl-6] {
    margin-left: 50%;
  }
  [offset-xl-7] {
    margin-left: 58.33333%;
  }
  [offset-xl-8] {
    margin-left: 66.66667%;
  }
  [offset-xl-9] {
    margin-left: 75%;
  }
  [offset-xl-10] {
    margin-left: 83.33333%;
  }
  [offset-xl-11] {
    margin-left: 91.66667%;
  }
}

ion-icon {
  display: inline-block;
  font-size: 1.2em;
}

ion-icon[small] {
  min-height: 1.1em;
  font-size: 1.1em;
}

.icon-ios-primary {
  color: #0099ff;
}

.icon-ios-secondary {
  color: #36B37E;
}

.icon-ios-danger {
  color: #FF5630;
}

.icon-ios-light {
  color: #000;
}

.icon-ios-dark {
  color: #172B4D;
}

.icon-ios-snappink {
  color: #3687f0;
}

.icon-ios-snapblue {
  color: #00d8ff;
}

.icon-ios-snapyellow {
  color: #FFC107;
}

.icon-ios-snapgreen {
  color: #4CAF50;
}

.icon-ios-snapindigo {
  color: #3F51B5;
}

.icon-ios-backgroundgrey {
  color: #EEEEEE;
}

.icon-ios-whitecolor {
  color: #000;
}

.icon-ios-grey {
  color: #828082;
}

.icon-ios-blackcolor {
  color: #000;
}

.icon-ios-mildred {
  color: #FF0266;
}

.icon-ios-mildgreen {
  color: #69F0AE;
}

.icon-ios-sidebar {
  color: #0000ffc0;
}

.icon-ios-white {
  color: #ffffff;
}

.icon-ios-magenta {
  color: #c404c4;
}

.icon-md-primary {
  color: #0099ff;
}

.icon-md-secondary {
  color: #36B37E;
}

.icon-md-danger {
  color: #FF5630;
}

.icon-md-light {
  color: #000;
}

.icon-md-dark {
  color: #172B4D;
}

.icon-md-snappink {
  color: #3687f0;
}

.icon-md-snapblue {
  color: #00d8ff;
}

.icon-md-snapyellow {
  color: #FFC107;
}

.icon-md-snapgreen {
  color: #4CAF50;
}

.icon-md-snapindigo {
  color: #3F51B5;
}

.icon-md-backgroundgrey {
  color: #EEEEEE;
}

.icon-md-whitecolor {
  color: #000;
}

.icon-md-grey {
  color: #828082;
}

.icon-md-blackcolor {
  color: #000;
}

.icon-md-mildred {
  color: #FF0266;
}

.icon-md-mildgreen {
  color: #69F0AE;
}

.icon-md-sidebar {
  color: #0000ffc0;
}

.icon-md-white {
  color: #ffffff;
}

.icon-md-magenta {
  color: #c404c4;
}

.icon-wp-primary {
  color: #0099ff;
}

.icon-wp-secondary {
  color: #36B37E;
}

.icon-wp-danger {
  color: #FF5630;
}

.icon-wp-light {
  color: #000;
}

.icon-wp-dark {
  color: #172B4D;
}

.icon-wp-snappink {
  color: #3687f0;
}

.icon-wp-snapblue {
  color: #00d8ff;
}

.icon-wp-snapyellow {
  color: #FFC107;
}

.icon-wp-snapgreen {
  color: #4CAF50;
}

.icon-wp-snapindigo {
  color: #3F51B5;
}

.icon-wp-backgroundgrey {
  color: #EEEEEE;
}

.icon-wp-whitecolor {
  color: #000;
}

.icon-wp-grey {
  color: #828082;
}

.icon-wp-blackcolor {
  color: #000;
}

.icon-wp-mildred {
  color: #FF0266;
}

.icon-wp-mildgreen {
  color: #69F0AE;
}

.icon-wp-sidebar {
  color: #0000ffc0;
}

.icon-wp-white {
  color: #ffffff;
}

.icon-wp-magenta {
  color: #c404c4;
}

ion-img {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background: #eee;
  contain: strict;
}

ion-img img {
  -o-object-fit: cover;
  object-fit: cover;
}

ion-img.img-unloaded img {
  display: none;
}

ion-img.img-loaded img {
  display: block;
}

ion-infinite-scroll {
  display: block;
  width: 100%;
}

ion-infinite-scroll-content {
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  min-height: 84px;
}

.infinite-loading {
  display: none;
  width: 100%;
  margin: 0 0 32px;
}

.infinite-loading-text {
  color: #666;
  margin: 4px 32px 0;
}

.infinite-loading-spinner .spinner-ios line,
.infinite-loading-spinner .spinner-ios-small line,
.infinite-loading-spinner .spinner-crescent circle {
  stroke: #666;
}

.infinite-loading-spinner .spinner-bubbles circle,
.infinite-loading-spinner .spinner-circles circle,
.infinite-loading-spinner .spinner-dots circle {
  fill: #666;
}

ion-infinite-scroll-content[state=loading] .infinite-loading {
  display: block;
}

ion-infinite-scroll-content[state=disabled] {
  display: none;
}

ion-input,
ion-textarea {
  position: relative;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
}

.item-input ion-input,
.item-input ion-textarea {
  position: static;
}

.item.item-textarea {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.text-input {
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  display: inline-block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 92%;
  width: calc(100% - 10px);
  border: 0;
  background: transparent;
}

.text-input::-moz-placeholder {
  color: #999;
}

.text-input:-ms-input-placeholder {
  color: #999;
}

.text-input::-webkit-input-placeholder {
  text-indent: 0;
  color: #999;
}

textarea.text-input {
  display: block;
}

.text-input[disabled] {
  opacity: .4;
}

input.text-input:-webkit-autofill {
  background-color: transparent;
}

.platform-mobile textarea.text-input {
  resize: none;
}

.input-cover {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.input[disabled] .input-cover {
  pointer-events: none;
}

.item-input-has-focus .input-cover,
.input-has-focus .input-cover {
  display: none;
}

.item-input-has-focus,
.input-has-focus {
  pointer-events: none;
}

.item-input-has-focus input,
.input-has-focus input,
.item-input-has-focus textarea,
.input-has-focus textarea,
.item-input-has-focus a,
.input-has-focus a,
.item-input-has-focus button,
.input-has-focus button {
  pointer-events: auto;
}

.text-input-clear-icon {
  margin: 0;
  padding: 0;
  background-position: center;
  position: absolute;
  top: 0;
  display: none;
  height: 100%;
  background-repeat: no-repeat;
}

.item-input-has-focus.item-input-has-value .text-input-clear-icon,
.input-has-focus.input-has-value .text-input-clear-icon {
  display: block;
}

.text-input-ios {
  margin: 11px 8px 11px 0;
  padding: 0;
  width: calc(100% - 8px);
}

.input-ios .inset-input {
  padding: 5.5px 8px;
  margin: 5.5px 16px 5.5px 0;
}

.item-ios.item-label-stacked .text-input,
.item-ios.item-label-floating .text-input {
  margin-left: 0;
  margin-top: 8px;
  margin-bottom: 8px;
  width: calc(100% - 8px);
}

.item-ios.item-label-stacked .label-ios + .input + .cloned-input,
.item-ios.item-label-floating .label-ios + .input + .cloned-input {
  margin-left: 0;
}

.item-label-stacked .select-ios,
.item-label-floating .select-ios {
  padding-left: 0;
  padding-top: 8px;
  padding-bottom: 8px;
}

.input-ios[clearInput] {
  position: relative;
}

.input-ios[clearInput] .text-input {
  padding-right: 30px;
}

.input-ios .text-input-clear-icon {
  right: 8px;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='rgba(0,%200,%200,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
  width: 30px;
  background-size: 18px;
}

.text-input-md {
  margin: 13px 8px;
  padding: 0;
  width: calc(100% - 8px - 8px);
}

.input-md .inset-input {
  padding: 6.5px 8px;
  margin: 6.5px 16px;
}

.item-md.item-input.item-input-has-focus .item-inner,
.item-md.item-input.input-has-focus .item-inner {
  border-bottom-color: #0099ff;
  -webkit-box-shadow: inset 0 -1px 0 0 #0099ff;
  box-shadow: inset 0 -1px 0 0 #0099ff;
}

.list-md .item-input.item-input-has-focus:last-child,
.list-md .item-input.input-has-focus:last-child {
  border-bottom-color: #0099ff;
  -webkit-box-shadow: inset 0 -1px 0 0 #0099ff;
  box-shadow: inset 0 -1px 0 0 #0099ff;
}

.list-md .item-input.item-input-has-focus:last-child .item-inner,
.list-md .item-input.input-has-focus:last-child .item-inner {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.item-md.item-input.ng-valid.item-input-has-value:not(.input-has-focus):not(.item-input-has-focus) .item-inner,
.item-md.item-input.ng-valid.input-has-value:not(.input-has-focus):not(.item-input-has-focus) .item-inner {
  border-bottom-color: #32db64;
  -webkit-box-shadow: inset 0 -1px 0 0 #32db64;
  box-shadow: inset 0 -1px 0 0 #32db64;
}

.list-md .item-input.ng-valid.item-input-has-value:not(.input-has-focus):not(.item-input-has-focus):last-child,
.list-md .item-input.ng-valid.input-has-value:not(.input-has-focus):not(.item-input-has-focus):last-child {
  border-bottom-color: #32db64;
  -webkit-box-shadow: inset 0 -1px 0 0 #32db64;
  box-shadow: inset 0 -1px 0 0 #32db64;
}

.list-md .item-input.ng-valid.item-input-has-value:not(.input-has-focus):not(.item-input-has-focus):last-child .item-inner,
.list-md .item-input.ng-valid.input-has-value:not(.input-has-focus):not(.item-input-has-focus):last-child .item-inner {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.item-md.item-input.ng-invalid.ng-touched:not(.input-has-focus):not(.item-input-has-focus) .item-inner {
  border-bottom-color: #f53d3d;
  -webkit-box-shadow: inset 0 -1px 0 0 #f53d3d;
  box-shadow: inset 0 -1px 0 0 #f53d3d;
}

.list-md .item-input.ng-invalid.ng-touched:not(.input-has-focus):not(.item-input-has-focus):last-child {
  border-bottom-color: #f53d3d;
  -webkit-box-shadow: inset 0 -1px 0 0 #f53d3d;
  box-shadow: inset 0 -1px 0 0 #f53d3d;
}

.list-md .item-input.ng-invalid.ng-touched:not(.input-has-focus):not(.item-input-has-focus):last-child .item-inner {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.item-label-stacked .text-input-md,
.item-label-floating .text-input-md {
  margin-left: 0;
  margin-top: 8px;
  margin-bottom: 8px;
  width: calc(100% - 8px);
}

.item-label-stacked .select-md,
.item-label-floating .select-md {
  padding-left: 0;
  padding-top: 8px;
  padding-bottom: 8px;
}

.input-md[clearInput] {
  position: relative;
}

.input-md[clearInput] .text-input {
  padding-right: 30px;
}

.input-md .text-input-clear-icon {
  right: 8px;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><polygon%20fill='%235b5b5b'%20points='405,136.798%20375.202,107%20256,226.202%20136.798,107%20107,136.798%20226.202,256%20107,375.202%20136.798,405%20256,285.798%20375.202,405%20405,375.202%20285.798,256'/></svg>");
  width: 30px;
  background-size: 22px;
}

.text-input-wp {
  margin: 13px 8px;
  padding: 0 8px;
  width: calc(100% - 8px - 8px);
  border: 2px solid rgba(0, 0, 0, 0.5);
  line-height: 3rem;
}

.item-wp .inset-input {
  padding: 6.5px 8px;
  margin: 6.5px 16px;
}

.item-wp.item-input.item-input-has-focus .text-input,
.item-wp.item-input.input-has-focus .text-input {
  border-color: #0099ff;
}

.item-wp.item-input.ng-valid.item-input-has-value:not(.input-has-focus):not(.item-input-has-focus) .text-input,
.item-wp.item-input.ng-valid.input-has-value:not(.input-has-focus):not(.item-input-has-focus) .text-input {
  border-color: #32db64;
}

.item-wp.item-input.ng-invalid.ng-touched:not(.input-has-focus):not(.item-input-has-focus) .text-input {
  border-color: #f53d3d;
}

.item-label-stacked .text-input-wp,
.item-label-floating .text-input-wp,
.item-label-stacked .select-wp,
.item-label-floating .select-wp {
  margin-left: 0;
  margin-top: 8px;
  margin-bottom: 8px;
  width: calc(100% - 8px);
}

.item-wp.item-label-stacked [item-right],
.item-wp.item-label-floating [item-right],
.item-wp.item-label-stacked [item-end],
.item-wp.item-label-floating [item-end] {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.input-wp[clearInput] {
  position: relative;
}

.input-wp[clearInput] .text-input {
  padding-right: 30px;
}

.input-wp .text-input-clear-icon {
  right: 8px;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><polygon%20fill='rgba(0,%200,%200,%200.5)'%20points='405,136.798%20375.202,107%20256,226.202%20136.798,107%20107,136.798%20226.202,256%20107,375.202%20136.798,405%20256,285.798%20375.202,405%20405,375.202%20285.798,256'/></svg>");
  width: 30px;
  background-size: 22px;
}

.item {
  contain: content;
}

.item-block {
  margin: 0;
  padding: 0;
  text-align: initial;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  min-height: 4.4rem;
  border: 0;
  font-weight: normal;
  line-height: normal;
  text-decoration: none;
  color: inherit;
}

.item-inner {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: inherit;
  -webkit-box-direction: inherit;
  -webkit-flex-direction: inherit;
  -ms-flex-direction: inherit;
  flex-direction: inherit;
  -webkit-box-align: inherit;
  -webkit-align-items: inherit;
  -ms-flex-align: inherit;
  align-items: inherit;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  min-height: inherit;
  border: 0;
}

.input-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: inherit;
  -webkit-box-direction: inherit;
  -webkit-flex-direction: inherit;
  -ms-flex-direction: inherit;
  flex-direction: inherit;
  -webkit-box-align: inherit;
  -webkit-align-items: inherit;
  -ms-flex-align: inherit;
  align-items: inherit;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  text-overflow: ellipsis;
}

.item[no-lines],
.item.item[no-lines] .item-inner {
  border: 0;
}

ion-item-group {
  display: block;
}

ion-item-divider {
  margin: 0;
  padding: 0;
  z-index: 100;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  min-height: 30px;
}

ion-item-divider[sticky] {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

[vertical-align-top],
ion-input.item {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.item > ion-icon[small]:first-child,
.item-inner > ion-icon[small]:first-child {
  min-width: 18px;
}

.item > ion-icon:first-child,
.item-inner > ion-icon:first-child {
  text-align: center;
  min-width: 24px;
}

.item > ion-icon,
.item-inner > ion-icon {
  min-height: 2.8rem;
  font-size: 2.8rem;
  line-height: 1;
}

.item > ion-icon[large],
.item-inner > ion-icon[large] {
  min-height: 3.2rem;
  font-size: 3.2rem;
}

.item > ion-icon[small],
.item-inner > ion-icon[small] {
  min-height: 1.8rem;
  font-size: 1.8rem;
}

ion-avatar,
ion-thumbnail {
  display: block;
  line-height: 1;
}

ion-avatar img,
ion-thumbnail img {
  display: block;
}

.item-cover {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background: transparent;
  cursor: pointer;
}

ion-reorder {
  -webkit-transform: translate3d(300%,  0,  0);
  transform: translate3d(300%,  0,  0);
  display: none;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 40px;
  height: 100%;
  font-size: 1.7em;
  opacity: .25;
  -webkit-transition: -webkit-transform 140ms ease-in;
  transition: -webkit-transform 140ms ease-in;
  transition: transform 140ms ease-in;
  transition: transform 140ms ease-in, -webkit-transform 140ms ease-in;
  pointer-events: all;
  -ms-touch-action: none;
  touch-action: none;
}

.reorder-side-start ion-reorder {
  -webkit-transform: translate3d(-300%,  0,  0);
  transform: translate3d(-300%,  0,  0);
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

ion-reorder ion-icon {
  pointer-events: none;
}

.reorder-enabled ion-reorder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.reorder-visible ion-reorder {
  -webkit-transform: translate3d(0,  0,  0);
  transform: translate3d(0,  0,  0);
}

.reorder-list-active .item,
.reorder-list-active .item-wrapper {
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
  will-change: transform;
}

.reorder-list-active .item-inner {
  pointer-events: none;
}

.item-wrapper.reorder-active,
.item.reorder-active,
.reorder-active {
  z-index: 4;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  opacity: .8;
  -webkit-transition: none;
  transition: none;
  pointer-events: none;
}

ion-item-sliding {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
}

ion-item-sliding .item {
  position: static;
}

ion-item-options {
  position: absolute;
  z-index: 1;
  display: none;
  height: 100%;
  font-size: 14px;
  visibility: hidden;
  top: 0;
  right: 0;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

ion-item-options[side=left] {
  right: auto;
  left: 0;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

ion-item-options .button {
  margin: 0;
  padding: 0 0.7em;
  border-radius: 0;
  height: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

ion-item-options .button:last-child {
  padding-right: 0.7em;
}

@media screen and (orientation: landscape) {
  ion-item-options .button:last-child {
    padding-right: calc(constant(safe-area-inset-right) + 0.7em);
    padding-right: calc(env(safe-area-inset-right) + 0.7em);
  }
}

ion-item-options:not([icon-left]) .button:not([icon-only]) .button-inner,
ion-item-options:not([icon-start]) .button:not([icon-only]) .button-inner {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

ion-item-options:not([icon-left]) .button:not([icon-only]) ion-icon,
ion-item-options:not([icon-start]) .button:not([icon-only]) ion-icon {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0.3em;
}

ion-item-sliding.active-slide .item,
ion-item-sliding.active-slide .item.activated {
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transition: -webkit-transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1);
  transition: -webkit-transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1);
  transition: transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1);
  transition: transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1), -webkit-transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1);
  pointer-events: none;
  will-change: transform;
}

ion-item-sliding.active-slide ion-item-options {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

ion-item-sliding.active-slide.active-options-left ion-item-options[side=left],
ion-item-sliding.active-slide.active-options-right ion-item-options:not([side=left]) {
  width: 100%;
  visibility: visible;
}

button[expandable] {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transition-duration: 0;
  transition-duration: 0;
  -webkit-transition-property: none;
  transition-property: none;
  -webkit-transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
  transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
}

ion-item-sliding.active-swipe-right button[expandable] {
  -webkit-transition-duration: .6s;
  transition-duration: .6s;
  -webkit-transition-property: padding-left;
  transition-property: padding-left;
  padding-left: 90%;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

ion-item-sliding.active-swipe-left button[expandable] {
  -webkit-transition-duration: .6s;
  transition-duration: .6s;
  -webkit-transition-property: padding-right;
  transition-property: padding-right;
  padding-right: 90%;
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.item-ios {
  padding-left: 16px;
  padding-left: 16px;
  border-radius: 0;
  position: relative;
  font-size: 1.7rem;
  color: #000;
  background-color: #fff;
  -webkit-transition: background-color 200ms linear;
  transition: background-color 200ms linear;
}

@media screen and (orientation: landscape) {
  .item-ios {
    padding-left: calc(constant(safe-area-inset-left) + 16px);
    padding-left: calc(env(safe-area-inset-left) + 16px);
  }
}

.item-ios.activated {
  background-color: #d9d9d9;
  -webkit-transition-duration: 0ms;
  transition-duration: 0ms;
}

.item-ios h1 {
  margin: 0 0 2px;
  font-size: 2.4rem;
  font-weight: normal;
}

.item-ios h2 {
  margin: 0 0 2px;
  font-size: 1.7rem;
  font-weight: normal;
}

.item-ios h3,
.item-ios h4,
.item-ios h5,
.item-ios h6 {
  margin: 0 0 3px;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: normal;
}

.item-ios p {
  overflow: inherit;
  font-size: 1.4rem;
  line-height: normal;
  text-overflow: inherit;
  color: #8e9093;
  margin: 0 0 2px;
}

.item-ios h2:last-child,
.item-ios h3:last-child,
.item-ios h4:last-child,
.item-ios h5:last-child,
.item-ios h6:last-child,
.item-ios p:last-child {
  margin-bottom: 0;
}

.item-ios.item-block .item-inner {
  padding-right: 8px;
  padding-right: 8px;
  border-bottom: 0.55px solid #c8c7cc;
}

@media screen and (orientation: landscape) {
  .item-ios.item-block .item-inner {
    padding-right: calc(constant(safe-area-inset-right) + 8px);
    padding-right: calc(env(safe-area-inset-right) + 8px);
  }
}

.item-ios [item-left],
.item-ios [item-start] {
  margin: 8px 16px 8px 0;
}

.item-ios [item-right],
.item-ios [item-end] {
  margin: 8px;
}

.item-ios ion-icon[item-left],
.item-ios ion-icon[item-right],
.item-ios ion-icon[item-start],
.item-ios ion-icon[item-end] {
  margin-left: 0;
  margin-top: 9px;
  margin-bottom: 8px;
}

.item-ios .item-button {
  padding: 0 0.5em;
  height: 24px;
  font-size: 1.3rem;
}

.item-ios .item-button[icon-only] ion-icon,
.item-ios .item-button[icon-only] {
  padding: 0 1px;
}

.item-ios ion-avatar[item-left],
.item-ios ion-thumbnail[item-left],
.item-ios ion-avatar[item-start],
.item-ios ion-thumbnail[item-start] {
  margin: 8px 16px 8px 0;
}

.item-ios ion-avatar[item-right],
.item-ios ion-thumbnail[item-right],
.item-ios ion-avatar[item-end],
.item-ios ion-thumbnail[item-end] {
  margin: 8px;
}

.item-ios ion-avatar {
  min-width: 36px;
  min-height: 36px;
}

.item-ios ion-avatar ion-img,
.item-ios ion-avatar img {
  border-radius: 50%;
  overflow: hidden;
  width: 36px;
  height: 36px;
}

.item-ios ion-thumbnail {
  min-width: 56px;
  min-height: 56px;
}

.item-ios ion-thumbnail ion-img,
.item-ios ion-thumbnail img {
  width: 56px;
  height: 56px;
}

.item-ios[detail-push] .item-inner,
button.item-ios:not([detail-none]) .item-inner,
a.item-ios:not([detail-none]) .item-inner {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2012%2020'><path%20d='M2,20l-2-2l8-8L0,2l2-2l10,10L2,20z'%20fill='%23c8c7cc'/></svg>");
  padding-right: 32px;
  background-position: right 14px center;
  background-position: right calc(14px + constant(safe-area-inset-right)) center;
  background-position: right calc(14px + env(safe-area-inset-right)) center;
  background-repeat: no-repeat;
  background-size: 14px 14px;
}

ion-item-group .item-ios:first-child .item-inner {
  border-top-width: 0;
}

ion-item-group .item-ios:last-child .item-inner,
ion-item-group .item-wrapper:last-child .item-ios .item-inner {
  border: 0;
}

.item-divider-ios {
  padding-left: 16px;
  padding-left: 16px;
  color: #222;
  background-color: #f7f7f7;
}

@media screen and (orientation: landscape) {
  .item-divider-ios {
    padding-left: calc(constant(safe-area-inset-left) + 16px);
    padding-left: calc(env(safe-area-inset-left) + 16px);
  }
}

.item-ios .text-ios-primary {
  color: #0099ff;
}

.item-ios-primary,
.item-divider-ios-primary {
  color: #fff;
  background-color: #0099ff;
}

.item-ios-primary p,
.item-divider-ios-primary p {
  color: #fff;
}

.item-ios-primary.activated,
.item-divider-ios-primary.activated {
  background-color: #14a1ff;
}

.item-ios .text-ios-secondary {
  color: #36B37E;
}

.item-ios-secondary,
.item-divider-ios-secondary {
  color: #fff;
  background-color: #36B37E;
}

.item-ios-secondary p,
.item-divider-ios-secondary p {
  color: #fff;
}

.item-ios-secondary.activated,
.item-divider-ios-secondary.activated {
  background-color: #46b988;
}

.item-ios .text-ios-danger {
  color: #FF5630;
}

.item-ios-danger,
.item-divider-ios-danger {
  color: #fff;
  background-color: #FF5630;
}

.item-ios-danger p,
.item-divider-ios-danger p {
  color: #fff;
}

.item-ios-danger.activated,
.item-divider-ios-danger.activated {
  background-color: #eb4f2c;
}

.item-ios .text-ios-light {
  color: #000;
}

.item-ios-light,
.item-divider-ios-light {
  color: #fff;
  background-color: #000;
}

.item-ios-light p,
.item-divider-ios-light p {
  color: #fff;
}

.item-ios-light.activated,
.item-divider-ios-light.activated {
  background-color: #141414;
}

.item-ios .text-ios-dark {
  color: #172B4D;
}

.item-ios-dark,
.item-divider-ios-dark {
  color: #fff;
  background-color: #172B4D;
}

.item-ios-dark p,
.item-divider-ios-dark p {
  color: #fff;
}

.item-ios-dark.activated,
.item-divider-ios-dark.activated {
  background-color: #2a3c5b;
}

.item-ios .text-ios-snappink {
  color: #3687f0;
}

.item-ios-snappink,
.item-divider-ios-snappink {
  color: #fff;
  background-color: #3687f0;
}

.item-ios-snappink p,
.item-divider-ios-snappink p {
  color: #fff;
}

.item-ios-snappink.activated,
.item-divider-ios-snappink.activated {
  background-color: #327cdd;
}

.item-ios .text-ios-snapblue {
  color: #00d8ff;
}

.item-ios-snapblue,
.item-divider-ios-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.item-ios-snapblue p,
.item-divider-ios-snapblue p {
  color: #fff;
}

.item-ios-snapblue.activated,
.item-divider-ios-snapblue.activated {
  background-color: #14dbff;
}

.item-ios .text-ios-snapyellow {
  color: #FFC107;
}

.item-ios-snapyellow,
.item-divider-ios-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.item-ios-snapyellow p,
.item-divider-ios-snapyellow p {
  color: #000;
}

.item-ios-snapyellow.activated,
.item-divider-ios-snapyellow.activated {
  background-color: #ebb206;
}

.item-ios .text-ios-snapgreen {
  color: #4CAF50;
}

.item-ios-snapgreen,
.item-divider-ios-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.item-ios-snapgreen p,
.item-divider-ios-snapgreen p {
  color: #fff;
}

.item-ios-snapgreen.activated,
.item-divider-ios-snapgreen.activated {
  background-color: #5ab55e;
}

.item-ios .text-ios-snapindigo {
  color: #3F51B5;
}

.item-ios-snapindigo,
.item-divider-ios-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.item-ios-snapindigo p,
.item-divider-ios-snapindigo p {
  color: #fff;
}

.item-ios-snapindigo.activated,
.item-divider-ios-snapindigo.activated {
  background-color: #4e5fbb;
}

.item-ios .text-ios-backgroundgrey {
  color: #EEEEEE;
}

.item-ios-backgroundgrey,
.item-divider-ios-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.item-ios-backgroundgrey p,
.item-divider-ios-backgroundgrey p {
  color: #000;
}

.item-ios-backgroundgrey.activated,
.item-divider-ios-backgroundgrey.activated {
  background-color: #dbdbdb;
}

.item-ios .text-ios-whitecolor {
  color: #000;
}

.item-ios-whitecolor,
.item-divider-ios-whitecolor {
  color: #fff;
  background-color: #000;
}

.item-ios-whitecolor p,
.item-divider-ios-whitecolor p {
  color: #fff;
}

.item-ios-whitecolor.activated,
.item-divider-ios-whitecolor.activated {
  background-color: #141414;
}

.item-ios .text-ios-grey {
  color: #828082;
}

.item-ios-grey,
.item-divider-ios-grey {
  color: #fff;
  background-color: #828082;
}

.item-ios-grey p,
.item-divider-ios-grey p {
  color: #fff;
}

.item-ios-grey.activated,
.item-divider-ios-grey.activated {
  background-color: #787678;
}

.item-ios .text-ios-blackcolor {
  color: #000;
}

.item-ios-blackcolor,
.item-divider-ios-blackcolor {
  color: #fff;
  background-color: #000;
}

.item-ios-blackcolor p,
.item-divider-ios-blackcolor p {
  color: #fff;
}

.item-ios-blackcolor.activated,
.item-divider-ios-blackcolor.activated {
  background-color: #141414;
}

.item-ios .text-ios-mildred {
  color: #FF0266;
}

.item-ios-mildred,
.item-divider-ios-mildred {
  color: #fff;
  background-color: #FF0266;
}

.item-ios-mildred p,
.item-divider-ios-mildred p {
  color: #fff;
}

.item-ios-mildred.activated,
.item-divider-ios-mildred.activated {
  background-color: #eb025e;
}

.item-ios .text-ios-mildgreen {
  color: #69F0AE;
}

.item-ios-mildgreen,
.item-divider-ios-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.item-ios-mildgreen p,
.item-divider-ios-mildgreen p {
  color: #fff;
}

.item-ios-mildgreen.activated,
.item-divider-ios-mildgreen.activated {
  background-color: #61dda0;
}

.item-ios .text-ios-sidebar {
  color: #0000ffc0;
}

.item-ios-sidebar,
.item-divider-ios-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.item-ios-sidebar p,
.item-divider-ios-sidebar p {
  color: #fff;
}

.item-ios-sidebar.activated,
.item-divider-ios-sidebar.activated {
  background-color: rgba(32, 32, 255, 0.772706);
}

.item-ios .text-ios-white {
  color: #ffffff;
}

.item-ios-white,
.item-divider-ios-white {
  color: #000;
  background-color: #ffffff;
}

.item-ios-white p,
.item-divider-ios-white p {
  color: #000;
}

.item-ios-white.activated,
.item-divider-ios-white.activated {
  background-color: #ebebeb;
}

.item-ios .text-ios-magenta {
  color: #c404c4;
}

.item-ios-magenta,
.item-divider-ios-magenta {
  color: #fff;
  background-color: #c404c4;
}

.item-ios-magenta p,
.item-divider-ios-magenta p {
  color: #fff;
}

.item-ios-magenta.activated,
.item-divider-ios-magenta.activated {
  background-color: #c918c9;
}

.list-ios ion-item-sliding {
  background-color: #fff;
}

.item-md {
  padding-left: 16px;
  padding-right: 0;
  position: relative;
  font-size: 1.6rem;
  font-weight: normal;
  text-transform: none;
  color: #000;
  background-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

.item-md.activated {
  background-color: #f1f1f1;
}

.item-md[no-lines] {
  border-width: 0;
}

.item-md h1 {
  margin: 0 0 2px;
  font-size: 2.4rem;
  font-weight: normal;
}

.item-md h2 {
  margin: 2px 0;
  font-size: 1.6rem;
  font-weight: normal;
}

.item-md h3,
.item-md h4,
.item-md h5,
.item-md h6 {
  margin: 2px 0;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: normal;
}

.item-md p {
  margin: 0 0 2px;
  overflow: inherit;
  font-size: 1.4rem;
  line-height: normal;
  text-overflow: inherit;
  color: #666;
}

.item-md.item-block .item-inner {
  padding-right: 8px;
  border-bottom: 1px solid #dedede;
}

.item-md [item-left],
.item-md [item-right],
.item-md [item-start],
.item-md [item-end] {
  margin: 9px 8px 9px 0;
}

.item-md ion-icon[item-left],
.item-md ion-icon[item-right],
.item-md ion-icon[item-start],
.item-md ion-icon[item-end] {
  margin-left: 0;
  margin-top: 11px;
  margin-bottom: 10px;
}

.item-md .item-button {
  padding: 0 0.6em;
  height: 25px;
  font-size: 1.2rem;
}

.item-md .item-button[icon-only] ion-icon,
.item-md .item-button[icon-only] {
  padding: 0 1px;
}

.item-md ion-icon[item-left] + .item-inner,
.item-md ion-icon[item-left] + .item-input,
.item-md ion-icon[item-start] + .item-inner,
.item-md ion-icon[item-start] + .item-input {
  margin-left: 24px;
}

.item-md ion-avatar[item-left],
.item-md ion-thumbnail[item-left],
.item-md ion-avatar[item-start],
.item-md ion-thumbnail[item-start] {
  margin: 8px 16px 8px 0;
}

.item-md ion-avatar[item-right],
.item-md ion-thumbnail[item-right],
.item-md ion-avatar[item-end],
.item-md ion-thumbnail[item-end] {
  margin: 8px;
}

.item-md ion-avatar {
  min-width: 40px;
  min-height: 40px;
}

.item-md ion-avatar ion-img,
.item-md ion-avatar img {
  border-radius: 50%;
  overflow: hidden;
  width: 40px;
  height: 40px;
}

.item-md ion-thumbnail {
  min-width: 80px;
  min-height: 80px;
}

.item-md ion-thumbnail ion-img,
.item-md ion-thumbnail img {
  width: 80px;
  height: 80px;
}

ion-item-group .item-md:first-child .item-inner {
  border-top-width: 0;
}

ion-item-group .item-md:last-child .item-inner,
ion-item-group .item-md .item-wrapper:last-child .item-inner {
  border: 0;
}

.item-divider-md {
  padding-left: 16px;
  border-bottom: 1px solid #dedede;
  font-size: 1.4rem;
  color: #858585;
  background-color: #fff;
}

.item-md .text-md-primary {
  color: #0099ff;
}

.item-md-primary,
.item-divider-md-primary {
  color: #fff;
  background-color: #0099ff;
}

.item-md-primary p,
.item-divider-md-primary p {
  color: #fff;
}

.item-md-primary.activated,
.item-divider-md-primary.activated {
  background-color: #14a1ff;
}

.item-md .text-md-secondary {
  color: #36B37E;
}

.item-md-secondary,
.item-divider-md-secondary {
  color: #fff;
  background-color: #36B37E;
}

.item-md-secondary p,
.item-divider-md-secondary p {
  color: #fff;
}

.item-md-secondary.activated,
.item-divider-md-secondary.activated {
  background-color: #46b988;
}

.item-md .text-md-danger {
  color: #FF5630;
}

.item-md-danger,
.item-divider-md-danger {
  color: #fff;
  background-color: #FF5630;
}

.item-md-danger p,
.item-divider-md-danger p {
  color: #fff;
}

.item-md-danger.activated,
.item-divider-md-danger.activated {
  background-color: #eb4f2c;
}

.item-md .text-md-light {
  color: #000;
}

.item-md-light,
.item-divider-md-light {
  color: #fff;
  background-color: #000;
}

.item-md-light p,
.item-divider-md-light p {
  color: #fff;
}

.item-md-light.activated,
.item-divider-md-light.activated {
  background-color: #141414;
}

.item-md .text-md-dark {
  color: #172B4D;
}

.item-md-dark,
.item-divider-md-dark {
  color: #fff;
  background-color: #172B4D;
}

.item-md-dark p,
.item-divider-md-dark p {
  color: #fff;
}

.item-md-dark.activated,
.item-divider-md-dark.activated {
  background-color: #2a3c5b;
}

.item-md .text-md-snappink {
  color: #3687f0;
}

.item-md-snappink,
.item-divider-md-snappink {
  color: #fff;
  background-color: #3687f0;
}

.item-md-snappink p,
.item-divider-md-snappink p {
  color: #fff;
}

.item-md-snappink.activated,
.item-divider-md-snappink.activated {
  background-color: #327cdd;
}

.item-md .text-md-snapblue {
  color: #00d8ff;
}

.item-md-snapblue,
.item-divider-md-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.item-md-snapblue p,
.item-divider-md-snapblue p {
  color: #fff;
}

.item-md-snapblue.activated,
.item-divider-md-snapblue.activated {
  background-color: #14dbff;
}

.item-md .text-md-snapyellow {
  color: #FFC107;
}

.item-md-snapyellow,
.item-divider-md-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.item-md-snapyellow p,
.item-divider-md-snapyellow p {
  color: #000;
}

.item-md-snapyellow.activated,
.item-divider-md-snapyellow.activated {
  background-color: #ebb206;
}

.item-md .text-md-snapgreen {
  color: #4CAF50;
}

.item-md-snapgreen,
.item-divider-md-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.item-md-snapgreen p,
.item-divider-md-snapgreen p {
  color: #fff;
}

.item-md-snapgreen.activated,
.item-divider-md-snapgreen.activated {
  background-color: #5ab55e;
}

.item-md .text-md-snapindigo {
  color: #3F51B5;
}

.item-md-snapindigo,
.item-divider-md-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.item-md-snapindigo p,
.item-divider-md-snapindigo p {
  color: #fff;
}

.item-md-snapindigo.activated,
.item-divider-md-snapindigo.activated {
  background-color: #4e5fbb;
}

.item-md .text-md-backgroundgrey {
  color: #EEEEEE;
}

.item-md-backgroundgrey,
.item-divider-md-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.item-md-backgroundgrey p,
.item-divider-md-backgroundgrey p {
  color: #000;
}

.item-md-backgroundgrey.activated,
.item-divider-md-backgroundgrey.activated {
  background-color: #dbdbdb;
}

.item-md .text-md-whitecolor {
  color: #000;
}

.item-md-whitecolor,
.item-divider-md-whitecolor {
  color: #fff;
  background-color: #000;
}

.item-md-whitecolor p,
.item-divider-md-whitecolor p {
  color: #fff;
}

.item-md-whitecolor.activated,
.item-divider-md-whitecolor.activated {
  background-color: #141414;
}

.item-md .text-md-grey {
  color: #828082;
}

.item-md-grey,
.item-divider-md-grey {
  color: #fff;
  background-color: #828082;
}

.item-md-grey p,
.item-divider-md-grey p {
  color: #fff;
}

.item-md-grey.activated,
.item-divider-md-grey.activated {
  background-color: #787678;
}

.item-md .text-md-blackcolor {
  color: #000;
}

.item-md-blackcolor,
.item-divider-md-blackcolor {
  color: #fff;
  background-color: #000;
}

.item-md-blackcolor p,
.item-divider-md-blackcolor p {
  color: #fff;
}

.item-md-blackcolor.activated,
.item-divider-md-blackcolor.activated {
  background-color: #141414;
}

.item-md .text-md-mildred {
  color: #FF0266;
}

.item-md-mildred,
.item-divider-md-mildred {
  color: #fff;
  background-color: #FF0266;
}

.item-md-mildred p,
.item-divider-md-mildred p {
  color: #fff;
}

.item-md-mildred.activated,
.item-divider-md-mildred.activated {
  background-color: #eb025e;
}

.item-md .text-md-mildgreen {
  color: #69F0AE;
}

.item-md-mildgreen,
.item-divider-md-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.item-md-mildgreen p,
.item-divider-md-mildgreen p {
  color: #fff;
}

.item-md-mildgreen.activated,
.item-divider-md-mildgreen.activated {
  background-color: #61dda0;
}

.item-md .text-md-sidebar {
  color: #0000ffc0;
}

.item-md-sidebar,
.item-divider-md-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.item-md-sidebar p,
.item-divider-md-sidebar p {
  color: #fff;
}

.item-md-sidebar.activated,
.item-divider-md-sidebar.activated {
  background-color: rgba(32, 32, 255, 0.772706);
}

.item-md .text-md-white {
  color: #ffffff;
}

.item-md-white,
.item-divider-md-white {
  color: #000;
  background-color: #ffffff;
}

.item-md-white p,
.item-divider-md-white p {
  color: #000;
}

.item-md-white.activated,
.item-divider-md-white.activated {
  background-color: #ebebeb;
}

.item-md .text-md-magenta {
  color: #c404c4;
}

.item-md-magenta,
.item-divider-md-magenta {
  color: #fff;
  background-color: #c404c4;
}

.item-md-magenta p,
.item-divider-md-magenta p {
  color: #fff;
}

.item-md-magenta.activated,
.item-divider-md-magenta.activated {
  background-color: #c918c9;
}

.list-md ion-item-sliding {
  background-color: #fff;
}

.item-md ion-reorder {
  font-size: 1.5em;
  opacity: .3;
}

.item-wp {
  padding-left: 16px;
  padding-right: 0;
  position: relative;
  font-size: 1.6rem;
  font-weight: normal;
  text-transform: none;
  color: #000;
  background-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.item-wp.activated {
  background-color: #aaa;
}

.item-wp[no-lines] {
  border-width: 0;
}

.item-wp h1 {
  margin: 0 0 2px;
  font-size: 2.4rem;
  font-weight: normal;
}

.item-wp h2 {
  margin: 2px 0;
  font-size: 1.6rem;
  font-weight: normal;
}

.item-wp h3,
.item-wp h4,
.item-wp h5,
.item-wp h6 {
  margin: 2px 0;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: normal;
}

.item-wp p {
  margin: 0 0 2px;
  overflow: inherit;
  font-size: 1.4rem;
  line-height: normal;
  text-overflow: inherit;
  color: #666;
}

.item-wp.item-block .item-inner {
  padding-right: 8px;
  border-bottom: 1px solid transparent;
}

.item-wp [item-left],
.item-wp [item-right],
.item-wp [item-start],
.item-wp [item-end] {
  margin: 9px 8px 9px 0;
}

.item-wp ion-icon[item-left],
.item-wp ion-icon[item-right],
.item-wp ion-icon[item-start],
.item-wp ion-icon[item-end] {
  margin-left: 0;
  margin-top: 11px;
  margin-bottom: 10px;
}

.item-wp .item-button {
  padding: 0 0.6em;
  height: 25px;
  font-size: 1.2rem;
}

.item-wp .item-button[icon-only] ion-icon,
.item-wp .item-button[icon-only] {
  padding: 0 1px;
}

.item-wp[text-wrap] ion-label {
  font-size: 1.4rem;
  line-height: 1.5;
}

.item-wp ion-icon[item-left] + .item-inner,
.item-wp ion-icon[item-left] + .item-input,
.item-wp ion-icon[item-start] + .item-inner,
.item-wp ion-icon[item-start] + .item-input {
  margin-left: 8px;
}

.item-wp ion-avatar[item-left],
.item-wp ion-thumbnail[item-left],
.item-wp ion-avatar[item-start],
.item-wp ion-thumbnail[item-start] {
  margin: 8px 16px 8px 0;
}

.item-wp ion-avatar[item-right],
.item-wp ion-thumbnail[item-right],
.item-wp ion-avatar[item-end],
.item-wp ion-thumbnail[item-end] {
  margin: 8px;
}

.item-wp ion-avatar {
  min-width: 40px;
  min-height: 40px;
}

.item-wp ion-avatar ion-img,
.item-wp ion-avatar img {
  border-radius: 50%;
  overflow: hidden;
  width: 40px;
  height: 40px;
}

.item-wp ion-thumbnail {
  min-width: 80px;
  min-height: 80px;
}

.item-wp ion-thumbnail ion-img,
.item-wp ion-thumbnail img {
  width: 80px;
  height: 80px;
}

.item-divider-wp {
  padding-left: 16px;
  border-bottom: 1px solid transparent;
  font-size: 2rem;
  color: #000;
  background-color: #fff;
}

.item-wp .text-wp-primary {
  color: #0099ff;
}

.item-wp-primary,
.item-divider-wp-primary {
  color: #fff;
  background-color: #0099ff;
}

.item-wp-primary p,
.item-divider-wp-primary p {
  color: #fff;
}

.item-wp-primary.activated,
.item-divider-wp-primary.activated {
  background-color: #14a1ff;
}

.item-wp .text-wp-secondary {
  color: #36B37E;
}

.item-wp-secondary,
.item-divider-wp-secondary {
  color: #fff;
  background-color: #36B37E;
}

.item-wp-secondary p,
.item-divider-wp-secondary p {
  color: #fff;
}

.item-wp-secondary.activated,
.item-divider-wp-secondary.activated {
  background-color: #46b988;
}

.item-wp .text-wp-danger {
  color: #FF5630;
}

.item-wp-danger,
.item-divider-wp-danger {
  color: #fff;
  background-color: #FF5630;
}

.item-wp-danger p,
.item-divider-wp-danger p {
  color: #fff;
}

.item-wp-danger.activated,
.item-divider-wp-danger.activated {
  background-color: #eb4f2c;
}

.item-wp .text-wp-light {
  color: #000;
}

.item-wp-light,
.item-divider-wp-light {
  color: #fff;
  background-color: #000;
}

.item-wp-light p,
.item-divider-wp-light p {
  color: #fff;
}

.item-wp-light.activated,
.item-divider-wp-light.activated {
  background-color: #141414;
}

.item-wp .text-wp-dark {
  color: #172B4D;
}

.item-wp-dark,
.item-divider-wp-dark {
  color: #fff;
  background-color: #172B4D;
}

.item-wp-dark p,
.item-divider-wp-dark p {
  color: #fff;
}

.item-wp-dark.activated,
.item-divider-wp-dark.activated {
  background-color: #2a3c5b;
}

.item-wp .text-wp-snappink {
  color: #3687f0;
}

.item-wp-snappink,
.item-divider-wp-snappink {
  color: #fff;
  background-color: #3687f0;
}

.item-wp-snappink p,
.item-divider-wp-snappink p {
  color: #fff;
}

.item-wp-snappink.activated,
.item-divider-wp-snappink.activated {
  background-color: #327cdd;
}

.item-wp .text-wp-snapblue {
  color: #00d8ff;
}

.item-wp-snapblue,
.item-divider-wp-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.item-wp-snapblue p,
.item-divider-wp-snapblue p {
  color: #fff;
}

.item-wp-snapblue.activated,
.item-divider-wp-snapblue.activated {
  background-color: #14dbff;
}

.item-wp .text-wp-snapyellow {
  color: #FFC107;
}

.item-wp-snapyellow,
.item-divider-wp-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.item-wp-snapyellow p,
.item-divider-wp-snapyellow p {
  color: #000;
}

.item-wp-snapyellow.activated,
.item-divider-wp-snapyellow.activated {
  background-color: #ebb206;
}

.item-wp .text-wp-snapgreen {
  color: #4CAF50;
}

.item-wp-snapgreen,
.item-divider-wp-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.item-wp-snapgreen p,
.item-divider-wp-snapgreen p {
  color: #fff;
}

.item-wp-snapgreen.activated,
.item-divider-wp-snapgreen.activated {
  background-color: #5ab55e;
}

.item-wp .text-wp-snapindigo {
  color: #3F51B5;
}

.item-wp-snapindigo,
.item-divider-wp-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.item-wp-snapindigo p,
.item-divider-wp-snapindigo p {
  color: #fff;
}

.item-wp-snapindigo.activated,
.item-divider-wp-snapindigo.activated {
  background-color: #4e5fbb;
}

.item-wp .text-wp-backgroundgrey {
  color: #EEEEEE;
}

.item-wp-backgroundgrey,
.item-divider-wp-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.item-wp-backgroundgrey p,
.item-divider-wp-backgroundgrey p {
  color: #000;
}

.item-wp-backgroundgrey.activated,
.item-divider-wp-backgroundgrey.activated {
  background-color: #dbdbdb;
}

.item-wp .text-wp-whitecolor {
  color: #000;
}

.item-wp-whitecolor,
.item-divider-wp-whitecolor {
  color: #fff;
  background-color: #000;
}

.item-wp-whitecolor p,
.item-divider-wp-whitecolor p {
  color: #fff;
}

.item-wp-whitecolor.activated,
.item-divider-wp-whitecolor.activated {
  background-color: #141414;
}

.item-wp .text-wp-grey {
  color: #828082;
}

.item-wp-grey,
.item-divider-wp-grey {
  color: #fff;
  background-color: #828082;
}

.item-wp-grey p,
.item-divider-wp-grey p {
  color: #fff;
}

.item-wp-grey.activated,
.item-divider-wp-grey.activated {
  background-color: #787678;
}

.item-wp .text-wp-blackcolor {
  color: #000;
}

.item-wp-blackcolor,
.item-divider-wp-blackcolor {
  color: #fff;
  background-color: #000;
}

.item-wp-blackcolor p,
.item-divider-wp-blackcolor p {
  color: #fff;
}

.item-wp-blackcolor.activated,
.item-divider-wp-blackcolor.activated {
  background-color: #141414;
}

.item-wp .text-wp-mildred {
  color: #FF0266;
}

.item-wp-mildred,
.item-divider-wp-mildred {
  color: #fff;
  background-color: #FF0266;
}

.item-wp-mildred p,
.item-divider-wp-mildred p {
  color: #fff;
}

.item-wp-mildred.activated,
.item-divider-wp-mildred.activated {
  background-color: #eb025e;
}

.item-wp .text-wp-mildgreen {
  color: #69F0AE;
}

.item-wp-mildgreen,
.item-divider-wp-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.item-wp-mildgreen p,
.item-divider-wp-mildgreen p {
  color: #fff;
}

.item-wp-mildgreen.activated,
.item-divider-wp-mildgreen.activated {
  background-color: #61dda0;
}

.item-wp .text-wp-sidebar {
  color: #0000ffc0;
}

.item-wp-sidebar,
.item-divider-wp-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.item-wp-sidebar p,
.item-divider-wp-sidebar p {
  color: #fff;
}

.item-wp-sidebar.activated,
.item-divider-wp-sidebar.activated {
  background-color: rgba(32, 32, 255, 0.772706);
}

.item-wp .text-wp-white {
  color: #ffffff;
}

.item-wp-white,
.item-divider-wp-white {
  color: #000;
  background-color: #ffffff;
}

.item-wp-white p,
.item-divider-wp-white p {
  color: #000;
}

.item-wp-white.activated,
.item-divider-wp-white.activated {
  background-color: #ebebeb;
}

.item-wp .text-wp-magenta {
  color: #c404c4;
}

.item-wp-magenta,
.item-divider-wp-magenta {
  color: #fff;
  background-color: #c404c4;
}

.item-wp-magenta p,
.item-divider-wp-magenta p {
  color: #fff;
}

.item-wp-magenta.activated,
.item-divider-wp-magenta.activated {
  background-color: #c918c9;
}

.list-wp ion-item-sliding {
  background-color: #fff;
}

ion-label {
  margin: 0;
  display: block;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.item-input ion-label {
  -webkit-box-flex: initial;
  -webkit-flex: initial;
  -ms-flex: initial;
  flex: initial;
  max-width: 200px;
  pointer-events: none;
}

[text-wrap] ion-label {
  white-space: normal;
}

ion-label[fixed] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100px;
  -ms-flex: 0 0 100px;
  flex: 0 0 100px;
  width: 100px;
  min-width: 100px;
  max-width: 200px;
}

.item-label-stacked ion-label,
.item-label-floating ion-label {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  width: auto;
  max-width: 100%;
}

ion-label[stacked],
ion-label[floating] {
  margin-bottom: 0;
}

.item-label-stacked .input-wrapper,
.item-label-floating .input-wrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.item-label-stacked ion-select,
.item-label-floating ion-select {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  max-width: 100%;
}

.label-ios {
  margin: 11px 8px 11px 0;
}

.label-ios + ion-input .text-input,
.label-ios + ion-textarea .text-input,
.label-ios + .input + .cloned-input {
  margin-left: 16px;
  width: calc(100% - (16px / 2) - 16px);
}

.label-ios[stacked] {
  margin-bottom: 4px;
  font-size: 1.2rem;
}

.label-ios[floating] {
  margin-bottom: 0;
  -webkit-transform: translate3d(0,  27px,  0);
  transform: translate3d(0,  27px,  0);
  -webkit-transform-origin: left top;
  transform-origin: left top;
  -webkit-transition: -webkit-transform 150ms ease-in-out;
  transition: -webkit-transform 150ms ease-in-out;
  transition: transform 150ms ease-in-out;
  transition: transform 150ms ease-in-out, -webkit-transform 150ms ease-in-out;
}

.item-input-has-focus .label-ios[floating],
.input-has-focus .label-ios[floating],
.item-input-has-value .label-ios[floating],
.input-has-value .label-ios[floating] {
  -webkit-transform: translate3d(0,  0,  0) scale(0.8);
  transform: translate3d(0,  0,  0) scale(0.8);
}

.item-ios.item-label-stacked [item-right],
.item-ios.item-label-floating [item-right],
.item-ios.item-label-stacked [item-end],
.item-ios.item-label-floating [item-end] {
  margin-top: 6px;
  margin-bottom: 6px;
}

.label-ios-primary,
.item-input .label-ios-primary,
.item-select .label-ios-primary,
.item-datetime .label-ios-primary {
  color: #0099ff;
}

.label-ios-secondary,
.item-input .label-ios-secondary,
.item-select .label-ios-secondary,
.item-datetime .label-ios-secondary {
  color: #36B37E;
}

.label-ios-danger,
.item-input .label-ios-danger,
.item-select .label-ios-danger,
.item-datetime .label-ios-danger {
  color: #FF5630;
}

.label-ios-light,
.item-input .label-ios-light,
.item-select .label-ios-light,
.item-datetime .label-ios-light {
  color: #000;
}

.label-ios-dark,
.item-input .label-ios-dark,
.item-select .label-ios-dark,
.item-datetime .label-ios-dark {
  color: #172B4D;
}

.label-ios-snappink,
.item-input .label-ios-snappink,
.item-select .label-ios-snappink,
.item-datetime .label-ios-snappink {
  color: #3687f0;
}

.label-ios-snapblue,
.item-input .label-ios-snapblue,
.item-select .label-ios-snapblue,
.item-datetime .label-ios-snapblue {
  color: #00d8ff;
}

.label-ios-snapyellow,
.item-input .label-ios-snapyellow,
.item-select .label-ios-snapyellow,
.item-datetime .label-ios-snapyellow {
  color: #FFC107;
}

.label-ios-snapgreen,
.item-input .label-ios-snapgreen,
.item-select .label-ios-snapgreen,
.item-datetime .label-ios-snapgreen {
  color: #4CAF50;
}

.label-ios-snapindigo,
.item-input .label-ios-snapindigo,
.item-select .label-ios-snapindigo,
.item-datetime .label-ios-snapindigo {
  color: #3F51B5;
}

.label-ios-backgroundgrey,
.item-input .label-ios-backgroundgrey,
.item-select .label-ios-backgroundgrey,
.item-datetime .label-ios-backgroundgrey {
  color: #EEEEEE;
}

.label-ios-whitecolor,
.item-input .label-ios-whitecolor,
.item-select .label-ios-whitecolor,
.item-datetime .label-ios-whitecolor {
  color: #000;
}

.label-ios-grey,
.item-input .label-ios-grey,
.item-select .label-ios-grey,
.item-datetime .label-ios-grey {
  color: #828082;
}

.label-ios-blackcolor,
.item-input .label-ios-blackcolor,
.item-select .label-ios-blackcolor,
.item-datetime .label-ios-blackcolor {
  color: #000;
}

.label-ios-mildred,
.item-input .label-ios-mildred,
.item-select .label-ios-mildred,
.item-datetime .label-ios-mildred {
  color: #FF0266;
}

.label-ios-mildgreen,
.item-input .label-ios-mildgreen,
.item-select .label-ios-mildgreen,
.item-datetime .label-ios-mildgreen {
  color: #69F0AE;
}

.label-ios-sidebar,
.item-input .label-ios-sidebar,
.item-select .label-ios-sidebar,
.item-datetime .label-ios-sidebar {
  color: #0000ffc0;
}

.label-ios-white,
.item-input .label-ios-white,
.item-select .label-ios-white,
.item-datetime .label-ios-white {
  color: #ffffff;
}

.label-ios-magenta,
.item-input .label-ios-magenta,
.item-select .label-ios-magenta,
.item-datetime .label-ios-magenta {
  color: #c404c4;
}

.label-md {
  margin: 13px 8px 13px 0;
}

[text-wrap] .label-md {
  font-size: 1.4rem;
  line-height: 1.5;
}

.item-input .label-md,
.item-select .label-md,
.item-datetime .label-md {
  color: #999;
}

.label-md[stacked] {
  font-size: 1.2rem;
}

.label-md[floating] {
  -webkit-transform: translate3d(0,  27px,  0);
  transform: translate3d(0,  27px,  0);
  -webkit-transform-origin: left top;
  transform-origin: left top;
  -webkit-transition: -webkit-transform 150ms ease-in-out;
  transition: -webkit-transform 150ms ease-in-out;
  transition: transform 150ms ease-in-out;
  transition: transform 150ms ease-in-out, -webkit-transform 150ms ease-in-out;
}

.label-md[stacked],
.label-md[floating] {
  margin-left: 0;
  margin-bottom: 0;
}

.item-input-has-focus .label-md[stacked],
.input-has-focus .label-md[stacked],
.item-input-has-focus .label-md[floating],
.input-has-focus .label-md[floating] {
  color: #0099ff;
}

.item-input-has-focus .label-md[floating],
.input-has-focus .label-md[floating],
.item-input-has-value .label-md[floating],
.input-has-value .label-md[floating] {
  -webkit-transform: translate3d(0,  0,  0) scale(0.8);
  transform: translate3d(0,  0,  0) scale(0.8);
}

.item-md.item-label-stacked [item-right],
.item-md.item-label-floating [item-right],
.item-md.item-label-stacked [item-end],
.item-md.item-label-floating [item-end] {
  margin-top: 7px;
  margin-bottom: 7px;
}

.label-md-primary,
.item-input .label-md-primary,
.item-select .label-md-primary,
.item-datetime .label-md-primary {
  color: #0099ff;
}

.label-md-secondary,
.item-input .label-md-secondary,
.item-select .label-md-secondary,
.item-datetime .label-md-secondary {
  color: #36B37E;
}

.label-md-danger,
.item-input .label-md-danger,
.item-select .label-md-danger,
.item-datetime .label-md-danger {
  color: #FF5630;
}

.label-md-light,
.item-input .label-md-light,
.item-select .label-md-light,
.item-datetime .label-md-light {
  color: #000;
}

.label-md-dark,
.item-input .label-md-dark,
.item-select .label-md-dark,
.item-datetime .label-md-dark {
  color: #172B4D;
}

.label-md-snappink,
.item-input .label-md-snappink,
.item-select .label-md-snappink,
.item-datetime .label-md-snappink {
  color: #3687f0;
}

.label-md-snapblue,
.item-input .label-md-snapblue,
.item-select .label-md-snapblue,
.item-datetime .label-md-snapblue {
  color: #00d8ff;
}

.label-md-snapyellow,
.item-input .label-md-snapyellow,
.item-select .label-md-snapyellow,
.item-datetime .label-md-snapyellow {
  color: #FFC107;
}

.label-md-snapgreen,
.item-input .label-md-snapgreen,
.item-select .label-md-snapgreen,
.item-datetime .label-md-snapgreen {
  color: #4CAF50;
}

.label-md-snapindigo,
.item-input .label-md-snapindigo,
.item-select .label-md-snapindigo,
.item-datetime .label-md-snapindigo {
  color: #3F51B5;
}

.label-md-backgroundgrey,
.item-input .label-md-backgroundgrey,
.item-select .label-md-backgroundgrey,
.item-datetime .label-md-backgroundgrey {
  color: #EEEEEE;
}

.label-md-whitecolor,
.item-input .label-md-whitecolor,
.item-select .label-md-whitecolor,
.item-datetime .label-md-whitecolor {
  color: #000;
}

.label-md-grey,
.item-input .label-md-grey,
.item-select .label-md-grey,
.item-datetime .label-md-grey {
  color: #828082;
}

.label-md-blackcolor,
.item-input .label-md-blackcolor,
.item-select .label-md-blackcolor,
.item-datetime .label-md-blackcolor {
  color: #000;
}

.label-md-mildred,
.item-input .label-md-mildred,
.item-select .label-md-mildred,
.item-datetime .label-md-mildred {
  color: #FF0266;
}

.label-md-mildgreen,
.item-input .label-md-mildgreen,
.item-select .label-md-mildgreen,
.item-datetime .label-md-mildgreen {
  color: #69F0AE;
}

.label-md-sidebar,
.item-input .label-md-sidebar,
.item-select .label-md-sidebar,
.item-datetime .label-md-sidebar {
  color: #0000ffc0;
}

.label-md-white,
.item-input .label-md-white,
.item-select .label-md-white,
.item-datetime .label-md-white {
  color: #ffffff;
}

.label-md-magenta,
.item-input .label-md-magenta,
.item-select .label-md-magenta,
.item-datetime .label-md-magenta {
  color: #c404c4;
}

.label-wp {
  margin: 13px 8px 13px 0;
}

.item-input .label-wp,
.item-select .label-wp,
.item-datetime .label-wp {
  color: #999;
}

.label-wp[stacked] {
  font-size: 1.2rem;
}

.label-wp[floating] {
  -webkit-transform: translate3d(8px,  34px,  0);
  transform: translate3d(8px,  34px,  0);
  -webkit-transform-origin: left top;
  transform-origin: left top;
}

.label-wp[stacked],
.label-wp[floating] {
  margin-left: 0;
  margin-bottom: 0;
}

.item-input-has-focus .label-wp[stacked],
.input-has-focus .label-wp[stacked],
.item-input-has-focus .label-wp[floating],
.input-has-focus .label-wp[floating] {
  color: #0099ff;
}

.item-input-has-focus .label-wp[floating],
.input-has-focus .label-wp[floating],
.item-input-has-value .label-wp[floating],
.input-has-value .label-wp[floating] {
  -webkit-transform: translate3d(0,  0,  0) scale(0.8);
  transform: translate3d(0,  0,  0) scale(0.8);
}

.item-wp.item-label-stacked [item-right],
.item-wp.item-label-floating [item-right],
.item-wp.item-label-stacked [item-end],
.item-wp.item-label-floating [item-end] {
  margin-top: 13px;
  margin-bottom: 13px;
}

.label-wp-primary,
.item-input .label-wp-primary,
.item-select .label-wp-primary,
.item-datetime .label-wp-primary {
  color: #0099ff;
}

.label-wp-secondary,
.item-input .label-wp-secondary,
.item-select .label-wp-secondary,
.item-datetime .label-wp-secondary {
  color: #36B37E;
}

.label-wp-danger,
.item-input .label-wp-danger,
.item-select .label-wp-danger,
.item-datetime .label-wp-danger {
  color: #FF5630;
}

.label-wp-light,
.item-input .label-wp-light,
.item-select .label-wp-light,
.item-datetime .label-wp-light {
  color: #000;
}

.label-wp-dark,
.item-input .label-wp-dark,
.item-select .label-wp-dark,
.item-datetime .label-wp-dark {
  color: #172B4D;
}

.label-wp-snappink,
.item-input .label-wp-snappink,
.item-select .label-wp-snappink,
.item-datetime .label-wp-snappink {
  color: #3687f0;
}

.label-wp-snapblue,
.item-input .label-wp-snapblue,
.item-select .label-wp-snapblue,
.item-datetime .label-wp-snapblue {
  color: #00d8ff;
}

.label-wp-snapyellow,
.item-input .label-wp-snapyellow,
.item-select .label-wp-snapyellow,
.item-datetime .label-wp-snapyellow {
  color: #FFC107;
}

.label-wp-snapgreen,
.item-input .label-wp-snapgreen,
.item-select .label-wp-snapgreen,
.item-datetime .label-wp-snapgreen {
  color: #4CAF50;
}

.label-wp-snapindigo,
.item-input .label-wp-snapindigo,
.item-select .label-wp-snapindigo,
.item-datetime .label-wp-snapindigo {
  color: #3F51B5;
}

.label-wp-backgroundgrey,
.item-input .label-wp-backgroundgrey,
.item-select .label-wp-backgroundgrey,
.item-datetime .label-wp-backgroundgrey {
  color: #EEEEEE;
}

.label-wp-whitecolor,
.item-input .label-wp-whitecolor,
.item-select .label-wp-whitecolor,
.item-datetime .label-wp-whitecolor {
  color: #000;
}

.label-wp-grey,
.item-input .label-wp-grey,
.item-select .label-wp-grey,
.item-datetime .label-wp-grey {
  color: #828082;
}

.label-wp-blackcolor,
.item-input .label-wp-blackcolor,
.item-select .label-wp-blackcolor,
.item-datetime .label-wp-blackcolor {
  color: #000;
}

.label-wp-mildred,
.item-input .label-wp-mildred,
.item-select .label-wp-mildred,
.item-datetime .label-wp-mildred {
  color: #FF0266;
}

.label-wp-mildgreen,
.item-input .label-wp-mildgreen,
.item-select .label-wp-mildgreen,
.item-datetime .label-wp-mildgreen {
  color: #69F0AE;
}

.label-wp-sidebar,
.item-input .label-wp-sidebar,
.item-select .label-wp-sidebar,
.item-datetime .label-wp-sidebar {
  color: #0000ffc0;
}

.label-wp-white,
.item-input .label-wp-white,
.item-select .label-wp-white,
.item-datetime .label-wp-white {
  color: #ffffff;
}

.label-wp-magenta,
.item-input .label-wp-magenta,
.item-select .label-wp-magenta,
.item-datetime .label-wp-magenta {
  color: #c404c4;
}

ion-list-header {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  min-height: 4rem;
}

ion-list {
  margin: 0;
  padding: 0;
  display: block;
  list-style-type: none;
}

ion-list[inset] {
  overflow: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.list-ios {
  margin: -1px 0 32px;
}

.list-ios > .item-block:first-child {
  border-top: 0.55px solid #c8c7cc;
}

.list-ios > .item-block:last-child,
.list-ios > .item-wrapper:last-child .item-block {
  border-bottom: 0.55px solid #c8c7cc;
}

.list-ios > .item-block:last-child .item-inner,
.list-ios > .item-wrapper:last-child .item-block .item-inner {
  border-bottom: 0;
}

.list-ios .item-block .item-inner {
  border-bottom: 0.55px solid #c8c7cc;
}

.list-ios .item[no-lines],
.list-ios .item[no-lines] .item-inner {
  border-width: 0;
}

.list-ios ion-item-options {
  border-bottom: 0.55px solid #c8c7cc;
}

.list-ios ion-item-options .button {
  margin: 0;
  border-radius: 0;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  min-height: 100%;
  border: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.list-ios ion-item-options .button::before {
  margin: 0 auto;
}

.list-ios:not([inset]) + .list-ios:not([inset]) ion-list-header {
  margin-top: -10px;
  padding-top: 0;
}

.list-ios[inset] {
  margin: 16px;
  border-radius: 4px;
}

.list-ios[inset] ion-list-header {
  background-color: #fff;
}

.list-ios[inset] .item {
  border-bottom: 1px solid #c8c7cc;
}

.list-ios[inset] .item-inner {
  border-bottom: 0;
}

.list-ios[inset] > .item:first-child,
.list-ios[inset] > .item-wrapper:first-child .item {
  border-top: 0;
}

.list-ios[inset] > .item:last-child,
.list-ios[inset] > .item-wrapper:last-child .item {
  border-bottom: 0;
}

.list-ios[inset] + ion-list[inset] {
  margin-top: 0;
}

.list-ios[no-lines] ion-list-header,
.list-ios[no-lines] ion-item-options,
.list-ios[no-lines] .item,
.list-ios[no-lines] .item .item-inner {
  border-width: 0;
}

.list-header-ios {
  padding-left: 16px;
  padding-left: 16px;
  position: relative;
  border-bottom: 0.55px solid #c8c7cc;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  color: #333;
  background: transparent;
}

@media screen and (orientation: landscape) {
  .list-header-ios {
    padding-left: calc(constant(safe-area-inset-left) + 16px);
    padding-left: calc(env(safe-area-inset-left) + 16px);
  }
}

.list-header-ios-primary {
  color: #fff;
  background-color: #0099ff;
}

.list-header-ios-secondary {
  color: #fff;
  background-color: #36B37E;
}

.list-header-ios-danger {
  color: #fff;
  background-color: #FF5630;
}

.list-header-ios-light {
  color: #fff;
  background-color: #000;
}

.list-header-ios-dark {
  color: #fff;
  background-color: #172B4D;
}

.list-header-ios-snappink {
  color: #fff;
  background-color: #3687f0;
}

.list-header-ios-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.list-header-ios-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.list-header-ios-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.list-header-ios-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.list-header-ios-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.list-header-ios-whitecolor {
  color: #fff;
  background-color: #000;
}

.list-header-ios-grey {
  color: #fff;
  background-color: #828082;
}

.list-header-ios-blackcolor {
  color: #fff;
  background-color: #000;
}

.list-header-ios-mildred {
  color: #fff;
  background-color: #FF0266;
}

.list-header-ios-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.list-header-ios-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.list-header-ios-white {
  color: #000;
  background-color: #ffffff;
}

.list-header-ios-magenta {
  color: #fff;
  background-color: #c404c4;
}

.list-md {
  margin: -1px 0 16px;
}

.list-md .item-block .item-inner {
  border-bottom: 1px solid #dedede;
}

.list-md > .item-block:last-child ion-label,
.list-md > .item-block:last-child .item-inner,
.list-md > .item-wrapper:last-child ion-label,
.list-md > .item-wrapper:last-child .item-inner {
  border-bottom: 0;
}

.list-md > ion-input:last-child::after {
  left: 0;
}

.list-md ion-item-options {
  border-bottom: 1px solid #dedede;
}

.list-md ion-item-options .button {
  margin: 0;
  border-radius: 0;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.list-md ion-item-options .button::before {
  margin: 0 auto;
}

.list-md .item[no-lines],
.list-md .item[no-lines] .item-inner {
  border-width: 0;
}

.list-md + ion-list ion-list-header {
  margin-top: -16px;
}

.list-md[inset] {
  margin: 16px;
  border-radius: 2px;
}

.list-md[inset] .item:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-top-width: 0;
}

.list-md[inset] .item:last-child {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-bottom-width: 0;
}

.list-md[inset] .item-input {
  padding-left: 0;
  padding-right: 0;
}

.list-md[inset] + ion-list[inset] {
  margin-top: 0;
}

.list-md[inset] ion-list-header {
  background-color: #fff;
}

.list-md[no-lines] .item-block,
.list-md[no-lines] ion-item-options,
.list-md[no-lines] .item .item-inner {
  border-width: 0;
}

.list-header-md {
  padding-left: 16px;
  margin-bottom: 13px;
  min-height: 4.5rem;
  border-top: 1px solid #dedede;
  font-size: 1.4rem;
  color: #757575;
}

.list-header-md-primary {
  color: #fff;
  background-color: #0099ff;
}

.list-header-md-secondary {
  color: #fff;
  background-color: #36B37E;
}

.list-header-md-danger {
  color: #fff;
  background-color: #FF5630;
}

.list-header-md-light {
  color: #fff;
  background-color: #000;
}

.list-header-md-dark {
  color: #fff;
  background-color: #172B4D;
}

.list-header-md-snappink {
  color: #fff;
  background-color: #3687f0;
}

.list-header-md-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.list-header-md-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.list-header-md-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.list-header-md-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.list-header-md-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.list-header-md-whitecolor {
  color: #fff;
  background-color: #000;
}

.list-header-md-grey {
  color: #fff;
  background-color: #828082;
}

.list-header-md-blackcolor {
  color: #fff;
  background-color: #000;
}

.list-header-md-mildred {
  color: #fff;
  background-color: #FF0266;
}

.list-header-md-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.list-header-md-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.list-header-md-white {
  color: #000;
  background-color: #ffffff;
}

.list-header-md-magenta {
  color: #fff;
  background-color: #c404c4;
}

.list-md .item-input:last-child {
  border-bottom: 1px solid #dedede;
}

.list-wp {
  margin: 0 0 16px;
}

.list-wp .item-block .item-inner {
  border-bottom: 1px solid transparent;
}

.list-wp > .item-block:first-child,
.list-wp > .item-wrapper:first-child .item-block {
  border-top: 1px solid transparent;
}

.list-wp > .item-block:last-child,
.list-wp > .item-wrapper:last-child .item-block {
  border-bottom: 1px solid transparent;
}

.list-wp > .item-block:last-child ion-label,
.list-wp > .item-block:last-child .item-inner,
.list-wp > .item-wrapper:last-child ion-label,
.list-wp > .item-wrapper:last-child .item-inner {
  border-bottom: 0;
}

.list-wp > ion-input:last-child::after {
  left: 0;
}

.list-wp ion-item-options .button {
  margin: 1px 0;
  border-radius: 0;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: calc(100% - 2px);
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.list-wp ion-item-options .button::before {
  margin: 0 auto;
}

.list-wp .item[no-lines],
.list-wp .item[no-lines] .item-inner {
  border-width: 0;
}

.list-wp + ion-list ion-list-header {
  margin-top: -16px;
  padding-top: 0;
}

.list-wp[inset] {
  margin: 16px;
  border-radius: 2px;
}

.list-wp[inset] .item:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-top-width: 0;
}

.list-wp[inset] .item:last-child {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-bottom-width: 0;
}

.list-wp[inset] .item-input {
  padding-left: 0;
  padding-right: 0;
}

.list-wp[inset] + ion-list[inset] {
  margin-top: 0;
}

.list-wp[inset] ion-list-header {
  background-color: #fff;
}

.list-wp[no-lines] .item,
.list-wp[no-lines] .item .item-inner {
  border-width: 0;
}

.list-header-wp {
  padding-left: 16px;
  border-bottom: 1px solid transparent;
  font-size: 2rem;
  color: #000;
}

.list-header-wp-primary {
  color: #fff;
  background-color: #0099ff;
}

.list-header-wp-secondary {
  color: #fff;
  background-color: #36B37E;
}

.list-header-wp-danger {
  color: #fff;
  background-color: #FF5630;
}

.list-header-wp-light {
  color: #fff;
  background-color: #000;
}

.list-header-wp-dark {
  color: #fff;
  background-color: #172B4D;
}

.list-header-wp-snappink {
  color: #fff;
  background-color: #3687f0;
}

.list-header-wp-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.list-header-wp-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.list-header-wp-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.list-header-wp-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.list-header-wp-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.list-header-wp-whitecolor {
  color: #fff;
  background-color: #000;
}

.list-header-wp-grey {
  color: #fff;
  background-color: #828082;
}

.list-header-wp-blackcolor {
  color: #fff;
  background-color: #000;
}

.list-header-wp-mildred {
  color: #fff;
  background-color: #FF0266;
}

.list-header-wp-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.list-header-wp-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.list-header-wp-white {
  color: #000;
  background-color: #ffffff;
}

.list-header-wp-magenta {
  color: #fff;
  background-color: #c404c4;
}

ion-loading {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  contain: strict;
}

.loading-wrapper {
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0;
}

.loading-ios .loading-wrapper {
  border-radius: 8px;
  max-width: 270px;
  max-height: 90%;
  color: #000;
  background: #f8f8f8;
  padding: 24px 34px;
}

.loading-ios .loading-content {
  font-weight: bold;
}

.loading-ios .loading-spinner + .loading-content {
  margin-left: 16px;
}

.loading-ios .spinner-ios line,
.loading-ios .spinner-ios-small line {
  stroke: #69717d;
}

.loading-ios .spinner-bubbles circle {
  fill: #69717d;
}

.loading-ios .spinner-circles circle {
  fill: #69717d;
}

.loading-ios .spinner-crescent circle {
  stroke: #69717d;
}

.loading-ios .spinner-dots circle {
  fill: #69717d;
}

.loading-md .loading-wrapper {
  border-radius: 2px;
  max-width: 280px;
  max-height: 90%;
  color: rgba(0, 0, 0, 0.5);
  background: #fafafa;
  -webkit-box-shadow: 0 16px 20px rgba(0, 0, 0, 0.4);
  box-shadow: 0 16px 20px rgba(0, 0, 0, 0.4);
  padding: 24px;
}

.loading-md .loading-spinner + .loading-content {
  margin-left: 16px;
}

.loading-md .spinner-ios line,
.loading-md .spinner-ios-small line {
  stroke: #0099ff;
}

.loading-md .spinner-bubbles circle {
  fill: #0099ff;
}

.loading-md .spinner-circles circle {
  fill: #0099ff;
}

.loading-md .spinner-crescent circle {
  stroke: #0099ff;
}

.loading-md .spinner-dots circle {
  fill: #0099ff;
}

.loading-wp .loading-wrapper {
  border-radius: 2px;
  max-width: 280px;
  max-height: 90%;
  color: #fff;
  background: #000;
  padding: 20px;
}

.loading-wp .loading-spinner + .loading-content {
  margin-left: 16px;
}

.loading-wp .spinner-ios line,
.loading-wp .spinner-ios-small line {
  stroke: #fff;
}

.loading-wp .spinner-bubbles circle {
  fill: #fff;
}

.loading-wp .spinner-circles circle {
  fill: #fff;
}

.loading-wp .spinner-crescent circle {
  stroke: #fff;
}

.loading-wp .spinner-dots circle {
  fill: #fff;
}

ion-menu {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  display: none;
  contain: strict;
}

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

.menu-inner {
  left: 0;
  right: auto;
  top: 0;
  bottom: 0;
  -webkit-transform: translate3d(-9999px,  0,  0);
  transform: translate3d(-9999px,  0,  0);
  position: absolute;
  display: block;
  width: 304px;
  height: 100%;
  contain: strict;
}

.menu-inner > ion-header,
.menu-inner > ion-content,
.menu-inner > ion-footer {
  position: absolute;
}

ion-menu[side=left] > .menu-inner {
  right: auto;
  left: 0;
}

ion-menu[side=right] > .menu-inner {
  right: 0;
  left: auto;
}

ion-menu[side=end] > .menu-inner {
  left: auto;
  right: 0;
}

ion-menu ion-backdrop {
  z-index: -1;
  display: none;
  opacity: .01;
}

.menu-content {
  -webkit-transform: translate3d(0,  0,  0);
  transform: translate3d(0,  0,  0);
}

.menu-content-open {
  cursor: pointer;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.menu-content-open ion-pane,
.menu-content-open ion-content,
.menu-content-open .toolbar {
  pointer-events: none;
}

@media (max-width: 340px) {
  .menu-inner {
    width: 264px;
  }
}

ion-menu[type=reveal] {
  z-index: 0;
}

ion-menu[type=reveal].show-menu .menu-inner {
  -webkit-transform: translate3d(0,  0,  0);
  transform: translate3d(0,  0,  0);
}

ion-menu[type=overlay] {
  z-index: 80;
}

ion-menu[type=overlay] .show-backdrop {
  display: block;
}

.ios .menu-inner {
  background: #fff;
}

.ios .menu-content-reveal {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

.ios .menu-content-push {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

.ios ion-menu[type=overlay] .menu-inner {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

.md .menu-inner {
  background: #fff;
}

.md .menu-content-reveal {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

.md .menu-content-push {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

.md ion-menu[type=overlay] .menu-inner {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

.wp .menu-inner {
  background: #f2f2f2;
}

ion-modal {
  left: 0;
  top: 0;
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  contain: strict;
}

@media not all and (min-width: 768px) and (min-height: 600px) {
  ion-modal ion-backdrop {
    visibility: hidden;
  }
}

.modal-wrapper {
  z-index: 10;
  height: 100%;
  contain: strict;
}

@media only screen and (min-width: 768px) and (min-height: 600px) {
  .modal-wrapper {
    left: calc(50% - (600px/2));
    top: calc(50% - (500px/2));
    position: absolute;
    width: 600px;
    height: 500px;
  }
}

@media only screen and (min-width: 768px) and (min-height: 768px) {
  .modal-wrapper {
    left: calc(50% - (600px/2));
    top: calc(50% - (600px/2));
    position: absolute;
    width: 600px;
    height: 600px;
  }
}

.ios .modal-wrapper {
  -webkit-transform: translate3d(0,  100%,  0);
  transform: translate3d(0,  100%,  0);
}

@media only screen and (min-width: 768px) and (min-height: 600px) {
  .ios .modal-wrapper {
    border-radius: 10px;
    overflow: hidden;
  }
}

.md .modal-wrapper {
  -webkit-transform: translate3d(0,  40px,  0);
  transform: translate3d(0,  40px,  0);
  opacity: .01;
}

@media only screen and (min-width: 768px) and (min-height: 600px) {
  .md .modal-wrapper {
    border-radius: 2px;
    overflow: hidden;
    -webkit-box-shadow: 0 28px 48px rgba(0, 0, 0, 0.4);
    box-shadow: 0 28px 48px rgba(0, 0, 0, 0.4);
  }
}

.wp .modal-wrapper {
  -webkit-transform: translate3d(0,  40px,  0);
  transform: translate3d(0,  40px,  0);
  opacity: .01;
}

.note-ios {
  color: #aeacb4;
}

.note-ios-primary {
  color: #0099ff;
}

.note-ios-secondary {
  color: #36B37E;
}

.note-ios-danger {
  color: #FF5630;
}

.note-ios-light {
  color: #000;
}

.note-ios-dark {
  color: #172B4D;
}

.note-ios-snappink {
  color: #3687f0;
}

.note-ios-snapblue {
  color: #00d8ff;
}

.note-ios-snapyellow {
  color: #FFC107;
}

.note-ios-snapgreen {
  color: #4CAF50;
}

.note-ios-snapindigo {
  color: #3F51B5;
}

.note-ios-backgroundgrey {
  color: #EEEEEE;
}

.note-ios-whitecolor {
  color: #000;
}

.note-ios-grey {
  color: #828082;
}

.note-ios-blackcolor {
  color: #000;
}

.note-ios-mildred {
  color: #FF0266;
}

.note-ios-mildgreen {
  color: #69F0AE;
}

.note-ios-sidebar {
  color: #0000ffc0;
}

.note-ios-white {
  color: #ffffff;
}

.note-ios-magenta {
  color: #c404c4;
}

.note-md {
  color: #c5c5c5;
}

.note-md-primary {
  color: #0099ff;
}

.note-md-secondary {
  color: #36B37E;
}

.note-md-danger {
  color: #FF5630;
}

.note-md-light {
  color: #000;
}

.note-md-dark {
  color: #172B4D;
}

.note-md-snappink {
  color: #3687f0;
}

.note-md-snapblue {
  color: #00d8ff;
}

.note-md-snapyellow {
  color: #FFC107;
}

.note-md-snapgreen {
  color: #4CAF50;
}

.note-md-snapindigo {
  color: #3F51B5;
}

.note-md-backgroundgrey {
  color: #EEEEEE;
}

.note-md-whitecolor {
  color: #000;
}

.note-md-grey {
  color: #828082;
}

.note-md-blackcolor {
  color: #000;
}

.note-md-mildred {
  color: #FF0266;
}

.note-md-mildgreen {
  color: #69F0AE;
}

.note-md-sidebar {
  color: #0000ffc0;
}

.note-md-white {
  color: #ffffff;
}

.note-md-magenta {
  color: #c404c4;
}

.note-wp {
  color: rgba(0, 0, 0, 0.5);
}

.note-wp-primary {
  color: #0099ff;
}

.note-wp-secondary {
  color: #36B37E;
}

.note-wp-danger {
  color: #FF5630;
}

.note-wp-light {
  color: #000;
}

.note-wp-dark {
  color: #172B4D;
}

.note-wp-snappink {
  color: #3687f0;
}

.note-wp-snapblue {
  color: #00d8ff;
}

.note-wp-snapyellow {
  color: #FFC107;
}

.note-wp-snapgreen {
  color: #4CAF50;
}

.note-wp-snapindigo {
  color: #3F51B5;
}

.note-wp-backgroundgrey {
  color: #EEEEEE;
}

.note-wp-whitecolor {
  color: #000;
}

.note-wp-grey {
  color: #828082;
}

.note-wp-blackcolor {
  color: #000;
}

.note-wp-mildred {
  color: #FF0266;
}

.note-wp-mildgreen {
  color: #69F0AE;
}

.note-wp-sidebar {
  color: #0000ffc0;
}

.note-wp-white {
  color: #ffffff;
}

.note-wp-magenta {
  color: #c404c4;
}

ion-picker-cmp {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 1000;
  display: block;
  width: 100%;
  height: 100%;
  contain: strict;
}

.picker-toolbar {
  z-index: 1;
  width: 100%;
  contain: strict;
}

.picker-wrapper {
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform: translate3d(0,  100%,  0);
  transform: translate3d(0,  100%,  0);
  position: absolute;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  max-width: 500px;
  contain: strict;
}

.picker-columns {
  margin-bottom: constant(safe-area-inset-bottom);
  margin-bottom: env(safe-area-inset-bottom);
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  contain: strict;
}

.picker-col {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  contain: content;
}

.picker-opts {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 100%;
}

.picker-prefix {
  text-align: right;
  text-align: end;
  position: relative;
  -webkit-box-flex: 2;
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2;
  min-width: 45%;
  max-width: 50%;
  white-space: nowrap;
}

.picker-suffix {
  text-align: left;
  text-align: start;
  position: relative;
  -webkit-box-flex: 2;
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2;
  min-width: 45%;
  max-width: 50%;
  white-space: nowrap;
}

.picker-opt {
  left: 0;
  top: 0;
  text-align: center;
  position: absolute;
  display: block;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  will-change: transform;
  contain: strict;
}

.picker-opt.picker-opt-disabled {
  pointer-events: none;
}

.picker-opt-disabled {
  opacity: 0;
}

.picker-opts-left {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.picker-opts-right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.picker-above-highlight,
.picker-below-highlight {
  display: none;
  pointer-events: none;
}

.picker-ios .picker-wrapper {
  height: 260px;
  border-top: 1px solid #c8c7cc;
  background: #fff;
}

.picker-ios .picker-toolbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 44px;
  border-bottom: 0.55px solid #c8c7cc;
  background: #fff;
}

.picker-ios .picker-toolbar-button {
  text-align: right;
  text-align: end;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.picker-ios .picker-toolbar-button:last-child .picker-button {
  font-weight: 600;
}

.picker-ios .picker-toolbar-cancel {
  text-align: left;
  text-align: start;
  font-weight: normal;
}

.picker-ios .picker-button,
.picker-ios .picker-button.activated {
  margin: 0;
  height: 44px;
  color: #0099ff;
  background: transparent;
}

.picker-columns {
  height: 215px;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.picker-ios .picker-col {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  padding: 0 4px;
}

.picker-ios .picker-prefix,
.picker-ios .picker-suffix,
.picker-ios .picker-opts {
  top: 77px;
  font-size: 20px;
  line-height: 42px;
  color: #000;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  pointer-events: none;
}

.picker-ios .picker-opt {
  margin: 0;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  height: 4.6rem;
  font-size: 20px;
  line-height: 42px;
  color: #000;
  background: transparent;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  pointer-events: auto;
  padding: 0;
}

.picker-ios .picker-above-highlight {
  left: 0;
  top: 0;
  -webkit-transform: translate3d(0,  0,  90px);
  transform: translate3d(0,  0,  90px);
  position: absolute;
  z-index: 10;
  display: block;
  width: 100%;
  height: 81px;
  border-bottom: 1px solid #c8c7cc;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, white), to(rgba(255, 255, 255, 0.7)));
  background: linear-gradient(to bottom, white 20%, rgba(255, 255, 255, 0.7) 100%);
}

.picker-ios .picker-below-highlight {
  left: 0;
  top: 115px;
  -webkit-transform: translate3d(0,  0,  90px);
  transform: translate3d(0,  0,  90px);
  position: absolute;
  z-index: 11;
  display: block;
  width: 100%;
  height: 119px;
  border-top: 1px solid #c8c7cc;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(30%, white), to(rgba(255, 255, 255, 0.7)));
  background: linear-gradient(to top, white 30%, rgba(255, 255, 255, 0.7) 100%);
}

.picker-md .picker-wrapper {
  height: 260px;
  border-top: 0.55px solid #dedede;
  background: #fff;
}

.picker-md .picker-toolbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 44px;
  background: #fff;
}

.picker-md .picker-button,
.picker-md .picker-button.activated {
  margin: 0;
  height: 44px;
  color: #0099ff;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.picker-md .picker-columns {
  height: 216px;
  -webkit-perspective: 1800px;
  perspective: 1800px;
}

.picker-md .picker-col {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  padding: 0 8px;
}

.picker-md .picker-prefix,
.picker-md .picker-suffix,
.picker-md .picker-opts {
  top: 77px;
  font-size: 22px;
  line-height: 42px;
  color: #000;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  pointer-events: none;
}

.picker-md .picker-opt {
  margin: 0;
  height: 4.3rem;
  font-size: 22px;
  line-height: 42px;
  color: #000;
  background: transparent;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  pointer-events: auto;
  padding: 0;
}

.picker-md .picker-prefix,
.picker-md .picker-suffix,
.picker-md .picker-opt.picker-opt-selected {
  color: #0099ff;
}

.picker-md .picker-above-highlight {
  left: 0;
  top: 0;
  -webkit-transform: translate3d(0,  0,  90px);
  transform: translate3d(0,  0,  90px);
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 81px;
  border-bottom: 1px solid #dedede;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, white), to(rgba(255, 255, 255, 0.7)));
  background: linear-gradient(to bottom, white 20%, rgba(255, 255, 255, 0.7) 100%);
}

.picker-md .picker-below-highlight {
  left: 0;
  top: 115px;
  -webkit-transform: translate3d(0,  0,  90px);
  transform: translate3d(0,  0,  90px);
  position: absolute;
  z-index: 11;
  width: 100%;
  height: 119px;
  border-top: 1px solid #dedede;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(30%, white), to(rgba(255, 255, 255, 0.7)));
  background: linear-gradient(to top, white 30%, rgba(255, 255, 255, 0.7) 100%);
}

.picker-wp .picker-wrapper {
  height: 260px;
  border-top: 0.55px solid transparent;
  background: #fff;
}

.picker-wp .picker-toolbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 44px;
  border-width: 0.55px;
  background: #fff;
}

.picker-wp .picker-toolbar-button {
  text-align: right;
  text-align: end;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.picker-wp .picker-toolbar-cancel {
  text-align: left;
  text-align: start;
  font-weight: normal;
}

.picker-wp .picker-button,
.picker-wp .picker-button.activated {
  margin: 0;
  height: 44px;
  color: #0099ff;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.picker-wp .picker-columns {
  height: 216px;
  -webkit-perspective: 1800px;
  perspective: 1800px;
}

.picker-wp .picker-col {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  padding: 0 4px;
}

.picker-wp .picker-prefix,
.picker-wp .picker-suffix,
.picker-wp .picker-opts {
  top: 77px;
  font-size: 22px;
  line-height: 42px;
  color: #000;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  pointer-events: none;
}

.picker-wp .picker-opt {
  margin: 0;
  height: 4.2rem;
  font-size: 22px;
  line-height: 42px;
  color: #000;
  background: transparent;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  pointer-events: auto;
  padding: 0;
}

.picker-wp .picker-prefix,
.picker-wp .picker-suffix,
.picker-wp .picker-opt-selected {
  color: #0099ff;
}

.picker-wp .picker-above-highlight {
  left: 0;
  top: 0;
  -webkit-transform: translate3d(0,  0,  90px);
  transform: translate3d(0,  0,  90px);
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 81px;
  border-bottom: 1px solid transparent;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, white), to(rgba(255, 255, 255, 0.7)));
  background: linear-gradient(to bottom, white 20%, rgba(255, 255, 255, 0.7) 100%);
}

.picker-wp .picker-below-highlight {
  left: 0;
  top: 115px;
  -webkit-transform: translate3d(0,  0,  90px);
  transform: translate3d(0,  0,  90px);
  position: absolute;
  z-index: 11;
  width: 100%;
  height: 119px;
  border-top: 1px solid transparent;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(30%, white), to(rgba(255, 255, 255, 0.7)));
  background: linear-gradient(to top, white 30%, rgba(255, 255, 255, 0.7) 100%);
}

ion-popover {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.popover-wrapper {
  z-index: 10;
  opacity: 0;
}

.popover-content {
  position: absolute;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.popover-content ion-content,
.popover-content .scroll-content {
  contain: none;
}

.popover-content .scroll-content {
  position: relative;
}

.popover-ios .popover-content {
  border-radius: 10px;
  width: 200px;
  min-width: 0;
  min-height: 0;
  max-height: 90%;
  color: #000;
  background: #fff;
}

.popover-ios .popover-arrow {
  position: absolute;
  display: block;
  overflow: hidden;
  width: 20px;
  height: 10px;
}

.popover-ios .popover-arrow::after {
  left: 3px;
  top: 3px;
  border-radius: 3px;
  position: absolute;
  z-index: 10;
  width: 14px;
  height: 14px;
  background-color: #fff;
  content: "";
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.popover-ios.popover-bottom .popover-arrow {
  top: auto;
  bottom: -10px;
}

.popover-ios.popover-bottom .popover-arrow::after {
  top: -6px;
}

.popover-ios .item-ios {
  padding-left: 16px;
}

.popover-ios .item-ios[detail-push] .item-inner,
.popover-ios button.item-ios:not([detail-none]) .item-inner,
.popover-ios a.item-ios:not([detail-none]) .item-inner {
  background-position: right 14px center;
}

.popover-md .popover-content {
  border-radius: 2px;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  width: 250px;
  min-width: 0;
  min-height: 0;
  max-height: 90%;
  color: #000;
  background: #fff;
  -webkit-box-shadow: 0 3px 12px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 12px 2px rgba(0, 0, 0, 0.3);
}

.popover-md .popover-viewport {
  opacity: 0;
  -webkit-transition-delay: 100ms;
  transition-delay: 100ms;
}

.popover-wp .popover-content {
  border-radius: 0;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  width: 200px;
  min-width: 0;
  min-height: 0;
  max-height: 90%;
  border: 2px solid #ccc;
  color: #000;
  background: #fff;
}

.popover-wp .popover-viewport {
  opacity: 0;
  -webkit-transition-delay: 100ms;
  transition-delay: 100ms;
}

.radio-ios {
  position: relative;
  display: inline-block;
}

.radio-ios .radio-icon {
  position: relative;
  display: block;
  width: 16px;
  height: 21px;
}

.radio-ios .radio-checked .radio-inner {
  left: 7px;
  top: 4px;
  position: absolute;
  width: 5px;
  height: 12px;
  border-width: 2px;
  border-top-width: 0;
  border-left-width: 0;
  border-style: solid;
  border-color: #0099ff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.radio-ios.radio-disabled,
.item-ios.item-radio-disabled ion-label {
  opacity: 0.3;
  pointer-events: none;
}

.item-ios .radio-ios {
  position: static;
  display: block;
  margin: 8px 11px 8px 8px;
}

.item-ios .radio-ios[item-left], .item-ios .radio-ios[item-start] {
  margin: 8px 21px 8px 3px;
}

.item-radio.item-ios ion-label {
  margin-left: 0;
}

.item-radio-checked.item-ios ion-label {
  color: #0099ff;
}

.item-radio-ios-primary.item-radio-checked ion-label {
  color: #0099ff;
}

.radio-ios-primary .radio-checked {
  color: #0099ff;
}

.radio-ios-primary .radio-checked .radio-inner {
  border-color: #0099ff;
}

.item-radio-ios-secondary.item-radio-checked ion-label {
  color: #36B37E;
}

.radio-ios-secondary .radio-checked {
  color: #36B37E;
}

.radio-ios-secondary .radio-checked .radio-inner {
  border-color: #36B37E;
}

.item-radio-ios-danger.item-radio-checked ion-label {
  color: #FF5630;
}

.radio-ios-danger .radio-checked {
  color: #FF5630;
}

.radio-ios-danger .radio-checked .radio-inner {
  border-color: #FF5630;
}

.item-radio-ios-light.item-radio-checked ion-label {
  color: #000;
}

.radio-ios-light .radio-checked {
  color: #000;
}

.radio-ios-light .radio-checked .radio-inner {
  border-color: #000;
}

.item-radio-ios-dark.item-radio-checked ion-label {
  color: #172B4D;
}

.radio-ios-dark .radio-checked {
  color: #172B4D;
}

.radio-ios-dark .radio-checked .radio-inner {
  border-color: #172B4D;
}

.item-radio-ios-snappink.item-radio-checked ion-label {
  color: #3687f0;
}

.radio-ios-snappink .radio-checked {
  color: #3687f0;
}

.radio-ios-snappink .radio-checked .radio-inner {
  border-color: #3687f0;
}

.item-radio-ios-snapblue.item-radio-checked ion-label {
  color: #00d8ff;
}

.radio-ios-snapblue .radio-checked {
  color: #00d8ff;
}

.radio-ios-snapblue .radio-checked .radio-inner {
  border-color: #00d8ff;
}

.item-radio-ios-snapyellow.item-radio-checked ion-label {
  color: #FFC107;
}

.radio-ios-snapyellow .radio-checked {
  color: #FFC107;
}

.radio-ios-snapyellow .radio-checked .radio-inner {
  border-color: #FFC107;
}

.item-radio-ios-snapgreen.item-radio-checked ion-label {
  color: #4CAF50;
}

.radio-ios-snapgreen .radio-checked {
  color: #4CAF50;
}

.radio-ios-snapgreen .radio-checked .radio-inner {
  border-color: #4CAF50;
}

.item-radio-ios-snapindigo.item-radio-checked ion-label {
  color: #3F51B5;
}

.radio-ios-snapindigo .radio-checked {
  color: #3F51B5;
}

.radio-ios-snapindigo .radio-checked .radio-inner {
  border-color: #3F51B5;
}

.item-radio-ios-backgroundgrey.item-radio-checked ion-label {
  color: #EEEEEE;
}

.radio-ios-backgroundgrey .radio-checked {
  color: #EEEEEE;
}

.radio-ios-backgroundgrey .radio-checked .radio-inner {
  border-color: #EEEEEE;
}

.item-radio-ios-whitecolor.item-radio-checked ion-label {
  color: #000;
}

.radio-ios-whitecolor .radio-checked {
  color: #000;
}

.radio-ios-whitecolor .radio-checked .radio-inner {
  border-color: #000;
}

.item-radio-ios-grey.item-radio-checked ion-label {
  color: #828082;
}

.radio-ios-grey .radio-checked {
  color: #828082;
}

.radio-ios-grey .radio-checked .radio-inner {
  border-color: #828082;
}

.item-radio-ios-blackcolor.item-radio-checked ion-label {
  color: #000;
}

.radio-ios-blackcolor .radio-checked {
  color: #000;
}

.radio-ios-blackcolor .radio-checked .radio-inner {
  border-color: #000;
}

.item-radio-ios-mildred.item-radio-checked ion-label {
  color: #FF0266;
}

.radio-ios-mildred .radio-checked {
  color: #FF0266;
}

.radio-ios-mildred .radio-checked .radio-inner {
  border-color: #FF0266;
}

.item-radio-ios-mildgreen.item-radio-checked ion-label {
  color: #69F0AE;
}

.radio-ios-mildgreen .radio-checked {
  color: #69F0AE;
}

.radio-ios-mildgreen .radio-checked .radio-inner {
  border-color: #69F0AE;
}

.item-radio-ios-sidebar.item-radio-checked ion-label {
  color: #0000ffc0;
}

.radio-ios-sidebar .radio-checked {
  color: #0000ffc0;
}

.radio-ios-sidebar .radio-checked .radio-inner {
  border-color: #0000ffc0;
}

.item-radio-ios-white.item-radio-checked ion-label {
  color: #ffffff;
}

.radio-ios-white .radio-checked {
  color: #ffffff;
}

.radio-ios-white .radio-checked .radio-inner {
  border-color: #ffffff;
}

.item-radio-ios-magenta.item-radio-checked ion-label {
  color: #c404c4;
}

.radio-ios-magenta .radio-checked {
  color: #c404c4;
}

.radio-ios-magenta .radio-checked .radio-inner {
  border-color: #c404c4;
}

.radio-md {
  position: relative;
  display: inline-block;
}

.radio-md .radio-icon {
  left: 0;
  top: 0;
  margin: 0;
  border-radius: 50%;
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
  border-width: 2px;
  border-style: solid;
  border-color: #787878;
}

.radio-md .radio-inner {
  left: 2px;
  top: 2px;
  border-radius: 50%;
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: #0099ff;
  -webkit-transform: scale3d(0, 0, 0);
  transform: scale3d(0, 0, 0);
  -webkit-transition: -webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 280ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);
}

.radio-md .radio-checked {
  border-color: #0099ff;
}

.radio-md .radio-checked .radio-inner {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.radio-md.radio-disabled,
.item-md.item-radio-disabled ion-label {
  opacity: 0.3;
  pointer-events: none;
}

.item-md .radio-md {
  position: static;
  display: block;
  margin: 9px 10px 9px 0;
}

.item-md .radio-md[item-left], .item-md .radio-md[item-start] {
  margin: 11px 36px 10px 4px;
}

.item-radio.item-md ion-label {
  margin-left: 0;
}

.item-radio-checked.item-md ion-label {
  color: #0099ff;
}

.item-radio-md-primary.item-radio-checked ion-label {
  color: #0099ff;
}

.radio-md-primary .radio-checked {
  border-color: #0099ff;
}

.radio-md-primary .radio-inner {
  background-color: #0099ff;
}

.item-radio-md-secondary.item-radio-checked ion-label {
  color: #36B37E;
}

.radio-md-secondary .radio-checked {
  border-color: #36B37E;
}

.radio-md-secondary .radio-inner {
  background-color: #36B37E;
}

.item-radio-md-danger.item-radio-checked ion-label {
  color: #FF5630;
}

.radio-md-danger .radio-checked {
  border-color: #FF5630;
}

.radio-md-danger .radio-inner {
  background-color: #FF5630;
}

.item-radio-md-light.item-radio-checked ion-label {
  color: #000;
}

.radio-md-light .radio-checked {
  border-color: #000;
}

.radio-md-light .radio-inner {
  background-color: #000;
}

.item-radio-md-dark.item-radio-checked ion-label {
  color: #172B4D;
}

.radio-md-dark .radio-checked {
  border-color: #172B4D;
}

.radio-md-dark .radio-inner {
  background-color: #172B4D;
}

.item-radio-md-snappink.item-radio-checked ion-label {
  color: #3687f0;
}

.radio-md-snappink .radio-checked {
  border-color: #3687f0;
}

.radio-md-snappink .radio-inner {
  background-color: #3687f0;
}

.item-radio-md-snapblue.item-radio-checked ion-label {
  color: #00d8ff;
}

.radio-md-snapblue .radio-checked {
  border-color: #00d8ff;
}

.radio-md-snapblue .radio-inner {
  background-color: #00d8ff;
}

.item-radio-md-snapyellow.item-radio-checked ion-label {
  color: #FFC107;
}

.radio-md-snapyellow .radio-checked {
  border-color: #FFC107;
}

.radio-md-snapyellow .radio-inner {
  background-color: #FFC107;
}

.item-radio-md-snapgreen.item-radio-checked ion-label {
  color: #4CAF50;
}

.radio-md-snapgreen .radio-checked {
  border-color: #4CAF50;
}

.radio-md-snapgreen .radio-inner {
  background-color: #4CAF50;
}

.item-radio-md-snapindigo.item-radio-checked ion-label {
  color: #3F51B5;
}

.radio-md-snapindigo .radio-checked {
  border-color: #3F51B5;
}

.radio-md-snapindigo .radio-inner {
  background-color: #3F51B5;
}

.item-radio-md-backgroundgrey.item-radio-checked ion-label {
  color: #EEEEEE;
}

.radio-md-backgroundgrey .radio-checked {
  border-color: #EEEEEE;
}

.radio-md-backgroundgrey .radio-inner {
  background-color: #EEEEEE;
}

.item-radio-md-whitecolor.item-radio-checked ion-label {
  color: #000;
}

.radio-md-whitecolor .radio-checked {
  border-color: #000;
}

.radio-md-whitecolor .radio-inner {
  background-color: #000;
}

.item-radio-md-grey.item-radio-checked ion-label {
  color: #828082;
}

.radio-md-grey .radio-checked {
  border-color: #828082;
}

.radio-md-grey .radio-inner {
  background-color: #828082;
}

.item-radio-md-blackcolor.item-radio-checked ion-label {
  color: #000;
}

.radio-md-blackcolor .radio-checked {
  border-color: #000;
}

.radio-md-blackcolor .radio-inner {
  background-color: #000;
}

.item-radio-md-mildred.item-radio-checked ion-label {
  color: #FF0266;
}

.radio-md-mildred .radio-checked {
  border-color: #FF0266;
}

.radio-md-mildred .radio-inner {
  background-color: #FF0266;
}

.item-radio-md-mildgreen.item-radio-checked ion-label {
  color: #69F0AE;
}

.radio-md-mildgreen .radio-checked {
  border-color: #69F0AE;
}

.radio-md-mildgreen .radio-inner {
  background-color: #69F0AE;
}

.item-radio-md-sidebar.item-radio-checked ion-label {
  color: #0000ffc0;
}

.radio-md-sidebar .radio-checked {
  border-color: #0000ffc0;
}

.radio-md-sidebar .radio-inner {
  background-color: #0000ffc0;
}

.item-radio-md-white.item-radio-checked ion-label {
  color: #ffffff;
}

.radio-md-white .radio-checked {
  border-color: #ffffff;
}

.radio-md-white .radio-inner {
  background-color: #ffffff;
}

.item-radio-md-magenta.item-radio-checked ion-label {
  color: #c404c4;
}

.radio-md-magenta .radio-checked {
  border-color: #c404c4;
}

.radio-md-magenta .radio-inner {
  background-color: #c404c4;
}

.radio-wp {
  position: relative;
  display: inline-block;
}

.radio-wp .radio-icon {
  left: 0;
  top: 0;
  margin: 0;
  border-radius: 50%;
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
  border-width: 2px;
  border-style: solid;
  border-color: #333;
}

.radio-wp .radio-inner {
  left: 2px;
  top: 2px;
  border-radius: 50%;
  position: absolute;
  display: none;
  width: 8px;
  height: 8px;
  background-color: #333;
}

.radio-wp .radio-checked {
  border-color: #0099ff;
}

.radio-wp .radio-checked .radio-inner {
  display: block;
}

.radio-wp.radio-disabled,
.item-wp.item-radio-disabled ion-label {
  opacity: 0.3;
  pointer-events: none;
}

.item-wp .radio-wp {
  position: static;
  display: block;
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
  margin: 9px 20px 9px 4px;
}

.item-wp .radio-wp[item-right], .item-wp .radio-wp[item-end] {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  margin: 11px 10px 10px 0;
}

.item-radio.item-wp ion-label {
  margin-left: 0;
}

.radio-wp-primary .radio-checked {
  border-color: #0099ff;
}

.radio-wp-secondary .radio-checked {
  border-color: #36B37E;
}

.radio-wp-danger .radio-checked {
  border-color: #FF5630;
}

.radio-wp-light .radio-checked {
  border-color: #000;
}

.radio-wp-dark .radio-checked {
  border-color: #172B4D;
}

.radio-wp-snappink .radio-checked {
  border-color: #3687f0;
}

.radio-wp-snapblue .radio-checked {
  border-color: #00d8ff;
}

.radio-wp-snapyellow .radio-checked {
  border-color: #FFC107;
}

.radio-wp-snapgreen .radio-checked {
  border-color: #4CAF50;
}

.radio-wp-snapindigo .radio-checked {
  border-color: #3F51B5;
}

.radio-wp-backgroundgrey .radio-checked {
  border-color: #EEEEEE;
}

.radio-wp-whitecolor .radio-checked {
  border-color: #000;
}

.radio-wp-grey .radio-checked {
  border-color: #828082;
}

.radio-wp-blackcolor .radio-checked {
  border-color: #000;
}

.radio-wp-mildred .radio-checked {
  border-color: #FF0266;
}

.radio-wp-mildgreen .radio-checked {
  border-color: #69F0AE;
}

.radio-wp-sidebar .radio-checked {
  border-color: #0000ffc0;
}

.radio-wp-white .radio-checked {
  border-color: #ffffff;
}

.radio-wp-magenta .radio-checked {
  border-color: #c404c4;
}

.item-range .item-inner {
  overflow: visible;
  width: 100%;
}

.item-range .input-wrapper {
  overflow: visible;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}

.item-range ion-range {
  width: 100%;
}

.item-range ion-range ion-label {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

ion-range {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

ion-range ion-label {
  -webkit-box-flex: initial;
  -webkit-flex: initial;
  -ms-flex: initial;
  flex: initial;
}

ion-range ion-icon {
  min-height: 2.4rem;
  font-size: 2.4rem;
  line-height: 1;
}

.range-slider {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  cursor: pointer;
}

.range-ios {
  padding: 8px 16px;
}

.range-ios [range-left] {
  margin: 0 20px 0 0;
}

.range-ios [range-right] {
  margin: 0 0 0 20px;
}

.range-ios.range-has-pin {
  padding-top: 20px;
}

.range-ios .range-slider {
  height: 42px;
}

.range-ios .range-bar {
  left: 0;
  top: 21px;
  border-radius: 1px;
  position: absolute;
  width: 100%;
  height: 1px;
  background: #bdbdbd;
  pointer-events: none;
}

.range-ios.range-pressed .range-bar-active {
  will-change: left, right;
}

.range-ios.range-pressed .range-knob-handle {
  will-change: left;
}

.range-ios .range-bar-active {
  bottom: 0;
  width: auto;
  background: #0099ff;
}

.range-ios .range-knob-handle {
  left: 0;
  top: 21px;
  margin-left: -21px;
  margin-top: -21px;
  text-align: center;
  position: absolute;
  width: 42px;
  height: 42px;
}

.range-ios .range-knob {
  left: 7px;
  top: 7px;
  border-radius: 50%;
  position: absolute;
  width: 28px;
  height: 28px;
  background: #fff;
  -webkit-box-shadow: 0 3px 1px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.13), 0 0 0 1px rgba(0, 0, 0, 0.02);
  box-shadow: 0 3px 1px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.13), 0 0 0 1px rgba(0, 0, 0, 0.02);
  pointer-events: none;
}

.range-ios .range-tick {
  margin-left: -0.5px;
  border-radius: 0;
  position: absolute;
  top: 17.5px;
  width: 1px;
  height: 8px;
  background: #bdbdbd;
  pointer-events: none;
}

.range-ios .range-tick-active {
  background: #0099ff;
}

.range-ios .range-pin {
  text-align: center;
  border-radius: 50px;
  -webkit-transform: translate3d(0,  28px,  0) scale(0.01);
  transform: translate3d(0,  28px,  0) scale(0.01);
  position: relative;
  top: -20px;
  display: inline-block;
  min-width: 28px;
  font-size: 12px;
  color: #000;
  background: transparent;
  -webkit-transition: -webkit-transform 120ms ease;
  transition: -webkit-transform 120ms ease;
  transition: transform 120ms ease;
  transition: transform 120ms ease, -webkit-transform 120ms ease;
  padding: 8px;
}

.range-ios .range-knob-pressed .range-pin {
  -webkit-transform: translate3d(0,  0,  0) scale(1);
  transform: translate3d(0,  0,  0) scale(1);
}

.range-ios.range-disabled {
  opacity: .5;
}

.range-ios-primary .range-bar-active,
.range-ios-primary .range-tick-active {
  background: #0099ff;
}

.range-ios-secondary .range-bar-active,
.range-ios-secondary .range-tick-active {
  background: #36B37E;
}

.range-ios-danger .range-bar-active,
.range-ios-danger .range-tick-active {
  background: #FF5630;
}

.range-ios-light .range-bar-active,
.range-ios-light .range-tick-active {
  background: #000;
}

.range-ios-dark .range-bar-active,
.range-ios-dark .range-tick-active {
  background: #172B4D;
}

.range-ios-snappink .range-bar-active,
.range-ios-snappink .range-tick-active {
  background: #3687f0;
}

.range-ios-snapblue .range-bar-active,
.range-ios-snapblue .range-tick-active {
  background: #00d8ff;
}

.range-ios-snapyellow .range-bar-active,
.range-ios-snapyellow .range-tick-active {
  background: #FFC107;
}

.range-ios-snapgreen .range-bar-active,
.range-ios-snapgreen .range-tick-active {
  background: #4CAF50;
}

.range-ios-snapindigo .range-bar-active,
.range-ios-snapindigo .range-tick-active {
  background: #3F51B5;
}

.range-ios-backgroundgrey .range-bar-active,
.range-ios-backgroundgrey .range-tick-active {
  background: #EEEEEE;
}

.range-ios-whitecolor .range-bar-active,
.range-ios-whitecolor .range-tick-active {
  background: #000;
}

.range-ios-grey .range-bar-active,
.range-ios-grey .range-tick-active {
  background: #828082;
}

.range-ios-blackcolor .range-bar-active,
.range-ios-blackcolor .range-tick-active {
  background: #000;
}

.range-ios-mildred .range-bar-active,
.range-ios-mildred .range-tick-active {
  background: #FF0266;
}

.range-ios-mildgreen .range-bar-active,
.range-ios-mildgreen .range-tick-active {
  background: #69F0AE;
}

.range-ios-sidebar .range-bar-active,
.range-ios-sidebar .range-tick-active {
  background: #0000ffc0;
}

.range-ios-white .range-bar-active,
.range-ios-white .range-tick-active {
  background: #ffffff;
}

.range-ios-magenta .range-bar-active,
.range-ios-magenta .range-tick-active {
  background: #c404c4;
}

.range-md {
  padding: 8px;
}

.range-md [range-left] {
  margin: 0 12px 0 0;
}

.range-md [range-right] {
  margin: 0 0 0 12px;
}

.range-md.range-has-pin {
  padding-top: 28px;
}

.range-md .range-slider {
  height: 42px;
}

.range-md .range-bar {
  left: 0;
  top: 21px;
  position: absolute;
  width: 100%;
  height: 2px;
  background: #bdbdbd;
  pointer-events: none;
}

.range-md.range-pressed .range-bar-active {
  will-change: left, right;
}

.range-md.range-pressed .range-knob-handle {
  will-change: left;
}

.range-md .range-bar-active {
  bottom: 0;
  width: auto;
  background: #0099ff;
}

.range-md .range-knob-handle {
  left: 0;
  top: 21px;
  margin-left: -21px;
  margin-top: -21px;
  text-align: center;
  position: absolute;
  width: 42px;
  height: 42px;
}

.range-md .range-knob {
  left: 12px;
  top: 13px;
  border-radius: 50%;
  position: absolute;
  z-index: 2;
  width: 18px;
  height: 18px;
  background: #0099ff;
  -webkit-transform: scale(0.67);
  transform: scale(0.67);
  -webkit-transition-duration: 120ms;
  transition-duration: 120ms;
  -webkit-transition-property: background-color, border, -webkit-transform;
  transition-property: background-color, border, -webkit-transform;
  transition-property: transform, background-color, border;
  transition-property: transform, background-color, border, -webkit-transform;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  pointer-events: none;
}

.range-md .range-tick {
  margin-left: -1px;
  border-radius: 50%;
  position: absolute;
  top: 21px;
  z-index: 1;
  width: 2px;
  height: 2px;
  background: #000;
  pointer-events: none;
}

.range-md .range-tick-active {
  background: #000;
}

.range-md .range-pin {
  padding: 8px 0;
  text-align: center;
  border-radius: 50%;
  -webkit-transform: translate3d(0,  28px,  0) scale(0.01);
  transform: translate3d(0,  28px,  0) scale(0.01);
  position: relative;
  top: -20px;
  display: inline-block;
  min-width: 28px;
  height: 28px;
  font-size: 12px;
  color: #fff;
  background: #0099ff;
  -webkit-transition: background-color 120ms ease, -webkit-transform 120ms ease;
  transition: background-color 120ms ease, -webkit-transform 120ms ease;
  transition: transform 120ms ease, background-color 120ms ease;
  transition: transform 120ms ease, background-color 120ms ease, -webkit-transform 120ms ease;
}

.range-md .range-pin::before {
  left: 50%;
  top: 3px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 0;
  margin-left: -13px;
  position: absolute;
  z-index: -1;
  width: 26px;
  height: 26px;
  background: #0099ff;
  content: "";
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: background-color 120ms ease;
  transition: background-color 120ms ease;
}

.range-md .range-knob-pressed .range-pin {
  -webkit-transform: translate3d(0,  0,  0) scale(1);
  transform: translate3d(0,  0,  0) scale(1);
}

.range-md:not(.range-has-pin) .range-knob-pressed .range-knob {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md .range-knob-min.range-knob-min .range-pin,
.range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md.range-disabled .range-bar-active {
  background-color: #bdbdbd;
}

.range-md.range-disabled .range-knob {
  outline: 5px solid #fff;
  background-color: #bdbdbd;
  -webkit-transform: scale(0.55);
  transform: scale(0.55);
}

.range-md-primary .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-primary .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-primary .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-primary .range-bar-active,
.range-md-primary .range-knob,
.range-md-primary .range-pin,
.range-md-primary .range-pin::before {
  background: #0099ff;
}

.range-md-secondary .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-secondary .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-secondary .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-secondary .range-bar-active,
.range-md-secondary .range-knob,
.range-md-secondary .range-pin,
.range-md-secondary .range-pin::before {
  background: #36B37E;
}

.range-md-danger .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-danger .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-danger .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-danger .range-bar-active,
.range-md-danger .range-knob,
.range-md-danger .range-pin,
.range-md-danger .range-pin::before {
  background: #FF5630;
}

.range-md-light .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-light .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-light .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-light .range-bar-active,
.range-md-light .range-knob,
.range-md-light .range-pin,
.range-md-light .range-pin::before {
  background: #000;
}

.range-md-dark .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-dark .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-dark .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-dark .range-bar-active,
.range-md-dark .range-knob,
.range-md-dark .range-pin,
.range-md-dark .range-pin::before {
  background: #172B4D;
}

.range-md-snappink .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-snappink .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-snappink .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-snappink .range-bar-active,
.range-md-snappink .range-knob,
.range-md-snappink .range-pin,
.range-md-snappink .range-pin::before {
  background: #3687f0;
}

.range-md-snapblue .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-snapblue .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-snapblue .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-snapblue .range-bar-active,
.range-md-snapblue .range-knob,
.range-md-snapblue .range-pin,
.range-md-snapblue .range-pin::before {
  background: #00d8ff;
}

.range-md-snapyellow .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-snapyellow .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-snapyellow .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-snapyellow .range-bar-active,
.range-md-snapyellow .range-knob,
.range-md-snapyellow .range-pin,
.range-md-snapyellow .range-pin::before {
  background: #FFC107;
}

.range-md-snapgreen .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-snapgreen .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-snapgreen .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-snapgreen .range-bar-active,
.range-md-snapgreen .range-knob,
.range-md-snapgreen .range-pin,
.range-md-snapgreen .range-pin::before {
  background: #4CAF50;
}

.range-md-snapindigo .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-snapindigo .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-snapindigo .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-snapindigo .range-bar-active,
.range-md-snapindigo .range-knob,
.range-md-snapindigo .range-pin,
.range-md-snapindigo .range-pin::before {
  background: #3F51B5;
}

.range-md-backgroundgrey .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-backgroundgrey .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-backgroundgrey .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-backgroundgrey .range-bar-active,
.range-md-backgroundgrey .range-knob,
.range-md-backgroundgrey .range-pin,
.range-md-backgroundgrey .range-pin::before {
  background: #EEEEEE;
}

.range-md-whitecolor .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-whitecolor .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-whitecolor .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-whitecolor .range-bar-active,
.range-md-whitecolor .range-knob,
.range-md-whitecolor .range-pin,
.range-md-whitecolor .range-pin::before {
  background: #000;
}

.range-md-grey .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-grey .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-grey .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-grey .range-bar-active,
.range-md-grey .range-knob,
.range-md-grey .range-pin,
.range-md-grey .range-pin::before {
  background: #828082;
}

.range-md-blackcolor .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-blackcolor .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-blackcolor .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-blackcolor .range-bar-active,
.range-md-blackcolor .range-knob,
.range-md-blackcolor .range-pin,
.range-md-blackcolor .range-pin::before {
  background: #000;
}

.range-md-mildred .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-mildred .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-mildred .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-mildred .range-bar-active,
.range-md-mildred .range-knob,
.range-md-mildred .range-pin,
.range-md-mildred .range-pin::before {
  background: #FF0266;
}

.range-md-mildgreen .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-mildgreen .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-mildgreen .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-mildgreen .range-bar-active,
.range-md-mildgreen .range-knob,
.range-md-mildgreen .range-pin,
.range-md-mildgreen .range-pin::before {
  background: #69F0AE;
}

.range-md-sidebar .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-sidebar .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-sidebar .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-sidebar .range-bar-active,
.range-md-sidebar .range-knob,
.range-md-sidebar .range-pin,
.range-md-sidebar .range-pin::before {
  background: #0000ffc0;
}

.range-md-white .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-white .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-white .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-white .range-bar-active,
.range-md-white .range-knob,
.range-md-white .range-pin,
.range-md-white .range-pin::before {
  background: #ffffff;
}

.range-md-magenta .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-magenta .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-magenta .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-magenta .range-bar-active,
.range-md-magenta .range-knob,
.range-md-magenta .range-pin,
.range-md-magenta .range-pin::before {
  background: #c404c4;
}

.range-wp {
  padding: 8px;
}

.range-wp [range-left] {
  margin: 0 12px 0 0;
}

.range-wp [range-right] {
  margin: 0 0 0 12px;
}

.range-wp.range-has-pin {
  padding-top: 28px;
}

.range-wp .range-slider {
  height: 42px;
}

.range-wp .range-bar {
  left: 0;
  top: 21px;
  position: absolute;
  width: 100%;
  height: 2px;
  background: #bdbdbd;
  pointer-events: none;
}

.range-wp.range-pressed .range-bar-active {
  will-change: left, right;
}

.range-wp.range-pressed .range-knob-handle {
  will-change: left;
}

.range-wp .range-bar-active {
  bottom: 0;
  width: auto;
  background: #0099ff;
}

.range-wp .range-knob-handle {
  left: 0;
  top: 21px;
  margin-left: -21px;
  margin-top: -21px;
  text-align: center;
  position: absolute;
  width: 42px;
  height: 42px;
}

.range-wp .range-knob {
  left: 17px;
  top: 10px;
  border-radius: 4px;
  position: absolute;
  width: 8px;
  height: 24px;
  background: #0099ff;
  pointer-events: none;
}

.range-wp .range-tick {
  margin-left: -1px;
  border-radius: 4px;
  position: absolute;
  top: 19px;
  width: 2px;
  height: 6px;
  background: #bdbdbd;
  pointer-events: none;
}

.range-wp .range-tick-active {
  background: #0099ff;
}

.range-wp .range-pin {
  text-align: center;
  border-radius: 50px;
  -webkit-transform: translate3d(0,  28px,  0) scale(0.01);
  transform: translate3d(0,  28px,  0) scale(0.01);
  position: relative;
  top: -24px;
  display: inline-block;
  min-width: 28px;
  font-size: 12px;
  color: #fff;
  background: #0099ff;
  -webkit-transition: -webkit-transform 120ms ease;
  transition: -webkit-transform 120ms ease;
  transition: transform 120ms ease;
  transition: transform 120ms ease, -webkit-transform 120ms ease;
  padding: 8px;
}

.range-wp .range-knob-pressed .range-pin {
  -webkit-transform: translate3d(0,  0,  0) scale(1);
  transform: translate3d(0,  0,  0) scale(1);
}

.range-wp.range-disabled {
  opacity: .5;
}

.range-wp-primary .range-bar-active,
.range-wp-primary .range-tick-active,
.range-wp-primary .range-knob,
.range-wp-primary .range-pin {
  background: #0099ff;
}

.range-wp-secondary .range-bar-active,
.range-wp-secondary .range-tick-active,
.range-wp-secondary .range-knob,
.range-wp-secondary .range-pin {
  background: #36B37E;
}

.range-wp-danger .range-bar-active,
.range-wp-danger .range-tick-active,
.range-wp-danger .range-knob,
.range-wp-danger .range-pin {
  background: #FF5630;
}

.range-wp-light .range-bar-active,
.range-wp-light .range-tick-active,
.range-wp-light .range-knob,
.range-wp-light .range-pin {
  background: #000;
}

.range-wp-dark .range-bar-active,
.range-wp-dark .range-tick-active,
.range-wp-dark .range-knob,
.range-wp-dark .range-pin {
  background: #172B4D;
}

.range-wp-snappink .range-bar-active,
.range-wp-snappink .range-tick-active,
.range-wp-snappink .range-knob,
.range-wp-snappink .range-pin {
  background: #3687f0;
}

.range-wp-snapblue .range-bar-active,
.range-wp-snapblue .range-tick-active,
.range-wp-snapblue .range-knob,
.range-wp-snapblue .range-pin {
  background: #00d8ff;
}

.range-wp-snapyellow .range-bar-active,
.range-wp-snapyellow .range-tick-active,
.range-wp-snapyellow .range-knob,
.range-wp-snapyellow .range-pin {
  background: #FFC107;
}

.range-wp-snapgreen .range-bar-active,
.range-wp-snapgreen .range-tick-active,
.range-wp-snapgreen .range-knob,
.range-wp-snapgreen .range-pin {
  background: #4CAF50;
}

.range-wp-snapindigo .range-bar-active,
.range-wp-snapindigo .range-tick-active,
.range-wp-snapindigo .range-knob,
.range-wp-snapindigo .range-pin {
  background: #3F51B5;
}

.range-wp-backgroundgrey .range-bar-active,
.range-wp-backgroundgrey .range-tick-active,
.range-wp-backgroundgrey .range-knob,
.range-wp-backgroundgrey .range-pin {
  background: #EEEEEE;
}

.range-wp-whitecolor .range-bar-active,
.range-wp-whitecolor .range-tick-active,
.range-wp-whitecolor .range-knob,
.range-wp-whitecolor .range-pin {
  background: #000;
}

.range-wp-grey .range-bar-active,
.range-wp-grey .range-tick-active,
.range-wp-grey .range-knob,
.range-wp-grey .range-pin {
  background: #828082;
}

.range-wp-blackcolor .range-bar-active,
.range-wp-blackcolor .range-tick-active,
.range-wp-blackcolor .range-knob,
.range-wp-blackcolor .range-pin {
  background: #000;
}

.range-wp-mildred .range-bar-active,
.range-wp-mildred .range-tick-active,
.range-wp-mildred .range-knob,
.range-wp-mildred .range-pin {
  background: #FF0266;
}

.range-wp-mildgreen .range-bar-active,
.range-wp-mildgreen .range-tick-active,
.range-wp-mildgreen .range-knob,
.range-wp-mildgreen .range-pin {
  background: #69F0AE;
}

.range-wp-sidebar .range-bar-active,
.range-wp-sidebar .range-tick-active,
.range-wp-sidebar .range-knob,
.range-wp-sidebar .range-pin {
  background: #0000ffc0;
}

.range-wp-white .range-bar-active,
.range-wp-white .range-tick-active,
.range-wp-white .range-knob,
.range-wp-white .range-pin {
  background: #ffffff;
}

.range-wp-magenta .range-bar-active,
.range-wp-magenta .range-tick-active,
.range-wp-magenta .range-knob,
.range-wp-magenta .range-pin {
  background: #c404c4;
}

ion-refresher {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 0;
  display: none;
  width: 100%;
  height: 60px;
}

ion-refresher.refresher-active {
  display: block;
}

.has-refresher > .scroll-content {
  margin-top: -1px;
  border-top: 1px solid #ddd;
  -webkit-transition: -webkit-transform 320ms cubic-bezier(0.36, 0.66, 0.04, 1);
  transition: -webkit-transform 320ms cubic-bezier(0.36, 0.66, 0.04, 1);
  transition: transform 320ms cubic-bezier(0.36, 0.66, 0.04, 1);
  transition: transform 320ms cubic-bezier(0.36, 0.66, 0.04, 1), -webkit-transform 320ms cubic-bezier(0.36, 0.66, 0.04, 1);
}

ion-refresher-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}

.refresher-pulling,
.refresher-refreshing {
  display: none;
  width: 100%;
}

.refresher-pulling-icon,
.refresher-refreshing-icon {
  text-align: center;
  -webkit-transform-origin: center;
  transform-origin: center;
  font-size: 30px;
  color: #000;
  -webkit-transition: 200ms;
  transition: 200ms;
}

.refresher-pulling-text,
.refresher-refreshing-text {
  text-align: center;
  font-size: 16px;
  color: #000;
}

.refresher-refreshing .spinner-ios line,
.refresher-refreshing .spinner-ios-small line,
.refresher-refreshing .spinner-crescent circle {
  stroke: #000;
}

.refresher-refreshing .spinner-bubbles circle,
.refresher-refreshing .spinner-circles circle,
.refresher-refreshing .spinner-dots circle {
  fill: #000;
}

ion-refresher-content[state=pulling] .refresher-pulling {
  display: block;
}

ion-refresher-content[state=ready] .refresher-pulling {
  display: block;
}

ion-refresher-content[state=ready] .refresher-pulling-icon {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

ion-refresher-content[state=refreshing] .refresher-refreshing {
  display: block;
}

ion-refresher-content[state=cancelling] .refresher-pulling {
  display: block;
}

ion-refresher-content[state=cancelling] .refresher-pulling-icon {
  -webkit-transform: scale(0);
  transform: scale(0);
}

ion-refresher-content[state=completing] .refresher-refreshing {
  display: block;
}

ion-refresher-content[state=completing] .refresher-refreshing-icon {
  -webkit-transform: scale(0);
  transform: scale(0);
}

ion-scroll {
  position: relative;
  display: block;
}

ion-scroll.scroll-x .scroll-content {
  overflow-x: auto;
}

ion-scroll.scroll-y .scroll-content {
  overflow-y: auto;
}

ion-scroll[center] .scroll-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

ion-scroll .scroll-content {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  overflow-y: hidden;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
}

ion-searchbar {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.searchbar-icon {
  pointer-events: none;
}

.searchbar-input-container {
  position: relative;
  display: block;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  width: 100%;
}

.searchbar-input {
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  border: 0;
  font-family: inherit;
}

.searchbar-clear-icon {
  margin: 0;
  padding: 0;
  display: none;
  min-height: 0;
}

.searchbar-has-value.searchbar-has-focus .searchbar-clear-icon {
  display: block;
}

.searchbar-ios {
  padding: 0 8px;
  min-height: 44px;
  border-top: 0.55px solid transparent;
  border-bottom: 0.55px solid rgba(0, 0, 0, 0.05);
  background: rgba(0, 0, 0, 0.2);
}

.searchbar-ios .searchbar-search-icon {
  left: 9px;
  top: 9px;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='rgba(0,%200,%200,%200.5)'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='rgba(0,%200,%200,%200.5)'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>");
  margin-left: calc(50% - 60px);
  position: absolute;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-size: 13px;
}

.searchbar-ios .searchbar-input {
  padding: 0 28px;
  border-radius: 5px;
  height: 3rem;
  font-size: 1.4rem;
  font-weight: 400;
  color: #000;
  background-color: #fff;
}

.searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(0, 0, 0, 0.5);
}

.searchbar-ios .searchbar-clear-icon {
  right: 0;
  top: 0;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='rgba(0,%200,%200,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
  background-position: center;
  position: absolute;
  width: 30px;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 18px;
}

.searchbar-ios .searchbar-ios-cancel {
  padding: 0 0 0 8px;
  margin-left: 0;
  display: none;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 30px;
  cursor: pointer;
}

.searchbar-ios.searchbar-left-aligned .searchbar-search-icon {
  margin-left: 0;
}

.searchbar-ios.searchbar-left-aligned .searchbar-input {
  padding-left: 30px;
}

.searchbar-ios.searchbar-show-cancel.searchbar-has-focus .searchbar-ios-cancel {
  display: block;
}

.toolbar .searchbar-ios {
  border-bottom-width: 0;
  background: transparent;
}

.toolbar .searchbar-ios .searchbar-input {
  background: rgba(0, 0, 0, 0.08);
}

.toolbar .searchbar-ios .searchbar-ios-cancel {
  padding: 0;
}

.toolbar .searchbar-ios.searchbar-has-focus .searchbar-ios-cancel {
  padding-left: 8px;
}

.searchbar-ios .searchbar-md-cancel {
  display: none;
}

.searchbar-ios-primary .searchbar-ios-cancel {
  color: #0099ff;
}

.searchbar-ios-primary .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #14a1ff;
}

.toolbar-ios-primary .searchbar-ios .searchbar-search-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='rgba(255,%20255,%20255,%200.5)'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>");
}

.toolbar-ios-primary .searchbar-ios .searchbar-input {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-primary .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-primary .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-primary .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-primary .searchbar-ios .searchbar-clear-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
}

.toolbar-ios-primary .searchbar-ios .searchbar-ios-cancel {
  color: #fff;
}

.searchbar-ios-secondary .searchbar-ios-cancel {
  color: #36B37E;
}

.searchbar-ios-secondary .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #46b988;
}

.toolbar-ios-secondary .searchbar-ios .searchbar-search-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='rgba(255,%20255,%20255,%200.5)'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>");
}

.toolbar-ios-secondary .searchbar-ios .searchbar-input {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-secondary .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-secondary .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-secondary .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-secondary .searchbar-ios .searchbar-clear-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
}

.toolbar-ios-secondary .searchbar-ios .searchbar-ios-cancel {
  color: #fff;
}

.searchbar-ios-danger .searchbar-ios-cancel {
  color: #FF5630;
}

.searchbar-ios-danger .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #eb4f2c;
}

.toolbar-ios-danger .searchbar-ios .searchbar-search-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='rgba(255,%20255,%20255,%200.5)'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>");
}

.toolbar-ios-danger .searchbar-ios .searchbar-input {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-danger .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-danger .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-danger .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-danger .searchbar-ios .searchbar-clear-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
}

.toolbar-ios-danger .searchbar-ios .searchbar-ios-cancel {
  color: #fff;
}

.searchbar-ios-light .searchbar-ios-cancel {
  color: #000;
}

.searchbar-ios-light .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #141414;
}

.toolbar-ios-light .searchbar-ios .searchbar-search-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='rgba(255,%20255,%20255,%200.5)'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>");
}

.toolbar-ios-light .searchbar-ios .searchbar-input {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-light .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-light .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-light .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-light .searchbar-ios .searchbar-clear-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
}

.toolbar-ios-light .searchbar-ios .searchbar-ios-cancel {
  color: #fff;
}

.searchbar-ios-dark .searchbar-ios-cancel {
  color: #172B4D;
}

.searchbar-ios-dark .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #2a3c5b;
}

.toolbar-ios-dark .searchbar-ios .searchbar-search-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='rgba(255,%20255,%20255,%200.5)'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>");
}

.toolbar-ios-dark .searchbar-ios .searchbar-input {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-dark .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-dark .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-dark .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-dark .searchbar-ios .searchbar-clear-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
}

.toolbar-ios-dark .searchbar-ios .searchbar-ios-cancel {
  color: #fff;
}

.searchbar-ios-snappink .searchbar-ios-cancel {
  color: #3687f0;
}

.searchbar-ios-snappink .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #327cdd;
}

.toolbar-ios-snappink .searchbar-ios .searchbar-search-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='rgba(255,%20255,%20255,%200.5)'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>");
}

.toolbar-ios-snappink .searchbar-ios .searchbar-input {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-snappink .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-snappink .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-snappink .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-snappink .searchbar-ios .searchbar-clear-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
}

.toolbar-ios-snappink .searchbar-ios .searchbar-ios-cancel {
  color: #fff;
}

.searchbar-ios-snapblue .searchbar-ios-cancel {
  color: #00d8ff;
}

.searchbar-ios-snapblue .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #14dbff;
}

.toolbar-ios-snapblue .searchbar-ios .searchbar-search-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='rgba(255,%20255,%20255,%200.5)'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>");
}

.toolbar-ios-snapblue .searchbar-ios .searchbar-input {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-snapblue .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-snapblue .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-snapblue .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-snapblue .searchbar-ios .searchbar-clear-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
}

.toolbar-ios-snapblue .searchbar-ios .searchbar-ios-cancel {
  color: #fff;
}

.searchbar-ios-snapyellow .searchbar-ios-cancel {
  color: #FFC107;
}

.searchbar-ios-snapyellow .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #ebb206;
}

.toolbar-ios-snapyellow .searchbar-ios .searchbar-search-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='rgba(0,%200,%200,%200.5)'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='rgba(0,%200,%200,%200.5)'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>");
}

.toolbar-ios-snapyellow .searchbar-ios .searchbar-input {
  color: #000;
  background: rgba(0, 0, 0, 0.08);
}

.toolbar-ios-snapyellow .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.toolbar-ios-snapyellow .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.toolbar-ios-snapyellow .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(0, 0, 0, 0.5);
}

.toolbar-ios-snapyellow .searchbar-ios .searchbar-clear-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='rgba(0,%200,%200,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
}

.toolbar-ios-snapyellow .searchbar-ios .searchbar-ios-cancel {
  color: #0099ff;
}

.searchbar-ios-snapgreen .searchbar-ios-cancel {
  color: #4CAF50;
}

.searchbar-ios-snapgreen .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #5ab55e;
}

.toolbar-ios-snapgreen .searchbar-ios .searchbar-search-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='rgba(255,%20255,%20255,%200.5)'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>");
}

.toolbar-ios-snapgreen .searchbar-ios .searchbar-input {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-snapgreen .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-snapgreen .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-snapgreen .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-snapgreen .searchbar-ios .searchbar-clear-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
}

.toolbar-ios-snapgreen .searchbar-ios .searchbar-ios-cancel {
  color: #fff;
}

.searchbar-ios-snapindigo .searchbar-ios-cancel {
  color: #3F51B5;
}

.searchbar-ios-snapindigo .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #4e5fbb;
}

.toolbar-ios-snapindigo .searchbar-ios .searchbar-search-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='rgba(255,%20255,%20255,%200.5)'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>");
}

.toolbar-ios-snapindigo .searchbar-ios .searchbar-input {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-snapindigo .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-snapindigo .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-snapindigo .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-snapindigo .searchbar-ios .searchbar-clear-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
}

.toolbar-ios-snapindigo .searchbar-ios .searchbar-ios-cancel {
  color: #fff;
}

.searchbar-ios-backgroundgrey .searchbar-ios-cancel {
  color: #EEEEEE;
}

.searchbar-ios-backgroundgrey .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #dbdbdb;
}

.toolbar-ios-backgroundgrey .searchbar-ios .searchbar-search-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='rgba(0,%200,%200,%200.5)'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='rgba(0,%200,%200,%200.5)'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>");
}

.toolbar-ios-backgroundgrey .searchbar-ios .searchbar-input {
  color: #000;
  background: rgba(0, 0, 0, 0.08);
}

.toolbar-ios-backgroundgrey .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.toolbar-ios-backgroundgrey .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.toolbar-ios-backgroundgrey .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(0, 0, 0, 0.5);
}

.toolbar-ios-backgroundgrey .searchbar-ios .searchbar-clear-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='rgba(0,%200,%200,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
}

.toolbar-ios-backgroundgrey .searchbar-ios .searchbar-ios-cancel {
  color: #0099ff;
}

.searchbar-ios-whitecolor .searchbar-ios-cancel {
  color: #000;
}

.searchbar-ios-whitecolor .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #141414;
}

.toolbar-ios-whitecolor .searchbar-ios .searchbar-search-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='rgba(255,%20255,%20255,%200.5)'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>");
}

.toolbar-ios-whitecolor .searchbar-ios .searchbar-input {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-whitecolor .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-whitecolor .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-whitecolor .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-whitecolor .searchbar-ios .searchbar-clear-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
}

.toolbar-ios-whitecolor .searchbar-ios .searchbar-ios-cancel {
  color: #fff;
}

.searchbar-ios-grey .searchbar-ios-cancel {
  color: #828082;
}

.searchbar-ios-grey .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #787678;
}

.toolbar-ios-grey .searchbar-ios .searchbar-search-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='rgba(255,%20255,%20255,%200.5)'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>");
}

.toolbar-ios-grey .searchbar-ios .searchbar-input {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-grey .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-grey .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-grey .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-grey .searchbar-ios .searchbar-clear-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
}

.toolbar-ios-grey .searchbar-ios .searchbar-ios-cancel {
  color: #fff;
}

.searchbar-ios-blackcolor .searchbar-ios-cancel {
  color: #000;
}

.searchbar-ios-blackcolor .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #141414;
}

.toolbar-ios-blackcolor .searchbar-ios .searchbar-search-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='rgba(255,%20255,%20255,%200.5)'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>");
}

.toolbar-ios-blackcolor .searchbar-ios .searchbar-input {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-blackcolor .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-blackcolor .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-blackcolor .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-blackcolor .searchbar-ios .searchbar-clear-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
}

.toolbar-ios-blackcolor .searchbar-ios .searchbar-ios-cancel {
  color: #fff;
}

.searchbar-ios-mildred .searchbar-ios-cancel {
  color: #FF0266;
}

.searchbar-ios-mildred .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #eb025e;
}

.toolbar-ios-mildred .searchbar-ios .searchbar-search-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='rgba(255,%20255,%20255,%200.5)'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>");
}

.toolbar-ios-mildred .searchbar-ios .searchbar-input {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-mildred .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-mildred .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-mildred .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-mildred .searchbar-ios .searchbar-clear-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
}

.toolbar-ios-mildred .searchbar-ios .searchbar-ios-cancel {
  color: #fff;
}

.searchbar-ios-mildgreen .searchbar-ios-cancel {
  color: #69F0AE;
}

.searchbar-ios-mildgreen .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #61dda0;
}

.toolbar-ios-mildgreen .searchbar-ios .searchbar-search-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='rgba(255,%20255,%20255,%200.5)'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>");
}

.toolbar-ios-mildgreen .searchbar-ios .searchbar-input {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-mildgreen .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-mildgreen .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-mildgreen .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-mildgreen .searchbar-ios .searchbar-clear-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
}

.toolbar-ios-mildgreen .searchbar-ios .searchbar-ios-cancel {
  color: #fff;
}

.searchbar-ios-sidebar .searchbar-ios-cancel {
  color: #0000ffc0;
}

.searchbar-ios-sidebar .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: rgba(32, 32, 255, 0.772706);
}

.toolbar-ios-sidebar .searchbar-ios .searchbar-search-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='rgba(255,%20255,%20255,%200.5)'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>");
}

.toolbar-ios-sidebar .searchbar-ios .searchbar-input {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-sidebar .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-sidebar .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-sidebar .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-sidebar .searchbar-ios .searchbar-clear-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
}

.toolbar-ios-sidebar .searchbar-ios .searchbar-ios-cancel {
  color: #fff;
}

.searchbar-ios-white .searchbar-ios-cancel {
  color: #ffffff;
}

.searchbar-ios-white .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #ebebeb;
}

.toolbar-ios-white .searchbar-ios .searchbar-search-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='rgba(0,%200,%200,%200.5)'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='rgba(0,%200,%200,%200.5)'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>");
}

.toolbar-ios-white .searchbar-ios .searchbar-input {
  color: #000;
  background: rgba(0, 0, 0, 0.08);
}

.toolbar-ios-white .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.toolbar-ios-white .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.toolbar-ios-white .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(0, 0, 0, 0.5);
}

.toolbar-ios-white .searchbar-ios .searchbar-clear-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='rgba(0,%200,%200,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
}

.toolbar-ios-white .searchbar-ios .searchbar-ios-cancel {
  color: #0099ff;
}

.searchbar-ios-magenta .searchbar-ios-cancel {
  color: #c404c4;
}

.searchbar-ios-magenta .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #c918c9;
}

.toolbar-ios-magenta .searchbar-ios .searchbar-search-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='rgba(255,%20255,%20255,%200.5)'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>");
}

.toolbar-ios-magenta .searchbar-ios .searchbar-input {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-magenta .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-magenta .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-magenta .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-magenta .searchbar-ios .searchbar-clear-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
}

.toolbar-ios-magenta .searchbar-ios .searchbar-ios-cancel {
  color: #fff;
}

.searchbar-ios.searchbar-animated.searchbar-show-cancel .searchbar-ios-cancel {
  display: block;
}

.searchbar-ios.searchbar-animated .searchbar-search-icon,
.searchbar-ios.searchbar-animated .searchbar-input {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.searchbar-animated.searchbar-has-focus .searchbar-ios-cancel {
  opacity: 1;
  pointer-events: auto;
}

.searchbar-animated .searchbar-ios-cancel {
  margin-right: -100%;
  -webkit-transform: translate3d(0,  0,  0);
  transform: translate3d(0,  0,  0);
  opacity: 0;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  pointer-events: none;
}

.searchbar-md {
  background: inherit;
  padding: 8px;
}

.searchbar-md .searchbar-search-icon {
  left: 16px;
  top: 11px;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='%235b5b5b'%20d='M337.509,305.372h-17.501l-6.571-5.486c20.791-25.232,33.922-57.054,33.922-93.257C347.358,127.632,283.896,64,205.135,64C127.452,64,64,127.632,64,206.629s63.452,142.628,142.225,142.628c35.011,0,67.831-13.167,92.991-34.008l6.561,5.487v17.551L415.18,448L448,415.086L337.509,305.372z%20M206.225,305.372c-54.702,0-98.463-43.887-98.463-98.743c0-54.858,43.761-98.742,98.463-98.742c54.7,0,98.462,43.884,98.462,98.742C304.687,261.485,260.925,305.372,206.225,305.372z'/></svg>");
  width: 21px;
  height: 21px;
}

.searchbar-md .searchbar-md-cancel {
  left: 10px;
  top: 0;
  margin: 0;
  display: none;
  width: 21px;
  height: 100%;
}

.searchbar-md .searchbar-search-icon,
.searchbar-md .searchbar-md-cancel {
  position: absolute;
  background-repeat: no-repeat;
  background-size: 20px;
}

.searchbar-md .searchbar-search-icon.activated,
.searchbar-md .searchbar-md-cancel.activated {
  background-color: transparent;
}

.searchbar-md .searchbar-input {
  padding: 6px 55px;
  border-radius: 2px;
  background-position: left 8px center;
  height: auto;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 3rem;
  color: #141414;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.searchbar-md .searchbar-input::-moz-placeholder {
  color: #aeaeae;
}

.searchbar-md .searchbar-input:-ms-input-placeholder {
  color: #aeaeae;
}

.searchbar-md .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: #aeaeae;
}

.searchbar-md .searchbar-clear-icon {
  right: 13px;
  top: 0;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><polygon%20fill='%235b5b5b'%20points='405,136.798%20375.202,107%20256,226.202%20136.798,107%20107,136.798%20226.202,256%20107,375.202%20136.798,405%20256,285.798%20375.202,405%20405,375.202%20285.798,256'/></svg>");
  padding: 0;
  background-position: center;
  position: absolute;
  width: 22px;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 22px;
}

.searchbar-md .searchbar-clear-icon.activated {
  background-color: transparent;
}

.searchbar-md.searchbar-has-focus.searchbar-show-cancel .searchbar-search-icon {
  display: none;
}

.searchbar-md.searchbar-has-focus.searchbar-show-cancel .searchbar-md-cancel {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.toolbar .searchbar-md {
  padding: 3px;
}

.toolbar .searchbar-md .searchbar-md-cancel {
  left: 14px;
}

.searchbar-md .searchbar-ios-cancel {
  display: none;
}

.searchbar-wp {
  background: transparent;
  padding: 8px;
}

.searchbar-wp .searchbar-input-container {
  border: 2px solid rgba(0, 0, 0, 0.5);
}

.searchbar-wp .searchbar-search-icon {
  right: 8px;
  top: 5px;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='%23858585'%20d='M337.509,305.372h-17.501l-6.571-5.486c20.791-25.232,33.922-57.054,33.922-93.257C347.358,127.632,283.896,64,205.135,64C127.452,64,64,127.632,64,206.629s63.452,142.628,142.225,142.628c35.011,0,67.831-13.167,92.991-34.008l6.561,5.487v17.551L415.18,448L448,415.086L337.509,305.372z%20M206.225,305.372c-54.702,0-98.463-43.887-98.463-98.743c0-54.858,43.761-98.742,98.463-98.742c54.7,0,98.462,43.884,98.462,98.742C304.687,261.485,260.925,305.372,206.225,305.372z'/></svg>");
  position: absolute;
  width: 21px;
  height: 21px;
  background-repeat: no-repeat;
  background-size: 20px;
}

.searchbar-wp .searchbar-search-icon.activated {
  background-color: transparent;
}

.searchbar-wp .searchbar-input {
  padding: 0 8px;
  border-radius: 0;
  background-position: left 8px center;
  height: auto;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 3rem;
  color: #141414;
  background-color: #fff;
}

.searchbar-wp .searchbar-input::-moz-placeholder {
  color: #858585;
}

.searchbar-wp .searchbar-input:-ms-input-placeholder {
  color: #858585;
}

.searchbar-wp .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: #858585;
}

.searchbar-wp .searchbar-clear-icon {
  right: 8px;
  top: 0;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><polygon%20fill='%23858585'%20points='405,136.798%20375.202,107%20256,226.202%20136.798,107%20107,136.798%20226.202,256%20107,375.202%20136.798,405%20256,285.798%20375.202,405%20405,375.202%20285.798,256'/></svg>");
  padding: 0;
  background-position: center;
  position: absolute;
  width: 22px;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 22px;
}

.searchbar-wp .searchbar-clear-icon.activated {
  background-color: transparent;
}

.searchbar-wp.searchbar-has-focus .searchbar-input-container {
  border-color: #0099ff;
}

.searchbar-wp.searchbar-has-value .searchbar-search-icon {
  display: none;
}

.searchbar-wp .searchbar-ios-cancel {
  display: none;
}

.searchbar-wp .searchbar-md-cancel {
  display: none;
}

.toolbar .searchbar-wp {
  padding: 2px;
}

.searchbar-wp-primary.searchbar-has-focus .searchbar-input-container {
  border-color: #0099ff;
}

.searchbar-wp-secondary.searchbar-has-focus .searchbar-input-container {
  border-color: #36B37E;
}

.searchbar-wp-danger.searchbar-has-focus .searchbar-input-container {
  border-color: #FF5630;
}

.searchbar-wp-light.searchbar-has-focus .searchbar-input-container {
  border-color: #000;
}

.searchbar-wp-dark.searchbar-has-focus .searchbar-input-container {
  border-color: #172B4D;
}

.searchbar-wp-snappink.searchbar-has-focus .searchbar-input-container {
  border-color: #3687f0;
}

.searchbar-wp-snapblue.searchbar-has-focus .searchbar-input-container {
  border-color: #00d8ff;
}

.searchbar-wp-snapyellow.searchbar-has-focus .searchbar-input-container {
  border-color: #FFC107;
}

.searchbar-wp-snapgreen.searchbar-has-focus .searchbar-input-container {
  border-color: #4CAF50;
}

.searchbar-wp-snapindigo.searchbar-has-focus .searchbar-input-container {
  border-color: #3F51B5;
}

.searchbar-wp-backgroundgrey.searchbar-has-focus .searchbar-input-container {
  border-color: #EEEEEE;
}

.searchbar-wp-whitecolor.searchbar-has-focus .searchbar-input-container {
  border-color: #000;
}

.searchbar-wp-grey.searchbar-has-focus .searchbar-input-container {
  border-color: #828082;
}

.searchbar-wp-blackcolor.searchbar-has-focus .searchbar-input-container {
  border-color: #000;
}

.searchbar-wp-mildred.searchbar-has-focus .searchbar-input-container {
  border-color: #FF0266;
}

.searchbar-wp-mildgreen.searchbar-has-focus .searchbar-input-container {
  border-color: #69F0AE;
}

.searchbar-wp-sidebar.searchbar-has-focus .searchbar-input-container {
  border-color: #0000ffc0;
}

.searchbar-wp-white.searchbar-has-focus .searchbar-input-container {
  border-color: #ffffff;
}

.searchbar-wp-magenta.searchbar-has-focus .searchbar-input-container {
  border-color: #c404c4;
}

ion-segment {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

.segment-button {
  margin-left: 0;
  margin-right: 0;
  text-align: center;
  position: relative;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

.segment-ios .segment-button {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0;
  height: 3.2rem;
  border-width: 1px;
  border-style: solid;
  border-color: #0099ff;
  font-size: 1.3rem;
  line-height: 3rem;
  color: #0099ff;
  background-color: transparent;
}

.segment-ios .segment-button ion-icon {
  font-size: 2.6rem;
  line-height: 2.8rem;
}

.segment-ios .segment-button.segment-activated {
  color: #fff;
  background-color: #0099ff;
  opacity: 1;
  -webkit-transition: 100ms all linear;
  transition: 100ms all linear;
}

.segment-ios .segment-button:hover:not(.segment-activated) {
  background-color: rgba(0, 153, 255, 0.1);
  -webkit-transition: 100ms all linear;
  transition: 100ms all linear;
}

.segment-ios .segment-button:active:not(.segment-activated) {
  background-color: rgba(0, 153, 255, 0.16);
  -webkit-transition: 100ms all linear;
  transition: 100ms all linear;
}

.segment-ios .segment-button:first-of-type {
  border-top-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 4px;
  margin-right: 0;
}

.segment-ios .segment-button:not(:first-of-type) {
  border-left-width: 0;
}

.segment-ios .segment-button:last-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0;
  margin-left: 0;
  border-left-width: 0;
}

[dir="rtl"] .segment-ios .segment-button:first-of-type {
  border-left-width: 0;
}

[dir="rtl"] .segment-ios .segment-button:last-of-type {
  border-left-width: 1px;
}

.segment-ios.segment-disabled {
  opacity: .4;
  pointer-events: none;
}

.segment-ios .segment-button-disabled {
  color: rgba(0, 153, 255, 0.3);
  pointer-events: none;
}

.toolbar-ios .segment-ios {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}

.toolbar-ios .segment-button {
  max-width: 100px;
  height: 2.6rem;
  font-size: 1.2rem;
  line-height: 2.5rem;
}

.toolbar-ios .segment-button ion-icon {
  font-size: 2.2rem;
  line-height: 2.4rem;
}

.segment-ios-primary .segment-button {
  border-color: #0099ff;
  color: #0099ff;
}

.segment-ios-primary .segment-button:hover:not(.segment-activated) {
  background-color: rgba(0, 153, 255, 0.1);
}

.segment-ios-primary .segment-button:active:not(.segment-activated) {
  background-color: rgba(0, 153, 255, 0.16);
}

.segment-ios-primary .segment-button.segment-activated {
  color: #fff;
  background-color: #0099ff;
}

.segment-ios-primary .segment-button-disabled {
  color: rgba(0, 153, 255, 0.3);
}

.toolbar-ios-primary .segment-ios .segment-button.segment-activated {
  color: #0099ff;
}

.segment-ios-secondary .segment-button {
  border-color: #36B37E;
  color: #36B37E;
}

.segment-ios-secondary .segment-button:hover:not(.segment-activated) {
  background-color: rgba(54, 179, 126, 0.1);
}

.segment-ios-secondary .segment-button:active:not(.segment-activated) {
  background-color: rgba(54, 179, 126, 0.16);
}

.segment-ios-secondary .segment-button.segment-activated {
  color: #fff;
  background-color: #36B37E;
}

.segment-ios-secondary .segment-button-disabled {
  color: rgba(54, 179, 126, 0.3);
}

.toolbar-ios-secondary .segment-ios .segment-button.segment-activated {
  color: #36B37E;
}

.segment-ios-danger .segment-button {
  border-color: #FF5630;
  color: #FF5630;
}

.segment-ios-danger .segment-button:hover:not(.segment-activated) {
  background-color: rgba(255, 86, 48, 0.1);
}

.segment-ios-danger .segment-button:active:not(.segment-activated) {
  background-color: rgba(255, 86, 48, 0.16);
}

.segment-ios-danger .segment-button.segment-activated {
  color: #fff;
  background-color: #FF5630;
}

.segment-ios-danger .segment-button-disabled {
  color: rgba(255, 86, 48, 0.3);
}

.toolbar-ios-danger .segment-ios .segment-button.segment-activated {
  color: #FF5630;
}

.segment-ios-light .segment-button {
  border-color: #000;
  color: #000;
}

.segment-ios-light .segment-button:hover:not(.segment-activated) {
  background-color: rgba(0, 0, 0, 0.1);
}

.segment-ios-light .segment-button:active:not(.segment-activated) {
  background-color: rgba(0, 0, 0, 0.16);
}

.segment-ios-light .segment-button.segment-activated {
  color: #fff;
  background-color: #000;
}

.segment-ios-light .segment-button-disabled {
  color: rgba(0, 0, 0, 0.3);
}

.toolbar-ios-light .segment-ios .segment-button.segment-activated {
  color: #000;
}

.segment-ios-dark .segment-button {
  border-color: #172B4D;
  color: #172B4D;
}

.segment-ios-dark .segment-button:hover:not(.segment-activated) {
  background-color: rgba(23, 43, 77, 0.1);
}

.segment-ios-dark .segment-button:active:not(.segment-activated) {
  background-color: rgba(23, 43, 77, 0.16);
}

.segment-ios-dark .segment-button.segment-activated {
  color: #fff;
  background-color: #172B4D;
}

.segment-ios-dark .segment-button-disabled {
  color: rgba(23, 43, 77, 0.3);
}

.toolbar-ios-dark .segment-ios .segment-button.segment-activated {
  color: #172B4D;
}

.segment-ios-snappink .segment-button {
  border-color: #3687f0;
  color: #3687f0;
}

.segment-ios-snappink .segment-button:hover:not(.segment-activated) {
  background-color: rgba(54, 135, 240, 0.1);
}

.segment-ios-snappink .segment-button:active:not(.segment-activated) {
  background-color: rgba(54, 135, 240, 0.16);
}

.segment-ios-snappink .segment-button.segment-activated {
  color: #fff;
  background-color: #3687f0;
}

.segment-ios-snappink .segment-button-disabled {
  color: rgba(54, 135, 240, 0.3);
}

.toolbar-ios-snappink .segment-ios .segment-button.segment-activated {
  color: #3687f0;
}

.segment-ios-snapblue .segment-button {
  border-color: #00d8ff;
  color: #00d8ff;
}

.segment-ios-snapblue .segment-button:hover:not(.segment-activated) {
  background-color: rgba(0, 216, 255, 0.1);
}

.segment-ios-snapblue .segment-button:active:not(.segment-activated) {
  background-color: rgba(0, 216, 255, 0.16);
}

.segment-ios-snapblue .segment-button.segment-activated {
  color: #fff;
  background-color: #00d8ff;
}

.segment-ios-snapblue .segment-button-disabled {
  color: rgba(0, 216, 255, 0.3);
}

.toolbar-ios-snapblue .segment-ios .segment-button.segment-activated {
  color: #00d8ff;
}

.segment-ios-snapyellow .segment-button {
  border-color: #FFC107;
  color: #FFC107;
}

.segment-ios-snapyellow .segment-button:hover:not(.segment-activated) {
  background-color: rgba(255, 193, 7, 0.1);
}

.segment-ios-snapyellow .segment-button:active:not(.segment-activated) {
  background-color: rgba(255, 193, 7, 0.16);
}

.segment-ios-snapyellow .segment-button.segment-activated {
  color: #000;
  background-color: #FFC107;
}

.segment-ios-snapyellow .segment-button-disabled {
  color: rgba(255, 193, 7, 0.3);
}

.toolbar-ios-snapyellow .segment-ios .segment-button.segment-activated {
  color: #FFC107;
}

.segment-ios-snapgreen .segment-button {
  border-color: #4CAF50;
  color: #4CAF50;
}

.segment-ios-snapgreen .segment-button:hover:not(.segment-activated) {
  background-color: rgba(76, 175, 80, 0.1);
}

.segment-ios-snapgreen .segment-button:active:not(.segment-activated) {
  background-color: rgba(76, 175, 80, 0.16);
}

.segment-ios-snapgreen .segment-button.segment-activated {
  color: #fff;
  background-color: #4CAF50;
}

.segment-ios-snapgreen .segment-button-disabled {
  color: rgba(76, 175, 80, 0.3);
}

.toolbar-ios-snapgreen .segment-ios .segment-button.segment-activated {
  color: #4CAF50;
}

.segment-ios-snapindigo .segment-button {
  border-color: #3F51B5;
  color: #3F51B5;
}

.segment-ios-snapindigo .segment-button:hover:not(.segment-activated) {
  background-color: rgba(63, 81, 181, 0.1);
}

.segment-ios-snapindigo .segment-button:active:not(.segment-activated) {
  background-color: rgba(63, 81, 181, 0.16);
}

.segment-ios-snapindigo .segment-button.segment-activated {
  color: #fff;
  background-color: #3F51B5;
}

.segment-ios-snapindigo .segment-button-disabled {
  color: rgba(63, 81, 181, 0.3);
}

.toolbar-ios-snapindigo .segment-ios .segment-button.segment-activated {
  color: #3F51B5;
}

.segment-ios-backgroundgrey .segment-button {
  border-color: #EEEEEE;
  color: #EEEEEE;
}

.segment-ios-backgroundgrey .segment-button:hover:not(.segment-activated) {
  background-color: rgba(238, 238, 238, 0.1);
}

.segment-ios-backgroundgrey .segment-button:active:not(.segment-activated) {
  background-color: rgba(238, 238, 238, 0.16);
}

.segment-ios-backgroundgrey .segment-button.segment-activated {
  color: #000;
  background-color: #EEEEEE;
}

.segment-ios-backgroundgrey .segment-button-disabled {
  color: rgba(238, 238, 238, 0.3);
}

.toolbar-ios-backgroundgrey .segment-ios .segment-button.segment-activated {
  color: #EEEEEE;
}

.segment-ios-whitecolor .segment-button {
  border-color: #000;
  color: #000;
}

.segment-ios-whitecolor .segment-button:hover:not(.segment-activated) {
  background-color: rgba(0, 0, 0, 0.1);
}

.segment-ios-whitecolor .segment-button:active:not(.segment-activated) {
  background-color: rgba(0, 0, 0, 0.16);
}

.segment-ios-whitecolor .segment-button.segment-activated {
  color: #fff;
  background-color: #000;
}

.segment-ios-whitecolor .segment-button-disabled {
  color: rgba(0, 0, 0, 0.3);
}

.toolbar-ios-whitecolor .segment-ios .segment-button.segment-activated {
  color: #000;
}

.segment-ios-grey .segment-button {
  border-color: #828082;
  color: #828082;
}

.segment-ios-grey .segment-button:hover:not(.segment-activated) {
  background-color: rgba(130, 128, 130, 0.1);
}

.segment-ios-grey .segment-button:active:not(.segment-activated) {
  background-color: rgba(130, 128, 130, 0.16);
}

.segment-ios-grey .segment-button.segment-activated {
  color: #fff;
  background-color: #828082;
}

.segment-ios-grey .segment-button-disabled {
  color: rgba(130, 128, 130, 0.3);
}

.toolbar-ios-grey .segment-ios .segment-button.segment-activated {
  color: #828082;
}

.segment-ios-blackcolor .segment-button {
  border-color: #000;
  color: #000;
}

.segment-ios-blackcolor .segment-button:hover:not(.segment-activated) {
  background-color: rgba(0, 0, 0, 0.1);
}

.segment-ios-blackcolor .segment-button:active:not(.segment-activated) {
  background-color: rgba(0, 0, 0, 0.16);
}

.segment-ios-blackcolor .segment-button.segment-activated {
  color: #fff;
  background-color: #000;
}

.segment-ios-blackcolor .segment-button-disabled {
  color: rgba(0, 0, 0, 0.3);
}

.toolbar-ios-blackcolor .segment-ios .segment-button.segment-activated {
  color: #000;
}

.segment-ios-mildred .segment-button {
  border-color: #FF0266;
  color: #FF0266;
}

.segment-ios-mildred .segment-button:hover:not(.segment-activated) {
  background-color: rgba(255, 2, 102, 0.1);
}

.segment-ios-mildred .segment-button:active:not(.segment-activated) {
  background-color: rgba(255, 2, 102, 0.16);
}

.segment-ios-mildred .segment-button.segment-activated {
  color: #fff;
  background-color: #FF0266;
}

.segment-ios-mildred .segment-button-disabled {
  color: rgba(255, 2, 102, 0.3);
}

.toolbar-ios-mildred .segment-ios .segment-button.segment-activated {
  color: #FF0266;
}

.segment-ios-mildgreen .segment-button {
  border-color: #69F0AE;
  color: #69F0AE;
}

.segment-ios-mildgreen .segment-button:hover:not(.segment-activated) {
  background-color: rgba(105, 240, 174, 0.1);
}

.segment-ios-mildgreen .segment-button:active:not(.segment-activated) {
  background-color: rgba(105, 240, 174, 0.16);
}

.segment-ios-mildgreen .segment-button.segment-activated {
  color: #fff;
  background-color: #69F0AE;
}

.segment-ios-mildgreen .segment-button-disabled {
  color: rgba(105, 240, 174, 0.3);
}

.toolbar-ios-mildgreen .segment-ios .segment-button.segment-activated {
  color: #69F0AE;
}

.segment-ios-sidebar .segment-button {
  border-color: #0000ffc0;
  color: #0000ffc0;
}

.segment-ios-sidebar .segment-button:hover:not(.segment-activated) {
  background-color: rgba(0, 0, 255, 0.1);
}

.segment-ios-sidebar .segment-button:active:not(.segment-activated) {
  background-color: rgba(0, 0, 255, 0.16);
}

.segment-ios-sidebar .segment-button.segment-activated {
  color: #fff;
  background-color: #0000ffc0;
}

.segment-ios-sidebar .segment-button-disabled {
  color: rgba(0, 0, 255, 0.3);
}

.toolbar-ios-sidebar .segment-ios .segment-button.segment-activated {
  color: #0000ffc0;
}

.segment-ios-white .segment-button {
  border-color: #ffffff;
  color: #ffffff;
}

.segment-ios-white .segment-button:hover:not(.segment-activated) {
  background-color: rgba(255, 255, 255, 0.1);
}

.segment-ios-white .segment-button:active:not(.segment-activated) {
  background-color: rgba(255, 255, 255, 0.16);
}

.segment-ios-white .segment-button.segment-activated {
  color: #000;
  background-color: #ffffff;
}

.segment-ios-white .segment-button-disabled {
  color: rgba(255, 255, 255, 0.3);
}

.toolbar-ios-white .segment-ios .segment-button.segment-activated {
  color: #ffffff;
}

.segment-ios-magenta .segment-button {
  border-color: #c404c4;
  color: #c404c4;
}

.segment-ios-magenta .segment-button:hover:not(.segment-activated) {
  background-color: rgba(196, 4, 196, 0.1);
}

.segment-ios-magenta .segment-button:active:not(.segment-activated) {
  background-color: rgba(196, 4, 196, 0.16);
}

.segment-ios-magenta .segment-button.segment-activated {
  color: #fff;
  background-color: #c404c4;
}

.segment-ios-magenta .segment-button-disabled {
  color: rgba(196, 4, 196, 0.3);
}

.toolbar-ios-magenta .segment-ios .segment-button.segment-activated {
  color: #c404c4;
}

.segment-md .segment-button {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0;
  height: 4.2rem;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: rgba(0, 0, 0, 0.1);
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 4rem;
  text-transform: uppercase;
  color: #0099ff;
  background-color: transparent;
  opacity: 0.7;
  -webkit-transition: 100ms all linear;
  transition: 100ms all linear;
  padding: 0 6px;
}

.segment-md .segment-button ion-icon {
  font-size: 2.6rem;
  line-height: 4rem;
}

.segment-md .segment-button.activated, .segment-md .segment-button.segment-activated {
  border-color: #0099ff;
  opacity: 1;
}

.segment-md.segment-disabled,
.segment-md .segment-button-disabled {
  opacity: 0.3;
  pointer-events: none;
}

.toolbar .segment-md {
  margin: 0 auto;
}

.toolbar .segment-md .segment-button.activated,
.toolbar .segment-md .segment-button.segment-activated {
  opacity: 1;
}

.segment-md-primary .segment-button {
  color: #0099ff;
}

.segment-md-primary .segment-button.activated, .segment-md-primary .segment-button.segment-activated {
  border-color: #0099ff;
  color: #0099ff;
  opacity: 1;
}

.segment-md-secondary .segment-button {
  color: #36B37E;
}

.segment-md-secondary .segment-button.activated, .segment-md-secondary .segment-button.segment-activated {
  border-color: #36B37E;
  color: #36B37E;
  opacity: 1;
}

.segment-md-danger .segment-button {
  color: #FF5630;
}

.segment-md-danger .segment-button.activated, .segment-md-danger .segment-button.segment-activated {
  border-color: #FF5630;
  color: #FF5630;
  opacity: 1;
}

.segment-md-light .segment-button {
  color: #000;
}

.segment-md-light .segment-button.activated, .segment-md-light .segment-button.segment-activated {
  border-color: #000;
  color: #000;
  opacity: 1;
}

.segment-md-dark .segment-button {
  color: #172B4D;
}

.segment-md-dark .segment-button.activated, .segment-md-dark .segment-button.segment-activated {
  border-color: #172B4D;
  color: #172B4D;
  opacity: 1;
}

.segment-md-snappink .segment-button {
  color: #3687f0;
}

.segment-md-snappink .segment-button.activated, .segment-md-snappink .segment-button.segment-activated {
  border-color: #3687f0;
  color: #3687f0;
  opacity: 1;
}

.segment-md-snapblue .segment-button {
  color: #00d8ff;
}

.segment-md-snapblue .segment-button.activated, .segment-md-snapblue .segment-button.segment-activated {
  border-color: #00d8ff;
  color: #00d8ff;
  opacity: 1;
}

.segment-md-snapyellow .segment-button {
  color: #FFC107;
}

.segment-md-snapyellow .segment-button.activated, .segment-md-snapyellow .segment-button.segment-activated {
  border-color: #FFC107;
  color: #FFC107;
  opacity: 1;
}

.segment-md-snapgreen .segment-button {
  color: #4CAF50;
}

.segment-md-snapgreen .segment-button.activated, .segment-md-snapgreen .segment-button.segment-activated {
  border-color: #4CAF50;
  color: #4CAF50;
  opacity: 1;
}

.segment-md-snapindigo .segment-button {
  color: #3F51B5;
}

.segment-md-snapindigo .segment-button.activated, .segment-md-snapindigo .segment-button.segment-activated {
  border-color: #3F51B5;
  color: #3F51B5;
  opacity: 1;
}

.segment-md-backgroundgrey .segment-button {
  color: #EEEEEE;
}

.segment-md-backgroundgrey .segment-button.activated, .segment-md-backgroundgrey .segment-button.segment-activated {
  border-color: #EEEEEE;
  color: #EEEEEE;
  opacity: 1;
}

.segment-md-whitecolor .segment-button {
  color: #000;
}

.segment-md-whitecolor .segment-button.activated, .segment-md-whitecolor .segment-button.segment-activated {
  border-color: #000;
  color: #000;
  opacity: 1;
}

.segment-md-grey .segment-button {
  color: #828082;
}

.segment-md-grey .segment-button.activated, .segment-md-grey .segment-button.segment-activated {
  border-color: #828082;
  color: #828082;
  opacity: 1;
}

.segment-md-blackcolor .segment-button {
  color: #000;
}

.segment-md-blackcolor .segment-button.activated, .segment-md-blackcolor .segment-button.segment-activated {
  border-color: #000;
  color: #000;
  opacity: 1;
}

.segment-md-mildred .segment-button {
  color: #FF0266;
}

.segment-md-mildred .segment-button.activated, .segment-md-mildred .segment-button.segment-activated {
  border-color: #FF0266;
  color: #FF0266;
  opacity: 1;
}

.segment-md-mildgreen .segment-button {
  color: #69F0AE;
}

.segment-md-mildgreen .segment-button.activated, .segment-md-mildgreen .segment-button.segment-activated {
  border-color: #69F0AE;
  color: #69F0AE;
  opacity: 1;
}

.segment-md-sidebar .segment-button {
  color: #0000ffc0;
}

.segment-md-sidebar .segment-button.activated, .segment-md-sidebar .segment-button.segment-activated {
  border-color: #0000ffc0;
  color: #0000ffc0;
  opacity: 1;
}

.segment-md-white .segment-button {
  color: #ffffff;
}

.segment-md-white .segment-button.activated, .segment-md-white .segment-button.segment-activated {
  border-color: #ffffff;
  color: #ffffff;
  opacity: 1;
}

.segment-md-magenta .segment-button {
  color: #c404c4;
}

.segment-md-magenta .segment-button.activated, .segment-md-magenta .segment-button.segment-activated {
  border-color: #c404c4;
  color: #c404c4;
  opacity: 1;
}

.segment-wp {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.segment-wp .segment-button {
  height: 4rem;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 4rem;
  text-transform: uppercase;
  color: #000;
  background-color: transparent;
  opacity: 0.5;
  padding: 0 6px;
}

.segment-wp .segment-button.segment-activated {
  opacity: 1;
}

.segment-wp .segment-button ion-icon {
  font-size: 2.6rem;
  line-height: 4rem;
}

.segment-wp.segment-disabled,
.segment-wp .segment-button-disabled {
  opacity: 0.3;
  pointer-events: none;
}

.toolbar .segment-wp {
  margin: 0 auto;
}

.segment-wp-primary .segment-button {
  color: #0099ff;
}

.segment-wp-primary .segment-button.activated, .segment-wp-primary .segment-button.segment-activated {
  border-color: #0099ff;
  color: #0099ff;
  opacity: 1;
}

.segment-wp-secondary .segment-button {
  color: #36B37E;
}

.segment-wp-secondary .segment-button.activated, .segment-wp-secondary .segment-button.segment-activated {
  border-color: #36B37E;
  color: #36B37E;
  opacity: 1;
}

.segment-wp-danger .segment-button {
  color: #FF5630;
}

.segment-wp-danger .segment-button.activated, .segment-wp-danger .segment-button.segment-activated {
  border-color: #FF5630;
  color: #FF5630;
  opacity: 1;
}

.segment-wp-light .segment-button {
  color: #000;
}

.segment-wp-light .segment-button.activated, .segment-wp-light .segment-button.segment-activated {
  border-color: #000;
  color: #000;
  opacity: 1;
}

.segment-wp-dark .segment-button {
  color: #172B4D;
}

.segment-wp-dark .segment-button.activated, .segment-wp-dark .segment-button.segment-activated {
  border-color: #172B4D;
  color: #172B4D;
  opacity: 1;
}

.segment-wp-snappink .segment-button {
  color: #3687f0;
}

.segment-wp-snappink .segment-button.activated, .segment-wp-snappink .segment-button.segment-activated {
  border-color: #3687f0;
  color: #3687f0;
  opacity: 1;
}

.segment-wp-snapblue .segment-button {
  color: #00d8ff;
}

.segment-wp-snapblue .segment-button.activated, .segment-wp-snapblue .segment-button.segment-activated {
  border-color: #00d8ff;
  color: #00d8ff;
  opacity: 1;
}

.segment-wp-snapyellow .segment-button {
  color: #FFC107;
}

.segment-wp-snapyellow .segment-button.activated, .segment-wp-snapyellow .segment-button.segment-activated {
  border-color: #FFC107;
  color: #FFC107;
  opacity: 1;
}

.segment-wp-snapgreen .segment-button {
  color: #4CAF50;
}

.segment-wp-snapgreen .segment-button.activated, .segment-wp-snapgreen .segment-button.segment-activated {
  border-color: #4CAF50;
  color: #4CAF50;
  opacity: 1;
}

.segment-wp-snapindigo .segment-button {
  color: #3F51B5;
}

.segment-wp-snapindigo .segment-button.activated, .segment-wp-snapindigo .segment-button.segment-activated {
  border-color: #3F51B5;
  color: #3F51B5;
  opacity: 1;
}

.segment-wp-backgroundgrey .segment-button {
  color: #EEEEEE;
}

.segment-wp-backgroundgrey .segment-button.activated, .segment-wp-backgroundgrey .segment-button.segment-activated {
  border-color: #EEEEEE;
  color: #EEEEEE;
  opacity: 1;
}

.segment-wp-whitecolor .segment-button {
  color: #000;
}

.segment-wp-whitecolor .segment-button.activated, .segment-wp-whitecolor .segment-button.segment-activated {
  border-color: #000;
  color: #000;
  opacity: 1;
}

.segment-wp-grey .segment-button {
  color: #828082;
}

.segment-wp-grey .segment-button.activated, .segment-wp-grey .segment-button.segment-activated {
  border-color: #828082;
  color: #828082;
  opacity: 1;
}

.segment-wp-blackcolor .segment-button {
  color: #000;
}

.segment-wp-blackcolor .segment-button.activated, .segment-wp-blackcolor .segment-button.segment-activated {
  border-color: #000;
  color: #000;
  opacity: 1;
}

.segment-wp-mildred .segment-button {
  color: #FF0266;
}

.segment-wp-mildred .segment-button.activated, .segment-wp-mildred .segment-button.segment-activated {
  border-color: #FF0266;
  color: #FF0266;
  opacity: 1;
}

.segment-wp-mildgreen .segment-button {
  color: #69F0AE;
}

.segment-wp-mildgreen .segment-button.activated, .segment-wp-mildgreen .segment-button.segment-activated {
  border-color: #69F0AE;
  color: #69F0AE;
  opacity: 1;
}

.segment-wp-sidebar .segment-button {
  color: #0000ffc0;
}

.segment-wp-sidebar .segment-button.activated, .segment-wp-sidebar .segment-button.segment-activated {
  border-color: #0000ffc0;
  color: #0000ffc0;
  opacity: 1;
}

.segment-wp-white .segment-button {
  color: #ffffff;
}

.segment-wp-white .segment-button.activated, .segment-wp-white .segment-button.segment-activated {
  border-color: #ffffff;
  color: #ffffff;
  opacity: 1;
}

.segment-wp-magenta .segment-button {
  color: #c404c4;
}

.segment-wp-magenta .segment-button.activated, .segment-wp-magenta .segment-button.segment-activated {
  border-color: #c404c4;
  color: #c404c4;
  opacity: 1;
}

ion-select {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  max-width: 45%;
}

.select-text {
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 16px;
  font-size: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.item-multiple-inputs ion-select {
  position: relative;
}

.select-disabled,
.item-select-disabled ion-label {
  opacity: .4;
  pointer-events: none;
}

.select-popover ion-list {
  margin: -1px 0;
}

.select-ios {
  padding: 11px 8px 11px 16px;
}

.select-ios .select-placeholder {
  color: #999;
}

.select-ios .select-icon {
  position: relative;
  width: 12px;
  height: 18px;
}

.select-ios .select-icon .select-icon-inner {
  left: 5px;
  top: 50%;
  margin-top: -2px;
  position: absolute;
  width: 0;
  height: 0;
  border-top: 5px solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  color: #999;
  pointer-events: none;
}

.select-md {
  padding: 13px 8px 13px 16px;
}

.select-md .select-placeholder {
  color: #999;
}

.select-md .item-select ion-label {
  margin-left: 0;
}

.select-md .select-icon {
  position: relative;
  width: 12px;
  height: 19px;
}

.select-md .select-icon .select-icon-inner {
  left: 5px;
  top: 50%;
  margin-top: -3px;
  position: absolute;
  width: 0;
  height: 0;
  border-top: 5px solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  color: #999;
  pointer-events: none;
}

.select-wp {
  margin: 13px 8px;
  padding: 0 8px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 100%;
  border: 2px solid rgba(0, 0, 0, 0.5);
  line-height: 3rem;
}

.select-wp .select-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.item-wp.item-select ion-label {
  margin-left: 0;
}

.select-wp .select-icon {
  position: relative;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  width: 18px;
  height: 18px;
}

.select-wp .select-icon .select-icon-inner {
  left: 5px;
  top: 3px;
  position: absolute;
  display: block;
  width: 9px;
  height: 9px;
  border-top: 2px solid rgba(0, 0, 0, 0.5);
  border-right: 2px solid rgba(0, 0, 0, 0.5);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  pointer-events: none;
}

.select-wp .select-text {
  min-height: 3rem;
}

.hidden-show-when {
  display: none !important;
}

.hidden-hide-when {
  display: none !important;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  padding: 0;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0,  0,  0);
  transform: translate3d(0,  0,  0);
}

.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  margin: 0 auto;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-slide {
  text-align: center;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 18px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

.swiper-container .swiper-notification {
  left: 0;
  top: 0;
  position: absolute;
  z-index: -1000;
  opacity: 0;
  pointer-events: none;
}

.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.swiper-button-prev,
.swiper-button-next {
  top: 50%;
  margin-top: -22px;
  background-position: center;
  position: absolute;
  z-index: 10;
  width: 27px;
  height: 44px;
  background-repeat: no-repeat;
  background-size: 27px 44px;
  cursor: pointer;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  cursor: auto;
  opacity: .35;
  pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  left: auto;
  right: 10px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-pagination {
  text-align: center;
  -webkit-transform: translate3d(0,  0,  0);
  transform: translate3d(0,  0,  0);
  position: absolute;
  z-index: 10;
  -webkit-transition: 300ms;
  transition: 300ms;
  pointer-events: none;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  left: 0;
  bottom: 10px;
  width: 100%;
}

.swiper-pagination-bullet {
  border-radius: 100%;
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #000;
  opacity: .2;
  pointer-events: auto;
}

button.swiper-pagination-bullet {
  margin: 0;
  padding: 0;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}

.swiper-pagination-bullet-active {
  background: #0099ff;
  opacity: 1;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0,  -50%,  0);
  transform: translate3d(0,  -50%,  0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}

.swiper-pagination-progress {
  position: absolute;
  background: rgba(0, 0, 0, 0.25);
}

.swiper-pagination-progress .swiper-pagination-progressbar {
  left: 0;
  top: 0;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #0099ff;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progress {
  left: 0;
  top: 0;
  width: 100%;
  height: 4px;
}

.swiper-container-vertical > .swiper-pagination-progress {
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
}

.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5);
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff;
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000;
}

.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.swiper-container-cube,
.swiper-container-flip {
  overflow: visible;
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  z-index: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  pointer-events: none;
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-slide {
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  visibility: visible;
  pointer-events: auto;
}

.swiper-container-cube .swiper-cube-shadow {
  left: 0;
  bottom: 0;
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  -webkit-transition-property: opacity;
  transition-property: opacity;
  pointer-events: none;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-zoom-container {
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  background: rgba(0, 0, 0, 0.1);
  -ms-touch-action: none;
  touch-action: none;
}

.swiper-container-horizontal > .swiper-scrollbar {
  left: 1%;
  bottom: 3px;
  position: absolute;
  z-index: 50;
  width: 98%;
  height: 5px;
}

.swiper-container-vertical > .swiper-scrollbar {
  right: 3px;
  top: 1%;
  position: absolute;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  left: 0;
  top: 0;
  border-radius: 10px;
  position: relative;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-lazy-preloader {
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  position: absolute;
  z-index: 10;
  width: 42px;
  height: 42px;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader::after {
  background-position: 50%;
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
}

.swiper-lazy-preloader-white::after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

ion-slides {
  display: block;
  width: 100%;
  height: 100%;
}

.slide-zoom {
  text-align: center;
  display: block;
  width: 100%;
}

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

ion-spinner {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 28px;
}

ion-spinner svg {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

ion-spinner.spinner-paused svg {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.spinner-ios line,
.spinner-ios-small line {
  stroke-width: 4px;
  stroke-linecap: round;
}

.spinner-ios svg,
.spinner-ios-small svg {
  -webkit-animation: spinner-fade-out 1s linear infinite;
  animation: spinner-fade-out 1s linear infinite;
}

.spinner-bubbles svg {
  -webkit-animation: spinner-scale-out 1s linear infinite;
  animation: spinner-scale-out 1s linear infinite;
}

.spinner-circles svg {
  -webkit-animation: spinner-fade-out 1s linear infinite;
  animation: spinner-fade-out 1s linear infinite;
}

.spinner-crescent circle {
  fill: transparent;
  stroke-width: 4px;
  stroke-dasharray: 128px;
  stroke-dashoffset: 82px;
}

.spinner-crescent svg {
  -webkit-animation: spinner-rotate 1s linear infinite;
  animation: spinner-rotate 1s linear infinite;
}

.spinner-dots circle {
  stroke-width: 0;
}

.spinner-dots svg {
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-animation: spinner-dots 1s linear infinite;
  animation: spinner-dots 1s linear infinite;
}

@-webkit-keyframes spinner-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes spinner-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes spinner-scale-out {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
  }
}

@keyframes spinner-scale-out {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
  }
}

@-webkit-keyframes spinner-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes spinner-dots {
  0% {
    opacity: .9;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50% {
    opacity: .3;
    -webkit-transform: scale(0.4, 0.4);
    transform: scale(0.4, 0.4);
  }
  100% {
    opacity: .9;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@keyframes spinner-dots {
  0% {
    opacity: .9;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50% {
    opacity: .3;
    -webkit-transform: scale(0.4, 0.4);
    transform: scale(0.4, 0.4);
  }
  100% {
    opacity: .9;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

.spinner-ios-ios line,
.spinner-ios-ios-small line {
  stroke: #69717d;
}

.spinner-ios-bubbles circle {
  fill: #000;
}

.spinner-ios-circles circle {
  fill: #69717d;
}

.spinner-ios-crescent circle {
  stroke: #000;
}

.spinner-ios-dots circle {
  fill: #444;
}

.spinner-ios-primary.spinner-ios line,
.spinner-ios-primary.spinner-ios-small line,
.spinner-ios-primary.spinner-crescent circle {
  stroke: #0099ff;
}

.spinner-ios-primary.spinner-bubbles circle,
.spinner-ios-primary.spinner-circles circle,
.spinner-ios-primary.spinner-dots circle {
  fill: #0099ff;
}

.spinner-ios-secondary.spinner-ios line,
.spinner-ios-secondary.spinner-ios-small line,
.spinner-ios-secondary.spinner-crescent circle {
  stroke: #36B37E;
}

.spinner-ios-secondary.spinner-bubbles circle,
.spinner-ios-secondary.spinner-circles circle,
.spinner-ios-secondary.spinner-dots circle {
  fill: #36B37E;
}

.spinner-ios-danger.spinner-ios line,
.spinner-ios-danger.spinner-ios-small line,
.spinner-ios-danger.spinner-crescent circle {
  stroke: #FF5630;
}

.spinner-ios-danger.spinner-bubbles circle,
.spinner-ios-danger.spinner-circles circle,
.spinner-ios-danger.spinner-dots circle {
  fill: #FF5630;
}

.spinner-ios-light.spinner-ios line,
.spinner-ios-light.spinner-ios-small line,
.spinner-ios-light.spinner-crescent circle {
  stroke: #000;
}

.spinner-ios-light.spinner-bubbles circle,
.spinner-ios-light.spinner-circles circle,
.spinner-ios-light.spinner-dots circle {
  fill: #000;
}

.spinner-ios-dark.spinner-ios line,
.spinner-ios-dark.spinner-ios-small line,
.spinner-ios-dark.spinner-crescent circle {
  stroke: #172B4D;
}

.spinner-ios-dark.spinner-bubbles circle,
.spinner-ios-dark.spinner-circles circle,
.spinner-ios-dark.spinner-dots circle {
  fill: #172B4D;
}

.spinner-ios-snappink.spinner-ios line,
.spinner-ios-snappink.spinner-ios-small line,
.spinner-ios-snappink.spinner-crescent circle {
  stroke: #3687f0;
}

.spinner-ios-snappink.spinner-bubbles circle,
.spinner-ios-snappink.spinner-circles circle,
.spinner-ios-snappink.spinner-dots circle {
  fill: #3687f0;
}

.spinner-ios-snapblue.spinner-ios line,
.spinner-ios-snapblue.spinner-ios-small line,
.spinner-ios-snapblue.spinner-crescent circle {
  stroke: #00d8ff;
}

.spinner-ios-snapblue.spinner-bubbles circle,
.spinner-ios-snapblue.spinner-circles circle,
.spinner-ios-snapblue.spinner-dots circle {
  fill: #00d8ff;
}

.spinner-ios-snapyellow.spinner-ios line,
.spinner-ios-snapyellow.spinner-ios-small line,
.spinner-ios-snapyellow.spinner-crescent circle {
  stroke: #FFC107;
}

.spinner-ios-snapyellow.spinner-bubbles circle,
.spinner-ios-snapyellow.spinner-circles circle,
.spinner-ios-snapyellow.spinner-dots circle {
  fill: #FFC107;
}

.spinner-ios-snapgreen.spinner-ios line,
.spinner-ios-snapgreen.spinner-ios-small line,
.spinner-ios-snapgreen.spinner-crescent circle {
  stroke: #4CAF50;
}

.spinner-ios-snapgreen.spinner-bubbles circle,
.spinner-ios-snapgreen.spinner-circles circle,
.spinner-ios-snapgreen.spinner-dots circle {
  fill: #4CAF50;
}

.spinner-ios-snapindigo.spinner-ios line,
.spinner-ios-snapindigo.spinner-ios-small line,
.spinner-ios-snapindigo.spinner-crescent circle {
  stroke: #3F51B5;
}

.spinner-ios-snapindigo.spinner-bubbles circle,
.spinner-ios-snapindigo.spinner-circles circle,
.spinner-ios-snapindigo.spinner-dots circle {
  fill: #3F51B5;
}

.spinner-ios-backgroundgrey.spinner-ios line,
.spinner-ios-backgroundgrey.spinner-ios-small line,
.spinner-ios-backgroundgrey.spinner-crescent circle {
  stroke: #EEEEEE;
}

.spinner-ios-backgroundgrey.spinner-bubbles circle,
.spinner-ios-backgroundgrey.spinner-circles circle,
.spinner-ios-backgroundgrey.spinner-dots circle {
  fill: #EEEEEE;
}

.spinner-ios-whitecolor.spinner-ios line,
.spinner-ios-whitecolor.spinner-ios-small line,
.spinner-ios-whitecolor.spinner-crescent circle {
  stroke: #000;
}

.spinner-ios-whitecolor.spinner-bubbles circle,
.spinner-ios-whitecolor.spinner-circles circle,
.spinner-ios-whitecolor.spinner-dots circle {
  fill: #000;
}

.spinner-ios-grey.spinner-ios line,
.spinner-ios-grey.spinner-ios-small line,
.spinner-ios-grey.spinner-crescent circle {
  stroke: #828082;
}

.spinner-ios-grey.spinner-bubbles circle,
.spinner-ios-grey.spinner-circles circle,
.spinner-ios-grey.spinner-dots circle {
  fill: #828082;
}

.spinner-ios-blackcolor.spinner-ios line,
.spinner-ios-blackcolor.spinner-ios-small line,
.spinner-ios-blackcolor.spinner-crescent circle {
  stroke: #000;
}

.spinner-ios-blackcolor.spinner-bubbles circle,
.spinner-ios-blackcolor.spinner-circles circle,
.spinner-ios-blackcolor.spinner-dots circle {
  fill: #000;
}

.spinner-ios-mildred.spinner-ios line,
.spinner-ios-mildred.spinner-ios-small line,
.spinner-ios-mildred.spinner-crescent circle {
  stroke: #FF0266;
}

.spinner-ios-mildred.spinner-bubbles circle,
.spinner-ios-mildred.spinner-circles circle,
.spinner-ios-mildred.spinner-dots circle {
  fill: #FF0266;
}

.spinner-ios-mildgreen.spinner-ios line,
.spinner-ios-mildgreen.spinner-ios-small line,
.spinner-ios-mildgreen.spinner-crescent circle {
  stroke: #69F0AE;
}

.spinner-ios-mildgreen.spinner-bubbles circle,
.spinner-ios-mildgreen.spinner-circles circle,
.spinner-ios-mildgreen.spinner-dots circle {
  fill: #69F0AE;
}

.spinner-ios-sidebar.spinner-ios line,
.spinner-ios-sidebar.spinner-ios-small line,
.spinner-ios-sidebar.spinner-crescent circle {
  stroke: #0000ffc0;
}

.spinner-ios-sidebar.spinner-bubbles circle,
.spinner-ios-sidebar.spinner-circles circle,
.spinner-ios-sidebar.spinner-dots circle {
  fill: #0000ffc0;
}

.spinner-ios-white.spinner-ios line,
.spinner-ios-white.spinner-ios-small line,
.spinner-ios-white.spinner-crescent circle {
  stroke: #ffffff;
}

.spinner-ios-white.spinner-bubbles circle,
.spinner-ios-white.spinner-circles circle,
.spinner-ios-white.spinner-dots circle {
  fill: #ffffff;
}

.spinner-ios-magenta.spinner-ios line,
.spinner-ios-magenta.spinner-ios-small line,
.spinner-ios-magenta.spinner-crescent circle {
  stroke: #c404c4;
}

.spinner-ios-magenta.spinner-bubbles circle,
.spinner-ios-magenta.spinner-circles circle,
.spinner-ios-magenta.spinner-dots circle {
  fill: #c404c4;
}

.spinner-md-ios line,
.spinner-md-ios-small line {
  stroke: #69717d;
}

.spinner-md-bubbles circle {
  fill: #000;
}

.spinner-md-circles circle {
  fill: #69717d;
}

.spinner-md-crescent circle {
  stroke: #000;
}

.spinner-md-dots circle {
  fill: #444;
}

.spinner-md-primary.spinner-ios line,
.spinner-md-primary.spinner-ios-small line,
.spinner-md-primary.spinner-crescent circle {
  stroke: #0099ff;
}

.spinner-md-primary.spinner-bubbles circle,
.spinner-md-primary.spinner-circles circle,
.spinner-md-primary.spinner-dots circle {
  fill: #0099ff;
}

.spinner-md-secondary.spinner-ios line,
.spinner-md-secondary.spinner-ios-small line,
.spinner-md-secondary.spinner-crescent circle {
  stroke: #36B37E;
}

.spinner-md-secondary.spinner-bubbles circle,
.spinner-md-secondary.spinner-circles circle,
.spinner-md-secondary.spinner-dots circle {
  fill: #36B37E;
}

.spinner-md-danger.spinner-ios line,
.spinner-md-danger.spinner-ios-small line,
.spinner-md-danger.spinner-crescent circle {
  stroke: #FF5630;
}

.spinner-md-danger.spinner-bubbles circle,
.spinner-md-danger.spinner-circles circle,
.spinner-md-danger.spinner-dots circle {
  fill: #FF5630;
}

.spinner-md-light.spinner-ios line,
.spinner-md-light.spinner-ios-small line,
.spinner-md-light.spinner-crescent circle {
  stroke: #000;
}

.spinner-md-light.spinner-bubbles circle,
.spinner-md-light.spinner-circles circle,
.spinner-md-light.spinner-dots circle {
  fill: #000;
}

.spinner-md-dark.spinner-ios line,
.spinner-md-dark.spinner-ios-small line,
.spinner-md-dark.spinner-crescent circle {
  stroke: #172B4D;
}

.spinner-md-dark.spinner-bubbles circle,
.spinner-md-dark.spinner-circles circle,
.spinner-md-dark.spinner-dots circle {
  fill: #172B4D;
}

.spinner-md-snappink.spinner-ios line,
.spinner-md-snappink.spinner-ios-small line,
.spinner-md-snappink.spinner-crescent circle {
  stroke: #3687f0;
}

.spinner-md-snappink.spinner-bubbles circle,
.spinner-md-snappink.spinner-circles circle,
.spinner-md-snappink.spinner-dots circle {
  fill: #3687f0;
}

.spinner-md-snapblue.spinner-ios line,
.spinner-md-snapblue.spinner-ios-small line,
.spinner-md-snapblue.spinner-crescent circle {
  stroke: #00d8ff;
}

.spinner-md-snapblue.spinner-bubbles circle,
.spinner-md-snapblue.spinner-circles circle,
.spinner-md-snapblue.spinner-dots circle {
  fill: #00d8ff;
}

.spinner-md-snapyellow.spinner-ios line,
.spinner-md-snapyellow.spinner-ios-small line,
.spinner-md-snapyellow.spinner-crescent circle {
  stroke: #FFC107;
}

.spinner-md-snapyellow.spinner-bubbles circle,
.spinner-md-snapyellow.spinner-circles circle,
.spinner-md-snapyellow.spinner-dots circle {
  fill: #FFC107;
}

.spinner-md-snapgreen.spinner-ios line,
.spinner-md-snapgreen.spinner-ios-small line,
.spinner-md-snapgreen.spinner-crescent circle {
  stroke: #4CAF50;
}

.spinner-md-snapgreen.spinner-bubbles circle,
.spinner-md-snapgreen.spinner-circles circle,
.spinner-md-snapgreen.spinner-dots circle {
  fill: #4CAF50;
}

.spinner-md-snapindigo.spinner-ios line,
.spinner-md-snapindigo.spinner-ios-small line,
.spinner-md-snapindigo.spinner-crescent circle {
  stroke: #3F51B5;
}

.spinner-md-snapindigo.spinner-bubbles circle,
.spinner-md-snapindigo.spinner-circles circle,
.spinner-md-snapindigo.spinner-dots circle {
  fill: #3F51B5;
}

.spinner-md-backgroundgrey.spinner-ios line,
.spinner-md-backgroundgrey.spinner-ios-small line,
.spinner-md-backgroundgrey.spinner-crescent circle {
  stroke: #EEEEEE;
}

.spinner-md-backgroundgrey.spinner-bubbles circle,
.spinner-md-backgroundgrey.spinner-circles circle,
.spinner-md-backgroundgrey.spinner-dots circle {
  fill: #EEEEEE;
}

.spinner-md-whitecolor.spinner-ios line,
.spinner-md-whitecolor.spinner-ios-small line,
.spinner-md-whitecolor.spinner-crescent circle {
  stroke: #000;
}

.spinner-md-whitecolor.spinner-bubbles circle,
.spinner-md-whitecolor.spinner-circles circle,
.spinner-md-whitecolor.spinner-dots circle {
  fill: #000;
}

.spinner-md-grey.spinner-ios line,
.spinner-md-grey.spinner-ios-small line,
.spinner-md-grey.spinner-crescent circle {
  stroke: #828082;
}

.spinner-md-grey.spinner-bubbles circle,
.spinner-md-grey.spinner-circles circle,
.spinner-md-grey.spinner-dots circle {
  fill: #828082;
}

.spinner-md-blackcolor.spinner-ios line,
.spinner-md-blackcolor.spinner-ios-small line,
.spinner-md-blackcolor.spinner-crescent circle {
  stroke: #000;
}

.spinner-md-blackcolor.spinner-bubbles circle,
.spinner-md-blackcolor.spinner-circles circle,
.spinner-md-blackcolor.spinner-dots circle {
  fill: #000;
}

.spinner-md-mildred.spinner-ios line,
.spinner-md-mildred.spinner-ios-small line,
.spinner-md-mildred.spinner-crescent circle {
  stroke: #FF0266;
}

.spinner-md-mildred.spinner-bubbles circle,
.spinner-md-mildred.spinner-circles circle,
.spinner-md-mildred.spinner-dots circle {
  fill: #FF0266;
}

.spinner-md-mildgreen.spinner-ios line,
.spinner-md-mildgreen.spinner-ios-small line,
.spinner-md-mildgreen.spinner-crescent circle {
  stroke: #69F0AE;
}

.spinner-md-mildgreen.spinner-bubbles circle,
.spinner-md-mildgreen.spinner-circles circle,
.spinner-md-mildgreen.spinner-dots circle {
  fill: #69F0AE;
}

.spinner-md-sidebar.spinner-ios line,
.spinner-md-sidebar.spinner-ios-small line,
.spinner-md-sidebar.spinner-crescent circle {
  stroke: #0000ffc0;
}

.spinner-md-sidebar.spinner-bubbles circle,
.spinner-md-sidebar.spinner-circles circle,
.spinner-md-sidebar.spinner-dots circle {
  fill: #0000ffc0;
}

.spinner-md-white.spinner-ios line,
.spinner-md-white.spinner-ios-small line,
.spinner-md-white.spinner-crescent circle {
  stroke: #ffffff;
}

.spinner-md-white.spinner-bubbles circle,
.spinner-md-white.spinner-circles circle,
.spinner-md-white.spinner-dots circle {
  fill: #ffffff;
}

.spinner-md-magenta.spinner-ios line,
.spinner-md-magenta.spinner-ios-small line,
.spinner-md-magenta.spinner-crescent circle {
  stroke: #c404c4;
}

.spinner-md-magenta.spinner-bubbles circle,
.spinner-md-magenta.spinner-circles circle,
.spinner-md-magenta.spinner-dots circle {
  fill: #c404c4;
}

.spinner-wp-ios line,
.spinner-wp-ios-small line {
  stroke: #69717d;
}

.spinner-wp-bubbles circle {
  fill: #000;
}

.spinner-wp-circles circle {
  fill: #69717d;
}

.spinner-wp-crescent circle {
  stroke: #000;
}

.spinner-wp-dots circle {
  fill: #444;
}

.spinner-wp-primary.spinner-ios line,
.spinner-wp-primary.spinner-ios-small line,
.spinner-wp-primary.spinner-crescent circle {
  stroke: #0099ff;
}

.spinner-wp-primary.spinner-bubbles circle,
.spinner-wp-primary.spinner-circles circle,
.spinner-wp-primary.spinner-dots circle {
  fill: #0099ff;
}

.spinner-wp-secondary.spinner-ios line,
.spinner-wp-secondary.spinner-ios-small line,
.spinner-wp-secondary.spinner-crescent circle {
  stroke: #36B37E;
}

.spinner-wp-secondary.spinner-bubbles circle,
.spinner-wp-secondary.spinner-circles circle,
.spinner-wp-secondary.spinner-dots circle {
  fill: #36B37E;
}

.spinner-wp-danger.spinner-ios line,
.spinner-wp-danger.spinner-ios-small line,
.spinner-wp-danger.spinner-crescent circle {
  stroke: #FF5630;
}

.spinner-wp-danger.spinner-bubbles circle,
.spinner-wp-danger.spinner-circles circle,
.spinner-wp-danger.spinner-dots circle {
  fill: #FF5630;
}

.spinner-wp-light.spinner-ios line,
.spinner-wp-light.spinner-ios-small line,
.spinner-wp-light.spinner-crescent circle {
  stroke: #000;
}

.spinner-wp-light.spinner-bubbles circle,
.spinner-wp-light.spinner-circles circle,
.spinner-wp-light.spinner-dots circle {
  fill: #000;
}

.spinner-wp-dark.spinner-ios line,
.spinner-wp-dark.spinner-ios-small line,
.spinner-wp-dark.spinner-crescent circle {
  stroke: #172B4D;
}

.spinner-wp-dark.spinner-bubbles circle,
.spinner-wp-dark.spinner-circles circle,
.spinner-wp-dark.spinner-dots circle {
  fill: #172B4D;
}

.spinner-wp-snappink.spinner-ios line,
.spinner-wp-snappink.spinner-ios-small line,
.spinner-wp-snappink.spinner-crescent circle {
  stroke: #3687f0;
}

.spinner-wp-snappink.spinner-bubbles circle,
.spinner-wp-snappink.spinner-circles circle,
.spinner-wp-snappink.spinner-dots circle {
  fill: #3687f0;
}

.spinner-wp-snapblue.spinner-ios line,
.spinner-wp-snapblue.spinner-ios-small line,
.spinner-wp-snapblue.spinner-crescent circle {
  stroke: #00d8ff;
}

.spinner-wp-snapblue.spinner-bubbles circle,
.spinner-wp-snapblue.spinner-circles circle,
.spinner-wp-snapblue.spinner-dots circle {
  fill: #00d8ff;
}

.spinner-wp-snapyellow.spinner-ios line,
.spinner-wp-snapyellow.spinner-ios-small line,
.spinner-wp-snapyellow.spinner-crescent circle {
  stroke: #FFC107;
}

.spinner-wp-snapyellow.spinner-bubbles circle,
.spinner-wp-snapyellow.spinner-circles circle,
.spinner-wp-snapyellow.spinner-dots circle {
  fill: #FFC107;
}

.spinner-wp-snapgreen.spinner-ios line,
.spinner-wp-snapgreen.spinner-ios-small line,
.spinner-wp-snapgreen.spinner-crescent circle {
  stroke: #4CAF50;
}

.spinner-wp-snapgreen.spinner-bubbles circle,
.spinner-wp-snapgreen.spinner-circles circle,
.spinner-wp-snapgreen.spinner-dots circle {
  fill: #4CAF50;
}

.spinner-wp-snapindigo.spinner-ios line,
.spinner-wp-snapindigo.spinner-ios-small line,
.spinner-wp-snapindigo.spinner-crescent circle {
  stroke: #3F51B5;
}

.spinner-wp-snapindigo.spinner-bubbles circle,
.spinner-wp-snapindigo.spinner-circles circle,
.spinner-wp-snapindigo.spinner-dots circle {
  fill: #3F51B5;
}

.spinner-wp-backgroundgrey.spinner-ios line,
.spinner-wp-backgroundgrey.spinner-ios-small line,
.spinner-wp-backgroundgrey.spinner-crescent circle {
  stroke: #EEEEEE;
}

.spinner-wp-backgroundgrey.spinner-bubbles circle,
.spinner-wp-backgroundgrey.spinner-circles circle,
.spinner-wp-backgroundgrey.spinner-dots circle {
  fill: #EEEEEE;
}

.spinner-wp-whitecolor.spinner-ios line,
.spinner-wp-whitecolor.spinner-ios-small line,
.spinner-wp-whitecolor.spinner-crescent circle {
  stroke: #000;
}

.spinner-wp-whitecolor.spinner-bubbles circle,
.spinner-wp-whitecolor.spinner-circles circle,
.spinner-wp-whitecolor.spinner-dots circle {
  fill: #000;
}

.spinner-wp-grey.spinner-ios line,
.spinner-wp-grey.spinner-ios-small line,
.spinner-wp-grey.spinner-crescent circle {
  stroke: #828082;
}

.spinner-wp-grey.spinner-bubbles circle,
.spinner-wp-grey.spinner-circles circle,
.spinner-wp-grey.spinner-dots circle {
  fill: #828082;
}

.spinner-wp-blackcolor.spinner-ios line,
.spinner-wp-blackcolor.spinner-ios-small line,
.spinner-wp-blackcolor.spinner-crescent circle {
  stroke: #000;
}

.spinner-wp-blackcolor.spinner-bubbles circle,
.spinner-wp-blackcolor.spinner-circles circle,
.spinner-wp-blackcolor.spinner-dots circle {
  fill: #000;
}

.spinner-wp-mildred.spinner-ios line,
.spinner-wp-mildred.spinner-ios-small line,
.spinner-wp-mildred.spinner-crescent circle {
  stroke: #FF0266;
}

.spinner-wp-mildred.spinner-bubbles circle,
.spinner-wp-mildred.spinner-circles circle,
.spinner-wp-mildred.spinner-dots circle {
  fill: #FF0266;
}

.spinner-wp-mildgreen.spinner-ios line,
.spinner-wp-mildgreen.spinner-ios-small line,
.spinner-wp-mildgreen.spinner-crescent circle {
  stroke: #69F0AE;
}

.spinner-wp-mildgreen.spinner-bubbles circle,
.spinner-wp-mildgreen.spinner-circles circle,
.spinner-wp-mildgreen.spinner-dots circle {
  fill: #69F0AE;
}

.spinner-wp-sidebar.spinner-ios line,
.spinner-wp-sidebar.spinner-ios-small line,
.spinner-wp-sidebar.spinner-crescent circle {
  stroke: #0000ffc0;
}

.spinner-wp-sidebar.spinner-bubbles circle,
.spinner-wp-sidebar.spinner-circles circle,
.spinner-wp-sidebar.spinner-dots circle {
  fill: #0000ffc0;
}

.spinner-wp-white.spinner-ios line,
.spinner-wp-white.spinner-ios-small line,
.spinner-wp-white.spinner-crescent circle {
  stroke: #ffffff;
}

.spinner-wp-white.spinner-bubbles circle,
.spinner-wp-white.spinner-circles circle,
.spinner-wp-white.spinner-dots circle {
  fill: #ffffff;
}

.spinner-wp-magenta.spinner-ios line,
.spinner-wp-magenta.spinner-ios-small line,
.spinner-wp-magenta.spinner-crescent circle {
  stroke: #c404c4;
}

.spinner-wp-magenta.spinner-bubbles circle,
.spinner-wp-magenta.spinner-circles circle,
.spinner-wp-magenta.spinner-dots circle {
  fill: #c404c4;
}

.split-pane {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  contain: strict;
}

.split-pane-side:not(ion-menu) {
  display: none;
}

.split-pane-visible > .split-pane-side,
.split-pane-visible > .split-pane-main {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: relative;
  z-index: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.split-pane-visible > .split-pane-side {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.split-pane-visible > .split-pane-main,
.split-pane-visible > ion-nav.split-pane-side,
.split-pane-visible > ion-tabs.split-pane-side,
.split-pane-visible > ion-menu.menu-enabled {
  display: block;
}

.split-pane-visible > ion-split-pane.split-pane-side,
.split-pane-visible > ion-split-pane.split-pane-main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.split-pane-visible > ion-menu.menu-enabled > .menu-inner {
  left: 0;
  right: 0;
  width: auto;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-transform: none !important;
  transform: none !important;
}

.split-pane-visible > ion-menu.menu-enabled > .ion-backdrop {
  display: hidden !important;
}

.split-pane-visible > .split-pane-side[side=start] {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.split-pane-visible > .split-pane-side[side=end] {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.split-pane-visible > .split-pane-side[side=left] {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.split-pane-visible > .split-pane-side[side=right] {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.split-pane-ios.split-pane-visible > .split-pane-side {
  min-width: 270px;
  max-width: 28%;
  border-right: 0.55px solid #c8c7cc;
  border-left: 0;
}

.split-pane-ios.split-pane-visible > .split-pane-side[side=right] {
  border-right: 0;
  border-left: 0.55px solid #c8c7cc;
}

.split-pane-md.split-pane-visible > .split-pane-side {
  min-width: 270px;
  max-width: 28%;
  border-right: 1px solid #dedede;
  border-left: 0;
}

.split-pane-md.split-pane-visible > .split-pane-side[side=right] {
  border-right: 0;
  border-left: 1px solid #dedede;
}

.split-pane-wp.split-pane-visible > .split-pane-side {
  min-width: 270px;
  max-width: 28%;
  border-right: 1px solid transparent;
  border-left: 0;
}

.split-pane-wp.split-pane-visible > .split-pane-side[side=right] {
  border-right: 0;
  border-left: 1px solid transparent;
}

.tabbar {
  left: 0;
  bottom: 0;
  position: absolute;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  opacity: 0;
}

.tabbar-hidden .tabbar {
  display: none;
}

.tabbar.show-tabbar {
  opacity: 1;
}

[tabsPlacement=top] > .tabbar {
  top: 0;
  bottom: auto;
}

.tab-button {
  margin: 0;
  text-align: center;
  border-radius: 0;
  position: relative;
  z-index: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 0;
  text-decoration: none;
  background: none;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.tab-disabled {
  pointer-events: none;
}

.tab-disabled ion-badge,
.tab-disabled ion-icon,
.tab-disabled span {
  opacity: .4;
}

.tab-button-text {
  margin-top: 3px;
  margin-bottom: 2px;
}

.tab-button-text,
.tab-button-icon {
  display: none;
  overflow: hidden;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  min-width: 26px;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.has-icon .tab-button-icon,
.has-title .tab-button-text {
  display: block;
}

.has-title-only .tab-button-text {
  white-space: normal;
}

[tabsLayout=icon-bottom] .tab-button .tab-button-icon {
  -webkit-box-ordinal-group: 11;
  -webkit-order: 10;
  -ms-flex-order: 10;
  order: 10;
}

[tabsLayout=icon-left] .tab-button,
[tabsLayout=icon-right] .tab-button,
[tabsLayout=icon-start] .tab-button,
[tabsLayout=icon-end] .tab-button {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

[tabsLayout=icon-left] .tab-button .tab-button-icon,
[tabsLayout=icon-start] .tab-button .tab-button-icon {
  padding-right: 8px;
  text-align: right;
  text-align: end;
}

[tabsLayout=icon-right] .tab-button .tab-button-icon,
[tabsLayout=icon-end] .tab-button .tab-button-icon {
  padding-left: 8px;
  text-align: left;
  text-align: start;
  -webkit-box-ordinal-group: 11;
  -webkit-order: 10;
  -ms-flex-order: 10;
  order: 10;
}

.tab-hidden,
.tab-highlight,
[tabsLayout=icon-hide] .tab-button-icon,
[tabsLayout=title-hide] .tab-button-text {
  display: none;
}

.tab-badge {
  right: 4%;
  top: 6%;
  right: calc(50% - 50px);
  padding: 1px 6px;
  position: absolute;
  height: auto;
  font-size: 12px;
  line-height: 16px;
}

.has-icon .tab-badge {
  right: calc(50% - 30px);
}

[tabsLayout=icon-bottom] .tab-badge,
[tabsLayout=icon-left] .tab-badge,
[tabsLayout=icon-right] .tab-badge,
[tabsLayout=icon-start] .tab-badge,
[tabsLayout=icon-end] .tab-badge {
  right: calc(50% - 50px);
}

.tabs-ios .tabbar {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top: 0.55px solid rgba(0, 0, 0, 0.3);
  background: #f8f8f8;
}

.tabs-ios[tabsPlacement=top] .tabbar {
  border-top: 0;
  border-bottom: 0.55px solid rgba(0, 0, 0, 0.3);
}

.tabs-ios .tab-button {
  max-width: 240px;
  min-height: 49px;
  font-size: 10px;
  font-weight: 500;
  color: #8c8c8c;
  padding: 0 2px;
}

.tabs-ios .tab-button:hover:not(.disable-hover),
.tabs-ios .tab-button[aria-selected=true] {
  color: #0099ff;
}

.tabs-ios .tab-button[aria-selected=true] .tab-button-icon {
  color: #0099ff;
}

.tabs-ios .tab-button-text {
  margin-top: 0;
  margin-bottom: 1px;
  min-height: 11px;
}

.tabs-ios .has-title-only .tab-button-text {
  font-size: 12px;
}

.tabs-ios .tab-button-icon {
  margin-top: 4px;
  margin-bottom: 1px;
  min-width: 35px;
  height: 30px;
  font-size: 30px;
  color: #8c8c8c;
}

.tabs-ios .tab-button-icon::before {
  vertical-align: top;
}

.tabs-ios[tabsLayout=icon-right] .tab-button .tab-button-text,
.tabs-ios[tabsLayout=icon-left] .tab-button .tab-button-text,
.tabs-ios[tabsLayout=icon-end] .tab-button .tab-button-text,
.tabs-ios[tabsLayout=icon-start] .tab-button .tab-button-text {
  font-size: 1.4rem;
  line-height: 1.1;
}

.tabs-ios[tabsLayout=icon-right] .tab-button ion-icon,
.tabs-ios[tabsLayout=icon-left] .tab-button ion-icon,
.tabs-ios[tabsLayout=icon-end] .tab-button ion-icon,
.tabs-ios[tabsLayout=icon-start] .tab-button ion-icon {
  min-width: 24px;
  height: 26px;
  font-size: 24px;
}

.tabs-ios[tabsLayout=icon-hide] .tab-button,
.tabs-ios .tab-button.has-title-only {
  min-height: 41px;
}

.tabs-ios[tabsLayout=icon-hide] .tab-button .tab-button-text,
.tabs-ios .tab-button.has-title-only .tab-button-text {
  margin: 2px 0;
  font-size: 1.4rem;
  line-height: 1.1;
}

.tabs-ios[tabsLayout=title-hide] .tab-button,
.tabs-ios .tab-button.icon-only {
  min-height: 41px;
}

.tabs-ios-primary .tabbar {
  border-color: #007acc;
  background-color: #0099ff;
}

.tabs-ios-primary .tab-button,
.tabs-ios-primary .tab-button-icon,
.tabs-ios-primary .tab-button:hover:not(.disable-hover),
.tabs-ios-primary .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-ios-primary .tab-button[aria-selected=true],
.tabs-ios-primary .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-ios-secondary .tabbar {
  border-color: #2a8c62;
  background-color: #36B37E;
}

.tabs-ios-secondary .tab-button,
.tabs-ios-secondary .tab-button-icon,
.tabs-ios-secondary .tab-button:hover:not(.disable-hover),
.tabs-ios-secondary .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-ios-secondary .tab-button[aria-selected=true],
.tabs-ios-secondary .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-ios-danger .tabbar {
  border-color: #fc2e00;
  background-color: #FF5630;
}

.tabs-ios-danger .tab-button,
.tabs-ios-danger .tab-button-icon,
.tabs-ios-danger .tab-button:hover:not(.disable-hover),
.tabs-ios-danger .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-ios-danger .tab-button[aria-selected=true],
.tabs-ios-danger .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-ios-light .tabbar {
  border-color: black;
  background-color: #000;
}

.tabs-ios-light .tab-button,
.tabs-ios-light .tab-button-icon,
.tabs-ios-light .tab-button:hover:not(.disable-hover),
.tabs-ios-light .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-ios-light .tab-button[aria-selected=true],
.tabs-ios-light .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-ios-dark .tabbar {
  border-color: #0b1526;
  background-color: #172B4D;
}

.tabs-ios-dark .tab-button,
.tabs-ios-dark .tab-button-icon,
.tabs-ios-dark .tab-button:hover:not(.disable-hover),
.tabs-ios-dark .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-ios-dark .tab-button[aria-selected=true],
.tabs-ios-dark .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-ios-snappink .tabbar {
  border-color: #116ce2;
  background-color: #3687f0;
}

.tabs-ios-snappink .tab-button,
.tabs-ios-snappink .tab-button-icon,
.tabs-ios-snappink .tab-button:hover:not(.disable-hover),
.tabs-ios-snappink .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-ios-snappink .tab-button[aria-selected=true],
.tabs-ios-snappink .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-ios-snapblue .tabbar {
  border-color: #00adcc;
  background-color: #00d8ff;
}

.tabs-ios-snapblue .tab-button,
.tabs-ios-snapblue .tab-button-icon,
.tabs-ios-snapblue .tab-button:hover:not(.disable-hover),
.tabs-ios-snapblue .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-ios-snapblue .tab-button[aria-selected=true],
.tabs-ios-snapblue .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-ios-snapyellow .tabbar {
  border-color: #d39e00;
  background-color: #FFC107;
}

.tabs-ios-snapyellow .tab-button,
.tabs-ios-snapyellow .tab-button-icon,
.tabs-ios-snapyellow .tab-button:hover:not(.disable-hover),
.tabs-ios-snapyellow .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(0, 0, 0, 0.7);
}

.tabs-ios-snapyellow .tab-button[aria-selected=true],
.tabs-ios-snapyellow .tab-button[aria-selected=true] .tab-button-icon {
  color: #000;
}

.tabs-ios-snapgreen .tabbar {
  border-color: #3d8b40;
  background-color: #4CAF50;
}

.tabs-ios-snapgreen .tab-button,
.tabs-ios-snapgreen .tab-button-icon,
.tabs-ios-snapgreen .tab-button:hover:not(.disable-hover),
.tabs-ios-snapgreen .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-ios-snapgreen .tab-button[aria-selected=true],
.tabs-ios-snapgreen .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-ios-snapindigo .tabbar {
  border-color: #32408f;
  background-color: #3F51B5;
}

.tabs-ios-snapindigo .tab-button,
.tabs-ios-snapindigo .tab-button-icon,
.tabs-ios-snapindigo .tab-button:hover:not(.disable-hover),
.tabs-ios-snapindigo .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-ios-snapindigo .tab-button[aria-selected=true],
.tabs-ios-snapindigo .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-ios-backgroundgrey .tabbar {
  border-color: #d5d5d5;
  background-color: #EEEEEE;
}

.tabs-ios-backgroundgrey .tab-button,
.tabs-ios-backgroundgrey .tab-button-icon,
.tabs-ios-backgroundgrey .tab-button:hover:not(.disable-hover),
.tabs-ios-backgroundgrey .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(0, 0, 0, 0.7);
}

.tabs-ios-backgroundgrey .tab-button[aria-selected=true],
.tabs-ios-backgroundgrey .tab-button[aria-selected=true] .tab-button-icon {
  color: #000;
}

.tabs-ios-whitecolor .tabbar {
  border-color: black;
  background-color: #000;
}

.tabs-ios-whitecolor .tab-button,
.tabs-ios-whitecolor .tab-button-icon,
.tabs-ios-whitecolor .tab-button:hover:not(.disable-hover),
.tabs-ios-whitecolor .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-ios-whitecolor .tab-button[aria-selected=true],
.tabs-ios-whitecolor .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-ios-grey .tabbar {
  border-color: #686768;
  background-color: #828082;
}

.tabs-ios-grey .tab-button,
.tabs-ios-grey .tab-button-icon,
.tabs-ios-grey .tab-button:hover:not(.disable-hover),
.tabs-ios-grey .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-ios-grey .tab-button[aria-selected=true],
.tabs-ios-grey .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-ios-blackcolor .tabbar {
  border-color: black;
  background-color: #000;
}

.tabs-ios-blackcolor .tab-button,
.tabs-ios-blackcolor .tab-button-icon,
.tabs-ios-blackcolor .tab-button:hover:not(.disable-hover),
.tabs-ios-blackcolor .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-ios-blackcolor .tab-button[aria-selected=true],
.tabs-ios-blackcolor .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-ios-mildred .tabbar {
  border-color: #ce0051;
  background-color: #FF0266;
}

.tabs-ios-mildred .tab-button,
.tabs-ios-mildred .tab-button-icon,
.tabs-ios-mildred .tab-button:hover:not(.disable-hover),
.tabs-ios-mildred .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-ios-mildred .tab-button[aria-selected=true],
.tabs-ios-mildred .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-ios-mildgreen .tabbar {
  border-color: #3beb95;
  background-color: #69F0AE;
}

.tabs-ios-mildgreen .tab-button,
.tabs-ios-mildgreen .tab-button-icon,
.tabs-ios-mildgreen .tab-button:hover:not(.disable-hover),
.tabs-ios-mildgreen .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-ios-mildgreen .tab-button[aria-selected=true],
.tabs-ios-mildgreen .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-ios-sidebar .tabbar {
  border-color: rgba(0, 0, 204, 0.752941);
  background-color: #0000ffc0;
}

.tabs-ios-sidebar .tab-button,
.tabs-ios-sidebar .tab-button-icon,
.tabs-ios-sidebar .tab-button:hover:not(.disable-hover),
.tabs-ios-sidebar .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-ios-sidebar .tab-button[aria-selected=true],
.tabs-ios-sidebar .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-ios-white .tabbar {
  border-color: #e6e6e6;
  background-color: #ffffff;
}

.tabs-ios-white .tab-button,
.tabs-ios-white .tab-button-icon,
.tabs-ios-white .tab-button:hover:not(.disable-hover),
.tabs-ios-white .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(0, 0, 0, 0.7);
}

.tabs-ios-white .tab-button[aria-selected=true],
.tabs-ios-white .tab-button[aria-selected=true] .tab-button-icon {
  color: #000;
}

.tabs-ios-magenta .tabbar {
  border-color: #920392;
  background-color: #c404c4;
}

.tabs-ios-magenta .tab-button,
.tabs-ios-magenta .tab-button-icon,
.tabs-ios-magenta .tab-button:hover:not(.disable-hover),
.tabs-ios-magenta .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-ios-magenta .tab-button[aria-selected=true],
.tabs-ios-magenta .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md .tabbar {
  background: #f8f8f8;
}

.tabs-md .tab-button {
  min-height: 5.6rem;
  font-weight: normal;
  color: rgba(60, 60, 60, 0.7);
  padding: 0;
}

.tabs-md .tab-button[aria-selected=true] {
  color: #0099ff;
  padding: 0;
}

.tabs-md .tab-button-text {
  font-size: 1.2rem;
  text-transform: none;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  margin: 0;
  -webkit-transform-origin: 50% 80%;
  transform-origin: 50% 80%;
}

.tabs-md .tab-button[aria-selected=true] .tab-button-text {
  -webkit-transform: scale3d(1.16667, 1.16667, 1);
  transform: scale3d(1.16667, 1.16667, 1);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.tabs-md[tabsLayout=icon-top] .has-icon .tab-button-text {
  margin-top: 4px;
  margin-bottom: 0;
}

.tabs-md[tabsLayout=icon-bottom] .tab-button .tab-button-text {
  margin-top: 0;
}

.tabs-md .tab-button-icon {
  margin-top: 1px;
  min-width: 2.4rem;
  font-size: 2.4rem;
  color: rgba(60, 60, 60, 0.7);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -webkit-transform-origin: 50% 150%;
  transform-origin: 50% 150%;
}

.tabs-md .tab-button[aria-selected=true] .tab-button-icon {
  color: #0099ff;
  -webkit-transform: translate3d(0,  -2px,  0);
  transform: translate3d(0,  -2px,  0);
}

.tabs-md[tabsLayout=icon-right] .tab-button[aria-selected=true] .tab-button-icon,
.tabs-md[tabsLayout=icon-end] .tab-button[aria-selected=true] .tab-button-icon {
  -webkit-transform: translate3d(2px,  0,  0);
  transform: translate3d(2px,  0,  0);
}

.tabs-md[tabsLayout=icon-bottom] .tab-button[aria-selected=true] .tab-button-icon {
  -webkit-transform: translate3d(0,  2px,  0);
  transform: translate3d(0,  2px,  0);
}

.tabs-md[tabsLayout=icon-left] .tab-button[aria-selected=true] .tab-button-icon,
.tabs-md[tabsLayout=icon-start] .tab-button[aria-selected=true] .tab-button-icon {
  -webkit-transform: translate3d(-2px,  0,  0);
  transform: translate3d(-2px,  0,  0);
}

.tabs-md[tabsLayout=icon-hide] .tab-button,
.tabs-md[tabsLayout=title-hide] .tab-button,
.tabs-md .tab-button.icon-only,
.tabs-md .tab-button.has-title-only {
  padding: 0 10px;
}

.tabs-md[tabsHighlight=true] .tab-highlight {
  left: 0;
  bottom: 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  position: absolute;
  display: block;
  width: 1px;
  height: 2px;
  background: #0099ff;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.tabs-md[tabsHighlight=true] .tab-highlight.animate {
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}

.tabs-md[tabsHighlight=true][tabsPlacement=bottom] > .tabbar > .tab-highlight {
  top: 0;
}

.tabs-md-primary .tabbar {
  background-color: #0099ff;
}

.tabs-md-primary .tab-button,
.tabs-md-primary .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-md-primary .tab-button:hover:not(.disable-hover),
.tabs-md-primary .tab-button[aria-selected=true],
.tabs-md-primary .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md-primary[tabsHighlight=true] .tab-highlight {
  background: #fff;
}

.tabs-md-secondary .tabbar {
  background-color: #36B37E;
}

.tabs-md-secondary .tab-button,
.tabs-md-secondary .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-md-secondary .tab-button:hover:not(.disable-hover),
.tabs-md-secondary .tab-button[aria-selected=true],
.tabs-md-secondary .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md-secondary[tabsHighlight=true] .tab-highlight {
  background: #fff;
}

.tabs-md-danger .tabbar {
  background-color: #FF5630;
}

.tabs-md-danger .tab-button,
.tabs-md-danger .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-md-danger .tab-button:hover:not(.disable-hover),
.tabs-md-danger .tab-button[aria-selected=true],
.tabs-md-danger .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md-danger[tabsHighlight=true] .tab-highlight {
  background: #fff;
}

.tabs-md-light .tabbar {
  background-color: #000;
}

.tabs-md-light .tab-button,
.tabs-md-light .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-md-light .tab-button:hover:not(.disable-hover),
.tabs-md-light .tab-button[aria-selected=true],
.tabs-md-light .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md-light[tabsHighlight=true] .tab-highlight {
  background: #fff;
}

.tabs-md-dark .tabbar {
  background-color: #172B4D;
}

.tabs-md-dark .tab-button,
.tabs-md-dark .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-md-dark .tab-button:hover:not(.disable-hover),
.tabs-md-dark .tab-button[aria-selected=true],
.tabs-md-dark .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md-dark[tabsHighlight=true] .tab-highlight {
  background: #fff;
}

.tabs-md-snappink .tabbar {
  background-color: #3687f0;
}

.tabs-md-snappink .tab-button,
.tabs-md-snappink .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-md-snappink .tab-button:hover:not(.disable-hover),
.tabs-md-snappink .tab-button[aria-selected=true],
.tabs-md-snappink .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md-snappink[tabsHighlight=true] .tab-highlight {
  background: #fff;
}

.tabs-md-snapblue .tabbar {
  background-color: #00d8ff;
}

.tabs-md-snapblue .tab-button,
.tabs-md-snapblue .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-md-snapblue .tab-button:hover:not(.disable-hover),
.tabs-md-snapblue .tab-button[aria-selected=true],
.tabs-md-snapblue .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md-snapblue[tabsHighlight=true] .tab-highlight {
  background: #fff;
}

.tabs-md-snapyellow .tabbar {
  background-color: #FFC107;
}

.tabs-md-snapyellow .tab-button,
.tabs-md-snapyellow .tab-button-icon {
  color: rgba(0, 0, 0, 0.7);
}

.tabs-md-snapyellow .tab-button:hover:not(.disable-hover),
.tabs-md-snapyellow .tab-button[aria-selected=true],
.tabs-md-snapyellow .tab-button[aria-selected=true] .tab-button-icon {
  color: #000;
}

.tabs-md-snapyellow[tabsHighlight=true] .tab-highlight {
  background: #000;
}

.tabs-md-snapgreen .tabbar {
  background-color: #4CAF50;
}

.tabs-md-snapgreen .tab-button,
.tabs-md-snapgreen .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-md-snapgreen .tab-button:hover:not(.disable-hover),
.tabs-md-snapgreen .tab-button[aria-selected=true],
.tabs-md-snapgreen .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md-snapgreen[tabsHighlight=true] .tab-highlight {
  background: #fff;
}

.tabs-md-snapindigo .tabbar {
  background-color: #3F51B5;
}

.tabs-md-snapindigo .tab-button,
.tabs-md-snapindigo .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-md-snapindigo .tab-button:hover:not(.disable-hover),
.tabs-md-snapindigo .tab-button[aria-selected=true],
.tabs-md-snapindigo .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md-snapindigo[tabsHighlight=true] .tab-highlight {
  background: #fff;
}

.tabs-md-backgroundgrey .tabbar {
  background-color: #EEEEEE;
}

.tabs-md-backgroundgrey .tab-button,
.tabs-md-backgroundgrey .tab-button-icon {
  color: rgba(0, 0, 0, 0.7);
}

.tabs-md-backgroundgrey .tab-button:hover:not(.disable-hover),
.tabs-md-backgroundgrey .tab-button[aria-selected=true],
.tabs-md-backgroundgrey .tab-button[aria-selected=true] .tab-button-icon {
  color: #000;
}

.tabs-md-backgroundgrey[tabsHighlight=true] .tab-highlight {
  background: #000;
}

.tabs-md-whitecolor .tabbar {
  background-color: #000;
}

.tabs-md-whitecolor .tab-button,
.tabs-md-whitecolor .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-md-whitecolor .tab-button:hover:not(.disable-hover),
.tabs-md-whitecolor .tab-button[aria-selected=true],
.tabs-md-whitecolor .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md-whitecolor[tabsHighlight=true] .tab-highlight {
  background: #fff;
}

.tabs-md-grey .tabbar {
  background-color: #828082;
}

.tabs-md-grey .tab-button,
.tabs-md-grey .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-md-grey .tab-button:hover:not(.disable-hover),
.tabs-md-grey .tab-button[aria-selected=true],
.tabs-md-grey .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md-grey[tabsHighlight=true] .tab-highlight {
  background: #fff;
}

.tabs-md-blackcolor .tabbar {
  background-color: #000;
}

.tabs-md-blackcolor .tab-button,
.tabs-md-blackcolor .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-md-blackcolor .tab-button:hover:not(.disable-hover),
.tabs-md-blackcolor .tab-button[aria-selected=true],
.tabs-md-blackcolor .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md-blackcolor[tabsHighlight=true] .tab-highlight {
  background: #fff;
}

.tabs-md-mildred .tabbar {
  background-color: #FF0266;
}

.tabs-md-mildred .tab-button,
.tabs-md-mildred .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-md-mildred .tab-button:hover:not(.disable-hover),
.tabs-md-mildred .tab-button[aria-selected=true],
.tabs-md-mildred .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md-mildred[tabsHighlight=true] .tab-highlight {
  background: #fff;
}

.tabs-md-mildgreen .tabbar {
  background-color: #69F0AE;
}

.tabs-md-mildgreen .tab-button,
.tabs-md-mildgreen .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-md-mildgreen .tab-button:hover:not(.disable-hover),
.tabs-md-mildgreen .tab-button[aria-selected=true],
.tabs-md-mildgreen .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md-mildgreen[tabsHighlight=true] .tab-highlight {
  background: #fff;
}

.tabs-md-sidebar .tabbar {
  background-color: #0000ffc0;
}

.tabs-md-sidebar .tab-button,
.tabs-md-sidebar .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-md-sidebar .tab-button:hover:not(.disable-hover),
.tabs-md-sidebar .tab-button[aria-selected=true],
.tabs-md-sidebar .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md-sidebar[tabsHighlight=true] .tab-highlight {
  background: #fff;
}

.tabs-md-white .tabbar {
  background-color: #ffffff;
}

.tabs-md-white .tab-button,
.tabs-md-white .tab-button-icon {
  color: rgba(0, 0, 0, 0.7);
}

.tabs-md-white .tab-button:hover:not(.disable-hover),
.tabs-md-white .tab-button[aria-selected=true],
.tabs-md-white .tab-button[aria-selected=true] .tab-button-icon {
  color: #000;
}

.tabs-md-white[tabsHighlight=true] .tab-highlight {
  background: #000;
}

.tabs-md-magenta .tabbar {
  background-color: #c404c4;
}

.tabs-md-magenta .tab-button,
.tabs-md-magenta .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-md-magenta .tab-button:hover:not(.disable-hover),
.tabs-md-magenta .tab-button[aria-selected=true],
.tabs-md-magenta .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md-magenta[tabsHighlight=true] .tab-highlight {
  background: #fff;
}

.tabs-wp .tabbar {
  background: #f8f8f8;
}

.tabs-wp .tab-button {
  border-radius: 0;
  min-height: 4.8rem;
  border-bottom: 2px solid transparent;
  font-size: 1.2rem;
  font-weight: normal;
  color: rgba(140, 140, 140, 0.7);
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 12px 10px 5px;
}

.tabs-wp .tab-button[aria-selected=true] {
  border-bottom-color: #0099ff;
  color: #0099ff;
}

.tabs-wp .tab-button.activated {
  background: rgba(0, 0, 0, 0.1);
}

.tabs-wp[tabsPlacement=bottom] .tab-button {
  border-top: 2px solid transparent;
  border-bottom-width: 0;
}

.tabs-wp[tabsPlacement=bottom] .tab-button[aria-selected=true] {
  border-top-color: #0099ff;
}

.tabs-wp .tab-button-text {
  margin-top: 5px;
  margin-bottom: 5px;
}

.tabs-wp .tab-button-icon {
  min-width: 2.4rem;
  font-size: 2.4rem;
  color: rgba(140, 140, 140, 0.7);
}

.tabs-wp .tab-button[aria-selected=true] .tab-button-icon {
  color: #0099ff;
}

.tabs-wp[tabsLayout=icon-bottom] .tab-button {
  padding-top: 8px;
  padding-bottom: 8px;
}

.tabs-wp[tabsLayout=icon-right] .tab-button,
.tabs-wp[tabsLayout=icon-left] .tab-button,
.tabs-wp[tabsLayout=icon-end] .tab-button,
.tabs-wp[tabsLayout=icon-start] .tab-button {
  padding-bottom: 10px;
}

.tabs-wp[tabsLayout=icon-right] .tab-button ion-icon,
.tabs-wp[tabsLayout=icon-left] .tab-button ion-icon,
.tabs-wp[tabsLayout=icon-end] .tab-button ion-icon,
.tabs-wp[tabsLayout=icon-start] .tab-button ion-icon {
  min-width: 24px;
}

.tabs-wp[tabsLayout=icon-hide] .tab-button,
.tabs-wp[tabsLayout=title-hide] .tab-button,
.tabs-wp .tab-button.icon-only,
.tabs-wp .tab-button.has-title-only {
  padding: 6px 10px;
}

.tabs-wp-primary .tabbar {
  background-color: #0099ff;
}

.tabs-wp-primary .tab-button,
.tabs-wp-primary .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-wp-primary .tab-button:hover:not(.disable-hover),
.tabs-wp-primary .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-primary .tab-button[aria-selected=true],
.tabs-wp-primary .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #fff;
  color: #fff;
}

.tabs-wp-secondary .tabbar {
  background-color: #36B37E;
}

.tabs-wp-secondary .tab-button,
.tabs-wp-secondary .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-wp-secondary .tab-button:hover:not(.disable-hover),
.tabs-wp-secondary .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-secondary .tab-button[aria-selected=true],
.tabs-wp-secondary .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #fff;
  color: #fff;
}

.tabs-wp-danger .tabbar {
  background-color: #FF5630;
}

.tabs-wp-danger .tab-button,
.tabs-wp-danger .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-wp-danger .tab-button:hover:not(.disable-hover),
.tabs-wp-danger .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-danger .tab-button[aria-selected=true],
.tabs-wp-danger .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #fff;
  color: #fff;
}

.tabs-wp-light .tabbar {
  background-color: #000;
}

.tabs-wp-light .tab-button,
.tabs-wp-light .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-wp-light .tab-button:hover:not(.disable-hover),
.tabs-wp-light .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-light .tab-button[aria-selected=true],
.tabs-wp-light .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #fff;
  color: #fff;
}

.tabs-wp-dark .tabbar {
  background-color: #172B4D;
}

.tabs-wp-dark .tab-button,
.tabs-wp-dark .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-wp-dark .tab-button:hover:not(.disable-hover),
.tabs-wp-dark .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-dark .tab-button[aria-selected=true],
.tabs-wp-dark .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #fff;
  color: #fff;
}

.tabs-wp-snappink .tabbar {
  background-color: #3687f0;
}

.tabs-wp-snappink .tab-button,
.tabs-wp-snappink .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-wp-snappink .tab-button:hover:not(.disable-hover),
.tabs-wp-snappink .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-snappink .tab-button[aria-selected=true],
.tabs-wp-snappink .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #fff;
  color: #fff;
}

.tabs-wp-snapblue .tabbar {
  background-color: #00d8ff;
}

.tabs-wp-snapblue .tab-button,
.tabs-wp-snapblue .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-wp-snapblue .tab-button:hover:not(.disable-hover),
.tabs-wp-snapblue .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-snapblue .tab-button[aria-selected=true],
.tabs-wp-snapblue .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #fff;
  color: #fff;
}

.tabs-wp-snapyellow .tabbar {
  background-color: #FFC107;
}

.tabs-wp-snapyellow .tab-button,
.tabs-wp-snapyellow .tab-button-icon {
  color: rgba(0, 0, 0, 0.7);
}

.tabs-wp-snapyellow .tab-button:hover:not(.disable-hover),
.tabs-wp-snapyellow .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-snapyellow .tab-button[aria-selected=true],
.tabs-wp-snapyellow .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #000;
  color: #000;
}

.tabs-wp-snapgreen .tabbar {
  background-color: #4CAF50;
}

.tabs-wp-snapgreen .tab-button,
.tabs-wp-snapgreen .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-wp-snapgreen .tab-button:hover:not(.disable-hover),
.tabs-wp-snapgreen .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-snapgreen .tab-button[aria-selected=true],
.tabs-wp-snapgreen .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #fff;
  color: #fff;
}

.tabs-wp-snapindigo .tabbar {
  background-color: #3F51B5;
}

.tabs-wp-snapindigo .tab-button,
.tabs-wp-snapindigo .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-wp-snapindigo .tab-button:hover:not(.disable-hover),
.tabs-wp-snapindigo .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-snapindigo .tab-button[aria-selected=true],
.tabs-wp-snapindigo .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #fff;
  color: #fff;
}

.tabs-wp-backgroundgrey .tabbar {
  background-color: #EEEEEE;
}

.tabs-wp-backgroundgrey .tab-button,
.tabs-wp-backgroundgrey .tab-button-icon {
  color: rgba(0, 0, 0, 0.7);
}

.tabs-wp-backgroundgrey .tab-button:hover:not(.disable-hover),
.tabs-wp-backgroundgrey .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-backgroundgrey .tab-button[aria-selected=true],
.tabs-wp-backgroundgrey .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #000;
  color: #000;
}

.tabs-wp-whitecolor .tabbar {
  background-color: #000;
}

.tabs-wp-whitecolor .tab-button,
.tabs-wp-whitecolor .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-wp-whitecolor .tab-button:hover:not(.disable-hover),
.tabs-wp-whitecolor .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-whitecolor .tab-button[aria-selected=true],
.tabs-wp-whitecolor .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #fff;
  color: #fff;
}

.tabs-wp-grey .tabbar {
  background-color: #828082;
}

.tabs-wp-grey .tab-button,
.tabs-wp-grey .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-wp-grey .tab-button:hover:not(.disable-hover),
.tabs-wp-grey .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-grey .tab-button[aria-selected=true],
.tabs-wp-grey .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #fff;
  color: #fff;
}

.tabs-wp-blackcolor .tabbar {
  background-color: #000;
}

.tabs-wp-blackcolor .tab-button,
.tabs-wp-blackcolor .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-wp-blackcolor .tab-button:hover:not(.disable-hover),
.tabs-wp-blackcolor .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-blackcolor .tab-button[aria-selected=true],
.tabs-wp-blackcolor .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #fff;
  color: #fff;
}

.tabs-wp-mildred .tabbar {
  background-color: #FF0266;
}

.tabs-wp-mildred .tab-button,
.tabs-wp-mildred .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-wp-mildred .tab-button:hover:not(.disable-hover),
.tabs-wp-mildred .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-mildred .tab-button[aria-selected=true],
.tabs-wp-mildred .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #fff;
  color: #fff;
}

.tabs-wp-mildgreen .tabbar {
  background-color: #69F0AE;
}

.tabs-wp-mildgreen .tab-button,
.tabs-wp-mildgreen .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-wp-mildgreen .tab-button:hover:not(.disable-hover),
.tabs-wp-mildgreen .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-mildgreen .tab-button[aria-selected=true],
.tabs-wp-mildgreen .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #fff;
  color: #fff;
}

.tabs-wp-sidebar .tabbar {
  background-color: #0000ffc0;
}

.tabs-wp-sidebar .tab-button,
.tabs-wp-sidebar .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-wp-sidebar .tab-button:hover:not(.disable-hover),
.tabs-wp-sidebar .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-sidebar .tab-button[aria-selected=true],
.tabs-wp-sidebar .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #fff;
  color: #fff;
}

.tabs-wp-white .tabbar {
  background-color: #ffffff;
}

.tabs-wp-white .tab-button,
.tabs-wp-white .tab-button-icon {
  color: rgba(0, 0, 0, 0.7);
}

.tabs-wp-white .tab-button:hover:not(.disable-hover),
.tabs-wp-white .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-white .tab-button[aria-selected=true],
.tabs-wp-white .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #000;
  color: #000;
}

.tabs-wp-magenta .tabbar {
  background-color: #c404c4;
}

.tabs-wp-magenta .tab-button,
.tabs-wp-magenta .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-wp-magenta .tab-button:hover:not(.disable-hover),
.tabs-wp-magenta .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-magenta .tab-button[aria-selected=true],
.tabs-wp-magenta .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #fff;
  color: #fff;
}

ion-toast {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 1000;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  contain: strict;
}

.toast-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  pointer-events: auto;
  contain: content;
}

.toast-button {
  padding: 19px 16px 17px;
  font-size: 1.5rem;
}

.toast-message {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.toast-ios .toast-wrapper {
  left: 10px;
  right: 10px;
  margin: auto;
  border-radius: 0.65rem;
  position: absolute;
  z-index: 10;
  display: block;
  max-width: 700px;
  background: rgba(0, 0, 0, 0.9);
}

.toast-ios .toast-wrapper.toast-top {
  -webkit-transform: translate3d(0,  -100%,  0);
  transform: translate3d(0,  -100%,  0);
  margin: constant(safe-area-inset-top) auto auto;
  margin: env(safe-area-inset-top) auto auto;
  top: 0;
}

.toast-ios .toast-wrapper.toast-bottom {
  -webkit-transform: translate3d(0,  100%,  0);
  transform: translate3d(0,  100%,  0);
  margin: auto auto constant(safe-area-inset-bottom);
  margin: auto auto env(safe-area-inset-bottom);
  bottom: 0;
}

.toast-ios .toast-wrapper.toast-middle {
  opacity: .01;
}

.toast-ios .toast-message {
  font-size: 1.4rem;
  color: #fff;
  padding: 1.5rem;
}

.toast-md .toast-wrapper {
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
  z-index: 10;
  display: block;
  width: 100%;
  max-width: 700px;
  background: #333;
}

.toast-md .toast-wrapper.toast-top {
  -webkit-transform: translate3d(0,  -100%,  0);
  transform: translate3d(0,  -100%,  0);
  top: 0;
}

.toast-md .toast-wrapper.toast-bottom {
  -webkit-transform: translate3d(0,  100%,  0);
  transform: translate3d(0,  100%,  0);
  bottom: 0;
}

.toast-md .toast-wrapper.toast-middle {
  opacity: .01;
}

.toast-md .toast-message {
  font-size: 1.5rem;
  color: #fff;
  padding: 19px 16px 17px;
}

.toast-wp .toast-wrapper {
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 0;
  position: absolute;
  z-index: 10;
  display: block;
  max-width: 700px;
  background: black;
}

.toast-wp .toast-wrapper.toast-top {
  top: 0;
  opacity: .01;
}

.toast-wp .toast-wrapper.toast-bottom {
  bottom: 0;
  opacity: .01;
}

.toast-wp .toast-wrapper.toast-middle {
  opacity: .01;
}

.toast-message {
  font-size: 1.4rem;
  color: #fff;
  padding: 1.5rem;
}

.toast-button {
  color: #fff;
}

.toggle-ios {
  position: relative;
  display: block;
  width: 51px;
  height: 32px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  contain: strict;
}

.toggle-ios .toggle-icon {
  border-radius: 16px;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #e6e6e6;
  -webkit-transition: background-color 300ms;
  transition: background-color 300ms;
  pointer-events: none;
}

.toggle-ios .toggle-icon::before {
  left: 2px;
  right: 2px;
  top: 2px;
  bottom: 2px;
  border-radius: 16px;
  position: absolute;
  background-color: #fff;
  content: "";
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}

.toggle-ios .toggle-inner {
  left: 2px;
  top: 2px;
  border-radius: 14px;
  position: absolute;
  width: 28px;
  height: 28px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.16), 0 3px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.16), 0 3px 1px rgba(0, 0, 0, 0.1);
  -webkit-transition: width 120ms ease-in-out 80ms, left 110ms ease-in-out 80ms, right 110ms ease-in-out 80ms, -webkit-transform 300ms;
  transition: width 120ms ease-in-out 80ms, left 110ms ease-in-out 80ms, right 110ms ease-in-out 80ms, -webkit-transform 300ms;
  transition: transform 300ms, width 120ms ease-in-out 80ms, left 110ms ease-in-out 80ms, right 110ms ease-in-out 80ms;
  transition: transform 300ms, width 120ms ease-in-out 80ms, left 110ms ease-in-out 80ms, right 110ms ease-in-out 80ms, -webkit-transform 300ms;
  will-change: transform;
  contain: strict;
}

.toggle-ios.toggle-checked .toggle-icon {
  background-color: #0099ff;
}

.toggle-ios.toggle-activated .toggle-icon::before,
.toggle-ios.toggle-checked .toggle-icon::before {
  -webkit-transform: scale3d(0, 0, 0);
  transform: scale3d(0, 0, 0);
}

.toggle-ios.toggle-checked .toggle-inner {
  -webkit-transform: translate3d(19px,  0,  0);
  transform: translate3d(19px,  0,  0);
}

.toggle-ios.toggle-activated.toggle-checked .toggle-inner::before {
  -webkit-transform: scale3d(0, 0, 0);
  transform: scale3d(0, 0, 0);
}

.toggle-ios.toggle-activated .toggle-inner {
  width: 34px;
}

.toggle-ios.toggle-activated.toggle-checked .toggle-inner {
  left: -4px;
}

.toggle-ios.toggle-disabled,
.item-ios.item-toggle-disabled ion-label {
  opacity: 0.3;
  pointer-events: none;
}

.item-ios .toggle-ios {
  margin: 0;
  padding: 6px 8px 5px 16px;
}

.item-ios .toggle-ios[item-left],
.item-ios .toggle-ios[item-start] {
  padding: 6px 16px 5px 0;
}

.toggle-ios-primary.toggle-checked .toggle-icon {
  background-color: #0099ff;
}

.toggle-ios-secondary.toggle-checked .toggle-icon {
  background-color: #36B37E;
}

.toggle-ios-danger.toggle-checked .toggle-icon {
  background-color: #FF5630;
}

.toggle-ios-light.toggle-checked .toggle-icon {
  background-color: #000;
}

.toggle-ios-dark.toggle-checked .toggle-icon {
  background-color: #172B4D;
}

.toggle-ios-snappink.toggle-checked .toggle-icon {
  background-color: #3687f0;
}

.toggle-ios-snapblue.toggle-checked .toggle-icon {
  background-color: #00d8ff;
}

.toggle-ios-snapyellow.toggle-checked .toggle-icon {
  background-color: #FFC107;
}

.toggle-ios-snapgreen.toggle-checked .toggle-icon {
  background-color: #4CAF50;
}

.toggle-ios-snapindigo.toggle-checked .toggle-icon {
  background-color: #3F51B5;
}

.toggle-ios-backgroundgrey.toggle-checked .toggle-icon {
  background-color: #EEEEEE;
}

.toggle-ios-whitecolor.toggle-checked .toggle-icon {
  background-color: #000;
}

.toggle-ios-grey.toggle-checked .toggle-icon {
  background-color: #828082;
}

.toggle-ios-blackcolor.toggle-checked .toggle-icon {
  background-color: #000;
}

.toggle-ios-mildred.toggle-checked .toggle-icon {
  background-color: #FF0266;
}

.toggle-ios-mildgreen.toggle-checked .toggle-icon {
  background-color: #69F0AE;
}

.toggle-ios-sidebar.toggle-checked .toggle-icon {
  background-color: #0000ffc0;
}

.toggle-ios-white.toggle-checked .toggle-icon {
  background-color: #ffffff;
}

.toggle-ios-magenta.toggle-checked .toggle-icon {
  background-color: #c404c4;
}

.toggle-md {
  position: relative;
  display: block;
  width: 36px;
  height: 14px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  contain: strict;
  padding: 12px;
}

.toggle-md .toggle-icon {
  border-radius: 14px;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #dedede;
  -webkit-transition: background-color 300ms;
  transition: background-color 300ms;
  pointer-events: none;
}

.toggle-md .toggle-inner {
  left: 0;
  top: -3px;
  border-radius: 50%;
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, -webkit-transform;
  transition-property: transform, background-color;
  transition-property: transform, background-color, -webkit-transform;
  will-change: transform, background-color;
  contain: strict;
}

.toggle-md.toggle-checked .toggle-icon {
  background-color: #80ccff;
}

.toggle-md.toggle-checked .toggle-inner {
  -webkit-transform: translate3d(16px,  0,  0);
  transform: translate3d(16px,  0,  0);
  background-color: #0099ff;
}

.toggle-md.toggle-disabled,
.item-md.item-toggle-disabled ion-label {
  opacity: 0.3;
  pointer-events: none;
}

.toggle-md.toggle-disabled ion-radio {
  opacity: 0.3;
}

.item-md .toggle-md {
  cursor: pointer;
  margin: 0;
  padding: 12px 8px 12px 16px;
}

.item-md .toggle-md[item-left],
.item-md .toggle-md[item-start] {
  padding: 12px 18px 12px 2px;
}

.item-md.item-toggle ion-label {
  margin-left: 0;
}

.toggle-md-primary.toggle-checked .toggle-icon {
  background-color: #80ccff;
}

.toggle-md-primary.toggle-checked .toggle-inner {
  background-color: #0099ff;
}

.toggle-md-secondary.toggle-checked .toggle-icon {
  background-color: #8cdcba;
}

.toggle-md-secondary.toggle-checked .toggle-inner {
  background-color: #36B37E;
}

.toggle-md-danger.toggle-checked .toggle-icon {
  background-color: #ffbeb0;
}

.toggle-md-danger.toggle-checked .toggle-inner {
  background-color: #FF5630;
}

.toggle-md-light.toggle-checked .toggle-icon {
  background-color: #404040;
}

.toggle-md-light.toggle-checked .toggle-inner {
  background-color: #000;
}

.toggle-md-dark.toggle-checked .toggle-icon {
  background-color: #3462af;
}

.toggle-md-dark.toggle-checked .toggle-inner {
  background-color: #172B4D;
}

.toggle-md-snappink.toggle-checked .toggle-icon {
  background-color: #adcef9;
}

.toggle-md-snappink.toggle-checked .toggle-inner {
  background-color: #3687f0;
}

.toggle-md-snapblue.toggle-checked .toggle-icon {
  background-color: #80ecff;
}

.toggle-md-snapblue.toggle-checked .toggle-inner {
  background-color: #00d8ff;
}

.toggle-md-snapyellow.toggle-checked .toggle-icon {
  background-color: #ffe187;
}

.toggle-md-snapyellow.toggle-checked .toggle-inner {
  background-color: #FFC107;
}

.toggle-md-snapgreen.toggle-checked .toggle-icon {
  background-color: #a3d7a5;
}

.toggle-md-snapgreen.toggle-checked .toggle-inner {
  background-color: #4CAF50;
}

.toggle-md-snapindigo.toggle-checked .toggle-icon {
  background-color: #98a2db;
}

.toggle-md-snapindigo.toggle-checked .toggle-inner {
  background-color: #3F51B5;
}

.toggle-md-backgroundgrey.toggle-checked .toggle-icon {
  background-color: white;
}

.toggle-md-backgroundgrey.toggle-checked .toggle-inner {
  background-color: #EEEEEE;
}

.toggle-md-whitecolor.toggle-checked .toggle-icon {
  background-color: #404040;
}

.toggle-md-whitecolor.toggle-checked .toggle-inner {
  background-color: #000;
}

.toggle-md-grey.toggle-checked .toggle-icon {
  background-color: #c1c0c1;
}

.toggle-md-grey.toggle-checked .toggle-inner {
  background-color: #828082;
}

.toggle-md-blackcolor.toggle-checked .toggle-icon {
  background-color: #404040;
}

.toggle-md-blackcolor.toggle-checked .toggle-inner {
  background-color: #000;
}

.toggle-md-mildred.toggle-checked .toggle-icon {
  background-color: #ff82b3;
}

.toggle-md-mildred.toggle-checked .toggle-inner {
  background-color: #FF0266;
}

.toggle-md-mildgreen.toggle-checked .toggle-icon {
  background-color: #ddfced;
}

.toggle-md-mildgreen.toggle-checked .toggle-inner {
  background-color: #69F0AE;
}

.toggle-md-sidebar.toggle-checked .toggle-icon {
  background-color: rgba(128, 128, 255, 0.752941);
}

.toggle-md-sidebar.toggle-checked .toggle-inner {
  background-color: #0000ffc0;
}

.toggle-md-white.toggle-checked .toggle-icon {
  background-color: white;
}

.toggle-md-white.toggle-checked .toggle-inner {
  background-color: #ffffff;
}

.toggle-md-magenta.toggle-checked .toggle-icon {
  background-color: #fb4cfb;
}

.toggle-md-magenta.toggle-checked .toggle-inner {
  background-color: #c404c4;
}

.toggle-wp {
  position: relative;
  display: block;
  width: 40px;
  height: 18px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  contain: strict;
}

.toggle-wp .toggle-icon {
  border-radius: 18px;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  border: 2px solid #323232;
  background-color: transparent;
  pointer-events: none;
  contain: strict;
}

.toggle-wp .toggle-inner {
  left: 2px;
  top: 2px;
  border-radius: 50%;
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #323232;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, -webkit-transform;
  transition-property: transform, background-color;
  transition-property: transform, background-color, -webkit-transform;
  will-change: transform, background-color;
}

.toggle-wp.toggle-checked .toggle-icon {
  border-color: #0099ff;
  background-color: #0099ff;
}

.toggle-wp.toggle-checked .toggle-inner {
  -webkit-transform: translate3d(22px,  0,  0);
  transform: translate3d(22px,  0,  0);
  background-color: #fff;
}

.toggle-wp.toggle-disabled,
.item-wp.item-toggle-disabled ion-label {
  opacity: 0.3;
  pointer-events: none;
}

.toggle-wp.toggle-disabled ion-radio {
  opacity: 0.3;
}

.item-wp .toggle-wp {
  margin: 0;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
}

.item-wp .toggle-wp[item-left],
.item-wp .toggle-wp[item-start] {
  padding: 12px 18px 12px 2px;
}

.item-wp.item-toggle ion-label {
  margin-left: 0;
}

.toggle-wp-primary.toggle-checked .toggle-icon {
  border-color: #0099ff;
  background-color: #0099ff;
}

.toggle-wp-primary.toggle-checked .toggle-inner {
  background-color: #fff;
}

.toggle-wp-secondary.toggle-checked .toggle-icon {
  border-color: #36B37E;
  background-color: #36B37E;
}

.toggle-wp-secondary.toggle-checked .toggle-inner {
  background-color: #fff;
}

.toggle-wp-danger.toggle-checked .toggle-icon {
  border-color: #FF5630;
  background-color: #FF5630;
}

.toggle-wp-danger.toggle-checked .toggle-inner {
  background-color: #fff;
}

.toggle-wp-light.toggle-checked .toggle-icon {
  border-color: #000;
  background-color: #000;
}

.toggle-wp-light.toggle-checked .toggle-inner {
  background-color: #fff;
}

.toggle-wp-dark.toggle-checked .toggle-icon {
  border-color: #172B4D;
  background-color: #172B4D;
}

.toggle-wp-dark.toggle-checked .toggle-inner {
  background-color: #fff;
}

.toggle-wp-snappink.toggle-checked .toggle-icon {
  border-color: #3687f0;
  background-color: #3687f0;
}

.toggle-wp-snappink.toggle-checked .toggle-inner {
  background-color: #fff;
}

.toggle-wp-snapblue.toggle-checked .toggle-icon {
  border-color: #00d8ff;
  background-color: #00d8ff;
}

.toggle-wp-snapblue.toggle-checked .toggle-inner {
  background-color: #fff;
}

.toggle-wp-snapyellow.toggle-checked .toggle-icon {
  border-color: #FFC107;
  background-color: #FFC107;
}

.toggle-wp-snapyellow.toggle-checked .toggle-inner {
  background-color: #000;
}

.toggle-wp-snapgreen.toggle-checked .toggle-icon {
  border-color: #4CAF50;
  background-color: #4CAF50;
}

.toggle-wp-snapgreen.toggle-checked .toggle-inner {
  background-color: #fff;
}

.toggle-wp-snapindigo.toggle-checked .toggle-icon {
  border-color: #3F51B5;
  background-color: #3F51B5;
}

.toggle-wp-snapindigo.toggle-checked .toggle-inner {
  background-color: #fff;
}

.toggle-wp-backgroundgrey.toggle-checked .toggle-icon {
  border-color: #EEEEEE;
  background-color: #EEEEEE;
}

.toggle-wp-backgroundgrey.toggle-checked .toggle-inner {
  background-color: #000;
}

.toggle-wp-whitecolor.toggle-checked .toggle-icon {
  border-color: #000;
  background-color: #000;
}

.toggle-wp-whitecolor.toggle-checked .toggle-inner {
  background-color: #fff;
}

.toggle-wp-grey.toggle-checked .toggle-icon {
  border-color: #828082;
  background-color: #828082;
}

.toggle-wp-grey.toggle-checked .toggle-inner {
  background-color: #fff;
}

.toggle-wp-blackcolor.toggle-checked .toggle-icon {
  border-color: #000;
  background-color: #000;
}

.toggle-wp-blackcolor.toggle-checked .toggle-inner {
  background-color: #fff;
}

.toggle-wp-mildred.toggle-checked .toggle-icon {
  border-color: #FF0266;
  background-color: #FF0266;
}

.toggle-wp-mildred.toggle-checked .toggle-inner {
  background-color: #fff;
}

.toggle-wp-mildgreen.toggle-checked .toggle-icon {
  border-color: #69F0AE;
  background-color: #69F0AE;
}

.toggle-wp-mildgreen.toggle-checked .toggle-inner {
  background-color: #fff;
}

.toggle-wp-sidebar.toggle-checked .toggle-icon {
  border-color: #0000ffc0;
  background-color: #0000ffc0;
}

.toggle-wp-sidebar.toggle-checked .toggle-inner {
  background-color: #fff;
}

.toggle-wp-white.toggle-checked .toggle-icon {
  border-color: #ffffff;
  background-color: #ffffff;
}

.toggle-wp-white.toggle-checked .toggle-inner {
  background-color: #000;
}

.toggle-wp-magenta.toggle-checked .toggle-icon {
  border-color: #c404c4;
  background-color: #c404c4;
}

.toggle-wp-magenta.toggle-checked .toggle-inner {
  background-color: #fff;
}

ion-toolbar {
  position: relative;
  z-index: 10;
}

.toolbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  contain: content;
}

.toolbar-background {
  left: 0;
  top: 0;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  border: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  pointer-events: none;
  contain: strict;
}

ion-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.toolbar-title {
  display: block;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}

ion-buttons {
  margin: 0 0.2rem;
  display: block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  pointer-events: none;
}

ion-buttons button,
ion-buttons a,
ion-buttons input,
ion-buttons textarea,
ion-buttons div {
  pointer-events: auto;
}

.toolbar[transparent] .toolbar-background {
  border-color: transparent;
  background: transparent;
}

ion-buttons,
.bar-button-menutoggle {
  z-index: 99;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

ion-navbar.toolbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.bar-button {
  margin: 0;
  padding: 0;
  text-align: center;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  display: inline-block;
  line-height: 1;
  text-overflow: ellipsis;
  text-transform: none;
  white-space: nowrap;
  cursor: pointer;
  vertical-align: top;
  vertical-align: -webkit-baseline-middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.bar-button::after {
  left: -2px;
  right: -2px;
  top: -7px;
  bottom: -6px;
  position: absolute;
  content: "";
}

.bar-button-menutoggle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.back-button {
  display: none;
}

.back-button.show-back-button {
  display: inline-block;
}

.back-button-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.toolbar-ios {
  padding: 4px;
  padding-left: 4px;
  padding-right: 4px;
  min-height: 44px;
}

@media screen and (orientation: landscape) {
  .toolbar-ios {
    padding-left: calc(constant(safe-area-inset-left) + 4px);
    padding-right: calc(constant(safe-area-inset-right) + 4px);
    padding-left: calc(env(safe-area-inset-left) + 4px);
    padding-right: calc(env(safe-area-inset-right) + 4px);
  }
}

.toolbar-background-ios {
  background: #f8f8f8;
}

.header-ios .toolbar-background-ios,
.footer-ios .toolbar-background-ios {
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.3);
}

.header-ios .toolbar-ios:last-child .toolbar-background-ios {
  border-width: 0 0 0.55px;
}

.footer-ios .toolbar-ios:first-child .toolbar-background-ios {
  border-width: 0.55px 0 0;
}

.header-ios[no-border] .toolbar-ios:last-child .toolbar-background-ios {
  border-bottom-width: 0;
}

.footer-ios[no-border] .toolbar-ios:first-child .toolbar-background-ios {
  border-top-width: 0;
}

.toolbar-content-ios {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
  -ms-flex-order: 4;
  order: 4;
  min-width: 0;
}

.toolbar-title-ios {
  text-align: center;
  font-size: 1.7rem;
  font-weight: 600;
  color: #000;
  pointer-events: auto;
}

.toolbar-ios ion-title {
  left: 0;
  top: 0;
  padding: 0 90px 1px;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  pointer-events: none;
}

.bar-buttons-ios {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.bar-buttons-ios[left] {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}

.bar-buttons-ios[end] {
  text-align: right;
  text-align: end;
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
  -ms-flex-order: 5;
  order: 5;
}

.bar-buttons-ios[right] {
  text-align: right;
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
  -ms-flex-order: 6;
  order: 6;
}

.bar-button-ios {
  padding: 0 4px;
  border-radius: 4px;
  height: 32px;
  border: 0;
  font-size: 1.7rem;
}

.bar-button-outline-ios {
  border-width: 1px;
  border-style: solid;
  border-color: #0099ff;
  color: #0099ff;
  background-color: transparent;
}

.bar-button-outline-ios:hover:not(.disable-hover) {
  opacity: .4;
}

.bar-button-outline-ios.activated {
  color: #fff;
  background-color: #0099ff;
}

.bar-button-solid-ios {
  color: #fff;
  background-color: #0099ff;
}

.bar-button-solid-ios:hover:not(.disable-hover) {
  color: #fff;
  opacity: .4;
}

.bar-button-solid-ios.activated {
  color: #fff;
  background-color: #14a1ff;
  opacity: .4;
}

.bar-button-ios.bar-button-icon-start ion-icon {
  padding-right: 0.3em;
  font-size: 1.4em;
  line-height: .67;
  pointer-events: none;
}

.bar-button-ios.bar-button-icon-end ion-icon {
  padding-left: 0.4em;
  font-size: 1.4em;
  line-height: .67;
  pointer-events: none;
}

.bar-button-ios[icon-only] {
  padding: 0;
  min-width: .9em;
}

.bar-button-ios[icon-only] ion-icon {
  padding: 0 0.1em;
  font-size: 1.8em;
  line-height: .67;
  pointer-events: none;
}

.back-button-ios {
  margin: 0;
  z-index: 99;
  overflow: visible;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  min-height: 3.2rem;
  line-height: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.back-button-icon-ios {
  margin: -1px 0 0;
  display: inherit;
  min-width: 18px;
  font-size: 3.4rem;
}

.back-button-text-ios {
  letter-spacing: -.01em;
}

.bar-button-menutoggle-ios {
  margin: 0 6px;
  padding: 0;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  min-width: 36px;
}

.bar-button-menutoggle-ios ion-icon {
  padding: 0 6px;
  font-size: 2.8rem;
}

.bar-button-menutoggle-ios[end],
.bar-button-menutoggle-ios[right] {
  -webkit-box-ordinal-group: 8;
  -webkit-order: 7;
  -ms-flex-order: 7;
  order: 7;
}

.bar-button-default-ios,
.bar-button-default.bar-button-ios-default,
.bar-button-clear-ios-default {
  color: #0099ff;
  background-color: transparent;
}

.bar-button-default-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-default:hover:not(.disable-hover),
.bar-button-clear-ios-default:hover:not(.disable-hover) {
  color: #0099ff;
}

.bar-button-default-ios.activated,
.bar-button-default.bar-button-ios-default.activated,
.bar-button-clear-ios-default.activated {
  opacity: .4;
}

.bar-button-clear-ios,
.bar-button-default.bar-button-ios-clear,
.bar-button-clear-ios-clear {
  color: #0099ff;
  background-color: transparent;
}

.bar-button-clear-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-clear:hover:not(.disable-hover),
.bar-button-clear-ios-clear:hover:not(.disable-hover) {
  color: #0099ff;
}

.bar-button-clear-ios.activated,
.bar-button-default.bar-button-ios-clear.activated,
.bar-button-clear-ios-clear.activated {
  opacity: .4;
}

.toolbar-ios-primary .toolbar-background-ios {
  background: #0099ff;
}

.toolbar-ios-primary .toolbar-title-ios,
.toolbar-ios-primary .bar-button-clear-ios,
.toolbar-ios-primary .bar-button-default-ios {
  color: #fff;
}

.toolbar-ios-primary .bar-button-primary-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-primary,
.toolbar-ios-primary .bar-button-clear-ios-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-ios-primary .bar-button-primary-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-primary .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-primary {
  border-color: #0099ff;
  color: #0099ff;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-ios-primary .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-ios-primary .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-ios-primary .bar-button-secondary-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-primary .bar-button-clear-ios-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-ios-primary .bar-button-secondary-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-primary .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-secondary {
  border-color: #36B37E;
  color: #36B37E;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-ios-primary .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-ios-primary .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-ios-primary .bar-button-danger-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-danger,
.toolbar-ios-primary .bar-button-clear-ios-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-ios-primary .bar-button-danger-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-primary .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-danger {
  border-color: #FF5630;
  color: #FF5630;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-ios-primary .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-ios-primary .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-ios-primary .bar-button-light-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-light,
.toolbar-ios-primary .bar-button-clear-ios-light {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-primary .bar-button-light-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-primary .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-light {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-light.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-primary .bar-button-solid-ios-light {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-primary .bar-button-solid-ios-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-primary .bar-button-dark-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-dark,
.toolbar-ios-primary .bar-button-clear-ios-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-ios-primary .bar-button-dark-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-primary .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-dark {
  border-color: #172B4D;
  color: #172B4D;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-ios-primary .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-ios-primary .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-ios-primary .bar-button-snappink-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-snappink,
.toolbar-ios-primary .bar-button-clear-ios-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-snappink-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-snappink:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-ios-primary .bar-button-snappink-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-snappink.activated,
.toolbar-ios-primary .bar-button-clear-ios-snappink.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-snappink {
  border-color: #3687f0;
  color: #3687f0;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-snappink.activated {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-ios-primary .bar-button-solid-ios-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-ios-primary .bar-button-solid-ios-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-ios-primary .bar-button-snapblue-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-snapblue,
.toolbar-ios-primary .bar-button-clear-ios-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-snapblue-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-snapblue:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-ios-primary .bar-button-snapblue-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-snapblue.activated,
.toolbar-ios-primary .bar-button-clear-ios-snapblue.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-snapblue {
  border-color: #00d8ff;
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-snapblue.activated {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-ios-primary .bar-button-solid-ios-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-ios-primary .bar-button-solid-ios-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-ios-primary .bar-button-snapyellow-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-snapyellow,
.toolbar-ios-primary .bar-button-clear-ios-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-snapyellow-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-snapyellow:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-ios-primary .bar-button-snapyellow-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-snapyellow.activated,
.toolbar-ios-primary .bar-button-clear-ios-snapyellow.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-snapyellow {
  border-color: #FFC107;
  color: #FFC107;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-snapyellow.activated {
  color: #000;
  background-color: #FFC107;
}

.toolbar-ios-primary .bar-button-solid-ios-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.toolbar-ios-primary .bar-button-solid-ios-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-ios-primary .bar-button-snapgreen-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-snapgreen,
.toolbar-ios-primary .bar-button-clear-ios-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-snapgreen-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-snapgreen:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-ios-primary .bar-button-snapgreen-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-snapgreen.activated,
.toolbar-ios-primary .bar-button-clear-ios-snapgreen.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-snapgreen {
  border-color: #4CAF50;
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-snapgreen.activated {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-ios-primary .bar-button-solid-ios-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-ios-primary .bar-button-solid-ios-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-ios-primary .bar-button-snapindigo-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-snapindigo,
.toolbar-ios-primary .bar-button-clear-ios-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-snapindigo-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-snapindigo:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-ios-primary .bar-button-snapindigo-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-snapindigo.activated,
.toolbar-ios-primary .bar-button-clear-ios-snapindigo.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-snapindigo {
  border-color: #3F51B5;
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-snapindigo.activated {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-ios-primary .bar-button-solid-ios-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-ios-primary .bar-button-solid-ios-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-ios-primary .bar-button-backgroundgrey-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-backgroundgrey,
.toolbar-ios-primary .bar-button-clear-ios-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-backgroundgrey-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-backgroundgrey:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-ios-primary .bar-button-backgroundgrey-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-backgroundgrey.activated,
.toolbar-ios-primary .bar-button-clear-ios-backgroundgrey.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-backgroundgrey {
  border-color: #EEEEEE;
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-backgroundgrey.activated {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-ios-primary .bar-button-solid-ios-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-ios-primary .bar-button-solid-ios-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-ios-primary .bar-button-whitecolor-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-whitecolor,
.toolbar-ios-primary .bar-button-clear-ios-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-whitecolor-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-whitecolor:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-primary .bar-button-whitecolor-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-whitecolor.activated,
.toolbar-ios-primary .bar-button-clear-ios-whitecolor.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-whitecolor {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-whitecolor.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-primary .bar-button-solid-ios-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-primary .bar-button-solid-ios-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-primary .bar-button-grey-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-grey,
.toolbar-ios-primary .bar-button-clear-ios-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-ios-primary .bar-button-grey-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-primary .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-grey {
  border-color: #828082;
  color: #828082;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #828082;
}

.toolbar-ios-primary .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-ios-primary .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-ios-primary .bar-button-blackcolor-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-blackcolor,
.toolbar-ios-primary .bar-button-clear-ios-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-blackcolor-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-blackcolor:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-primary .bar-button-blackcolor-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-blackcolor.activated,
.toolbar-ios-primary .bar-button-clear-ios-blackcolor.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-blackcolor {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-blackcolor.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-primary .bar-button-solid-ios-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-primary .bar-button-solid-ios-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-primary .bar-button-mildred-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-mildred,
.toolbar-ios-primary .bar-button-clear-ios-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-mildred-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-mildred:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-ios-primary .bar-button-mildred-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-mildred.activated,
.toolbar-ios-primary .bar-button-clear-ios-mildred.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-mildred {
  border-color: #FF0266;
  color: #FF0266;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-mildred.activated {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-ios-primary .bar-button-solid-ios-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-ios-primary .bar-button-solid-ios-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-ios-primary .bar-button-mildgreen-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-mildgreen,
.toolbar-ios-primary .bar-button-clear-ios-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-mildgreen-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-mildgreen:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-ios-primary .bar-button-mildgreen-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-mildgreen.activated,
.toolbar-ios-primary .bar-button-clear-ios-mildgreen.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-mildgreen {
  border-color: #69F0AE;
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-mildgreen.activated {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-ios-primary .bar-button-solid-ios-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-ios-primary .bar-button-solid-ios-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-ios-primary .bar-button-sidebar-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-sidebar,
.toolbar-ios-primary .bar-button-clear-ios-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-sidebar-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-sidebar:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-ios-primary .bar-button-sidebar-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-sidebar.activated,
.toolbar-ios-primary .bar-button-clear-ios-sidebar.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-sidebar {
  border-color: #0000ffc0;
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-sidebar.activated {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-ios-primary .bar-button-solid-ios-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-ios-primary .bar-button-solid-ios-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-ios-primary .bar-button-white-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-white,
.toolbar-ios-primary .bar-button-clear-ios-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-ios-primary .bar-button-white-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-primary .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-white {
  border-color: #ffffff;
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-primary .bar-button-solid-ios-white {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-primary .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-primary .bar-button-magenta-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-magenta,
.toolbar-ios-primary .bar-button-clear-ios-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-magenta-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-magenta:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-ios-primary .bar-button-magenta-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-magenta.activated,
.toolbar-ios-primary .bar-button-clear-ios-magenta.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-magenta {
  border-color: #c404c4;
  color: #c404c4;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-magenta.activated {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-ios-primary .bar-button-solid-ios-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-ios-primary .bar-button-solid-ios-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-primary-ios,
.bar-button-default.bar-button-ios-primary,
.bar-button-clear-ios-primary {
  color: #0099ff;
  background-color: transparent;
}

.bar-button-primary-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.bar-button-primary-ios.activated,
.bar-button-default.bar-button-ios-primary.activated,
.bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.bar-button-outline-ios-primary {
  border-color: #0099ff;
  color: #0099ff;
  background-color: transparent;
}

.bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #0099ff;
}

.bar-button-solid-ios-primary {
  color: #fff;
  background-color: #0099ff;
}

.bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-ios-secondary .toolbar-background-ios {
  background: #36B37E;
}

.toolbar-ios-secondary .toolbar-title-ios,
.toolbar-ios-secondary .bar-button-clear-ios,
.toolbar-ios-secondary .bar-button-default-ios {
  color: #fff;
}

.toolbar-ios-secondary .bar-button-primary-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-primary,
.toolbar-ios-secondary .bar-button-clear-ios-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-ios-secondary .bar-button-primary-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-secondary .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-primary {
  border-color: #0099ff;
  color: #0099ff;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-ios-secondary .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-ios-secondary .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-ios-secondary .bar-button-secondary-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-secondary .bar-button-clear-ios-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-ios-secondary .bar-button-secondary-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-secondary .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-secondary {
  border-color: #36B37E;
  color: #36B37E;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-ios-secondary .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-ios-secondary .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-ios-secondary .bar-button-danger-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-danger,
.toolbar-ios-secondary .bar-button-clear-ios-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-ios-secondary .bar-button-danger-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-secondary .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-danger {
  border-color: #FF5630;
  color: #FF5630;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-ios-secondary .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-ios-secondary .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-ios-secondary .bar-button-light-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-light,
.toolbar-ios-secondary .bar-button-clear-ios-light {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-secondary .bar-button-light-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-secondary .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-light {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-light.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-secondary .bar-button-solid-ios-light {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-secondary .bar-button-solid-ios-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-secondary .bar-button-dark-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-dark,
.toolbar-ios-secondary .bar-button-clear-ios-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-ios-secondary .bar-button-dark-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-secondary .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-dark {
  border-color: #172B4D;
  color: #172B4D;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-ios-secondary .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-ios-secondary .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-ios-secondary .bar-button-snappink-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-snappink,
.toolbar-ios-secondary .bar-button-clear-ios-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-snappink-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-snappink:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-ios-secondary .bar-button-snappink-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-snappink.activated,
.toolbar-ios-secondary .bar-button-clear-ios-snappink.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-snappink {
  border-color: #3687f0;
  color: #3687f0;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-snappink.activated {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-ios-secondary .bar-button-solid-ios-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-ios-secondary .bar-button-solid-ios-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-ios-secondary .bar-button-snapblue-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-snapblue,
.toolbar-ios-secondary .bar-button-clear-ios-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-snapblue-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-snapblue:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-ios-secondary .bar-button-snapblue-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-snapblue.activated,
.toolbar-ios-secondary .bar-button-clear-ios-snapblue.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-snapblue {
  border-color: #00d8ff;
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-snapblue.activated {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-ios-secondary .bar-button-solid-ios-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-ios-secondary .bar-button-solid-ios-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-ios-secondary .bar-button-snapyellow-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-snapyellow,
.toolbar-ios-secondary .bar-button-clear-ios-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-snapyellow-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-snapyellow:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-ios-secondary .bar-button-snapyellow-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-snapyellow.activated,
.toolbar-ios-secondary .bar-button-clear-ios-snapyellow.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-snapyellow {
  border-color: #FFC107;
  color: #FFC107;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-snapyellow.activated {
  color: #000;
  background-color: #FFC107;
}

.toolbar-ios-secondary .bar-button-solid-ios-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.toolbar-ios-secondary .bar-button-solid-ios-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-ios-secondary .bar-button-snapgreen-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-snapgreen,
.toolbar-ios-secondary .bar-button-clear-ios-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-snapgreen-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-snapgreen:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-ios-secondary .bar-button-snapgreen-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-snapgreen.activated,
.toolbar-ios-secondary .bar-button-clear-ios-snapgreen.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-snapgreen {
  border-color: #4CAF50;
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-snapgreen.activated {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-ios-secondary .bar-button-solid-ios-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-ios-secondary .bar-button-solid-ios-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-ios-secondary .bar-button-snapindigo-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-snapindigo,
.toolbar-ios-secondary .bar-button-clear-ios-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-snapindigo-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-snapindigo:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-ios-secondary .bar-button-snapindigo-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-snapindigo.activated,
.toolbar-ios-secondary .bar-button-clear-ios-snapindigo.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-snapindigo {
  border-color: #3F51B5;
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-snapindigo.activated {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-ios-secondary .bar-button-solid-ios-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-ios-secondary .bar-button-solid-ios-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-ios-secondary .bar-button-backgroundgrey-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-backgroundgrey,
.toolbar-ios-secondary .bar-button-clear-ios-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-backgroundgrey-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-backgroundgrey:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-ios-secondary .bar-button-backgroundgrey-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-backgroundgrey.activated,
.toolbar-ios-secondary .bar-button-clear-ios-backgroundgrey.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-backgroundgrey {
  border-color: #EEEEEE;
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-backgroundgrey.activated {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-ios-secondary .bar-button-solid-ios-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-ios-secondary .bar-button-solid-ios-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-ios-secondary .bar-button-whitecolor-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-whitecolor,
.toolbar-ios-secondary .bar-button-clear-ios-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-whitecolor-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-whitecolor:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-secondary .bar-button-whitecolor-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-whitecolor.activated,
.toolbar-ios-secondary .bar-button-clear-ios-whitecolor.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-whitecolor {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-whitecolor.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-secondary .bar-button-solid-ios-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-secondary .bar-button-solid-ios-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-secondary .bar-button-grey-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-grey,
.toolbar-ios-secondary .bar-button-clear-ios-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-ios-secondary .bar-button-grey-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-secondary .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-grey {
  border-color: #828082;
  color: #828082;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #828082;
}

.toolbar-ios-secondary .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-ios-secondary .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-ios-secondary .bar-button-blackcolor-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-blackcolor,
.toolbar-ios-secondary .bar-button-clear-ios-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-blackcolor-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-blackcolor:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-secondary .bar-button-blackcolor-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-blackcolor.activated,
.toolbar-ios-secondary .bar-button-clear-ios-blackcolor.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-blackcolor {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-blackcolor.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-secondary .bar-button-solid-ios-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-secondary .bar-button-solid-ios-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-secondary .bar-button-mildred-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-mildred,
.toolbar-ios-secondary .bar-button-clear-ios-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-mildred-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-mildred:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-ios-secondary .bar-button-mildred-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-mildred.activated,
.toolbar-ios-secondary .bar-button-clear-ios-mildred.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-mildred {
  border-color: #FF0266;
  color: #FF0266;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-mildred.activated {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-ios-secondary .bar-button-solid-ios-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-ios-secondary .bar-button-solid-ios-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-ios-secondary .bar-button-mildgreen-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-mildgreen,
.toolbar-ios-secondary .bar-button-clear-ios-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-mildgreen-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-mildgreen:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-ios-secondary .bar-button-mildgreen-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-mildgreen.activated,
.toolbar-ios-secondary .bar-button-clear-ios-mildgreen.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-mildgreen {
  border-color: #69F0AE;
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-mildgreen.activated {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-ios-secondary .bar-button-solid-ios-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-ios-secondary .bar-button-solid-ios-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-ios-secondary .bar-button-sidebar-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-sidebar,
.toolbar-ios-secondary .bar-button-clear-ios-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-sidebar-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-sidebar:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-ios-secondary .bar-button-sidebar-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-sidebar.activated,
.toolbar-ios-secondary .bar-button-clear-ios-sidebar.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-sidebar {
  border-color: #0000ffc0;
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-sidebar.activated {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-ios-secondary .bar-button-solid-ios-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-ios-secondary .bar-button-solid-ios-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-ios-secondary .bar-button-white-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-white,
.toolbar-ios-secondary .bar-button-clear-ios-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-ios-secondary .bar-button-white-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-secondary .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-white {
  border-color: #ffffff;
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-secondary .bar-button-solid-ios-white {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-secondary .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-secondary .bar-button-magenta-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-magenta,
.toolbar-ios-secondary .bar-button-clear-ios-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-magenta-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-magenta:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-ios-secondary .bar-button-magenta-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-magenta.activated,
.toolbar-ios-secondary .bar-button-clear-ios-magenta.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-magenta {
  border-color: #c404c4;
  color: #c404c4;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-magenta.activated {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-ios-secondary .bar-button-solid-ios-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-ios-secondary .bar-button-solid-ios-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-secondary-ios,
.bar-button-default.bar-button-ios-secondary,
.bar-button-clear-ios-secondary {
  color: #36B37E;
  background-color: transparent;
}

.bar-button-secondary-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.bar-button-secondary-ios.activated,
.bar-button-default.bar-button-ios-secondary.activated,
.bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.bar-button-outline-ios-secondary {
  border-color: #36B37E;
  color: #36B37E;
  background-color: transparent;
}

.bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #36B37E;
}

.bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #36B37E;
}

.bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-ios-danger .toolbar-background-ios {
  background: #FF5630;
}

.toolbar-ios-danger .toolbar-title-ios,
.toolbar-ios-danger .bar-button-clear-ios,
.toolbar-ios-danger .bar-button-default-ios {
  color: #fff;
}

.toolbar-ios-danger .bar-button-primary-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-primary,
.toolbar-ios-danger .bar-button-clear-ios-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-ios-danger .bar-button-primary-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-danger .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-primary {
  border-color: #0099ff;
  color: #0099ff;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-ios-danger .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-ios-danger .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-ios-danger .bar-button-secondary-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-danger .bar-button-clear-ios-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-ios-danger .bar-button-secondary-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-danger .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-secondary {
  border-color: #36B37E;
  color: #36B37E;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-ios-danger .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-ios-danger .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-ios-danger .bar-button-danger-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-danger,
.toolbar-ios-danger .bar-button-clear-ios-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-ios-danger .bar-button-danger-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-danger .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-danger {
  border-color: #FF5630;
  color: #FF5630;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-ios-danger .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-ios-danger .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-ios-danger .bar-button-light-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-light,
.toolbar-ios-danger .bar-button-clear-ios-light {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-danger .bar-button-light-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-danger .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-light {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-light.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-danger .bar-button-solid-ios-light {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-danger .bar-button-solid-ios-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-danger .bar-button-dark-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-dark,
.toolbar-ios-danger .bar-button-clear-ios-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-ios-danger .bar-button-dark-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-danger .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-dark {
  border-color: #172B4D;
  color: #172B4D;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-ios-danger .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-ios-danger .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-ios-danger .bar-button-snappink-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-snappink,
.toolbar-ios-danger .bar-button-clear-ios-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-snappink-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-snappink:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-ios-danger .bar-button-snappink-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-snappink.activated,
.toolbar-ios-danger .bar-button-clear-ios-snappink.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-snappink {
  border-color: #3687f0;
  color: #3687f0;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-snappink.activated {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-ios-danger .bar-button-solid-ios-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-ios-danger .bar-button-solid-ios-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-ios-danger .bar-button-snapblue-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-snapblue,
.toolbar-ios-danger .bar-button-clear-ios-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-snapblue-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-snapblue:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-ios-danger .bar-button-snapblue-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-snapblue.activated,
.toolbar-ios-danger .bar-button-clear-ios-snapblue.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-snapblue {
  border-color: #00d8ff;
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-snapblue.activated {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-ios-danger .bar-button-solid-ios-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-ios-danger .bar-button-solid-ios-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-ios-danger .bar-button-snapyellow-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-snapyellow,
.toolbar-ios-danger .bar-button-clear-ios-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-snapyellow-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-snapyellow:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-ios-danger .bar-button-snapyellow-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-snapyellow.activated,
.toolbar-ios-danger .bar-button-clear-ios-snapyellow.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-snapyellow {
  border-color: #FFC107;
  color: #FFC107;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-snapyellow.activated {
  color: #000;
  background-color: #FFC107;
}

.toolbar-ios-danger .bar-button-solid-ios-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.toolbar-ios-danger .bar-button-solid-ios-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-ios-danger .bar-button-snapgreen-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-snapgreen,
.toolbar-ios-danger .bar-button-clear-ios-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-snapgreen-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-snapgreen:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-ios-danger .bar-button-snapgreen-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-snapgreen.activated,
.toolbar-ios-danger .bar-button-clear-ios-snapgreen.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-snapgreen {
  border-color: #4CAF50;
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-snapgreen.activated {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-ios-danger .bar-button-solid-ios-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-ios-danger .bar-button-solid-ios-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-ios-danger .bar-button-snapindigo-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-snapindigo,
.toolbar-ios-danger .bar-button-clear-ios-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-snapindigo-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-snapindigo:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-ios-danger .bar-button-snapindigo-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-snapindigo.activated,
.toolbar-ios-danger .bar-button-clear-ios-snapindigo.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-snapindigo {
  border-color: #3F51B5;
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-snapindigo.activated {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-ios-danger .bar-button-solid-ios-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-ios-danger .bar-button-solid-ios-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-ios-danger .bar-button-backgroundgrey-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-backgroundgrey,
.toolbar-ios-danger .bar-button-clear-ios-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-backgroundgrey-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-backgroundgrey:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-ios-danger .bar-button-backgroundgrey-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-backgroundgrey.activated,
.toolbar-ios-danger .bar-button-clear-ios-backgroundgrey.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-backgroundgrey {
  border-color: #EEEEEE;
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-backgroundgrey.activated {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-ios-danger .bar-button-solid-ios-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-ios-danger .bar-button-solid-ios-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-ios-danger .bar-button-whitecolor-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-whitecolor,
.toolbar-ios-danger .bar-button-clear-ios-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-whitecolor-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-whitecolor:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-danger .bar-button-whitecolor-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-whitecolor.activated,
.toolbar-ios-danger .bar-button-clear-ios-whitecolor.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-whitecolor {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-whitecolor.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-danger .bar-button-solid-ios-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-danger .bar-button-solid-ios-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-danger .bar-button-grey-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-grey,
.toolbar-ios-danger .bar-button-clear-ios-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-ios-danger .bar-button-grey-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-danger .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-grey {
  border-color: #828082;
  color: #828082;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #828082;
}

.toolbar-ios-danger .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-ios-danger .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-ios-danger .bar-button-blackcolor-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-blackcolor,
.toolbar-ios-danger .bar-button-clear-ios-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-blackcolor-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-blackcolor:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-danger .bar-button-blackcolor-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-blackcolor.activated,
.toolbar-ios-danger .bar-button-clear-ios-blackcolor.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-blackcolor {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-blackcolor.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-danger .bar-button-solid-ios-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-danger .bar-button-solid-ios-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-danger .bar-button-mildred-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-mildred,
.toolbar-ios-danger .bar-button-clear-ios-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-mildred-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-mildred:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-ios-danger .bar-button-mildred-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-mildred.activated,
.toolbar-ios-danger .bar-button-clear-ios-mildred.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-mildred {
  border-color: #FF0266;
  color: #FF0266;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-mildred.activated {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-ios-danger .bar-button-solid-ios-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-ios-danger .bar-button-solid-ios-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-ios-danger .bar-button-mildgreen-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-mildgreen,
.toolbar-ios-danger .bar-button-clear-ios-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-mildgreen-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-mildgreen:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-ios-danger .bar-button-mildgreen-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-mildgreen.activated,
.toolbar-ios-danger .bar-button-clear-ios-mildgreen.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-mildgreen {
  border-color: #69F0AE;
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-mildgreen.activated {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-ios-danger .bar-button-solid-ios-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-ios-danger .bar-button-solid-ios-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-ios-danger .bar-button-sidebar-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-sidebar,
.toolbar-ios-danger .bar-button-clear-ios-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-sidebar-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-sidebar:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-ios-danger .bar-button-sidebar-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-sidebar.activated,
.toolbar-ios-danger .bar-button-clear-ios-sidebar.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-sidebar {
  border-color: #0000ffc0;
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-sidebar.activated {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-ios-danger .bar-button-solid-ios-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-ios-danger .bar-button-solid-ios-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-ios-danger .bar-button-white-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-white,
.toolbar-ios-danger .bar-button-clear-ios-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-ios-danger .bar-button-white-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-danger .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-white {
  border-color: #ffffff;
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-danger .bar-button-solid-ios-white {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-danger .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-danger .bar-button-magenta-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-magenta,
.toolbar-ios-danger .bar-button-clear-ios-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-magenta-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-magenta:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-ios-danger .bar-button-magenta-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-magenta.activated,
.toolbar-ios-danger .bar-button-clear-ios-magenta.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-magenta {
  border-color: #c404c4;
  color: #c404c4;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-magenta.activated {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-ios-danger .bar-button-solid-ios-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-ios-danger .bar-button-solid-ios-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-danger-ios,
.bar-button-default.bar-button-ios-danger,
.bar-button-clear-ios-danger {
  color: #FF5630;
  background-color: transparent;
}

.bar-button-danger-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.bar-button-danger-ios.activated,
.bar-button-default.bar-button-ios-danger.activated,
.bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.bar-button-outline-ios-danger {
  border-color: #FF5630;
  color: #FF5630;
  background-color: transparent;
}

.bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #FF5630;
}

.bar-button-solid-ios-danger {
  color: #fff;
  background-color: #FF5630;
}

.bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-ios-light .toolbar-background-ios {
  background: #000;
}

.toolbar-ios-light .toolbar-title-ios,
.toolbar-ios-light .bar-button-clear-ios,
.toolbar-ios-light .bar-button-default-ios {
  color: #fff;
}

.toolbar-ios-light .bar-button-primary-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-primary,
.toolbar-ios-light .bar-button-clear-ios-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-ios-light .bar-button-primary-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-light .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-primary {
  border-color: #0099ff;
  color: #0099ff;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-ios-light .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-ios-light .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-ios-light .bar-button-secondary-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-light .bar-button-clear-ios-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-ios-light .bar-button-secondary-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-light .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-secondary {
  border-color: #36B37E;
  color: #36B37E;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-ios-light .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-ios-light .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-ios-light .bar-button-danger-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-danger,
.toolbar-ios-light .bar-button-clear-ios-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-ios-light .bar-button-danger-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-light .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-danger {
  border-color: #FF5630;
  color: #FF5630;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-ios-light .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-ios-light .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-ios-light .bar-button-light-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-light,
.toolbar-ios-light .bar-button-clear-ios-light {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-light .bar-button-light-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-light .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-light {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-light.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-light .bar-button-solid-ios-light {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-light .bar-button-solid-ios-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-light .bar-button-dark-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-dark,
.toolbar-ios-light .bar-button-clear-ios-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-ios-light .bar-button-dark-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-light .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-dark {
  border-color: #172B4D;
  color: #172B4D;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-ios-light .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-ios-light .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-ios-light .bar-button-snappink-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-snappink,
.toolbar-ios-light .bar-button-clear-ios-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-snappink-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-snappink:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-ios-light .bar-button-snappink-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-snappink.activated,
.toolbar-ios-light .bar-button-clear-ios-snappink.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-snappink {
  border-color: #3687f0;
  color: #3687f0;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-snappink.activated {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-ios-light .bar-button-solid-ios-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-ios-light .bar-button-solid-ios-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-ios-light .bar-button-snapblue-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-snapblue,
.toolbar-ios-light .bar-button-clear-ios-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-snapblue-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-snapblue:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-ios-light .bar-button-snapblue-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-snapblue.activated,
.toolbar-ios-light .bar-button-clear-ios-snapblue.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-snapblue {
  border-color: #00d8ff;
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-snapblue.activated {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-ios-light .bar-button-solid-ios-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-ios-light .bar-button-solid-ios-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-ios-light .bar-button-snapyellow-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-snapyellow,
.toolbar-ios-light .bar-button-clear-ios-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-snapyellow-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-snapyellow:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-ios-light .bar-button-snapyellow-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-snapyellow.activated,
.toolbar-ios-light .bar-button-clear-ios-snapyellow.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-snapyellow {
  border-color: #FFC107;
  color: #FFC107;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-snapyellow.activated {
  color: #000;
  background-color: #FFC107;
}

.toolbar-ios-light .bar-button-solid-ios-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.toolbar-ios-light .bar-button-solid-ios-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-ios-light .bar-button-snapgreen-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-snapgreen,
.toolbar-ios-light .bar-button-clear-ios-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-snapgreen-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-snapgreen:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-ios-light .bar-button-snapgreen-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-snapgreen.activated,
.toolbar-ios-light .bar-button-clear-ios-snapgreen.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-snapgreen {
  border-color: #4CAF50;
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-snapgreen.activated {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-ios-light .bar-button-solid-ios-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-ios-light .bar-button-solid-ios-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-ios-light .bar-button-snapindigo-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-snapindigo,
.toolbar-ios-light .bar-button-clear-ios-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-snapindigo-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-snapindigo:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-ios-light .bar-button-snapindigo-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-snapindigo.activated,
.toolbar-ios-light .bar-button-clear-ios-snapindigo.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-snapindigo {
  border-color: #3F51B5;
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-snapindigo.activated {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-ios-light .bar-button-solid-ios-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-ios-light .bar-button-solid-ios-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-ios-light .bar-button-backgroundgrey-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-backgroundgrey,
.toolbar-ios-light .bar-button-clear-ios-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-backgroundgrey-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-backgroundgrey:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-ios-light .bar-button-backgroundgrey-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-backgroundgrey.activated,
.toolbar-ios-light .bar-button-clear-ios-backgroundgrey.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-backgroundgrey {
  border-color: #EEEEEE;
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-backgroundgrey.activated {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-ios-light .bar-button-solid-ios-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-ios-light .bar-button-solid-ios-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-ios-light .bar-button-whitecolor-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-whitecolor,
.toolbar-ios-light .bar-button-clear-ios-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-whitecolor-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-whitecolor:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-light .bar-button-whitecolor-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-whitecolor.activated,
.toolbar-ios-light .bar-button-clear-ios-whitecolor.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-whitecolor {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-whitecolor.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-light .bar-button-solid-ios-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-light .bar-button-solid-ios-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-light .bar-button-grey-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-grey,
.toolbar-ios-light .bar-button-clear-ios-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-ios-light .bar-button-grey-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-light .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-grey {
  border-color: #828082;
  color: #828082;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #828082;
}

.toolbar-ios-light .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-ios-light .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-ios-light .bar-button-blackcolor-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-blackcolor,
.toolbar-ios-light .bar-button-clear-ios-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-blackcolor-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-blackcolor:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-light .bar-button-blackcolor-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-blackcolor.activated,
.toolbar-ios-light .bar-button-clear-ios-blackcolor.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-blackcolor {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-blackcolor.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-light .bar-button-solid-ios-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-light .bar-button-solid-ios-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-light .bar-button-mildred-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-mildred,
.toolbar-ios-light .bar-button-clear-ios-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-mildred-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-mildred:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-ios-light .bar-button-mildred-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-mildred.activated,
.toolbar-ios-light .bar-button-clear-ios-mildred.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-mildred {
  border-color: #FF0266;
  color: #FF0266;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-mildred.activated {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-ios-light .bar-button-solid-ios-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-ios-light .bar-button-solid-ios-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-ios-light .bar-button-mildgreen-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-mildgreen,
.toolbar-ios-light .bar-button-clear-ios-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-mildgreen-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-mildgreen:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-ios-light .bar-button-mildgreen-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-mildgreen.activated,
.toolbar-ios-light .bar-button-clear-ios-mildgreen.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-mildgreen {
  border-color: #69F0AE;
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-mildgreen.activated {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-ios-light .bar-button-solid-ios-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-ios-light .bar-button-solid-ios-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-ios-light .bar-button-sidebar-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-sidebar,
.toolbar-ios-light .bar-button-clear-ios-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-sidebar-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-sidebar:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-ios-light .bar-button-sidebar-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-sidebar.activated,
.toolbar-ios-light .bar-button-clear-ios-sidebar.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-sidebar {
  border-color: #0000ffc0;
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-sidebar.activated {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-ios-light .bar-button-solid-ios-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-ios-light .bar-button-solid-ios-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-ios-light .bar-button-white-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-white,
.toolbar-ios-light .bar-button-clear-ios-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-ios-light .bar-button-white-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-light .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-white {
  border-color: #ffffff;
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-light .bar-button-solid-ios-white {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-light .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-light .bar-button-magenta-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-magenta,
.toolbar-ios-light .bar-button-clear-ios-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-magenta-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-magenta:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-ios-light .bar-button-magenta-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-magenta.activated,
.toolbar-ios-light .bar-button-clear-ios-magenta.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-magenta {
  border-color: #c404c4;
  color: #c404c4;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-magenta.activated {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-ios-light .bar-button-solid-ios-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-ios-light .bar-button-solid-ios-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-light-ios,
.bar-button-default.bar-button-ios-light,
.bar-button-clear-ios-light {
  color: #000;
  background-color: transparent;
}

.bar-button-light-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #000;
}

.bar-button-light-ios.activated,
.bar-button-default.bar-button-ios-light.activated,
.bar-button-clear-ios-light.activated {
  opacity: .4;
}

.bar-button-outline-ios-light {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.bar-button-outline-ios-light.activated {
  color: #fff;
  background-color: #000;
}

.bar-button-solid-ios-light {
  color: #fff;
  background-color: #000;
}

.bar-button-solid-ios-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-dark .toolbar-background-ios {
  background: #172B4D;
}

.toolbar-ios-dark .toolbar-title-ios,
.toolbar-ios-dark .bar-button-clear-ios,
.toolbar-ios-dark .bar-button-default-ios {
  color: #fff;
}

.toolbar-ios-dark .bar-button-primary-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-primary,
.toolbar-ios-dark .bar-button-clear-ios-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-ios-dark .bar-button-primary-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-dark .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-primary {
  border-color: #0099ff;
  color: #0099ff;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-ios-dark .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-ios-dark .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-ios-dark .bar-button-secondary-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-dark .bar-button-clear-ios-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-ios-dark .bar-button-secondary-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-dark .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-secondary {
  border-color: #36B37E;
  color: #36B37E;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-ios-dark .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-ios-dark .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-ios-dark .bar-button-danger-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-danger,
.toolbar-ios-dark .bar-button-clear-ios-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-ios-dark .bar-button-danger-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-dark .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-danger {
  border-color: #FF5630;
  color: #FF5630;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-ios-dark .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-ios-dark .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-ios-dark .bar-button-light-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-light,
.toolbar-ios-dark .bar-button-clear-ios-light {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-dark .bar-button-light-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-dark .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-light {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-light.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-dark .bar-button-solid-ios-light {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-dark .bar-button-solid-ios-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-dark .bar-button-dark-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-dark,
.toolbar-ios-dark .bar-button-clear-ios-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-ios-dark .bar-button-dark-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-dark .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-dark {
  border-color: #172B4D;
  color: #172B4D;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-ios-dark .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-ios-dark .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-ios-dark .bar-button-snappink-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-snappink,
.toolbar-ios-dark .bar-button-clear-ios-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-snappink-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-snappink:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-ios-dark .bar-button-snappink-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-snappink.activated,
.toolbar-ios-dark .bar-button-clear-ios-snappink.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-snappink {
  border-color: #3687f0;
  color: #3687f0;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-snappink.activated {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-ios-dark .bar-button-solid-ios-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-ios-dark .bar-button-solid-ios-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-ios-dark .bar-button-snapblue-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-snapblue,
.toolbar-ios-dark .bar-button-clear-ios-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-snapblue-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-snapblue:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-ios-dark .bar-button-snapblue-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-snapblue.activated,
.toolbar-ios-dark .bar-button-clear-ios-snapblue.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-snapblue {
  border-color: #00d8ff;
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-snapblue.activated {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-ios-dark .bar-button-solid-ios-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-ios-dark .bar-button-solid-ios-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-ios-dark .bar-button-snapyellow-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-snapyellow,
.toolbar-ios-dark .bar-button-clear-ios-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-snapyellow-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-snapyellow:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-ios-dark .bar-button-snapyellow-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-snapyellow.activated,
.toolbar-ios-dark .bar-button-clear-ios-snapyellow.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-snapyellow {
  border-color: #FFC107;
  color: #FFC107;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-snapyellow.activated {
  color: #000;
  background-color: #FFC107;
}

.toolbar-ios-dark .bar-button-solid-ios-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.toolbar-ios-dark .bar-button-solid-ios-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-ios-dark .bar-button-snapgreen-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-snapgreen,
.toolbar-ios-dark .bar-button-clear-ios-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-snapgreen-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-snapgreen:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-ios-dark .bar-button-snapgreen-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-snapgreen.activated,
.toolbar-ios-dark .bar-button-clear-ios-snapgreen.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-snapgreen {
  border-color: #4CAF50;
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-snapgreen.activated {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-ios-dark .bar-button-solid-ios-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-ios-dark .bar-button-solid-ios-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-ios-dark .bar-button-snapindigo-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-snapindigo,
.toolbar-ios-dark .bar-button-clear-ios-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-snapindigo-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-snapindigo:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-ios-dark .bar-button-snapindigo-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-snapindigo.activated,
.toolbar-ios-dark .bar-button-clear-ios-snapindigo.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-snapindigo {
  border-color: #3F51B5;
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-snapindigo.activated {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-ios-dark .bar-button-solid-ios-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-ios-dark .bar-button-solid-ios-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-ios-dark .bar-button-backgroundgrey-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-backgroundgrey,
.toolbar-ios-dark .bar-button-clear-ios-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-backgroundgrey-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-backgroundgrey:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-ios-dark .bar-button-backgroundgrey-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-backgroundgrey.activated,
.toolbar-ios-dark .bar-button-clear-ios-backgroundgrey.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-backgroundgrey {
  border-color: #EEEEEE;
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-backgroundgrey.activated {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-ios-dark .bar-button-solid-ios-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-ios-dark .bar-button-solid-ios-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-ios-dark .bar-button-whitecolor-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-whitecolor,
.toolbar-ios-dark .bar-button-clear-ios-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-whitecolor-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-whitecolor:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-dark .bar-button-whitecolor-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-whitecolor.activated,
.toolbar-ios-dark .bar-button-clear-ios-whitecolor.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-whitecolor {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-whitecolor.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-dark .bar-button-solid-ios-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-dark .bar-button-solid-ios-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-dark .bar-button-grey-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-grey,
.toolbar-ios-dark .bar-button-clear-ios-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-ios-dark .bar-button-grey-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-dark .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-grey {
  border-color: #828082;
  color: #828082;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #828082;
}

.toolbar-ios-dark .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-ios-dark .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-ios-dark .bar-button-blackcolor-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-blackcolor,
.toolbar-ios-dark .bar-button-clear-ios-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-blackcolor-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-blackcolor:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-dark .bar-button-blackcolor-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-blackcolor.activated,
.toolbar-ios-dark .bar-button-clear-ios-blackcolor.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-blackcolor {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-blackcolor.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-dark .bar-button-solid-ios-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-dark .bar-button-solid-ios-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-dark .bar-button-mildred-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-mildred,
.toolbar-ios-dark .bar-button-clear-ios-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-mildred-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-mildred:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-ios-dark .bar-button-mildred-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-mildred.activated,
.toolbar-ios-dark .bar-button-clear-ios-mildred.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-mildred {
  border-color: #FF0266;
  color: #FF0266;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-mildred.activated {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-ios-dark .bar-button-solid-ios-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-ios-dark .bar-button-solid-ios-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-ios-dark .bar-button-mildgreen-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-mildgreen,
.toolbar-ios-dark .bar-button-clear-ios-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-mildgreen-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-mildgreen:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-ios-dark .bar-button-mildgreen-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-mildgreen.activated,
.toolbar-ios-dark .bar-button-clear-ios-mildgreen.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-mildgreen {
  border-color: #69F0AE;
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-mildgreen.activated {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-ios-dark .bar-button-solid-ios-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-ios-dark .bar-button-solid-ios-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-ios-dark .bar-button-sidebar-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-sidebar,
.toolbar-ios-dark .bar-button-clear-ios-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-sidebar-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-sidebar:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-ios-dark .bar-button-sidebar-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-sidebar.activated,
.toolbar-ios-dark .bar-button-clear-ios-sidebar.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-sidebar {
  border-color: #0000ffc0;
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-sidebar.activated {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-ios-dark .bar-button-solid-ios-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-ios-dark .bar-button-solid-ios-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-ios-dark .bar-button-white-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-white,
.toolbar-ios-dark .bar-button-clear-ios-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-ios-dark .bar-button-white-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-dark .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-white {
  border-color: #ffffff;
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-dark .bar-button-solid-ios-white {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-dark .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-dark .bar-button-magenta-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-magenta,
.toolbar-ios-dark .bar-button-clear-ios-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-magenta-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-magenta:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-ios-dark .bar-button-magenta-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-magenta.activated,
.toolbar-ios-dark .bar-button-clear-ios-magenta.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-magenta {
  border-color: #c404c4;
  color: #c404c4;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-magenta.activated {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-ios-dark .bar-button-solid-ios-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-ios-dark .bar-button-solid-ios-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-dark-ios,
.bar-button-default.bar-button-ios-dark,
.bar-button-clear-ios-dark {
  color: #172B4D;
  background-color: transparent;
}

.bar-button-dark-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.bar-button-dark-ios.activated,
.bar-button-default.bar-button-ios-dark.activated,
.bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.bar-button-outline-ios-dark {
  border-color: #172B4D;
  color: #172B4D;
  background-color: transparent;
}

.bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #172B4D;
}

.bar-button-solid-ios-dark {
  color: #fff;
  background-color: #172B4D;
}

.bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-ios-snappink .toolbar-background-ios {
  background: #3687f0;
}

.toolbar-ios-snappink .toolbar-title-ios,
.toolbar-ios-snappink .bar-button-clear-ios,
.toolbar-ios-snappink .bar-button-default-ios {
  color: #fff;
}

.toolbar-ios-snappink .bar-button-primary-ios,
.toolbar-ios-snappink .bar-button-default.bar-button-ios-primary,
.toolbar-ios-snappink .bar-button-clear-ios-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-ios-snappink .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-snappink .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-snappink .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-ios-snappink .bar-button-primary-ios.activated,
.toolbar-ios-snappink .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-snappink .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-snappink .bar-button-outline-ios-primary {
  border-color: #0099ff;
  color: #0099ff;
  background-color: transparent;
}

.toolbar-ios-snappink .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-ios-snappink .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-ios-snappink .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-ios-snappink .bar-button-secondary-ios,
.toolbar-ios-snappink .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-snappink .bar-button-clear-ios-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-ios-snappink .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-snappink .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-snappink .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-ios-snappink .bar-button-secondary-ios.activated,
.toolbar-ios-snappink .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-snappink .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-snappink .bar-button-outline-ios-secondary {
  border-color: #36B37E;
  color: #36B37E;
  background-color: transparent;
}

.toolbar-ios-snappink .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-ios-snappink .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-ios-snappink .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-ios-snappink .bar-button-danger-ios,
.toolbar-ios-snappink .bar-button-default.bar-button-ios-danger,
.toolbar-ios-snappink .bar-button-clear-ios-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-ios-snappink .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-snappink .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-snappink .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-ios-snappink .bar-button-danger-ios.activated,
.toolbar-ios-snappink .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-snappink .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-snappink .bar-button-outline-ios-danger {
  border-color: #FF5630;
  color: #FF5630;
  background-color: transparent;
}

.toolbar-ios-snappink .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-ios-snappink .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-ios-snappink .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-ios-snappink .bar-button-light-ios,
.toolbar-ios-snappink .bar-button-default.bar-button-ios-light,
.toolbar-ios-snappink .bar-button-clear-ios-light {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-snappink .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-snappink .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-snappink .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-snappink .bar-button-light-ios.activated,
.toolbar-ios-snappink .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-snappink .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-snappink .bar-button-outline-ios-light {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-snappink .bar-button-outline-ios-light.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-snappink .bar-button-solid-ios-light {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-snappink .bar-button-solid-ios-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-snappink .bar-button-dark-ios,
.toolbar-ios-snappink .bar-button-default.bar-button-ios-dark,
.toolbar-ios-snappink .bar-button-clear-ios-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-ios-snappink .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-snappink .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-snappink .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-ios-snappink .bar-button-dark-ios.activated,
.toolbar-ios-snappink .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-snappink .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-snappink .bar-button-outline-ios-dark {
  border-color: #172B4D;
  color: #172B4D;
  background-color: transparent;
}

.toolbar-ios-snappink .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-ios-snappink .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-ios-snappink .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-ios-snappink .bar-button-snappink-ios,
.toolbar-ios-snappink .bar-button-default.bar-button-ios-snappink,
.toolbar-ios-snappink .bar-button-clear-ios-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-ios-snappink .bar-button-snappink-ios:hover:not(.disable-hover),
.toolbar-ios-snappink .bar-button-default.bar-button-ios-snappink:hover:not(.disable-hover),
.toolbar-ios-snappink .bar-button-clear-ios-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-ios-snappink .bar-button-snappink-ios.activated,
.toolbar-ios-snappink .bar-button-default.bar-button-ios-snappink.activated,
.toolbar-ios-snappink .bar-button-clear-ios-snappink.activated {
  opacity: .4;
}

.toolbar-ios-snappink .bar-button-outline-ios-snappink {
  border-color: #3687f0;
  color: #3687f0;
  background-color: transparent;
}

.toolbar-ios-snappink .bar-button-outline-ios-snappink.activated {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-ios-snappink .bar-button-solid-ios-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-ios-snappink .bar-button-solid-ios-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-ios-snappink .bar-button-snapblue-ios,
.toolbar-ios-snappink .bar-button-default.bar-button-ios-snapblue,
.toolbar-ios-snappink .bar-button-clear-ios-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-ios-snappink .bar-button-snapblue-ios:hover:not(.disable-hover),
.toolbar-ios-snappink .bar-button-default.bar-button-ios-snapblue:hover:not(.disable-hover),
.toolbar-ios-snappink .bar-button-clear-ios-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-ios-snappink .bar-button-snapblue-ios.activated,
.toolbar-ios-snappink .bar-button-default.bar-button-ios-snapblue.activated,
.toolbar-ios-snappink .bar-button-clear-ios-snapblue.activated {
  opacity: .4;
}

.toolbar-ios-snappink .bar-button-outline-ios-snapblue {
  border-color: #00d8ff;
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-ios-snappink .bar-button-outline-ios-snapblue.activated {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-ios-snappink .bar-button-solid-ios-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-ios-snappink .bar-button-solid-ios-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-ios-snappink .bar-button-snapyellow-ios,
.toolbar-ios-snappink .bar-button-default.bar-button-ios-snapyellow,
.toolbar-ios-snappink .bar-button-clear-ios-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-ios-snappink .bar-button-snapyellow-ios:hover:not(.disable-hover),
.toolbar-ios-snappink .bar-button-default.bar-button-ios-snapyellow:hover:not(.disable-hover),
.toolbar-ios-snappink .bar-button-clear-ios-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-ios-snappink .bar-button-snapyellow-ios.activated,
.toolbar-ios-snappink .bar-button-default.bar-button-ios-snapyellow.activated,
.toolbar-ios-snappink .bar-button-clear-ios-snapyellow.activated {
  opacity: .4;
}

.toolbar-ios-snappink .bar-button-outline-ios-snapyellow {
  border-color: #FFC107;
  color: #FFC107;
  background-color: transparent;
}

.toolbar-ios-snappink .bar-button-outline-ios-snapyellow.activated {
  color: #000;
  background-color: #FFC107;
}

.toolbar-ios-snappink .bar-button-solid-ios-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.toolbar-ios-snappink .bar-button-solid-ios-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-ios-snappink .bar-button-snapgreen-ios,
.toolbar-ios-snappink .bar-button-default.bar-button-ios-snapgreen,
.toolbar-ios-snappink .bar-button-clear-ios-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-ios-snappink .bar-button-snapgreen-ios:hover:not(.disable-hover),
.toolbar-ios-snappink .bar-button-default.bar-button-ios-snapgreen:hover:not(.disable-hover),
.toolbar-ios-snappink .bar-button-clear-ios-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-ios-snappink .bar-button-snapgreen-ios.activated,
.toolbar-ios-snappink .bar-button-default.bar-button-ios-snapgreen.activated,
.toolbar-ios-snappink .bar-button-clear-ios-snapgreen.activated {
  opacity: .4;
}

.toolbar-ios-snappink .bar-button-outline-ios-snapgreen {
  border-color: #4CAF50;
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-ios-snappink .bar-button-outline-ios-snapgreen.activated {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-ios-snappink .bar-button-solid-ios-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-ios-snappink .bar-button-solid-ios-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-ios-snappink .bar-button-snapindigo-ios,
.toolbar-ios-snappink .bar-button-default.bar-button-ios-snapindigo,
.toolbar-ios-snappink .bar-button-clear-ios-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-ios-snappink .bar-button-snapindigo-ios:hover:not(.disable-hover),
.toolbar-ios-snappink .bar-button-default.bar-button-ios-snapindigo:hover:not(.disable-hover),
.toolbar-ios-snappink .bar-button-clear-ios-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-ios-snappink .bar-button-snapindigo-ios.activated,
.toolbar-ios-snappink .bar-button-default.bar-button-ios-snapindigo.activated,
.toolbar-ios-snappink .bar-button-clear-ios-snapindigo.activated {
  opacity: .4;
}

.toolbar-ios-snappink .bar-button-outline-ios-snapindigo {
  border-color: #3F51B5;
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-ios-snappink .bar-button-outline-ios-snapindigo.activated {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-ios-snappink .bar-button-solid-ios-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-ios-snappink .bar-button-solid-ios-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-ios-snappink .bar-button-backgroundgrey-ios,
.toolbar-ios-snappink .bar-button-default.bar-button-ios-backgroundgrey,
.toolbar-ios-snappink .bar-button-clear-ios-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-ios-snappink .bar-button-backgroundgrey-ios:hover:not(.disable-hover),
.toolbar-ios-snappink .bar-button-default.bar-button-ios-backgroundgrey:hover:not(.disable-hover),
.toolbar-ios-snappink .bar-button-clear-ios-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-ios-snappink .bar-button-backgroundgrey-ios.activated,
.toolbar-ios-snappink .bar-button-default.bar-button-ios-backgroundgrey.activated,
.toolbar-ios-snappink .bar-button-clear-ios-backgroundgrey.activated {
  opacity: .4;
}

.toolbar-ios-snappink .bar-button-outline-ios-backgroundgrey {
  border-color: #EEEEEE;
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-ios-snappink .bar-button-outline-ios-backgroundgrey.activated {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-ios-snappink .bar-button-solid-ios-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-ios-snappink .bar-button-solid-ios-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-ios-snappink .bar-button-whitecolor-ios,
.toolbar-ios-snappink .bar-button-default.bar-button-ios-whitecolor,
.toolbar-ios-snappink .bar-button-clear-ios-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-snappink .bar-button-whitecolor-ios:hover:not(.disable-hover),
.toolbar-ios-snappink .bar-button-default.bar-button-ios-whitecolor:hover:not(.disable-hover),
.toolbar-ios-snappink .bar-button-clear-ios-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-snappink .bar-button-whitecolor-ios.activated,
.toolbar-ios-snappink .bar-button-default.bar-button-ios-whitecolor.activated,
.toolbar-ios-snappink .bar-button-clear-ios-whitecolor.activated {
  opacity: .4;
}

.toolbar-ios-snappink .bar-button-outline-ios-whitecolor {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-snappink .bar-button-outline-ios-whitecolor.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-snappink .bar-button-solid-ios-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-snappink .bar-button-solid-ios-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-snappink .bar-button-grey-ios,
.toolbar-ios-snappink .bar-button-default.bar-button-ios-grey,
.toolbar-ios-snappink .bar-button-clear-ios-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-ios-snappink .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-snappink .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-snappink .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-ios-snappink .bar-button-grey-ios.activated,
.toolbar-ios-snappink .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-snappink .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-snappink .bar-button-outline-ios-grey {
  border-color: #828082;
  color: #828082;
  background-color: transparent;
}

.toolbar-ios-snappink .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #828082;
}

.toolbar-ios-snappink .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-ios-snappink .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-ios-snappink .bar-button-blackcolor-ios,
.toolbar-ios-snappink .bar-button-default.bar-button-ios-blackcolor,
.toolbar-ios-snappink .bar-button-clear-ios-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-snappink .bar-button-blackcolor-ios:hover:not(.disable-hover),
.toolbar-ios-snappink .bar-button-default.bar-button-ios-blackcolor:hover:not(.disable-hover),
.toolbar-ios-snappink .bar-button-clear-ios-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-snappink .bar-button-blackcolor-ios.activated,
.toolbar-ios-snappink .bar-button-default.bar-button-ios-blackcolor.activated,
.toolbar-ios-snappink .bar-button-clear-ios-blackcolor.activated {
  opacity: .4;
}

.toolbar-ios-snappink .bar-button-outline-ios-blackcolor {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-snappink .bar-button-outline-ios-blackcolor.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-snappink .bar-button-solid-ios-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-snappink .bar-button-solid-ios-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-snappink .bar-button-mildred-ios,
.toolbar-ios-snappink .bar-button-default.bar-button-ios-mildred,
.toolbar-ios-snappink .bar-button-clear-ios-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-ios-snappink .bar-button-mildred-ios:hover:not(.disable-hover),
.toolbar-ios-snappink .bar-button-default.bar-button-ios-mildred:hover:not(.disable-hover),
.toolbar-ios-snappink .bar-button-clear-ios-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-ios-snappink .bar-button-mildred-ios.activated,
.toolbar-ios-snappink .bar-button-default.bar-button-ios-mildred.activated,
.toolbar-ios-snappink .bar-button-clear-ios-mildred.activated {
  opacity: .4;
}

.toolbar-ios-snappink .bar-button-outline-ios-mildred {
  border-color: #FF0266;
  color: #FF0266;
  background-color: transparent;
}

.toolbar-ios-snappink .bar-button-outline-ios-mildred.activated {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-ios-snappink .bar-button-solid-ios-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-ios-snappink .bar-button-solid-ios-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-ios-snappink .bar-button-mildgreen-ios,
.toolbar-ios-snappink .bar-button-default.bar-button-ios-mildgreen,
.toolbar-ios-snappink .bar-button-clear-ios-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-ios-snappink .bar-button-mildgreen-ios:hover:not(.disable-hover),
.toolbar-ios-snappink .bar-button-default.bar-button-ios-mildgreen:hover:not(.disable-hover),
.toolbar-ios-snappink .bar-button-clear-ios-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-ios-snappink .bar-button-mildgreen-ios.activated,
.toolbar-ios-snappink .bar-button-default.bar-button-ios-mildgreen.activated,
.toolbar-ios-snappink .bar-button-clear-ios-mildgreen.activated {
  opacity: .4;
}

.toolbar-ios-snappink .bar-button-outline-ios-mildgreen {
  border-color: #69F0AE;
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-ios-snappink .bar-button-outline-ios-mildgreen.activated {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-ios-snappink .bar-button-solid-ios-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-ios-snappink .bar-button-solid-ios-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-ios-snappink .bar-button-sidebar-ios,
.toolbar-ios-snappink .bar-button-default.bar-button-ios-sidebar,
.toolbar-ios-snappink .bar-button-clear-ios-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-ios-snappink .bar-button-sidebar-ios:hover:not(.disable-hover),
.toolbar-ios-snappink .bar-button-default.bar-button-ios-sidebar:hover:not(.disable-hover),
.toolbar-ios-snappink .bar-button-clear-ios-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-ios-snappink .bar-button-sidebar-ios.activated,
.toolbar-ios-snappink .bar-button-default.bar-button-ios-sidebar.activated,
.toolbar-ios-snappink .bar-button-clear-ios-sidebar.activated {
  opacity: .4;
}

.toolbar-ios-snappink .bar-button-outline-ios-sidebar {
  border-color: #0000ffc0;
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-ios-snappink .bar-button-outline-ios-sidebar.activated {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-ios-snappink .bar-button-solid-ios-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-ios-snappink .bar-button-solid-ios-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-ios-snappink .bar-button-white-ios,
.toolbar-ios-snappink .bar-button-default.bar-button-ios-white,
.toolbar-ios-snappink .bar-button-clear-ios-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-snappink .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-snappink .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-snappink .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-ios-snappink .bar-button-white-ios.activated,
.toolbar-ios-snappink .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-snappink .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-snappink .bar-button-outline-ios-white {
  border-color: #ffffff;
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-snappink .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-snappink .bar-button-solid-ios-white {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-snappink .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-snappink .bar-button-magenta-ios,
.toolbar-ios-snappink .bar-button-default.bar-button-ios-magenta,
.toolbar-ios-snappink .bar-button-clear-ios-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-ios-snappink .bar-button-magenta-ios:hover:not(.disable-hover),
.toolbar-ios-snappink .bar-button-default.bar-button-ios-magenta:hover:not(.disable-hover),
.toolbar-ios-snappink .bar-button-clear-ios-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-ios-snappink .bar-button-magenta-ios.activated,
.toolbar-ios-snappink .bar-button-default.bar-button-ios-magenta.activated,
.toolbar-ios-snappink .bar-button-clear-ios-magenta.activated {
  opacity: .4;
}

.toolbar-ios-snappink .bar-button-outline-ios-magenta {
  border-color: #c404c4;
  color: #c404c4;
  background-color: transparent;
}

.toolbar-ios-snappink .bar-button-outline-ios-magenta.activated {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-ios-snappink .bar-button-solid-ios-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-ios-snappink .bar-button-solid-ios-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-snappink-ios,
.bar-button-default.bar-button-ios-snappink,
.bar-button-clear-ios-snappink {
  color: #3687f0;
  background-color: transparent;
}

.bar-button-snappink-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-snappink:hover:not(.disable-hover),
.bar-button-clear-ios-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.bar-button-snappink-ios.activated,
.bar-button-default.bar-button-ios-snappink.activated,
.bar-button-clear-ios-snappink.activated {
  opacity: .4;
}

.bar-button-outline-ios-snappink {
  border-color: #3687f0;
  color: #3687f0;
  background-color: transparent;
}

.bar-button-outline-ios-snappink.activated {
  color: #fff;
  background-color: #3687f0;
}

.bar-button-solid-ios-snappink {
  color: #fff;
  background-color: #3687f0;
}

.bar-button-solid-ios-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-ios-snapblue .toolbar-background-ios {
  background: #00d8ff;
}

.toolbar-ios-snapblue .toolbar-title-ios,
.toolbar-ios-snapblue .bar-button-clear-ios,
.toolbar-ios-snapblue .bar-button-default-ios {
  color: #fff;
}

.toolbar-ios-snapblue .bar-button-primary-ios,
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-primary,
.toolbar-ios-snapblue .bar-button-clear-ios-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-ios-snapblue .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-snapblue .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-ios-snapblue .bar-button-primary-ios.activated,
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-snapblue .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-snapblue .bar-button-outline-ios-primary {
  border-color: #0099ff;
  color: #0099ff;
  background-color: transparent;
}

.toolbar-ios-snapblue .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-ios-snapblue .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-ios-snapblue .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-ios-snapblue .bar-button-secondary-ios,
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-snapblue .bar-button-clear-ios-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-ios-snapblue .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-snapblue .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-ios-snapblue .bar-button-secondary-ios.activated,
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-snapblue .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-snapblue .bar-button-outline-ios-secondary {
  border-color: #36B37E;
  color: #36B37E;
  background-color: transparent;
}

.toolbar-ios-snapblue .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-ios-snapblue .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-ios-snapblue .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-ios-snapblue .bar-button-danger-ios,
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-danger,
.toolbar-ios-snapblue .bar-button-clear-ios-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-ios-snapblue .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-snapblue .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-ios-snapblue .bar-button-danger-ios.activated,
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-snapblue .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-snapblue .bar-button-outline-ios-danger {
  border-color: #FF5630;
  color: #FF5630;
  background-color: transparent;
}

.toolbar-ios-snapblue .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-ios-snapblue .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-ios-snapblue .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-ios-snapblue .bar-button-light-ios,
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-light,
.toolbar-ios-snapblue .bar-button-clear-ios-light {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-snapblue .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-snapblue .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-snapblue .bar-button-light-ios.activated,
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-snapblue .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-snapblue .bar-button-outline-ios-light {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-snapblue .bar-button-outline-ios-light.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-snapblue .bar-button-solid-ios-light {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-snapblue .bar-button-solid-ios-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-snapblue .bar-button-dark-ios,
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-dark,
.toolbar-ios-snapblue .bar-button-clear-ios-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-ios-snapblue .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-snapblue .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-ios-snapblue .bar-button-dark-ios.activated,
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-snapblue .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-snapblue .bar-button-outline-ios-dark {
  border-color: #172B4D;
  color: #172B4D;
  background-color: transparent;
}

.toolbar-ios-snapblue .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-ios-snapblue .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-ios-snapblue .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-ios-snapblue .bar-button-snappink-ios,
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-snappink,
.toolbar-ios-snapblue .bar-button-clear-ios-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-ios-snapblue .bar-button-snappink-ios:hover:not(.disable-hover),
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-snappink:hover:not(.disable-hover),
.toolbar-ios-snapblue .bar-button-clear-ios-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-ios-snapblue .bar-button-snappink-ios.activated,
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-snappink.activated,
.toolbar-ios-snapblue .bar-button-clear-ios-snappink.activated {
  opacity: .4;
}

.toolbar-ios-snapblue .bar-button-outline-ios-snappink {
  border-color: #3687f0;
  color: #3687f0;
  background-color: transparent;
}

.toolbar-ios-snapblue .bar-button-outline-ios-snappink.activated {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-ios-snapblue .bar-button-solid-ios-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-ios-snapblue .bar-button-solid-ios-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-ios-snapblue .bar-button-snapblue-ios,
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-snapblue,
.toolbar-ios-snapblue .bar-button-clear-ios-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-ios-snapblue .bar-button-snapblue-ios:hover:not(.disable-hover),
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-snapblue:hover:not(.disable-hover),
.toolbar-ios-snapblue .bar-button-clear-ios-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-ios-snapblue .bar-button-snapblue-ios.activated,
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-snapblue.activated,
.toolbar-ios-snapblue .bar-button-clear-ios-snapblue.activated {
  opacity: .4;
}

.toolbar-ios-snapblue .bar-button-outline-ios-snapblue {
  border-color: #00d8ff;
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-ios-snapblue .bar-button-outline-ios-snapblue.activated {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-ios-snapblue .bar-button-solid-ios-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-ios-snapblue .bar-button-solid-ios-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-ios-snapblue .bar-button-snapyellow-ios,
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-snapyellow,
.toolbar-ios-snapblue .bar-button-clear-ios-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-ios-snapblue .bar-button-snapyellow-ios:hover:not(.disable-hover),
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-snapyellow:hover:not(.disable-hover),
.toolbar-ios-snapblue .bar-button-clear-ios-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-ios-snapblue .bar-button-snapyellow-ios.activated,
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-snapyellow.activated,
.toolbar-ios-snapblue .bar-button-clear-ios-snapyellow.activated {
  opacity: .4;
}

.toolbar-ios-snapblue .bar-button-outline-ios-snapyellow {
  border-color: #FFC107;
  color: #FFC107;
  background-color: transparent;
}

.toolbar-ios-snapblue .bar-button-outline-ios-snapyellow.activated {
  color: #000;
  background-color: #FFC107;
}

.toolbar-ios-snapblue .bar-button-solid-ios-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.toolbar-ios-snapblue .bar-button-solid-ios-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-ios-snapblue .bar-button-snapgreen-ios,
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-snapgreen,
.toolbar-ios-snapblue .bar-button-clear-ios-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-ios-snapblue .bar-button-snapgreen-ios:hover:not(.disable-hover),
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-snapgreen:hover:not(.disable-hover),
.toolbar-ios-snapblue .bar-button-clear-ios-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-ios-snapblue .bar-button-snapgreen-ios.activated,
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-snapgreen.activated,
.toolbar-ios-snapblue .bar-button-clear-ios-snapgreen.activated {
  opacity: .4;
}

.toolbar-ios-snapblue .bar-button-outline-ios-snapgreen {
  border-color: #4CAF50;
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-ios-snapblue .bar-button-outline-ios-snapgreen.activated {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-ios-snapblue .bar-button-solid-ios-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-ios-snapblue .bar-button-solid-ios-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-ios-snapblue .bar-button-snapindigo-ios,
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-snapindigo,
.toolbar-ios-snapblue .bar-button-clear-ios-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-ios-snapblue .bar-button-snapindigo-ios:hover:not(.disable-hover),
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-snapindigo:hover:not(.disable-hover),
.toolbar-ios-snapblue .bar-button-clear-ios-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-ios-snapblue .bar-button-snapindigo-ios.activated,
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-snapindigo.activated,
.toolbar-ios-snapblue .bar-button-clear-ios-snapindigo.activated {
  opacity: .4;
}

.toolbar-ios-snapblue .bar-button-outline-ios-snapindigo {
  border-color: #3F51B5;
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-ios-snapblue .bar-button-outline-ios-snapindigo.activated {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-ios-snapblue .bar-button-solid-ios-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-ios-snapblue .bar-button-solid-ios-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-ios-snapblue .bar-button-backgroundgrey-ios,
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-backgroundgrey,
.toolbar-ios-snapblue .bar-button-clear-ios-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-ios-snapblue .bar-button-backgroundgrey-ios:hover:not(.disable-hover),
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-backgroundgrey:hover:not(.disable-hover),
.toolbar-ios-snapblue .bar-button-clear-ios-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-ios-snapblue .bar-button-backgroundgrey-ios.activated,
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-backgroundgrey.activated,
.toolbar-ios-snapblue .bar-button-clear-ios-backgroundgrey.activated {
  opacity: .4;
}

.toolbar-ios-snapblue .bar-button-outline-ios-backgroundgrey {
  border-color: #EEEEEE;
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-ios-snapblue .bar-button-outline-ios-backgroundgrey.activated {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-ios-snapblue .bar-button-solid-ios-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-ios-snapblue .bar-button-solid-ios-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-ios-snapblue .bar-button-whitecolor-ios,
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-whitecolor,
.toolbar-ios-snapblue .bar-button-clear-ios-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-snapblue .bar-button-whitecolor-ios:hover:not(.disable-hover),
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-whitecolor:hover:not(.disable-hover),
.toolbar-ios-snapblue .bar-button-clear-ios-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-snapblue .bar-button-whitecolor-ios.activated,
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-whitecolor.activated,
.toolbar-ios-snapblue .bar-button-clear-ios-whitecolor.activated {
  opacity: .4;
}

.toolbar-ios-snapblue .bar-button-outline-ios-whitecolor {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-snapblue .bar-button-outline-ios-whitecolor.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-snapblue .bar-button-solid-ios-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-snapblue .bar-button-solid-ios-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-snapblue .bar-button-grey-ios,
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-grey,
.toolbar-ios-snapblue .bar-button-clear-ios-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-ios-snapblue .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-snapblue .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-ios-snapblue .bar-button-grey-ios.activated,
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-snapblue .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-snapblue .bar-button-outline-ios-grey {
  border-color: #828082;
  color: #828082;
  background-color: transparent;
}

.toolbar-ios-snapblue .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #828082;
}

.toolbar-ios-snapblue .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-ios-snapblue .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-ios-snapblue .bar-button-blackcolor-ios,
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-blackcolor,
.toolbar-ios-snapblue .bar-button-clear-ios-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-snapblue .bar-button-blackcolor-ios:hover:not(.disable-hover),
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-blackcolor:hover:not(.disable-hover),
.toolbar-ios-snapblue .bar-button-clear-ios-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-snapblue .bar-button-blackcolor-ios.activated,
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-blackcolor.activated,
.toolbar-ios-snapblue .bar-button-clear-ios-blackcolor.activated {
  opacity: .4;
}

.toolbar-ios-snapblue .bar-button-outline-ios-blackcolor {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-snapblue .bar-button-outline-ios-blackcolor.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-snapblue .bar-button-solid-ios-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-snapblue .bar-button-solid-ios-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-snapblue .bar-button-mildred-ios,
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-mildred,
.toolbar-ios-snapblue .bar-button-clear-ios-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-ios-snapblue .bar-button-mildred-ios:hover:not(.disable-hover),
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-mildred:hover:not(.disable-hover),
.toolbar-ios-snapblue .bar-button-clear-ios-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-ios-snapblue .bar-button-mildred-ios.activated,
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-mildred.activated,
.toolbar-ios-snapblue .bar-button-clear-ios-mildred.activated {
  opacity: .4;
}

.toolbar-ios-snapblue .bar-button-outline-ios-mildred {
  border-color: #FF0266;
  color: #FF0266;
  background-color: transparent;
}

.toolbar-ios-snapblue .bar-button-outline-ios-mildred.activated {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-ios-snapblue .bar-button-solid-ios-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-ios-snapblue .bar-button-solid-ios-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-ios-snapblue .bar-button-mildgreen-ios,
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-mildgreen,
.toolbar-ios-snapblue .bar-button-clear-ios-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-ios-snapblue .bar-button-mildgreen-ios:hover:not(.disable-hover),
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-mildgreen:hover:not(.disable-hover),
.toolbar-ios-snapblue .bar-button-clear-ios-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-ios-snapblue .bar-button-mildgreen-ios.activated,
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-mildgreen.activated,
.toolbar-ios-snapblue .bar-button-clear-ios-mildgreen.activated {
  opacity: .4;
}

.toolbar-ios-snapblue .bar-button-outline-ios-mildgreen {
  border-color: #69F0AE;
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-ios-snapblue .bar-button-outline-ios-mildgreen.activated {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-ios-snapblue .bar-button-solid-ios-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-ios-snapblue .bar-button-solid-ios-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-ios-snapblue .bar-button-sidebar-ios,
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-sidebar,
.toolbar-ios-snapblue .bar-button-clear-ios-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-ios-snapblue .bar-button-sidebar-ios:hover:not(.disable-hover),
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-sidebar:hover:not(.disable-hover),
.toolbar-ios-snapblue .bar-button-clear-ios-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-ios-snapblue .bar-button-sidebar-ios.activated,
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-sidebar.activated,
.toolbar-ios-snapblue .bar-button-clear-ios-sidebar.activated {
  opacity: .4;
}

.toolbar-ios-snapblue .bar-button-outline-ios-sidebar {
  border-color: #0000ffc0;
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-ios-snapblue .bar-button-outline-ios-sidebar.activated {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-ios-snapblue .bar-button-solid-ios-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-ios-snapblue .bar-button-solid-ios-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-ios-snapblue .bar-button-white-ios,
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-white,
.toolbar-ios-snapblue .bar-button-clear-ios-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-snapblue .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-snapblue .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-ios-snapblue .bar-button-white-ios.activated,
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-snapblue .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-snapblue .bar-button-outline-ios-white {
  border-color: #ffffff;
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-snapblue .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-snapblue .bar-button-solid-ios-white {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-snapblue .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-snapblue .bar-button-magenta-ios,
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-magenta,
.toolbar-ios-snapblue .bar-button-clear-ios-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-ios-snapblue .bar-button-magenta-ios:hover:not(.disable-hover),
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-magenta:hover:not(.disable-hover),
.toolbar-ios-snapblue .bar-button-clear-ios-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-ios-snapblue .bar-button-magenta-ios.activated,
.toolbar-ios-snapblue .bar-button-default.bar-button-ios-magenta.activated,
.toolbar-ios-snapblue .bar-button-clear-ios-magenta.activated {
  opacity: .4;
}

.toolbar-ios-snapblue .bar-button-outline-ios-magenta {
  border-color: #c404c4;
  color: #c404c4;
  background-color: transparent;
}

.toolbar-ios-snapblue .bar-button-outline-ios-magenta.activated {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-ios-snapblue .bar-button-solid-ios-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-ios-snapblue .bar-button-solid-ios-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-snapblue-ios,
.bar-button-default.bar-button-ios-snapblue,
.bar-button-clear-ios-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.bar-button-snapblue-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-snapblue:hover:not(.disable-hover),
.bar-button-clear-ios-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.bar-button-snapblue-ios.activated,
.bar-button-default.bar-button-ios-snapblue.activated,
.bar-button-clear-ios-snapblue.activated {
  opacity: .4;
}

.bar-button-outline-ios-snapblue {
  border-color: #00d8ff;
  color: #00d8ff;
  background-color: transparent;
}

.bar-button-outline-ios-snapblue.activated {
  color: #fff;
  background-color: #00d8ff;
}

.bar-button-solid-ios-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.bar-button-solid-ios-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-ios-snapyellow .toolbar-background-ios {
  background: #FFC107;
}

.toolbar-ios-snapyellow .toolbar-title-ios,
.toolbar-ios-snapyellow .bar-button-clear-ios,
.toolbar-ios-snapyellow .bar-button-default-ios {
  color: #000;
}

.toolbar-ios-snapyellow .bar-button-primary-ios,
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-primary,
.toolbar-ios-snapyellow .bar-button-clear-ios-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-ios-snapyellow .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-snapyellow .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-ios-snapyellow .bar-button-primary-ios.activated,
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-snapyellow .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-snapyellow .bar-button-outline-ios-primary {
  border-color: #0099ff;
  color: #0099ff;
  background-color: transparent;
}

.toolbar-ios-snapyellow .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-ios-snapyellow .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-ios-snapyellow .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-ios-snapyellow .bar-button-secondary-ios,
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-snapyellow .bar-button-clear-ios-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-ios-snapyellow .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-snapyellow .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-ios-snapyellow .bar-button-secondary-ios.activated,
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-snapyellow .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-snapyellow .bar-button-outline-ios-secondary {
  border-color: #36B37E;
  color: #36B37E;
  background-color: transparent;
}

.toolbar-ios-snapyellow .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-ios-snapyellow .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-ios-snapyellow .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-ios-snapyellow .bar-button-danger-ios,
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-danger,
.toolbar-ios-snapyellow .bar-button-clear-ios-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-ios-snapyellow .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-snapyellow .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-ios-snapyellow .bar-button-danger-ios.activated,
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-snapyellow .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-snapyellow .bar-button-outline-ios-danger {
  border-color: #FF5630;
  color: #FF5630;
  background-color: transparent;
}

.toolbar-ios-snapyellow .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-ios-snapyellow .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-ios-snapyellow .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-ios-snapyellow .bar-button-light-ios,
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-light,
.toolbar-ios-snapyellow .bar-button-clear-ios-light {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-snapyellow .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-snapyellow .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-snapyellow .bar-button-light-ios.activated,
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-snapyellow .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-snapyellow .bar-button-outline-ios-light {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-snapyellow .bar-button-outline-ios-light.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-snapyellow .bar-button-solid-ios-light {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-snapyellow .bar-button-solid-ios-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-snapyellow .bar-button-dark-ios,
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-dark,
.toolbar-ios-snapyellow .bar-button-clear-ios-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-ios-snapyellow .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-snapyellow .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-ios-snapyellow .bar-button-dark-ios.activated,
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-snapyellow .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-snapyellow .bar-button-outline-ios-dark {
  border-color: #172B4D;
  color: #172B4D;
  background-color: transparent;
}

.toolbar-ios-snapyellow .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-ios-snapyellow .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-ios-snapyellow .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-ios-snapyellow .bar-button-snappink-ios,
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-snappink,
.toolbar-ios-snapyellow .bar-button-clear-ios-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-ios-snapyellow .bar-button-snappink-ios:hover:not(.disable-hover),
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-snappink:hover:not(.disable-hover),
.toolbar-ios-snapyellow .bar-button-clear-ios-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-ios-snapyellow .bar-button-snappink-ios.activated,
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-snappink.activated,
.toolbar-ios-snapyellow .bar-button-clear-ios-snappink.activated {
  opacity: .4;
}

.toolbar-ios-snapyellow .bar-button-outline-ios-snappink {
  border-color: #3687f0;
  color: #3687f0;
  background-color: transparent;
}

.toolbar-ios-snapyellow .bar-button-outline-ios-snappink.activated {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-ios-snapyellow .bar-button-solid-ios-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-ios-snapyellow .bar-button-solid-ios-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-ios-snapyellow .bar-button-snapblue-ios,
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-snapblue,
.toolbar-ios-snapyellow .bar-button-clear-ios-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-ios-snapyellow .bar-button-snapblue-ios:hover:not(.disable-hover),
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-snapblue:hover:not(.disable-hover),
.toolbar-ios-snapyellow .bar-button-clear-ios-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-ios-snapyellow .bar-button-snapblue-ios.activated,
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-snapblue.activated,
.toolbar-ios-snapyellow .bar-button-clear-ios-snapblue.activated {
  opacity: .4;
}

.toolbar-ios-snapyellow .bar-button-outline-ios-snapblue {
  border-color: #00d8ff;
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-ios-snapyellow .bar-button-outline-ios-snapblue.activated {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-ios-snapyellow .bar-button-solid-ios-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-ios-snapyellow .bar-button-solid-ios-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-ios-snapyellow .bar-button-snapyellow-ios,
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-snapyellow,
.toolbar-ios-snapyellow .bar-button-clear-ios-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-ios-snapyellow .bar-button-snapyellow-ios:hover:not(.disable-hover),
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-snapyellow:hover:not(.disable-hover),
.toolbar-ios-snapyellow .bar-button-clear-ios-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-ios-snapyellow .bar-button-snapyellow-ios.activated,
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-snapyellow.activated,
.toolbar-ios-snapyellow .bar-button-clear-ios-snapyellow.activated {
  opacity: .4;
}

.toolbar-ios-snapyellow .bar-button-outline-ios-snapyellow {
  border-color: #FFC107;
  color: #FFC107;
  background-color: transparent;
}

.toolbar-ios-snapyellow .bar-button-outline-ios-snapyellow.activated {
  color: #000;
  background-color: #FFC107;
}

.toolbar-ios-snapyellow .bar-button-solid-ios-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.toolbar-ios-snapyellow .bar-button-solid-ios-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-ios-snapyellow .bar-button-snapgreen-ios,
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-snapgreen,
.toolbar-ios-snapyellow .bar-button-clear-ios-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-ios-snapyellow .bar-button-snapgreen-ios:hover:not(.disable-hover),
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-snapgreen:hover:not(.disable-hover),
.toolbar-ios-snapyellow .bar-button-clear-ios-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-ios-snapyellow .bar-button-snapgreen-ios.activated,
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-snapgreen.activated,
.toolbar-ios-snapyellow .bar-button-clear-ios-snapgreen.activated {
  opacity: .4;
}

.toolbar-ios-snapyellow .bar-button-outline-ios-snapgreen {
  border-color: #4CAF50;
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-ios-snapyellow .bar-button-outline-ios-snapgreen.activated {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-ios-snapyellow .bar-button-solid-ios-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-ios-snapyellow .bar-button-solid-ios-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-ios-snapyellow .bar-button-snapindigo-ios,
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-snapindigo,
.toolbar-ios-snapyellow .bar-button-clear-ios-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-ios-snapyellow .bar-button-snapindigo-ios:hover:not(.disable-hover),
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-snapindigo:hover:not(.disable-hover),
.toolbar-ios-snapyellow .bar-button-clear-ios-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-ios-snapyellow .bar-button-snapindigo-ios.activated,
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-snapindigo.activated,
.toolbar-ios-snapyellow .bar-button-clear-ios-snapindigo.activated {
  opacity: .4;
}

.toolbar-ios-snapyellow .bar-button-outline-ios-snapindigo {
  border-color: #3F51B5;
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-ios-snapyellow .bar-button-outline-ios-snapindigo.activated {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-ios-snapyellow .bar-button-solid-ios-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-ios-snapyellow .bar-button-solid-ios-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-ios-snapyellow .bar-button-backgroundgrey-ios,
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-backgroundgrey,
.toolbar-ios-snapyellow .bar-button-clear-ios-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-ios-snapyellow .bar-button-backgroundgrey-ios:hover:not(.disable-hover),
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-backgroundgrey:hover:not(.disable-hover),
.toolbar-ios-snapyellow .bar-button-clear-ios-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-ios-snapyellow .bar-button-backgroundgrey-ios.activated,
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-backgroundgrey.activated,
.toolbar-ios-snapyellow .bar-button-clear-ios-backgroundgrey.activated {
  opacity: .4;
}

.toolbar-ios-snapyellow .bar-button-outline-ios-backgroundgrey {
  border-color: #EEEEEE;
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-ios-snapyellow .bar-button-outline-ios-backgroundgrey.activated {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-ios-snapyellow .bar-button-solid-ios-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-ios-snapyellow .bar-button-solid-ios-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-ios-snapyellow .bar-button-whitecolor-ios,
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-whitecolor,
.toolbar-ios-snapyellow .bar-button-clear-ios-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-snapyellow .bar-button-whitecolor-ios:hover:not(.disable-hover),
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-whitecolor:hover:not(.disable-hover),
.toolbar-ios-snapyellow .bar-button-clear-ios-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-snapyellow .bar-button-whitecolor-ios.activated,
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-whitecolor.activated,
.toolbar-ios-snapyellow .bar-button-clear-ios-whitecolor.activated {
  opacity: .4;
}

.toolbar-ios-snapyellow .bar-button-outline-ios-whitecolor {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-snapyellow .bar-button-outline-ios-whitecolor.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-snapyellow .bar-button-solid-ios-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-snapyellow .bar-button-solid-ios-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-snapyellow .bar-button-grey-ios,
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-grey,
.toolbar-ios-snapyellow .bar-button-clear-ios-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-ios-snapyellow .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-snapyellow .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-ios-snapyellow .bar-button-grey-ios.activated,
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-snapyellow .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-snapyellow .bar-button-outline-ios-grey {
  border-color: #828082;
  color: #828082;
  background-color: transparent;
}

.toolbar-ios-snapyellow .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #828082;
}

.toolbar-ios-snapyellow .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-ios-snapyellow .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-ios-snapyellow .bar-button-blackcolor-ios,
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-blackcolor,
.toolbar-ios-snapyellow .bar-button-clear-ios-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-snapyellow .bar-button-blackcolor-ios:hover:not(.disable-hover),
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-blackcolor:hover:not(.disable-hover),
.toolbar-ios-snapyellow .bar-button-clear-ios-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-snapyellow .bar-button-blackcolor-ios.activated,
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-blackcolor.activated,
.toolbar-ios-snapyellow .bar-button-clear-ios-blackcolor.activated {
  opacity: .4;
}

.toolbar-ios-snapyellow .bar-button-outline-ios-blackcolor {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-snapyellow .bar-button-outline-ios-blackcolor.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-snapyellow .bar-button-solid-ios-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-snapyellow .bar-button-solid-ios-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-snapyellow .bar-button-mildred-ios,
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-mildred,
.toolbar-ios-snapyellow .bar-button-clear-ios-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-ios-snapyellow .bar-button-mildred-ios:hover:not(.disable-hover),
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-mildred:hover:not(.disable-hover),
.toolbar-ios-snapyellow .bar-button-clear-ios-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-ios-snapyellow .bar-button-mildred-ios.activated,
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-mildred.activated,
.toolbar-ios-snapyellow .bar-button-clear-ios-mildred.activated {
  opacity: .4;
}

.toolbar-ios-snapyellow .bar-button-outline-ios-mildred {
  border-color: #FF0266;
  color: #FF0266;
  background-color: transparent;
}

.toolbar-ios-snapyellow .bar-button-outline-ios-mildred.activated {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-ios-snapyellow .bar-button-solid-ios-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-ios-snapyellow .bar-button-solid-ios-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-ios-snapyellow .bar-button-mildgreen-ios,
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-mildgreen,
.toolbar-ios-snapyellow .bar-button-clear-ios-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-ios-snapyellow .bar-button-mildgreen-ios:hover:not(.disable-hover),
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-mildgreen:hover:not(.disable-hover),
.toolbar-ios-snapyellow .bar-button-clear-ios-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-ios-snapyellow .bar-button-mildgreen-ios.activated,
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-mildgreen.activated,
.toolbar-ios-snapyellow .bar-button-clear-ios-mildgreen.activated {
  opacity: .4;
}

.toolbar-ios-snapyellow .bar-button-outline-ios-mildgreen {
  border-color: #69F0AE;
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-ios-snapyellow .bar-button-outline-ios-mildgreen.activated {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-ios-snapyellow .bar-button-solid-ios-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-ios-snapyellow .bar-button-solid-ios-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-ios-snapyellow .bar-button-sidebar-ios,
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-sidebar,
.toolbar-ios-snapyellow .bar-button-clear-ios-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-ios-snapyellow .bar-button-sidebar-ios:hover:not(.disable-hover),
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-sidebar:hover:not(.disable-hover),
.toolbar-ios-snapyellow .bar-button-clear-ios-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-ios-snapyellow .bar-button-sidebar-ios.activated,
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-sidebar.activated,
.toolbar-ios-snapyellow .bar-button-clear-ios-sidebar.activated {
  opacity: .4;
}

.toolbar-ios-snapyellow .bar-button-outline-ios-sidebar {
  border-color: #0000ffc0;
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-ios-snapyellow .bar-button-outline-ios-sidebar.activated {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-ios-snapyellow .bar-button-solid-ios-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-ios-snapyellow .bar-button-solid-ios-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-ios-snapyellow .bar-button-white-ios,
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-white,
.toolbar-ios-snapyellow .bar-button-clear-ios-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-snapyellow .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-snapyellow .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-ios-snapyellow .bar-button-white-ios.activated,
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-snapyellow .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-snapyellow .bar-button-outline-ios-white {
  border-color: #ffffff;
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-snapyellow .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-snapyellow .bar-button-solid-ios-white {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-snapyellow .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-snapyellow .bar-button-magenta-ios,
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-magenta,
.toolbar-ios-snapyellow .bar-button-clear-ios-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-ios-snapyellow .bar-button-magenta-ios:hover:not(.disable-hover),
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-magenta:hover:not(.disable-hover),
.toolbar-ios-snapyellow .bar-button-clear-ios-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-ios-snapyellow .bar-button-magenta-ios.activated,
.toolbar-ios-snapyellow .bar-button-default.bar-button-ios-magenta.activated,
.toolbar-ios-snapyellow .bar-button-clear-ios-magenta.activated {
  opacity: .4;
}

.toolbar-ios-snapyellow .bar-button-outline-ios-magenta {
  border-color: #c404c4;
  color: #c404c4;
  background-color: transparent;
}

.toolbar-ios-snapyellow .bar-button-outline-ios-magenta.activated {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-ios-snapyellow .bar-button-solid-ios-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-ios-snapyellow .bar-button-solid-ios-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-snapyellow-ios,
.bar-button-default.bar-button-ios-snapyellow,
.bar-button-clear-ios-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.bar-button-snapyellow-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-snapyellow:hover:not(.disable-hover),
.bar-button-clear-ios-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.bar-button-snapyellow-ios.activated,
.bar-button-default.bar-button-ios-snapyellow.activated,
.bar-button-clear-ios-snapyellow.activated {
  opacity: .4;
}

.bar-button-outline-ios-snapyellow {
  border-color: #FFC107;
  color: #FFC107;
  background-color: transparent;
}

.bar-button-outline-ios-snapyellow.activated {
  color: #000;
  background-color: #FFC107;
}

.bar-button-solid-ios-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.bar-button-solid-ios-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-ios-snapgreen .toolbar-background-ios {
  background: #4CAF50;
}

.toolbar-ios-snapgreen .toolbar-title-ios,
.toolbar-ios-snapgreen .bar-button-clear-ios,
.toolbar-ios-snapgreen .bar-button-default-ios {
  color: #fff;
}

.toolbar-ios-snapgreen .bar-button-primary-ios,
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-primary,
.toolbar-ios-snapgreen .bar-button-clear-ios-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-ios-snapgreen .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-snapgreen .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-ios-snapgreen .bar-button-primary-ios.activated,
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-snapgreen .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-snapgreen .bar-button-outline-ios-primary {
  border-color: #0099ff;
  color: #0099ff;
  background-color: transparent;
}

.toolbar-ios-snapgreen .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-ios-snapgreen .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-ios-snapgreen .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-ios-snapgreen .bar-button-secondary-ios,
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-snapgreen .bar-button-clear-ios-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-ios-snapgreen .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-snapgreen .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-ios-snapgreen .bar-button-secondary-ios.activated,
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-snapgreen .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-snapgreen .bar-button-outline-ios-secondary {
  border-color: #36B37E;
  color: #36B37E;
  background-color: transparent;
}

.toolbar-ios-snapgreen .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-ios-snapgreen .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-ios-snapgreen .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-ios-snapgreen .bar-button-danger-ios,
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-danger,
.toolbar-ios-snapgreen .bar-button-clear-ios-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-ios-snapgreen .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-snapgreen .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-ios-snapgreen .bar-button-danger-ios.activated,
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-snapgreen .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-snapgreen .bar-button-outline-ios-danger {
  border-color: #FF5630;
  color: #FF5630;
  background-color: transparent;
}

.toolbar-ios-snapgreen .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-ios-snapgreen .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-ios-snapgreen .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-ios-snapgreen .bar-button-light-ios,
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-light,
.toolbar-ios-snapgreen .bar-button-clear-ios-light {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-snapgreen .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-snapgreen .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-snapgreen .bar-button-light-ios.activated,
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-snapgreen .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-snapgreen .bar-button-outline-ios-light {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-snapgreen .bar-button-outline-ios-light.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-snapgreen .bar-button-solid-ios-light {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-snapgreen .bar-button-solid-ios-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-snapgreen .bar-button-dark-ios,
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-dark,
.toolbar-ios-snapgreen .bar-button-clear-ios-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-ios-snapgreen .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-snapgreen .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-ios-snapgreen .bar-button-dark-ios.activated,
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-snapgreen .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-snapgreen .bar-button-outline-ios-dark {
  border-color: #172B4D;
  color: #172B4D;
  background-color: transparent;
}

.toolbar-ios-snapgreen .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-ios-snapgreen .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-ios-snapgreen .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-ios-snapgreen .bar-button-snappink-ios,
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-snappink,
.toolbar-ios-snapgreen .bar-button-clear-ios-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-ios-snapgreen .bar-button-snappink-ios:hover:not(.disable-hover),
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-snappink:hover:not(.disable-hover),
.toolbar-ios-snapgreen .bar-button-clear-ios-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-ios-snapgreen .bar-button-snappink-ios.activated,
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-snappink.activated,
.toolbar-ios-snapgreen .bar-button-clear-ios-snappink.activated {
  opacity: .4;
}

.toolbar-ios-snapgreen .bar-button-outline-ios-snappink {
  border-color: #3687f0;
  color: #3687f0;
  background-color: transparent;
}

.toolbar-ios-snapgreen .bar-button-outline-ios-snappink.activated {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-ios-snapgreen .bar-button-solid-ios-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-ios-snapgreen .bar-button-solid-ios-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-ios-snapgreen .bar-button-snapblue-ios,
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-snapblue,
.toolbar-ios-snapgreen .bar-button-clear-ios-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-ios-snapgreen .bar-button-snapblue-ios:hover:not(.disable-hover),
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-snapblue:hover:not(.disable-hover),
.toolbar-ios-snapgreen .bar-button-clear-ios-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-ios-snapgreen .bar-button-snapblue-ios.activated,
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-snapblue.activated,
.toolbar-ios-snapgreen .bar-button-clear-ios-snapblue.activated {
  opacity: .4;
}

.toolbar-ios-snapgreen .bar-button-outline-ios-snapblue {
  border-color: #00d8ff;
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-ios-snapgreen .bar-button-outline-ios-snapblue.activated {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-ios-snapgreen .bar-button-solid-ios-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-ios-snapgreen .bar-button-solid-ios-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-ios-snapgreen .bar-button-snapyellow-ios,
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-snapyellow,
.toolbar-ios-snapgreen .bar-button-clear-ios-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-ios-snapgreen .bar-button-snapyellow-ios:hover:not(.disable-hover),
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-snapyellow:hover:not(.disable-hover),
.toolbar-ios-snapgreen .bar-button-clear-ios-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-ios-snapgreen .bar-button-snapyellow-ios.activated,
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-snapyellow.activated,
.toolbar-ios-snapgreen .bar-button-clear-ios-snapyellow.activated {
  opacity: .4;
}

.toolbar-ios-snapgreen .bar-button-outline-ios-snapyellow {
  border-color: #FFC107;
  color: #FFC107;
  background-color: transparent;
}

.toolbar-ios-snapgreen .bar-button-outline-ios-snapyellow.activated {
  color: #000;
  background-color: #FFC107;
}

.toolbar-ios-snapgreen .bar-button-solid-ios-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.toolbar-ios-snapgreen .bar-button-solid-ios-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-ios-snapgreen .bar-button-snapgreen-ios,
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-snapgreen,
.toolbar-ios-snapgreen .bar-button-clear-ios-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-ios-snapgreen .bar-button-snapgreen-ios:hover:not(.disable-hover),
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-snapgreen:hover:not(.disable-hover),
.toolbar-ios-snapgreen .bar-button-clear-ios-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-ios-snapgreen .bar-button-snapgreen-ios.activated,
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-snapgreen.activated,
.toolbar-ios-snapgreen .bar-button-clear-ios-snapgreen.activated {
  opacity: .4;
}

.toolbar-ios-snapgreen .bar-button-outline-ios-snapgreen {
  border-color: #4CAF50;
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-ios-snapgreen .bar-button-outline-ios-snapgreen.activated {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-ios-snapgreen .bar-button-solid-ios-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-ios-snapgreen .bar-button-solid-ios-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-ios-snapgreen .bar-button-snapindigo-ios,
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-snapindigo,
.toolbar-ios-snapgreen .bar-button-clear-ios-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-ios-snapgreen .bar-button-snapindigo-ios:hover:not(.disable-hover),
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-snapindigo:hover:not(.disable-hover),
.toolbar-ios-snapgreen .bar-button-clear-ios-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-ios-snapgreen .bar-button-snapindigo-ios.activated,
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-snapindigo.activated,
.toolbar-ios-snapgreen .bar-button-clear-ios-snapindigo.activated {
  opacity: .4;
}

.toolbar-ios-snapgreen .bar-button-outline-ios-snapindigo {
  border-color: #3F51B5;
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-ios-snapgreen .bar-button-outline-ios-snapindigo.activated {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-ios-snapgreen .bar-button-solid-ios-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-ios-snapgreen .bar-button-solid-ios-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-ios-snapgreen .bar-button-backgroundgrey-ios,
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-backgroundgrey,
.toolbar-ios-snapgreen .bar-button-clear-ios-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-ios-snapgreen .bar-button-backgroundgrey-ios:hover:not(.disable-hover),
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-backgroundgrey:hover:not(.disable-hover),
.toolbar-ios-snapgreen .bar-button-clear-ios-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-ios-snapgreen .bar-button-backgroundgrey-ios.activated,
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-backgroundgrey.activated,
.toolbar-ios-snapgreen .bar-button-clear-ios-backgroundgrey.activated {
  opacity: .4;
}

.toolbar-ios-snapgreen .bar-button-outline-ios-backgroundgrey {
  border-color: #EEEEEE;
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-ios-snapgreen .bar-button-outline-ios-backgroundgrey.activated {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-ios-snapgreen .bar-button-solid-ios-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-ios-snapgreen .bar-button-solid-ios-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-ios-snapgreen .bar-button-whitecolor-ios,
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-whitecolor,
.toolbar-ios-snapgreen .bar-button-clear-ios-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-snapgreen .bar-button-whitecolor-ios:hover:not(.disable-hover),
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-whitecolor:hover:not(.disable-hover),
.toolbar-ios-snapgreen .bar-button-clear-ios-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-snapgreen .bar-button-whitecolor-ios.activated,
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-whitecolor.activated,
.toolbar-ios-snapgreen .bar-button-clear-ios-whitecolor.activated {
  opacity: .4;
}

.toolbar-ios-snapgreen .bar-button-outline-ios-whitecolor {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-snapgreen .bar-button-outline-ios-whitecolor.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-snapgreen .bar-button-solid-ios-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-snapgreen .bar-button-solid-ios-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-snapgreen .bar-button-grey-ios,
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-grey,
.toolbar-ios-snapgreen .bar-button-clear-ios-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-ios-snapgreen .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-snapgreen .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-ios-snapgreen .bar-button-grey-ios.activated,
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-snapgreen .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-snapgreen .bar-button-outline-ios-grey {
  border-color: #828082;
  color: #828082;
  background-color: transparent;
}

.toolbar-ios-snapgreen .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #828082;
}

.toolbar-ios-snapgreen .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-ios-snapgreen .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-ios-snapgreen .bar-button-blackcolor-ios,
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-blackcolor,
.toolbar-ios-snapgreen .bar-button-clear-ios-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-snapgreen .bar-button-blackcolor-ios:hover:not(.disable-hover),
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-blackcolor:hover:not(.disable-hover),
.toolbar-ios-snapgreen .bar-button-clear-ios-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-snapgreen .bar-button-blackcolor-ios.activated,
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-blackcolor.activated,
.toolbar-ios-snapgreen .bar-button-clear-ios-blackcolor.activated {
  opacity: .4;
}

.toolbar-ios-snapgreen .bar-button-outline-ios-blackcolor {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-snapgreen .bar-button-outline-ios-blackcolor.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-snapgreen .bar-button-solid-ios-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-snapgreen .bar-button-solid-ios-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-snapgreen .bar-button-mildred-ios,
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-mildred,
.toolbar-ios-snapgreen .bar-button-clear-ios-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-ios-snapgreen .bar-button-mildred-ios:hover:not(.disable-hover),
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-mildred:hover:not(.disable-hover),
.toolbar-ios-snapgreen .bar-button-clear-ios-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-ios-snapgreen .bar-button-mildred-ios.activated,
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-mildred.activated,
.toolbar-ios-snapgreen .bar-button-clear-ios-mildred.activated {
  opacity: .4;
}

.toolbar-ios-snapgreen .bar-button-outline-ios-mildred {
  border-color: #FF0266;
  color: #FF0266;
  background-color: transparent;
}

.toolbar-ios-snapgreen .bar-button-outline-ios-mildred.activated {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-ios-snapgreen .bar-button-solid-ios-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-ios-snapgreen .bar-button-solid-ios-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-ios-snapgreen .bar-button-mildgreen-ios,
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-mildgreen,
.toolbar-ios-snapgreen .bar-button-clear-ios-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-ios-snapgreen .bar-button-mildgreen-ios:hover:not(.disable-hover),
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-mildgreen:hover:not(.disable-hover),
.toolbar-ios-snapgreen .bar-button-clear-ios-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-ios-snapgreen .bar-button-mildgreen-ios.activated,
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-mildgreen.activated,
.toolbar-ios-snapgreen .bar-button-clear-ios-mildgreen.activated {
  opacity: .4;
}

.toolbar-ios-snapgreen .bar-button-outline-ios-mildgreen {
  border-color: #69F0AE;
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-ios-snapgreen .bar-button-outline-ios-mildgreen.activated {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-ios-snapgreen .bar-button-solid-ios-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-ios-snapgreen .bar-button-solid-ios-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-ios-snapgreen .bar-button-sidebar-ios,
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-sidebar,
.toolbar-ios-snapgreen .bar-button-clear-ios-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-ios-snapgreen .bar-button-sidebar-ios:hover:not(.disable-hover),
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-sidebar:hover:not(.disable-hover),
.toolbar-ios-snapgreen .bar-button-clear-ios-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-ios-snapgreen .bar-button-sidebar-ios.activated,
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-sidebar.activated,
.toolbar-ios-snapgreen .bar-button-clear-ios-sidebar.activated {
  opacity: .4;
}

.toolbar-ios-snapgreen .bar-button-outline-ios-sidebar {
  border-color: #0000ffc0;
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-ios-snapgreen .bar-button-outline-ios-sidebar.activated {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-ios-snapgreen .bar-button-solid-ios-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-ios-snapgreen .bar-button-solid-ios-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-ios-snapgreen .bar-button-white-ios,
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-white,
.toolbar-ios-snapgreen .bar-button-clear-ios-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-snapgreen .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-snapgreen .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-ios-snapgreen .bar-button-white-ios.activated,
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-snapgreen .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-snapgreen .bar-button-outline-ios-white {
  border-color: #ffffff;
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-snapgreen .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-snapgreen .bar-button-solid-ios-white {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-snapgreen .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-snapgreen .bar-button-magenta-ios,
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-magenta,
.toolbar-ios-snapgreen .bar-button-clear-ios-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-ios-snapgreen .bar-button-magenta-ios:hover:not(.disable-hover),
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-magenta:hover:not(.disable-hover),
.toolbar-ios-snapgreen .bar-button-clear-ios-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-ios-snapgreen .bar-button-magenta-ios.activated,
.toolbar-ios-snapgreen .bar-button-default.bar-button-ios-magenta.activated,
.toolbar-ios-snapgreen .bar-button-clear-ios-magenta.activated {
  opacity: .4;
}

.toolbar-ios-snapgreen .bar-button-outline-ios-magenta {
  border-color: #c404c4;
  color: #c404c4;
  background-color: transparent;
}

.toolbar-ios-snapgreen .bar-button-outline-ios-magenta.activated {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-ios-snapgreen .bar-button-solid-ios-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-ios-snapgreen .bar-button-solid-ios-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-snapgreen-ios,
.bar-button-default.bar-button-ios-snapgreen,
.bar-button-clear-ios-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.bar-button-snapgreen-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-snapgreen:hover:not(.disable-hover),
.bar-button-clear-ios-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.bar-button-snapgreen-ios.activated,
.bar-button-default.bar-button-ios-snapgreen.activated,
.bar-button-clear-ios-snapgreen.activated {
  opacity: .4;
}

.bar-button-outline-ios-snapgreen {
  border-color: #4CAF50;
  color: #4CAF50;
  background-color: transparent;
}

.bar-button-outline-ios-snapgreen.activated {
  color: #fff;
  background-color: #4CAF50;
}

.bar-button-solid-ios-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.bar-button-solid-ios-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-ios-snapindigo .toolbar-background-ios {
  background: #3F51B5;
}

.toolbar-ios-snapindigo .toolbar-title-ios,
.toolbar-ios-snapindigo .bar-button-clear-ios,
.toolbar-ios-snapindigo .bar-button-default-ios {
  color: #fff;
}

.toolbar-ios-snapindigo .bar-button-primary-ios,
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-primary,
.toolbar-ios-snapindigo .bar-button-clear-ios-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-ios-snapindigo .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-snapindigo .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-ios-snapindigo .bar-button-primary-ios.activated,
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-snapindigo .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-snapindigo .bar-button-outline-ios-primary {
  border-color: #0099ff;
  color: #0099ff;
  background-color: transparent;
}

.toolbar-ios-snapindigo .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-ios-snapindigo .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-ios-snapindigo .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-ios-snapindigo .bar-button-secondary-ios,
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-snapindigo .bar-button-clear-ios-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-ios-snapindigo .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-snapindigo .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-ios-snapindigo .bar-button-secondary-ios.activated,
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-snapindigo .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-snapindigo .bar-button-outline-ios-secondary {
  border-color: #36B37E;
  color: #36B37E;
  background-color: transparent;
}

.toolbar-ios-snapindigo .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-ios-snapindigo .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-ios-snapindigo .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-ios-snapindigo .bar-button-danger-ios,
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-danger,
.toolbar-ios-snapindigo .bar-button-clear-ios-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-ios-snapindigo .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-snapindigo .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-ios-snapindigo .bar-button-danger-ios.activated,
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-snapindigo .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-snapindigo .bar-button-outline-ios-danger {
  border-color: #FF5630;
  color: #FF5630;
  background-color: transparent;
}

.toolbar-ios-snapindigo .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-ios-snapindigo .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-ios-snapindigo .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-ios-snapindigo .bar-button-light-ios,
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-light,
.toolbar-ios-snapindigo .bar-button-clear-ios-light {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-snapindigo .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-snapindigo .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-snapindigo .bar-button-light-ios.activated,
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-snapindigo .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-snapindigo .bar-button-outline-ios-light {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-snapindigo .bar-button-outline-ios-light.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-snapindigo .bar-button-solid-ios-light {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-snapindigo .bar-button-solid-ios-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-snapindigo .bar-button-dark-ios,
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-dark,
.toolbar-ios-snapindigo .bar-button-clear-ios-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-ios-snapindigo .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-snapindigo .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-ios-snapindigo .bar-button-dark-ios.activated,
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-snapindigo .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-snapindigo .bar-button-outline-ios-dark {
  border-color: #172B4D;
  color: #172B4D;
  background-color: transparent;
}

.toolbar-ios-snapindigo .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-ios-snapindigo .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-ios-snapindigo .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-ios-snapindigo .bar-button-snappink-ios,
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-snappink,
.toolbar-ios-snapindigo .bar-button-clear-ios-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-ios-snapindigo .bar-button-snappink-ios:hover:not(.disable-hover),
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-snappink:hover:not(.disable-hover),
.toolbar-ios-snapindigo .bar-button-clear-ios-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-ios-snapindigo .bar-button-snappink-ios.activated,
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-snappink.activated,
.toolbar-ios-snapindigo .bar-button-clear-ios-snappink.activated {
  opacity: .4;
}

.toolbar-ios-snapindigo .bar-button-outline-ios-snappink {
  border-color: #3687f0;
  color: #3687f0;
  background-color: transparent;
}

.toolbar-ios-snapindigo .bar-button-outline-ios-snappink.activated {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-ios-snapindigo .bar-button-solid-ios-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-ios-snapindigo .bar-button-solid-ios-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-ios-snapindigo .bar-button-snapblue-ios,
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-snapblue,
.toolbar-ios-snapindigo .bar-button-clear-ios-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-ios-snapindigo .bar-button-snapblue-ios:hover:not(.disable-hover),
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-snapblue:hover:not(.disable-hover),
.toolbar-ios-snapindigo .bar-button-clear-ios-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-ios-snapindigo .bar-button-snapblue-ios.activated,
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-snapblue.activated,
.toolbar-ios-snapindigo .bar-button-clear-ios-snapblue.activated {
  opacity: .4;
}

.toolbar-ios-snapindigo .bar-button-outline-ios-snapblue {
  border-color: #00d8ff;
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-ios-snapindigo .bar-button-outline-ios-snapblue.activated {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-ios-snapindigo .bar-button-solid-ios-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-ios-snapindigo .bar-button-solid-ios-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-ios-snapindigo .bar-button-snapyellow-ios,
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-snapyellow,
.toolbar-ios-snapindigo .bar-button-clear-ios-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-ios-snapindigo .bar-button-snapyellow-ios:hover:not(.disable-hover),
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-snapyellow:hover:not(.disable-hover),
.toolbar-ios-snapindigo .bar-button-clear-ios-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-ios-snapindigo .bar-button-snapyellow-ios.activated,
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-snapyellow.activated,
.toolbar-ios-snapindigo .bar-button-clear-ios-snapyellow.activated {
  opacity: .4;
}

.toolbar-ios-snapindigo .bar-button-outline-ios-snapyellow {
  border-color: #FFC107;
  color: #FFC107;
  background-color: transparent;
}

.toolbar-ios-snapindigo .bar-button-outline-ios-snapyellow.activated {
  color: #000;
  background-color: #FFC107;
}

.toolbar-ios-snapindigo .bar-button-solid-ios-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.toolbar-ios-snapindigo .bar-button-solid-ios-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-ios-snapindigo .bar-button-snapgreen-ios,
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-snapgreen,
.toolbar-ios-snapindigo .bar-button-clear-ios-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-ios-snapindigo .bar-button-snapgreen-ios:hover:not(.disable-hover),
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-snapgreen:hover:not(.disable-hover),
.toolbar-ios-snapindigo .bar-button-clear-ios-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-ios-snapindigo .bar-button-snapgreen-ios.activated,
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-snapgreen.activated,
.toolbar-ios-snapindigo .bar-button-clear-ios-snapgreen.activated {
  opacity: .4;
}

.toolbar-ios-snapindigo .bar-button-outline-ios-snapgreen {
  border-color: #4CAF50;
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-ios-snapindigo .bar-button-outline-ios-snapgreen.activated {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-ios-snapindigo .bar-button-solid-ios-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-ios-snapindigo .bar-button-solid-ios-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-ios-snapindigo .bar-button-snapindigo-ios,
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-snapindigo,
.toolbar-ios-snapindigo .bar-button-clear-ios-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-ios-snapindigo .bar-button-snapindigo-ios:hover:not(.disable-hover),
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-snapindigo:hover:not(.disable-hover),
.toolbar-ios-snapindigo .bar-button-clear-ios-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-ios-snapindigo .bar-button-snapindigo-ios.activated,
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-snapindigo.activated,
.toolbar-ios-snapindigo .bar-button-clear-ios-snapindigo.activated {
  opacity: .4;
}

.toolbar-ios-snapindigo .bar-button-outline-ios-snapindigo {
  border-color: #3F51B5;
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-ios-snapindigo .bar-button-outline-ios-snapindigo.activated {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-ios-snapindigo .bar-button-solid-ios-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-ios-snapindigo .bar-button-solid-ios-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-ios-snapindigo .bar-button-backgroundgrey-ios,
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-backgroundgrey,
.toolbar-ios-snapindigo .bar-button-clear-ios-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-ios-snapindigo .bar-button-backgroundgrey-ios:hover:not(.disable-hover),
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-backgroundgrey:hover:not(.disable-hover),
.toolbar-ios-snapindigo .bar-button-clear-ios-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-ios-snapindigo .bar-button-backgroundgrey-ios.activated,
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-backgroundgrey.activated,
.toolbar-ios-snapindigo .bar-button-clear-ios-backgroundgrey.activated {
  opacity: .4;
}

.toolbar-ios-snapindigo .bar-button-outline-ios-backgroundgrey {
  border-color: #EEEEEE;
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-ios-snapindigo .bar-button-outline-ios-backgroundgrey.activated {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-ios-snapindigo .bar-button-solid-ios-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-ios-snapindigo .bar-button-solid-ios-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-ios-snapindigo .bar-button-whitecolor-ios,
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-whitecolor,
.toolbar-ios-snapindigo .bar-button-clear-ios-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-snapindigo .bar-button-whitecolor-ios:hover:not(.disable-hover),
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-whitecolor:hover:not(.disable-hover),
.toolbar-ios-snapindigo .bar-button-clear-ios-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-snapindigo .bar-button-whitecolor-ios.activated,
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-whitecolor.activated,
.toolbar-ios-snapindigo .bar-button-clear-ios-whitecolor.activated {
  opacity: .4;
}

.toolbar-ios-snapindigo .bar-button-outline-ios-whitecolor {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-snapindigo .bar-button-outline-ios-whitecolor.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-snapindigo .bar-button-solid-ios-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-snapindigo .bar-button-solid-ios-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-snapindigo .bar-button-grey-ios,
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-grey,
.toolbar-ios-snapindigo .bar-button-clear-ios-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-ios-snapindigo .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-snapindigo .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-ios-snapindigo .bar-button-grey-ios.activated,
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-snapindigo .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-snapindigo .bar-button-outline-ios-grey {
  border-color: #828082;
  color: #828082;
  background-color: transparent;
}

.toolbar-ios-snapindigo .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #828082;
}

.toolbar-ios-snapindigo .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-ios-snapindigo .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-ios-snapindigo .bar-button-blackcolor-ios,
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-blackcolor,
.toolbar-ios-snapindigo .bar-button-clear-ios-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-snapindigo .bar-button-blackcolor-ios:hover:not(.disable-hover),
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-blackcolor:hover:not(.disable-hover),
.toolbar-ios-snapindigo .bar-button-clear-ios-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-snapindigo .bar-button-blackcolor-ios.activated,
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-blackcolor.activated,
.toolbar-ios-snapindigo .bar-button-clear-ios-blackcolor.activated {
  opacity: .4;
}

.toolbar-ios-snapindigo .bar-button-outline-ios-blackcolor {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-snapindigo .bar-button-outline-ios-blackcolor.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-snapindigo .bar-button-solid-ios-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-snapindigo .bar-button-solid-ios-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-snapindigo .bar-button-mildred-ios,
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-mildred,
.toolbar-ios-snapindigo .bar-button-clear-ios-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-ios-snapindigo .bar-button-mildred-ios:hover:not(.disable-hover),
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-mildred:hover:not(.disable-hover),
.toolbar-ios-snapindigo .bar-button-clear-ios-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-ios-snapindigo .bar-button-mildred-ios.activated,
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-mildred.activated,
.toolbar-ios-snapindigo .bar-button-clear-ios-mildred.activated {
  opacity: .4;
}

.toolbar-ios-snapindigo .bar-button-outline-ios-mildred {
  border-color: #FF0266;
  color: #FF0266;
  background-color: transparent;
}

.toolbar-ios-snapindigo .bar-button-outline-ios-mildred.activated {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-ios-snapindigo .bar-button-solid-ios-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-ios-snapindigo .bar-button-solid-ios-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-ios-snapindigo .bar-button-mildgreen-ios,
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-mildgreen,
.toolbar-ios-snapindigo .bar-button-clear-ios-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-ios-snapindigo .bar-button-mildgreen-ios:hover:not(.disable-hover),
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-mildgreen:hover:not(.disable-hover),
.toolbar-ios-snapindigo .bar-button-clear-ios-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-ios-snapindigo .bar-button-mildgreen-ios.activated,
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-mildgreen.activated,
.toolbar-ios-snapindigo .bar-button-clear-ios-mildgreen.activated {
  opacity: .4;
}

.toolbar-ios-snapindigo .bar-button-outline-ios-mildgreen {
  border-color: #69F0AE;
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-ios-snapindigo .bar-button-outline-ios-mildgreen.activated {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-ios-snapindigo .bar-button-solid-ios-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-ios-snapindigo .bar-button-solid-ios-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-ios-snapindigo .bar-button-sidebar-ios,
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-sidebar,
.toolbar-ios-snapindigo .bar-button-clear-ios-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-ios-snapindigo .bar-button-sidebar-ios:hover:not(.disable-hover),
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-sidebar:hover:not(.disable-hover),
.toolbar-ios-snapindigo .bar-button-clear-ios-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-ios-snapindigo .bar-button-sidebar-ios.activated,
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-sidebar.activated,
.toolbar-ios-snapindigo .bar-button-clear-ios-sidebar.activated {
  opacity: .4;
}

.toolbar-ios-snapindigo .bar-button-outline-ios-sidebar {
  border-color: #0000ffc0;
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-ios-snapindigo .bar-button-outline-ios-sidebar.activated {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-ios-snapindigo .bar-button-solid-ios-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-ios-snapindigo .bar-button-solid-ios-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-ios-snapindigo .bar-button-white-ios,
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-white,
.toolbar-ios-snapindigo .bar-button-clear-ios-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-snapindigo .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-snapindigo .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-ios-snapindigo .bar-button-white-ios.activated,
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-snapindigo .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-snapindigo .bar-button-outline-ios-white {
  border-color: #ffffff;
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-snapindigo .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-snapindigo .bar-button-solid-ios-white {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-snapindigo .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-snapindigo .bar-button-magenta-ios,
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-magenta,
.toolbar-ios-snapindigo .bar-button-clear-ios-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-ios-snapindigo .bar-button-magenta-ios:hover:not(.disable-hover),
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-magenta:hover:not(.disable-hover),
.toolbar-ios-snapindigo .bar-button-clear-ios-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-ios-snapindigo .bar-button-magenta-ios.activated,
.toolbar-ios-snapindigo .bar-button-default.bar-button-ios-magenta.activated,
.toolbar-ios-snapindigo .bar-button-clear-ios-magenta.activated {
  opacity: .4;
}

.toolbar-ios-snapindigo .bar-button-outline-ios-magenta {
  border-color: #c404c4;
  color: #c404c4;
  background-color: transparent;
}

.toolbar-ios-snapindigo .bar-button-outline-ios-magenta.activated {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-ios-snapindigo .bar-button-solid-ios-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-ios-snapindigo .bar-button-solid-ios-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-snapindigo-ios,
.bar-button-default.bar-button-ios-snapindigo,
.bar-button-clear-ios-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.bar-button-snapindigo-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-snapindigo:hover:not(.disable-hover),
.bar-button-clear-ios-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.bar-button-snapindigo-ios.activated,
.bar-button-default.bar-button-ios-snapindigo.activated,
.bar-button-clear-ios-snapindigo.activated {
  opacity: .4;
}

.bar-button-outline-ios-snapindigo {
  border-color: #3F51B5;
  color: #3F51B5;
  background-color: transparent;
}

.bar-button-outline-ios-snapindigo.activated {
  color: #fff;
  background-color: #3F51B5;
}

.bar-button-solid-ios-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.bar-button-solid-ios-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-ios-backgroundgrey .toolbar-background-ios {
  background: #EEEEEE;
}

.toolbar-ios-backgroundgrey .toolbar-title-ios,
.toolbar-ios-backgroundgrey .bar-button-clear-ios,
.toolbar-ios-backgroundgrey .bar-button-default-ios {
  color: #000;
}

.toolbar-ios-backgroundgrey .bar-button-primary-ios,
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-primary,
.toolbar-ios-backgroundgrey .bar-button-clear-ios-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-ios-backgroundgrey .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-backgroundgrey .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-ios-backgroundgrey .bar-button-primary-ios.activated,
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-backgroundgrey .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-backgroundgrey .bar-button-outline-ios-primary {
  border-color: #0099ff;
  color: #0099ff;
  background-color: transparent;
}

.toolbar-ios-backgroundgrey .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-ios-backgroundgrey .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-ios-backgroundgrey .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-ios-backgroundgrey .bar-button-secondary-ios,
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-backgroundgrey .bar-button-clear-ios-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-ios-backgroundgrey .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-backgroundgrey .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-ios-backgroundgrey .bar-button-secondary-ios.activated,
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-backgroundgrey .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-backgroundgrey .bar-button-outline-ios-secondary {
  border-color: #36B37E;
  color: #36B37E;
  background-color: transparent;
}

.toolbar-ios-backgroundgrey .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-ios-backgroundgrey .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-ios-backgroundgrey .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-ios-backgroundgrey .bar-button-danger-ios,
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-danger,
.toolbar-ios-backgroundgrey .bar-button-clear-ios-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-ios-backgroundgrey .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-backgroundgrey .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-ios-backgroundgrey .bar-button-danger-ios.activated,
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-backgroundgrey .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-backgroundgrey .bar-button-outline-ios-danger {
  border-color: #FF5630;
  color: #FF5630;
  background-color: transparent;
}

.toolbar-ios-backgroundgrey .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-ios-backgroundgrey .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-ios-backgroundgrey .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-ios-backgroundgrey .bar-button-light-ios,
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-light,
.toolbar-ios-backgroundgrey .bar-button-clear-ios-light {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-backgroundgrey .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-backgroundgrey .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-backgroundgrey .bar-button-light-ios.activated,
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-backgroundgrey .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-backgroundgrey .bar-button-outline-ios-light {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-backgroundgrey .bar-button-outline-ios-light.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-backgroundgrey .bar-button-solid-ios-light {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-backgroundgrey .bar-button-solid-ios-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-backgroundgrey .bar-button-dark-ios,
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-dark,
.toolbar-ios-backgroundgrey .bar-button-clear-ios-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-ios-backgroundgrey .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-backgroundgrey .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-ios-backgroundgrey .bar-button-dark-ios.activated,
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-backgroundgrey .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-backgroundgrey .bar-button-outline-ios-dark {
  border-color: #172B4D;
  color: #172B4D;
  background-color: transparent;
}

.toolbar-ios-backgroundgrey .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-ios-backgroundgrey .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-ios-backgroundgrey .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-ios-backgroundgrey .bar-button-snappink-ios,
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-snappink,
.toolbar-ios-backgroundgrey .bar-button-clear-ios-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-ios-backgroundgrey .bar-button-snappink-ios:hover:not(.disable-hover),
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-snappink:hover:not(.disable-hover),
.toolbar-ios-backgroundgrey .bar-button-clear-ios-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-ios-backgroundgrey .bar-button-snappink-ios.activated,
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-snappink.activated,
.toolbar-ios-backgroundgrey .bar-button-clear-ios-snappink.activated {
  opacity: .4;
}

.toolbar-ios-backgroundgrey .bar-button-outline-ios-snappink {
  border-color: #3687f0;
  color: #3687f0;
  background-color: transparent;
}

.toolbar-ios-backgroundgrey .bar-button-outline-ios-snappink.activated {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-ios-backgroundgrey .bar-button-solid-ios-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-ios-backgroundgrey .bar-button-solid-ios-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-ios-backgroundgrey .bar-button-snapblue-ios,
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-snapblue,
.toolbar-ios-backgroundgrey .bar-button-clear-ios-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-ios-backgroundgrey .bar-button-snapblue-ios:hover:not(.disable-hover),
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-snapblue:hover:not(.disable-hover),
.toolbar-ios-backgroundgrey .bar-button-clear-ios-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-ios-backgroundgrey .bar-button-snapblue-ios.activated,
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-snapblue.activated,
.toolbar-ios-backgroundgrey .bar-button-clear-ios-snapblue.activated {
  opacity: .4;
}

.toolbar-ios-backgroundgrey .bar-button-outline-ios-snapblue {
  border-color: #00d8ff;
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-ios-backgroundgrey .bar-button-outline-ios-snapblue.activated {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-ios-backgroundgrey .bar-button-solid-ios-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-ios-backgroundgrey .bar-button-solid-ios-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-ios-backgroundgrey .bar-button-snapyellow-ios,
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-snapyellow,
.toolbar-ios-backgroundgrey .bar-button-clear-ios-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-ios-backgroundgrey .bar-button-snapyellow-ios:hover:not(.disable-hover),
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-snapyellow:hover:not(.disable-hover),
.toolbar-ios-backgroundgrey .bar-button-clear-ios-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-ios-backgroundgrey .bar-button-snapyellow-ios.activated,
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-snapyellow.activated,
.toolbar-ios-backgroundgrey .bar-button-clear-ios-snapyellow.activated {
  opacity: .4;
}

.toolbar-ios-backgroundgrey .bar-button-outline-ios-snapyellow {
  border-color: #FFC107;
  color: #FFC107;
  background-color: transparent;
}

.toolbar-ios-backgroundgrey .bar-button-outline-ios-snapyellow.activated {
  color: #000;
  background-color: #FFC107;
}

.toolbar-ios-backgroundgrey .bar-button-solid-ios-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.toolbar-ios-backgroundgrey .bar-button-solid-ios-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-ios-backgroundgrey .bar-button-snapgreen-ios,
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-snapgreen,
.toolbar-ios-backgroundgrey .bar-button-clear-ios-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-ios-backgroundgrey .bar-button-snapgreen-ios:hover:not(.disable-hover),
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-snapgreen:hover:not(.disable-hover),
.toolbar-ios-backgroundgrey .bar-button-clear-ios-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-ios-backgroundgrey .bar-button-snapgreen-ios.activated,
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-snapgreen.activated,
.toolbar-ios-backgroundgrey .bar-button-clear-ios-snapgreen.activated {
  opacity: .4;
}

.toolbar-ios-backgroundgrey .bar-button-outline-ios-snapgreen {
  border-color: #4CAF50;
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-ios-backgroundgrey .bar-button-outline-ios-snapgreen.activated {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-ios-backgroundgrey .bar-button-solid-ios-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-ios-backgroundgrey .bar-button-solid-ios-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-ios-backgroundgrey .bar-button-snapindigo-ios,
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-snapindigo,
.toolbar-ios-backgroundgrey .bar-button-clear-ios-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-ios-backgroundgrey .bar-button-snapindigo-ios:hover:not(.disable-hover),
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-snapindigo:hover:not(.disable-hover),
.toolbar-ios-backgroundgrey .bar-button-clear-ios-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-ios-backgroundgrey .bar-button-snapindigo-ios.activated,
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-snapindigo.activated,
.toolbar-ios-backgroundgrey .bar-button-clear-ios-snapindigo.activated {
  opacity: .4;
}

.toolbar-ios-backgroundgrey .bar-button-outline-ios-snapindigo {
  border-color: #3F51B5;
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-ios-backgroundgrey .bar-button-outline-ios-snapindigo.activated {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-ios-backgroundgrey .bar-button-solid-ios-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-ios-backgroundgrey .bar-button-solid-ios-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-ios-backgroundgrey .bar-button-backgroundgrey-ios,
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-backgroundgrey,
.toolbar-ios-backgroundgrey .bar-button-clear-ios-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-ios-backgroundgrey .bar-button-backgroundgrey-ios:hover:not(.disable-hover),
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-backgroundgrey:hover:not(.disable-hover),
.toolbar-ios-backgroundgrey .bar-button-clear-ios-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-ios-backgroundgrey .bar-button-backgroundgrey-ios.activated,
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-backgroundgrey.activated,
.toolbar-ios-backgroundgrey .bar-button-clear-ios-backgroundgrey.activated {
  opacity: .4;
}

.toolbar-ios-backgroundgrey .bar-button-outline-ios-backgroundgrey {
  border-color: #EEEEEE;
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-ios-backgroundgrey .bar-button-outline-ios-backgroundgrey.activated {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-ios-backgroundgrey .bar-button-solid-ios-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-ios-backgroundgrey .bar-button-solid-ios-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-ios-backgroundgrey .bar-button-whitecolor-ios,
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-whitecolor,
.toolbar-ios-backgroundgrey .bar-button-clear-ios-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-backgroundgrey .bar-button-whitecolor-ios:hover:not(.disable-hover),
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-whitecolor:hover:not(.disable-hover),
.toolbar-ios-backgroundgrey .bar-button-clear-ios-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-backgroundgrey .bar-button-whitecolor-ios.activated,
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-whitecolor.activated,
.toolbar-ios-backgroundgrey .bar-button-clear-ios-whitecolor.activated {
  opacity: .4;
}

.toolbar-ios-backgroundgrey .bar-button-outline-ios-whitecolor {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-backgroundgrey .bar-button-outline-ios-whitecolor.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-backgroundgrey .bar-button-solid-ios-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-backgroundgrey .bar-button-solid-ios-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-backgroundgrey .bar-button-grey-ios,
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-grey,
.toolbar-ios-backgroundgrey .bar-button-clear-ios-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-ios-backgroundgrey .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-backgroundgrey .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-ios-backgroundgrey .bar-button-grey-ios.activated,
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-backgroundgrey .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-backgroundgrey .bar-button-outline-ios-grey {
  border-color: #828082;
  color: #828082;
  background-color: transparent;
}

.toolbar-ios-backgroundgrey .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #828082;
}

.toolbar-ios-backgroundgrey .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-ios-backgroundgrey .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-ios-backgroundgrey .bar-button-blackcolor-ios,
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-blackcolor,
.toolbar-ios-backgroundgrey .bar-button-clear-ios-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-backgroundgrey .bar-button-blackcolor-ios:hover:not(.disable-hover),
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-blackcolor:hover:not(.disable-hover),
.toolbar-ios-backgroundgrey .bar-button-clear-ios-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-backgroundgrey .bar-button-blackcolor-ios.activated,
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-blackcolor.activated,
.toolbar-ios-backgroundgrey .bar-button-clear-ios-blackcolor.activated {
  opacity: .4;
}

.toolbar-ios-backgroundgrey .bar-button-outline-ios-blackcolor {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-backgroundgrey .bar-button-outline-ios-blackcolor.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-backgroundgrey .bar-button-solid-ios-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-backgroundgrey .bar-button-solid-ios-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-backgroundgrey .bar-button-mildred-ios,
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-mildred,
.toolbar-ios-backgroundgrey .bar-button-clear-ios-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-ios-backgroundgrey .bar-button-mildred-ios:hover:not(.disable-hover),
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-mildred:hover:not(.disable-hover),
.toolbar-ios-backgroundgrey .bar-button-clear-ios-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-ios-backgroundgrey .bar-button-mildred-ios.activated,
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-mildred.activated,
.toolbar-ios-backgroundgrey .bar-button-clear-ios-mildred.activated {
  opacity: .4;
}

.toolbar-ios-backgroundgrey .bar-button-outline-ios-mildred {
  border-color: #FF0266;
  color: #FF0266;
  background-color: transparent;
}

.toolbar-ios-backgroundgrey .bar-button-outline-ios-mildred.activated {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-ios-backgroundgrey .bar-button-solid-ios-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-ios-backgroundgrey .bar-button-solid-ios-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-ios-backgroundgrey .bar-button-mildgreen-ios,
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-mildgreen,
.toolbar-ios-backgroundgrey .bar-button-clear-ios-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-ios-backgroundgrey .bar-button-mildgreen-ios:hover:not(.disable-hover),
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-mildgreen:hover:not(.disable-hover),
.toolbar-ios-backgroundgrey .bar-button-clear-ios-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-ios-backgroundgrey .bar-button-mildgreen-ios.activated,
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-mildgreen.activated,
.toolbar-ios-backgroundgrey .bar-button-clear-ios-mildgreen.activated {
  opacity: .4;
}

.toolbar-ios-backgroundgrey .bar-button-outline-ios-mildgreen {
  border-color: #69F0AE;
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-ios-backgroundgrey .bar-button-outline-ios-mildgreen.activated {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-ios-backgroundgrey .bar-button-solid-ios-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-ios-backgroundgrey .bar-button-solid-ios-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-ios-backgroundgrey .bar-button-sidebar-ios,
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-sidebar,
.toolbar-ios-backgroundgrey .bar-button-clear-ios-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-ios-backgroundgrey .bar-button-sidebar-ios:hover:not(.disable-hover),
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-sidebar:hover:not(.disable-hover),
.toolbar-ios-backgroundgrey .bar-button-clear-ios-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-ios-backgroundgrey .bar-button-sidebar-ios.activated,
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-sidebar.activated,
.toolbar-ios-backgroundgrey .bar-button-clear-ios-sidebar.activated {
  opacity: .4;
}

.toolbar-ios-backgroundgrey .bar-button-outline-ios-sidebar {
  border-color: #0000ffc0;
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-ios-backgroundgrey .bar-button-outline-ios-sidebar.activated {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-ios-backgroundgrey .bar-button-solid-ios-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-ios-backgroundgrey .bar-button-solid-ios-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-ios-backgroundgrey .bar-button-white-ios,
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-white,
.toolbar-ios-backgroundgrey .bar-button-clear-ios-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-backgroundgrey .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-backgroundgrey .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-ios-backgroundgrey .bar-button-white-ios.activated,
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-backgroundgrey .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-backgroundgrey .bar-button-outline-ios-white {
  border-color: #ffffff;
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-backgroundgrey .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-backgroundgrey .bar-button-solid-ios-white {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-backgroundgrey .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-backgroundgrey .bar-button-magenta-ios,
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-magenta,
.toolbar-ios-backgroundgrey .bar-button-clear-ios-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-ios-backgroundgrey .bar-button-magenta-ios:hover:not(.disable-hover),
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-magenta:hover:not(.disable-hover),
.toolbar-ios-backgroundgrey .bar-button-clear-ios-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-ios-backgroundgrey .bar-button-magenta-ios.activated,
.toolbar-ios-backgroundgrey .bar-button-default.bar-button-ios-magenta.activated,
.toolbar-ios-backgroundgrey .bar-button-clear-ios-magenta.activated {
  opacity: .4;
}

.toolbar-ios-backgroundgrey .bar-button-outline-ios-magenta {
  border-color: #c404c4;
  color: #c404c4;
  background-color: transparent;
}

.toolbar-ios-backgroundgrey .bar-button-outline-ios-magenta.activated {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-ios-backgroundgrey .bar-button-solid-ios-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-ios-backgroundgrey .bar-button-solid-ios-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-backgroundgrey-ios,
.bar-button-default.bar-button-ios-backgroundgrey,
.bar-button-clear-ios-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.bar-button-backgroundgrey-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-backgroundgrey:hover:not(.disable-hover),
.bar-button-clear-ios-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.bar-button-backgroundgrey-ios.activated,
.bar-button-default.bar-button-ios-backgroundgrey.activated,
.bar-button-clear-ios-backgroundgrey.activated {
  opacity: .4;
}

.bar-button-outline-ios-backgroundgrey {
  border-color: #EEEEEE;
  color: #EEEEEE;
  background-color: transparent;
}

.bar-button-outline-ios-backgroundgrey.activated {
  color: #000;
  background-color: #EEEEEE;
}

.bar-button-solid-ios-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.bar-button-solid-ios-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-ios-whitecolor .toolbar-background-ios {
  background: #000;
}

.toolbar-ios-whitecolor .toolbar-title-ios,
.toolbar-ios-whitecolor .bar-button-clear-ios,
.toolbar-ios-whitecolor .bar-button-default-ios {
  color: #fff;
}

.toolbar-ios-whitecolor .bar-button-primary-ios,
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-primary,
.toolbar-ios-whitecolor .bar-button-clear-ios-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-ios-whitecolor .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-whitecolor .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-ios-whitecolor .bar-button-primary-ios.activated,
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-whitecolor .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-whitecolor .bar-button-outline-ios-primary {
  border-color: #0099ff;
  color: #0099ff;
  background-color: transparent;
}

.toolbar-ios-whitecolor .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-ios-whitecolor .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-ios-whitecolor .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-ios-whitecolor .bar-button-secondary-ios,
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-whitecolor .bar-button-clear-ios-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-ios-whitecolor .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-whitecolor .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-ios-whitecolor .bar-button-secondary-ios.activated,
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-whitecolor .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-whitecolor .bar-button-outline-ios-secondary {
  border-color: #36B37E;
  color: #36B37E;
  background-color: transparent;
}

.toolbar-ios-whitecolor .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-ios-whitecolor .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-ios-whitecolor .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-ios-whitecolor .bar-button-danger-ios,
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-danger,
.toolbar-ios-whitecolor .bar-button-clear-ios-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-ios-whitecolor .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-whitecolor .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-ios-whitecolor .bar-button-danger-ios.activated,
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-whitecolor .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-whitecolor .bar-button-outline-ios-danger {
  border-color: #FF5630;
  color: #FF5630;
  background-color: transparent;
}

.toolbar-ios-whitecolor .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-ios-whitecolor .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-ios-whitecolor .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-ios-whitecolor .bar-button-light-ios,
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-light,
.toolbar-ios-whitecolor .bar-button-clear-ios-light {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-whitecolor .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-whitecolor .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-whitecolor .bar-button-light-ios.activated,
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-whitecolor .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-whitecolor .bar-button-outline-ios-light {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-whitecolor .bar-button-outline-ios-light.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-whitecolor .bar-button-solid-ios-light {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-whitecolor .bar-button-solid-ios-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-whitecolor .bar-button-dark-ios,
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-dark,
.toolbar-ios-whitecolor .bar-button-clear-ios-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-ios-whitecolor .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-whitecolor .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-ios-whitecolor .bar-button-dark-ios.activated,
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-whitecolor .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-whitecolor .bar-button-outline-ios-dark {
  border-color: #172B4D;
  color: #172B4D;
  background-color: transparent;
}

.toolbar-ios-whitecolor .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-ios-whitecolor .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-ios-whitecolor .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-ios-whitecolor .bar-button-snappink-ios,
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-snappink,
.toolbar-ios-whitecolor .bar-button-clear-ios-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-ios-whitecolor .bar-button-snappink-ios:hover:not(.disable-hover),
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-snappink:hover:not(.disable-hover),
.toolbar-ios-whitecolor .bar-button-clear-ios-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-ios-whitecolor .bar-button-snappink-ios.activated,
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-snappink.activated,
.toolbar-ios-whitecolor .bar-button-clear-ios-snappink.activated {
  opacity: .4;
}

.toolbar-ios-whitecolor .bar-button-outline-ios-snappink {
  border-color: #3687f0;
  color: #3687f0;
  background-color: transparent;
}

.toolbar-ios-whitecolor .bar-button-outline-ios-snappink.activated {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-ios-whitecolor .bar-button-solid-ios-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-ios-whitecolor .bar-button-solid-ios-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-ios-whitecolor .bar-button-snapblue-ios,
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-snapblue,
.toolbar-ios-whitecolor .bar-button-clear-ios-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-ios-whitecolor .bar-button-snapblue-ios:hover:not(.disable-hover),
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-snapblue:hover:not(.disable-hover),
.toolbar-ios-whitecolor .bar-button-clear-ios-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-ios-whitecolor .bar-button-snapblue-ios.activated,
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-snapblue.activated,
.toolbar-ios-whitecolor .bar-button-clear-ios-snapblue.activated {
  opacity: .4;
}

.toolbar-ios-whitecolor .bar-button-outline-ios-snapblue {
  border-color: #00d8ff;
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-ios-whitecolor .bar-button-outline-ios-snapblue.activated {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-ios-whitecolor .bar-button-solid-ios-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-ios-whitecolor .bar-button-solid-ios-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-ios-whitecolor .bar-button-snapyellow-ios,
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-snapyellow,
.toolbar-ios-whitecolor .bar-button-clear-ios-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-ios-whitecolor .bar-button-snapyellow-ios:hover:not(.disable-hover),
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-snapyellow:hover:not(.disable-hover),
.toolbar-ios-whitecolor .bar-button-clear-ios-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-ios-whitecolor .bar-button-snapyellow-ios.activated,
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-snapyellow.activated,
.toolbar-ios-whitecolor .bar-button-clear-ios-snapyellow.activated {
  opacity: .4;
}

.toolbar-ios-whitecolor .bar-button-outline-ios-snapyellow {
  border-color: #FFC107;
  color: #FFC107;
  background-color: transparent;
}

.toolbar-ios-whitecolor .bar-button-outline-ios-snapyellow.activated {
  color: #000;
  background-color: #FFC107;
}

.toolbar-ios-whitecolor .bar-button-solid-ios-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.toolbar-ios-whitecolor .bar-button-solid-ios-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-ios-whitecolor .bar-button-snapgreen-ios,
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-snapgreen,
.toolbar-ios-whitecolor .bar-button-clear-ios-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-ios-whitecolor .bar-button-snapgreen-ios:hover:not(.disable-hover),
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-snapgreen:hover:not(.disable-hover),
.toolbar-ios-whitecolor .bar-button-clear-ios-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-ios-whitecolor .bar-button-snapgreen-ios.activated,
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-snapgreen.activated,
.toolbar-ios-whitecolor .bar-button-clear-ios-snapgreen.activated {
  opacity: .4;
}

.toolbar-ios-whitecolor .bar-button-outline-ios-snapgreen {
  border-color: #4CAF50;
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-ios-whitecolor .bar-button-outline-ios-snapgreen.activated {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-ios-whitecolor .bar-button-solid-ios-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-ios-whitecolor .bar-button-solid-ios-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-ios-whitecolor .bar-button-snapindigo-ios,
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-snapindigo,
.toolbar-ios-whitecolor .bar-button-clear-ios-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-ios-whitecolor .bar-button-snapindigo-ios:hover:not(.disable-hover),
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-snapindigo:hover:not(.disable-hover),
.toolbar-ios-whitecolor .bar-button-clear-ios-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-ios-whitecolor .bar-button-snapindigo-ios.activated,
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-snapindigo.activated,
.toolbar-ios-whitecolor .bar-button-clear-ios-snapindigo.activated {
  opacity: .4;
}

.toolbar-ios-whitecolor .bar-button-outline-ios-snapindigo {
  border-color: #3F51B5;
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-ios-whitecolor .bar-button-outline-ios-snapindigo.activated {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-ios-whitecolor .bar-button-solid-ios-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-ios-whitecolor .bar-button-solid-ios-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-ios-whitecolor .bar-button-backgroundgrey-ios,
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-backgroundgrey,
.toolbar-ios-whitecolor .bar-button-clear-ios-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-ios-whitecolor .bar-button-backgroundgrey-ios:hover:not(.disable-hover),
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-backgroundgrey:hover:not(.disable-hover),
.toolbar-ios-whitecolor .bar-button-clear-ios-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-ios-whitecolor .bar-button-backgroundgrey-ios.activated,
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-backgroundgrey.activated,
.toolbar-ios-whitecolor .bar-button-clear-ios-backgroundgrey.activated {
  opacity: .4;
}

.toolbar-ios-whitecolor .bar-button-outline-ios-backgroundgrey {
  border-color: #EEEEEE;
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-ios-whitecolor .bar-button-outline-ios-backgroundgrey.activated {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-ios-whitecolor .bar-button-solid-ios-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-ios-whitecolor .bar-button-solid-ios-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-ios-whitecolor .bar-button-whitecolor-ios,
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-whitecolor,
.toolbar-ios-whitecolor .bar-button-clear-ios-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-whitecolor .bar-button-whitecolor-ios:hover:not(.disable-hover),
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-whitecolor:hover:not(.disable-hover),
.toolbar-ios-whitecolor .bar-button-clear-ios-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-whitecolor .bar-button-whitecolor-ios.activated,
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-whitecolor.activated,
.toolbar-ios-whitecolor .bar-button-clear-ios-whitecolor.activated {
  opacity: .4;
}

.toolbar-ios-whitecolor .bar-button-outline-ios-whitecolor {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-whitecolor .bar-button-outline-ios-whitecolor.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-whitecolor .bar-button-solid-ios-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-whitecolor .bar-button-solid-ios-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-whitecolor .bar-button-grey-ios,
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-grey,
.toolbar-ios-whitecolor .bar-button-clear-ios-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-ios-whitecolor .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-whitecolor .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-ios-whitecolor .bar-button-grey-ios.activated,
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-whitecolor .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-whitecolor .bar-button-outline-ios-grey {
  border-color: #828082;
  color: #828082;
  background-color: transparent;
}

.toolbar-ios-whitecolor .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #828082;
}

.toolbar-ios-whitecolor .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-ios-whitecolor .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-ios-whitecolor .bar-button-blackcolor-ios,
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-blackcolor,
.toolbar-ios-whitecolor .bar-button-clear-ios-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-whitecolor .bar-button-blackcolor-ios:hover:not(.disable-hover),
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-blackcolor:hover:not(.disable-hover),
.toolbar-ios-whitecolor .bar-button-clear-ios-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-whitecolor .bar-button-blackcolor-ios.activated,
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-blackcolor.activated,
.toolbar-ios-whitecolor .bar-button-clear-ios-blackcolor.activated {
  opacity: .4;
}

.toolbar-ios-whitecolor .bar-button-outline-ios-blackcolor {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-whitecolor .bar-button-outline-ios-blackcolor.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-whitecolor .bar-button-solid-ios-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-whitecolor .bar-button-solid-ios-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-whitecolor .bar-button-mildred-ios,
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-mildred,
.toolbar-ios-whitecolor .bar-button-clear-ios-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-ios-whitecolor .bar-button-mildred-ios:hover:not(.disable-hover),
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-mildred:hover:not(.disable-hover),
.toolbar-ios-whitecolor .bar-button-clear-ios-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-ios-whitecolor .bar-button-mildred-ios.activated,
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-mildred.activated,
.toolbar-ios-whitecolor .bar-button-clear-ios-mildred.activated {
  opacity: .4;
}

.toolbar-ios-whitecolor .bar-button-outline-ios-mildred {
  border-color: #FF0266;
  color: #FF0266;
  background-color: transparent;
}

.toolbar-ios-whitecolor .bar-button-outline-ios-mildred.activated {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-ios-whitecolor .bar-button-solid-ios-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-ios-whitecolor .bar-button-solid-ios-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-ios-whitecolor .bar-button-mildgreen-ios,
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-mildgreen,
.toolbar-ios-whitecolor .bar-button-clear-ios-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-ios-whitecolor .bar-button-mildgreen-ios:hover:not(.disable-hover),
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-mildgreen:hover:not(.disable-hover),
.toolbar-ios-whitecolor .bar-button-clear-ios-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-ios-whitecolor .bar-button-mildgreen-ios.activated,
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-mildgreen.activated,
.toolbar-ios-whitecolor .bar-button-clear-ios-mildgreen.activated {
  opacity: .4;
}

.toolbar-ios-whitecolor .bar-button-outline-ios-mildgreen {
  border-color: #69F0AE;
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-ios-whitecolor .bar-button-outline-ios-mildgreen.activated {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-ios-whitecolor .bar-button-solid-ios-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-ios-whitecolor .bar-button-solid-ios-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-ios-whitecolor .bar-button-sidebar-ios,
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-sidebar,
.toolbar-ios-whitecolor .bar-button-clear-ios-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-ios-whitecolor .bar-button-sidebar-ios:hover:not(.disable-hover),
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-sidebar:hover:not(.disable-hover),
.toolbar-ios-whitecolor .bar-button-clear-ios-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-ios-whitecolor .bar-button-sidebar-ios.activated,
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-sidebar.activated,
.toolbar-ios-whitecolor .bar-button-clear-ios-sidebar.activated {
  opacity: .4;
}

.toolbar-ios-whitecolor .bar-button-outline-ios-sidebar {
  border-color: #0000ffc0;
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-ios-whitecolor .bar-button-outline-ios-sidebar.activated {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-ios-whitecolor .bar-button-solid-ios-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-ios-whitecolor .bar-button-solid-ios-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-ios-whitecolor .bar-button-white-ios,
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-white,
.toolbar-ios-whitecolor .bar-button-clear-ios-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-whitecolor .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-whitecolor .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-ios-whitecolor .bar-button-white-ios.activated,
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-whitecolor .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-whitecolor .bar-button-outline-ios-white {
  border-color: #ffffff;
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-whitecolor .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-whitecolor .bar-button-solid-ios-white {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-whitecolor .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-whitecolor .bar-button-magenta-ios,
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-magenta,
.toolbar-ios-whitecolor .bar-button-clear-ios-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-ios-whitecolor .bar-button-magenta-ios:hover:not(.disable-hover),
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-magenta:hover:not(.disable-hover),
.toolbar-ios-whitecolor .bar-button-clear-ios-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-ios-whitecolor .bar-button-magenta-ios.activated,
.toolbar-ios-whitecolor .bar-button-default.bar-button-ios-magenta.activated,
.toolbar-ios-whitecolor .bar-button-clear-ios-magenta.activated {
  opacity: .4;
}

.toolbar-ios-whitecolor .bar-button-outline-ios-magenta {
  border-color: #c404c4;
  color: #c404c4;
  background-color: transparent;
}

.toolbar-ios-whitecolor .bar-button-outline-ios-magenta.activated {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-ios-whitecolor .bar-button-solid-ios-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-ios-whitecolor .bar-button-solid-ios-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-whitecolor-ios,
.bar-button-default.bar-button-ios-whitecolor,
.bar-button-clear-ios-whitecolor {
  color: #000;
  background-color: transparent;
}

.bar-button-whitecolor-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-whitecolor:hover:not(.disable-hover),
.bar-button-clear-ios-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.bar-button-whitecolor-ios.activated,
.bar-button-default.bar-button-ios-whitecolor.activated,
.bar-button-clear-ios-whitecolor.activated {
  opacity: .4;
}

.bar-button-outline-ios-whitecolor {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.bar-button-outline-ios-whitecolor.activated {
  color: #fff;
  background-color: #000;
}

.bar-button-solid-ios-whitecolor {
  color: #fff;
  background-color: #000;
}

.bar-button-solid-ios-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-grey .toolbar-background-ios {
  background: #828082;
}

.toolbar-ios-grey .toolbar-title-ios,
.toolbar-ios-grey .bar-button-clear-ios,
.toolbar-ios-grey .bar-button-default-ios {
  color: #fff;
}

.toolbar-ios-grey .bar-button-primary-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-primary,
.toolbar-ios-grey .bar-button-clear-ios-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-ios-grey .bar-button-primary-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-grey .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-primary {
  border-color: #0099ff;
  color: #0099ff;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-ios-grey .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-ios-grey .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-ios-grey .bar-button-secondary-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-grey .bar-button-clear-ios-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-ios-grey .bar-button-secondary-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-grey .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-secondary {
  border-color: #36B37E;
  color: #36B37E;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-ios-grey .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-ios-grey .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-ios-grey .bar-button-danger-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-danger,
.toolbar-ios-grey .bar-button-clear-ios-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-ios-grey .bar-button-danger-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-grey .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-danger {
  border-color: #FF5630;
  color: #FF5630;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-ios-grey .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-ios-grey .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-ios-grey .bar-button-light-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-light,
.toolbar-ios-grey .bar-button-clear-ios-light {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-grey .bar-button-light-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-grey .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-light {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-light.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-grey .bar-button-solid-ios-light {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-grey .bar-button-solid-ios-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-grey .bar-button-dark-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-dark,
.toolbar-ios-grey .bar-button-clear-ios-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-ios-grey .bar-button-dark-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-grey .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-dark {
  border-color: #172B4D;
  color: #172B4D;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-ios-grey .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-ios-grey .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-ios-grey .bar-button-snappink-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-snappink,
.toolbar-ios-grey .bar-button-clear-ios-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-snappink-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-snappink:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-ios-grey .bar-button-snappink-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-snappink.activated,
.toolbar-ios-grey .bar-button-clear-ios-snappink.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-snappink {
  border-color: #3687f0;
  color: #3687f0;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-snappink.activated {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-ios-grey .bar-button-solid-ios-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-ios-grey .bar-button-solid-ios-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-ios-grey .bar-button-snapblue-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-snapblue,
.toolbar-ios-grey .bar-button-clear-ios-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-snapblue-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-snapblue:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-ios-grey .bar-button-snapblue-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-snapblue.activated,
.toolbar-ios-grey .bar-button-clear-ios-snapblue.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-snapblue {
  border-color: #00d8ff;
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-snapblue.activated {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-ios-grey .bar-button-solid-ios-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-ios-grey .bar-button-solid-ios-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-ios-grey .bar-button-snapyellow-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-snapyellow,
.toolbar-ios-grey .bar-button-clear-ios-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-snapyellow-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-snapyellow:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-ios-grey .bar-button-snapyellow-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-snapyellow.activated,
.toolbar-ios-grey .bar-button-clear-ios-snapyellow.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-snapyellow {
  border-color: #FFC107;
  color: #FFC107;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-snapyellow.activated {
  color: #000;
  background-color: #FFC107;
}

.toolbar-ios-grey .bar-button-solid-ios-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.toolbar-ios-grey .bar-button-solid-ios-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-ios-grey .bar-button-snapgreen-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-snapgreen,
.toolbar-ios-grey .bar-button-clear-ios-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-snapgreen-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-snapgreen:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-ios-grey .bar-button-snapgreen-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-snapgreen.activated,
.toolbar-ios-grey .bar-button-clear-ios-snapgreen.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-snapgreen {
  border-color: #4CAF50;
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-snapgreen.activated {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-ios-grey .bar-button-solid-ios-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-ios-grey .bar-button-solid-ios-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-ios-grey .bar-button-snapindigo-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-snapindigo,
.toolbar-ios-grey .bar-button-clear-ios-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-snapindigo-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-snapindigo:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-ios-grey .bar-button-snapindigo-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-snapindigo.activated,
.toolbar-ios-grey .bar-button-clear-ios-snapindigo.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-snapindigo {
  border-color: #3F51B5;
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-snapindigo.activated {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-ios-grey .bar-button-solid-ios-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-ios-grey .bar-button-solid-ios-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-ios-grey .bar-button-backgroundgrey-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-backgroundgrey,
.toolbar-ios-grey .bar-button-clear-ios-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-backgroundgrey-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-backgroundgrey:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-ios-grey .bar-button-backgroundgrey-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-backgroundgrey.activated,
.toolbar-ios-grey .bar-button-clear-ios-backgroundgrey.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-backgroundgrey {
  border-color: #EEEEEE;
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-backgroundgrey.activated {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-ios-grey .bar-button-solid-ios-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-ios-grey .bar-button-solid-ios-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-ios-grey .bar-button-whitecolor-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-whitecolor,
.toolbar-ios-grey .bar-button-clear-ios-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-whitecolor-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-whitecolor:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-grey .bar-button-whitecolor-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-whitecolor.activated,
.toolbar-ios-grey .bar-button-clear-ios-whitecolor.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-whitecolor {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-whitecolor.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-grey .bar-button-solid-ios-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-grey .bar-button-solid-ios-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-grey .bar-button-grey-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-grey,
.toolbar-ios-grey .bar-button-clear-ios-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-ios-grey .bar-button-grey-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-grey .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-grey {
  border-color: #828082;
  color: #828082;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #828082;
}

.toolbar-ios-grey .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-ios-grey .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-ios-grey .bar-button-blackcolor-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-blackcolor,
.toolbar-ios-grey .bar-button-clear-ios-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-blackcolor-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-blackcolor:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-grey .bar-button-blackcolor-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-blackcolor.activated,
.toolbar-ios-grey .bar-button-clear-ios-blackcolor.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-blackcolor {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-blackcolor.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-grey .bar-button-solid-ios-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-grey .bar-button-solid-ios-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-grey .bar-button-mildred-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-mildred,
.toolbar-ios-grey .bar-button-clear-ios-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-mildred-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-mildred:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-ios-grey .bar-button-mildred-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-mildred.activated,
.toolbar-ios-grey .bar-button-clear-ios-mildred.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-mildred {
  border-color: #FF0266;
  color: #FF0266;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-mildred.activated {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-ios-grey .bar-button-solid-ios-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-ios-grey .bar-button-solid-ios-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-ios-grey .bar-button-mildgreen-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-mildgreen,
.toolbar-ios-grey .bar-button-clear-ios-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-mildgreen-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-mildgreen:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-ios-grey .bar-button-mildgreen-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-mildgreen.activated,
.toolbar-ios-grey .bar-button-clear-ios-mildgreen.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-mildgreen {
  border-color: #69F0AE;
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-mildgreen.activated {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-ios-grey .bar-button-solid-ios-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-ios-grey .bar-button-solid-ios-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-ios-grey .bar-button-sidebar-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-sidebar,
.toolbar-ios-grey .bar-button-clear-ios-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-sidebar-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-sidebar:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-ios-grey .bar-button-sidebar-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-sidebar.activated,
.toolbar-ios-grey .bar-button-clear-ios-sidebar.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-sidebar {
  border-color: #0000ffc0;
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-sidebar.activated {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-ios-grey .bar-button-solid-ios-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-ios-grey .bar-button-solid-ios-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-ios-grey .bar-button-white-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-white,
.toolbar-ios-grey .bar-button-clear-ios-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-ios-grey .bar-button-white-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-grey .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-white {
  border-color: #ffffff;
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-grey .bar-button-solid-ios-white {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-grey .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-grey .bar-button-magenta-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-magenta,
.toolbar-ios-grey .bar-button-clear-ios-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-magenta-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-magenta:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-ios-grey .bar-button-magenta-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-magenta.activated,
.toolbar-ios-grey .bar-button-clear-ios-magenta.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-magenta {
  border-color: #c404c4;
  color: #c404c4;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-magenta.activated {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-ios-grey .bar-button-solid-ios-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-ios-grey .bar-button-solid-ios-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-grey-ios,
.bar-button-default.bar-button-ios-grey,
.bar-button-clear-ios-grey {
  color: #828082;
  background-color: transparent;
}

.bar-button-grey-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #828082;
}

.bar-button-grey-ios.activated,
.bar-button-default.bar-button-ios-grey.activated,
.bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.bar-button-outline-ios-grey {
  border-color: #828082;
  color: #828082;
  background-color: transparent;
}

.bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #828082;
}

.bar-button-solid-ios-grey {
  color: #fff;
  background-color: #828082;
}

.bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-ios-blackcolor .toolbar-background-ios {
  background: #000;
}

.toolbar-ios-blackcolor .toolbar-title-ios,
.toolbar-ios-blackcolor .bar-button-clear-ios,
.toolbar-ios-blackcolor .bar-button-default-ios {
  color: #fff;
}

.toolbar-ios-blackcolor .bar-button-primary-ios,
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-primary,
.toolbar-ios-blackcolor .bar-button-clear-ios-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-ios-blackcolor .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-blackcolor .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-ios-blackcolor .bar-button-primary-ios.activated,
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-blackcolor .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-blackcolor .bar-button-outline-ios-primary {
  border-color: #0099ff;
  color: #0099ff;
  background-color: transparent;
}

.toolbar-ios-blackcolor .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-ios-blackcolor .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-ios-blackcolor .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-ios-blackcolor .bar-button-secondary-ios,
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-blackcolor .bar-button-clear-ios-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-ios-blackcolor .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-blackcolor .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-ios-blackcolor .bar-button-secondary-ios.activated,
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-blackcolor .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-blackcolor .bar-button-outline-ios-secondary {
  border-color: #36B37E;
  color: #36B37E;
  background-color: transparent;
}

.toolbar-ios-blackcolor .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-ios-blackcolor .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-ios-blackcolor .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-ios-blackcolor .bar-button-danger-ios,
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-danger,
.toolbar-ios-blackcolor .bar-button-clear-ios-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-ios-blackcolor .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-blackcolor .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-ios-blackcolor .bar-button-danger-ios.activated,
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-blackcolor .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-blackcolor .bar-button-outline-ios-danger {
  border-color: #FF5630;
  color: #FF5630;
  background-color: transparent;
}

.toolbar-ios-blackcolor .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-ios-blackcolor .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-ios-blackcolor .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-ios-blackcolor .bar-button-light-ios,
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-light,
.toolbar-ios-blackcolor .bar-button-clear-ios-light {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-blackcolor .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-blackcolor .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-blackcolor .bar-button-light-ios.activated,
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-blackcolor .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-blackcolor .bar-button-outline-ios-light {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-blackcolor .bar-button-outline-ios-light.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-blackcolor .bar-button-solid-ios-light {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-blackcolor .bar-button-solid-ios-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-blackcolor .bar-button-dark-ios,
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-dark,
.toolbar-ios-blackcolor .bar-button-clear-ios-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-ios-blackcolor .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-blackcolor .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-ios-blackcolor .bar-button-dark-ios.activated,
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-blackcolor .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-blackcolor .bar-button-outline-ios-dark {
  border-color: #172B4D;
  color: #172B4D;
  background-color: transparent;
}

.toolbar-ios-blackcolor .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-ios-blackcolor .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-ios-blackcolor .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-ios-blackcolor .bar-button-snappink-ios,
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-snappink,
.toolbar-ios-blackcolor .bar-button-clear-ios-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-ios-blackcolor .bar-button-snappink-ios:hover:not(.disable-hover),
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-snappink:hover:not(.disable-hover),
.toolbar-ios-blackcolor .bar-button-clear-ios-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-ios-blackcolor .bar-button-snappink-ios.activated,
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-snappink.activated,
.toolbar-ios-blackcolor .bar-button-clear-ios-snappink.activated {
  opacity: .4;
}

.toolbar-ios-blackcolor .bar-button-outline-ios-snappink {
  border-color: #3687f0;
  color: #3687f0;
  background-color: transparent;
}

.toolbar-ios-blackcolor .bar-button-outline-ios-snappink.activated {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-ios-blackcolor .bar-button-solid-ios-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-ios-blackcolor .bar-button-solid-ios-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-ios-blackcolor .bar-button-snapblue-ios,
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-snapblue,
.toolbar-ios-blackcolor .bar-button-clear-ios-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-ios-blackcolor .bar-button-snapblue-ios:hover:not(.disable-hover),
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-snapblue:hover:not(.disable-hover),
.toolbar-ios-blackcolor .bar-button-clear-ios-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-ios-blackcolor .bar-button-snapblue-ios.activated,
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-snapblue.activated,
.toolbar-ios-blackcolor .bar-button-clear-ios-snapblue.activated {
  opacity: .4;
}

.toolbar-ios-blackcolor .bar-button-outline-ios-snapblue {
  border-color: #00d8ff;
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-ios-blackcolor .bar-button-outline-ios-snapblue.activated {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-ios-blackcolor .bar-button-solid-ios-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-ios-blackcolor .bar-button-solid-ios-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-ios-blackcolor .bar-button-snapyellow-ios,
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-snapyellow,
.toolbar-ios-blackcolor .bar-button-clear-ios-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-ios-blackcolor .bar-button-snapyellow-ios:hover:not(.disable-hover),
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-snapyellow:hover:not(.disable-hover),
.toolbar-ios-blackcolor .bar-button-clear-ios-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-ios-blackcolor .bar-button-snapyellow-ios.activated,
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-snapyellow.activated,
.toolbar-ios-blackcolor .bar-button-clear-ios-snapyellow.activated {
  opacity: .4;
}

.toolbar-ios-blackcolor .bar-button-outline-ios-snapyellow {
  border-color: #FFC107;
  color: #FFC107;
  background-color: transparent;
}

.toolbar-ios-blackcolor .bar-button-outline-ios-snapyellow.activated {
  color: #000;
  background-color: #FFC107;
}

.toolbar-ios-blackcolor .bar-button-solid-ios-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.toolbar-ios-blackcolor .bar-button-solid-ios-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-ios-blackcolor .bar-button-snapgreen-ios,
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-snapgreen,
.toolbar-ios-blackcolor .bar-button-clear-ios-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-ios-blackcolor .bar-button-snapgreen-ios:hover:not(.disable-hover),
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-snapgreen:hover:not(.disable-hover),
.toolbar-ios-blackcolor .bar-button-clear-ios-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-ios-blackcolor .bar-button-snapgreen-ios.activated,
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-snapgreen.activated,
.toolbar-ios-blackcolor .bar-button-clear-ios-snapgreen.activated {
  opacity: .4;
}

.toolbar-ios-blackcolor .bar-button-outline-ios-snapgreen {
  border-color: #4CAF50;
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-ios-blackcolor .bar-button-outline-ios-snapgreen.activated {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-ios-blackcolor .bar-button-solid-ios-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-ios-blackcolor .bar-button-solid-ios-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-ios-blackcolor .bar-button-snapindigo-ios,
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-snapindigo,
.toolbar-ios-blackcolor .bar-button-clear-ios-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-ios-blackcolor .bar-button-snapindigo-ios:hover:not(.disable-hover),
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-snapindigo:hover:not(.disable-hover),
.toolbar-ios-blackcolor .bar-button-clear-ios-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-ios-blackcolor .bar-button-snapindigo-ios.activated,
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-snapindigo.activated,
.toolbar-ios-blackcolor .bar-button-clear-ios-snapindigo.activated {
  opacity: .4;
}

.toolbar-ios-blackcolor .bar-button-outline-ios-snapindigo {
  border-color: #3F51B5;
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-ios-blackcolor .bar-button-outline-ios-snapindigo.activated {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-ios-blackcolor .bar-button-solid-ios-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-ios-blackcolor .bar-button-solid-ios-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-ios-blackcolor .bar-button-backgroundgrey-ios,
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-backgroundgrey,
.toolbar-ios-blackcolor .bar-button-clear-ios-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-ios-blackcolor .bar-button-backgroundgrey-ios:hover:not(.disable-hover),
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-backgroundgrey:hover:not(.disable-hover),
.toolbar-ios-blackcolor .bar-button-clear-ios-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-ios-blackcolor .bar-button-backgroundgrey-ios.activated,
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-backgroundgrey.activated,
.toolbar-ios-blackcolor .bar-button-clear-ios-backgroundgrey.activated {
  opacity: .4;
}

.toolbar-ios-blackcolor .bar-button-outline-ios-backgroundgrey {
  border-color: #EEEEEE;
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-ios-blackcolor .bar-button-outline-ios-backgroundgrey.activated {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-ios-blackcolor .bar-button-solid-ios-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-ios-blackcolor .bar-button-solid-ios-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-ios-blackcolor .bar-button-whitecolor-ios,
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-whitecolor,
.toolbar-ios-blackcolor .bar-button-clear-ios-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-blackcolor .bar-button-whitecolor-ios:hover:not(.disable-hover),
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-whitecolor:hover:not(.disable-hover),
.toolbar-ios-blackcolor .bar-button-clear-ios-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-blackcolor .bar-button-whitecolor-ios.activated,
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-whitecolor.activated,
.toolbar-ios-blackcolor .bar-button-clear-ios-whitecolor.activated {
  opacity: .4;
}

.toolbar-ios-blackcolor .bar-button-outline-ios-whitecolor {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-blackcolor .bar-button-outline-ios-whitecolor.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-blackcolor .bar-button-solid-ios-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-blackcolor .bar-button-solid-ios-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-blackcolor .bar-button-grey-ios,
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-grey,
.toolbar-ios-blackcolor .bar-button-clear-ios-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-ios-blackcolor .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-blackcolor .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-ios-blackcolor .bar-button-grey-ios.activated,
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-blackcolor .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-blackcolor .bar-button-outline-ios-grey {
  border-color: #828082;
  color: #828082;
  background-color: transparent;
}

.toolbar-ios-blackcolor .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #828082;
}

.toolbar-ios-blackcolor .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-ios-blackcolor .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-ios-blackcolor .bar-button-blackcolor-ios,
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-blackcolor,
.toolbar-ios-blackcolor .bar-button-clear-ios-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-blackcolor .bar-button-blackcolor-ios:hover:not(.disable-hover),
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-blackcolor:hover:not(.disable-hover),
.toolbar-ios-blackcolor .bar-button-clear-ios-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-blackcolor .bar-button-blackcolor-ios.activated,
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-blackcolor.activated,
.toolbar-ios-blackcolor .bar-button-clear-ios-blackcolor.activated {
  opacity: .4;
}

.toolbar-ios-blackcolor .bar-button-outline-ios-blackcolor {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-blackcolor .bar-button-outline-ios-blackcolor.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-blackcolor .bar-button-solid-ios-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-blackcolor .bar-button-solid-ios-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-blackcolor .bar-button-mildred-ios,
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-mildred,
.toolbar-ios-blackcolor .bar-button-clear-ios-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-ios-blackcolor .bar-button-mildred-ios:hover:not(.disable-hover),
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-mildred:hover:not(.disable-hover),
.toolbar-ios-blackcolor .bar-button-clear-ios-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-ios-blackcolor .bar-button-mildred-ios.activated,
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-mildred.activated,
.toolbar-ios-blackcolor .bar-button-clear-ios-mildred.activated {
  opacity: .4;
}

.toolbar-ios-blackcolor .bar-button-outline-ios-mildred {
  border-color: #FF0266;
  color: #FF0266;
  background-color: transparent;
}

.toolbar-ios-blackcolor .bar-button-outline-ios-mildred.activated {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-ios-blackcolor .bar-button-solid-ios-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-ios-blackcolor .bar-button-solid-ios-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-ios-blackcolor .bar-button-mildgreen-ios,
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-mildgreen,
.toolbar-ios-blackcolor .bar-button-clear-ios-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-ios-blackcolor .bar-button-mildgreen-ios:hover:not(.disable-hover),
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-mildgreen:hover:not(.disable-hover),
.toolbar-ios-blackcolor .bar-button-clear-ios-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-ios-blackcolor .bar-button-mildgreen-ios.activated,
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-mildgreen.activated,
.toolbar-ios-blackcolor .bar-button-clear-ios-mildgreen.activated {
  opacity: .4;
}

.toolbar-ios-blackcolor .bar-button-outline-ios-mildgreen {
  border-color: #69F0AE;
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-ios-blackcolor .bar-button-outline-ios-mildgreen.activated {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-ios-blackcolor .bar-button-solid-ios-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-ios-blackcolor .bar-button-solid-ios-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-ios-blackcolor .bar-button-sidebar-ios,
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-sidebar,
.toolbar-ios-blackcolor .bar-button-clear-ios-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-ios-blackcolor .bar-button-sidebar-ios:hover:not(.disable-hover),
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-sidebar:hover:not(.disable-hover),
.toolbar-ios-blackcolor .bar-button-clear-ios-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-ios-blackcolor .bar-button-sidebar-ios.activated,
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-sidebar.activated,
.toolbar-ios-blackcolor .bar-button-clear-ios-sidebar.activated {
  opacity: .4;
}

.toolbar-ios-blackcolor .bar-button-outline-ios-sidebar {
  border-color: #0000ffc0;
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-ios-blackcolor .bar-button-outline-ios-sidebar.activated {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-ios-blackcolor .bar-button-solid-ios-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-ios-blackcolor .bar-button-solid-ios-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-ios-blackcolor .bar-button-white-ios,
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-white,
.toolbar-ios-blackcolor .bar-button-clear-ios-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-blackcolor .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-blackcolor .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-ios-blackcolor .bar-button-white-ios.activated,
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-blackcolor .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-blackcolor .bar-button-outline-ios-white {
  border-color: #ffffff;
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-blackcolor .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-blackcolor .bar-button-solid-ios-white {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-blackcolor .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-blackcolor .bar-button-magenta-ios,
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-magenta,
.toolbar-ios-blackcolor .bar-button-clear-ios-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-ios-blackcolor .bar-button-magenta-ios:hover:not(.disable-hover),
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-magenta:hover:not(.disable-hover),
.toolbar-ios-blackcolor .bar-button-clear-ios-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-ios-blackcolor .bar-button-magenta-ios.activated,
.toolbar-ios-blackcolor .bar-button-default.bar-button-ios-magenta.activated,
.toolbar-ios-blackcolor .bar-button-clear-ios-magenta.activated {
  opacity: .4;
}

.toolbar-ios-blackcolor .bar-button-outline-ios-magenta {
  border-color: #c404c4;
  color: #c404c4;
  background-color: transparent;
}

.toolbar-ios-blackcolor .bar-button-outline-ios-magenta.activated {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-ios-blackcolor .bar-button-solid-ios-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-ios-blackcolor .bar-button-solid-ios-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-blackcolor-ios,
.bar-button-default.bar-button-ios-blackcolor,
.bar-button-clear-ios-blackcolor {
  color: #000;
  background-color: transparent;
}

.bar-button-blackcolor-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-blackcolor:hover:not(.disable-hover),
.bar-button-clear-ios-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.bar-button-blackcolor-ios.activated,
.bar-button-default.bar-button-ios-blackcolor.activated,
.bar-button-clear-ios-blackcolor.activated {
  opacity: .4;
}

.bar-button-outline-ios-blackcolor {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.bar-button-outline-ios-blackcolor.activated {
  color: #fff;
  background-color: #000;
}

.bar-button-solid-ios-blackcolor {
  color: #fff;
  background-color: #000;
}

.bar-button-solid-ios-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-mildred .toolbar-background-ios {
  background: #FF0266;
}

.toolbar-ios-mildred .toolbar-title-ios,
.toolbar-ios-mildred .bar-button-clear-ios,
.toolbar-ios-mildred .bar-button-default-ios {
  color: #fff;
}

.toolbar-ios-mildred .bar-button-primary-ios,
.toolbar-ios-mildred .bar-button-default.bar-button-ios-primary,
.toolbar-ios-mildred .bar-button-clear-ios-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-ios-mildred .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-mildred .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-mildred .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-ios-mildred .bar-button-primary-ios.activated,
.toolbar-ios-mildred .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-mildred .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-mildred .bar-button-outline-ios-primary {
  border-color: #0099ff;
  color: #0099ff;
  background-color: transparent;
}

.toolbar-ios-mildred .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-ios-mildred .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-ios-mildred .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-ios-mildred .bar-button-secondary-ios,
.toolbar-ios-mildred .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-mildred .bar-button-clear-ios-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-ios-mildred .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-mildred .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-mildred .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-ios-mildred .bar-button-secondary-ios.activated,
.toolbar-ios-mildred .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-mildred .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-mildred .bar-button-outline-ios-secondary {
  border-color: #36B37E;
  color: #36B37E;
  background-color: transparent;
}

.toolbar-ios-mildred .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-ios-mildred .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-ios-mildred .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-ios-mildred .bar-button-danger-ios,
.toolbar-ios-mildred .bar-button-default.bar-button-ios-danger,
.toolbar-ios-mildred .bar-button-clear-ios-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-ios-mildred .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-mildred .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-mildred .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-ios-mildred .bar-button-danger-ios.activated,
.toolbar-ios-mildred .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-mildred .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-mildred .bar-button-outline-ios-danger {
  border-color: #FF5630;
  color: #FF5630;
  background-color: transparent;
}

.toolbar-ios-mildred .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-ios-mildred .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-ios-mildred .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-ios-mildred .bar-button-light-ios,
.toolbar-ios-mildred .bar-button-default.bar-button-ios-light,
.toolbar-ios-mildred .bar-button-clear-ios-light {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-mildred .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-mildred .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-mildred .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-mildred .bar-button-light-ios.activated,
.toolbar-ios-mildred .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-mildred .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-mildred .bar-button-outline-ios-light {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-mildred .bar-button-outline-ios-light.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-mildred .bar-button-solid-ios-light {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-mildred .bar-button-solid-ios-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-mildred .bar-button-dark-ios,
.toolbar-ios-mildred .bar-button-default.bar-button-ios-dark,
.toolbar-ios-mildred .bar-button-clear-ios-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-ios-mildred .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-mildred .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-mildred .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-ios-mildred .bar-button-dark-ios.activated,
.toolbar-ios-mildred .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-mildred .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-mildred .bar-button-outline-ios-dark {
  border-color: #172B4D;
  color: #172B4D;
  background-color: transparent;
}

.toolbar-ios-mildred .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-ios-mildred .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-ios-mildred .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-ios-mildred .bar-button-snappink-ios,
.toolbar-ios-mildred .bar-button-default.bar-button-ios-snappink,
.toolbar-ios-mildred .bar-button-clear-ios-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-ios-mildred .bar-button-snappink-ios:hover:not(.disable-hover),
.toolbar-ios-mildred .bar-button-default.bar-button-ios-snappink:hover:not(.disable-hover),
.toolbar-ios-mildred .bar-button-clear-ios-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-ios-mildred .bar-button-snappink-ios.activated,
.toolbar-ios-mildred .bar-button-default.bar-button-ios-snappink.activated,
.toolbar-ios-mildred .bar-button-clear-ios-snappink.activated {
  opacity: .4;
}

.toolbar-ios-mildred .bar-button-outline-ios-snappink {
  border-color: #3687f0;
  color: #3687f0;
  background-color: transparent;
}

.toolbar-ios-mildred .bar-button-outline-ios-snappink.activated {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-ios-mildred .bar-button-solid-ios-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-ios-mildred .bar-button-solid-ios-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-ios-mildred .bar-button-snapblue-ios,
.toolbar-ios-mildred .bar-button-default.bar-button-ios-snapblue,
.toolbar-ios-mildred .bar-button-clear-ios-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-ios-mildred .bar-button-snapblue-ios:hover:not(.disable-hover),
.toolbar-ios-mildred .bar-button-default.bar-button-ios-snapblue:hover:not(.disable-hover),
.toolbar-ios-mildred .bar-button-clear-ios-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-ios-mildred .bar-button-snapblue-ios.activated,
.toolbar-ios-mildred .bar-button-default.bar-button-ios-snapblue.activated,
.toolbar-ios-mildred .bar-button-clear-ios-snapblue.activated {
  opacity: .4;
}

.toolbar-ios-mildred .bar-button-outline-ios-snapblue {
  border-color: #00d8ff;
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-ios-mildred .bar-button-outline-ios-snapblue.activated {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-ios-mildred .bar-button-solid-ios-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-ios-mildred .bar-button-solid-ios-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-ios-mildred .bar-button-snapyellow-ios,
.toolbar-ios-mildred .bar-button-default.bar-button-ios-snapyellow,
.toolbar-ios-mildred .bar-button-clear-ios-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-ios-mildred .bar-button-snapyellow-ios:hover:not(.disable-hover),
.toolbar-ios-mildred .bar-button-default.bar-button-ios-snapyellow:hover:not(.disable-hover),
.toolbar-ios-mildred .bar-button-clear-ios-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-ios-mildred .bar-button-snapyellow-ios.activated,
.toolbar-ios-mildred .bar-button-default.bar-button-ios-snapyellow.activated,
.toolbar-ios-mildred .bar-button-clear-ios-snapyellow.activated {
  opacity: .4;
}

.toolbar-ios-mildred .bar-button-outline-ios-snapyellow {
  border-color: #FFC107;
  color: #FFC107;
  background-color: transparent;
}

.toolbar-ios-mildred .bar-button-outline-ios-snapyellow.activated {
  color: #000;
  background-color: #FFC107;
}

.toolbar-ios-mildred .bar-button-solid-ios-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.toolbar-ios-mildred .bar-button-solid-ios-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-ios-mildred .bar-button-snapgreen-ios,
.toolbar-ios-mildred .bar-button-default.bar-button-ios-snapgreen,
.toolbar-ios-mildred .bar-button-clear-ios-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-ios-mildred .bar-button-snapgreen-ios:hover:not(.disable-hover),
.toolbar-ios-mildred .bar-button-default.bar-button-ios-snapgreen:hover:not(.disable-hover),
.toolbar-ios-mildred .bar-button-clear-ios-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-ios-mildred .bar-button-snapgreen-ios.activated,
.toolbar-ios-mildred .bar-button-default.bar-button-ios-snapgreen.activated,
.toolbar-ios-mildred .bar-button-clear-ios-snapgreen.activated {
  opacity: .4;
}

.toolbar-ios-mildred .bar-button-outline-ios-snapgreen {
  border-color: #4CAF50;
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-ios-mildred .bar-button-outline-ios-snapgreen.activated {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-ios-mildred .bar-button-solid-ios-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-ios-mildred .bar-button-solid-ios-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-ios-mildred .bar-button-snapindigo-ios,
.toolbar-ios-mildred .bar-button-default.bar-button-ios-snapindigo,
.toolbar-ios-mildred .bar-button-clear-ios-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-ios-mildred .bar-button-snapindigo-ios:hover:not(.disable-hover),
.toolbar-ios-mildred .bar-button-default.bar-button-ios-snapindigo:hover:not(.disable-hover),
.toolbar-ios-mildred .bar-button-clear-ios-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-ios-mildred .bar-button-snapindigo-ios.activated,
.toolbar-ios-mildred .bar-button-default.bar-button-ios-snapindigo.activated,
.toolbar-ios-mildred .bar-button-clear-ios-snapindigo.activated {
  opacity: .4;
}

.toolbar-ios-mildred .bar-button-outline-ios-snapindigo {
  border-color: #3F51B5;
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-ios-mildred .bar-button-outline-ios-snapindigo.activated {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-ios-mildred .bar-button-solid-ios-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-ios-mildred .bar-button-solid-ios-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-ios-mildred .bar-button-backgroundgrey-ios,
.toolbar-ios-mildred .bar-button-default.bar-button-ios-backgroundgrey,
.toolbar-ios-mildred .bar-button-clear-ios-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-ios-mildred .bar-button-backgroundgrey-ios:hover:not(.disable-hover),
.toolbar-ios-mildred .bar-button-default.bar-button-ios-backgroundgrey:hover:not(.disable-hover),
.toolbar-ios-mildred .bar-button-clear-ios-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-ios-mildred .bar-button-backgroundgrey-ios.activated,
.toolbar-ios-mildred .bar-button-default.bar-button-ios-backgroundgrey.activated,
.toolbar-ios-mildred .bar-button-clear-ios-backgroundgrey.activated {
  opacity: .4;
}

.toolbar-ios-mildred .bar-button-outline-ios-backgroundgrey {
  border-color: #EEEEEE;
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-ios-mildred .bar-button-outline-ios-backgroundgrey.activated {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-ios-mildred .bar-button-solid-ios-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-ios-mildred .bar-button-solid-ios-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-ios-mildred .bar-button-whitecolor-ios,
.toolbar-ios-mildred .bar-button-default.bar-button-ios-whitecolor,
.toolbar-ios-mildred .bar-button-clear-ios-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-mildred .bar-button-whitecolor-ios:hover:not(.disable-hover),
.toolbar-ios-mildred .bar-button-default.bar-button-ios-whitecolor:hover:not(.disable-hover),
.toolbar-ios-mildred .bar-button-clear-ios-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-mildred .bar-button-whitecolor-ios.activated,
.toolbar-ios-mildred .bar-button-default.bar-button-ios-whitecolor.activated,
.toolbar-ios-mildred .bar-button-clear-ios-whitecolor.activated {
  opacity: .4;
}

.toolbar-ios-mildred .bar-button-outline-ios-whitecolor {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-mildred .bar-button-outline-ios-whitecolor.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-mildred .bar-button-solid-ios-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-mildred .bar-button-solid-ios-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-mildred .bar-button-grey-ios,
.toolbar-ios-mildred .bar-button-default.bar-button-ios-grey,
.toolbar-ios-mildred .bar-button-clear-ios-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-ios-mildred .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-mildred .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-mildred .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-ios-mildred .bar-button-grey-ios.activated,
.toolbar-ios-mildred .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-mildred .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-mildred .bar-button-outline-ios-grey {
  border-color: #828082;
  color: #828082;
  background-color: transparent;
}

.toolbar-ios-mildred .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #828082;
}

.toolbar-ios-mildred .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-ios-mildred .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-ios-mildred .bar-button-blackcolor-ios,
.toolbar-ios-mildred .bar-button-default.bar-button-ios-blackcolor,
.toolbar-ios-mildred .bar-button-clear-ios-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-mildred .bar-button-blackcolor-ios:hover:not(.disable-hover),
.toolbar-ios-mildred .bar-button-default.bar-button-ios-blackcolor:hover:not(.disable-hover),
.toolbar-ios-mildred .bar-button-clear-ios-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-mildred .bar-button-blackcolor-ios.activated,
.toolbar-ios-mildred .bar-button-default.bar-button-ios-blackcolor.activated,
.toolbar-ios-mildred .bar-button-clear-ios-blackcolor.activated {
  opacity: .4;
}

.toolbar-ios-mildred .bar-button-outline-ios-blackcolor {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-mildred .bar-button-outline-ios-blackcolor.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-mildred .bar-button-solid-ios-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-mildred .bar-button-solid-ios-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-mildred .bar-button-mildred-ios,
.toolbar-ios-mildred .bar-button-default.bar-button-ios-mildred,
.toolbar-ios-mildred .bar-button-clear-ios-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-ios-mildred .bar-button-mildred-ios:hover:not(.disable-hover),
.toolbar-ios-mildred .bar-button-default.bar-button-ios-mildred:hover:not(.disable-hover),
.toolbar-ios-mildred .bar-button-clear-ios-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-ios-mildred .bar-button-mildred-ios.activated,
.toolbar-ios-mildred .bar-button-default.bar-button-ios-mildred.activated,
.toolbar-ios-mildred .bar-button-clear-ios-mildred.activated {
  opacity: .4;
}

.toolbar-ios-mildred .bar-button-outline-ios-mildred {
  border-color: #FF0266;
  color: #FF0266;
  background-color: transparent;
}

.toolbar-ios-mildred .bar-button-outline-ios-mildred.activated {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-ios-mildred .bar-button-solid-ios-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-ios-mildred .bar-button-solid-ios-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-ios-mildred .bar-button-mildgreen-ios,
.toolbar-ios-mildred .bar-button-default.bar-button-ios-mildgreen,
.toolbar-ios-mildred .bar-button-clear-ios-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-ios-mildred .bar-button-mildgreen-ios:hover:not(.disable-hover),
.toolbar-ios-mildred .bar-button-default.bar-button-ios-mildgreen:hover:not(.disable-hover),
.toolbar-ios-mildred .bar-button-clear-ios-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-ios-mildred .bar-button-mildgreen-ios.activated,
.toolbar-ios-mildred .bar-button-default.bar-button-ios-mildgreen.activated,
.toolbar-ios-mildred .bar-button-clear-ios-mildgreen.activated {
  opacity: .4;
}

.toolbar-ios-mildred .bar-button-outline-ios-mildgreen {
  border-color: #69F0AE;
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-ios-mildred .bar-button-outline-ios-mildgreen.activated {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-ios-mildred .bar-button-solid-ios-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-ios-mildred .bar-button-solid-ios-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-ios-mildred .bar-button-sidebar-ios,
.toolbar-ios-mildred .bar-button-default.bar-button-ios-sidebar,
.toolbar-ios-mildred .bar-button-clear-ios-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-ios-mildred .bar-button-sidebar-ios:hover:not(.disable-hover),
.toolbar-ios-mildred .bar-button-default.bar-button-ios-sidebar:hover:not(.disable-hover),
.toolbar-ios-mildred .bar-button-clear-ios-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-ios-mildred .bar-button-sidebar-ios.activated,
.toolbar-ios-mildred .bar-button-default.bar-button-ios-sidebar.activated,
.toolbar-ios-mildred .bar-button-clear-ios-sidebar.activated {
  opacity: .4;
}

.toolbar-ios-mildred .bar-button-outline-ios-sidebar {
  border-color: #0000ffc0;
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-ios-mildred .bar-button-outline-ios-sidebar.activated {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-ios-mildred .bar-button-solid-ios-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-ios-mildred .bar-button-solid-ios-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-ios-mildred .bar-button-white-ios,
.toolbar-ios-mildred .bar-button-default.bar-button-ios-white,
.toolbar-ios-mildred .bar-button-clear-ios-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-mildred .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-mildred .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-mildred .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-ios-mildred .bar-button-white-ios.activated,
.toolbar-ios-mildred .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-mildred .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-mildred .bar-button-outline-ios-white {
  border-color: #ffffff;
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-mildred .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-mildred .bar-button-solid-ios-white {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-mildred .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-mildred .bar-button-magenta-ios,
.toolbar-ios-mildred .bar-button-default.bar-button-ios-magenta,
.toolbar-ios-mildred .bar-button-clear-ios-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-ios-mildred .bar-button-magenta-ios:hover:not(.disable-hover),
.toolbar-ios-mildred .bar-button-default.bar-button-ios-magenta:hover:not(.disable-hover),
.toolbar-ios-mildred .bar-button-clear-ios-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-ios-mildred .bar-button-magenta-ios.activated,
.toolbar-ios-mildred .bar-button-default.bar-button-ios-magenta.activated,
.toolbar-ios-mildred .bar-button-clear-ios-magenta.activated {
  opacity: .4;
}

.toolbar-ios-mildred .bar-button-outline-ios-magenta {
  border-color: #c404c4;
  color: #c404c4;
  background-color: transparent;
}

.toolbar-ios-mildred .bar-button-outline-ios-magenta.activated {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-ios-mildred .bar-button-solid-ios-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-ios-mildred .bar-button-solid-ios-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-mildred-ios,
.bar-button-default.bar-button-ios-mildred,
.bar-button-clear-ios-mildred {
  color: #FF0266;
  background-color: transparent;
}

.bar-button-mildred-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-mildred:hover:not(.disable-hover),
.bar-button-clear-ios-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.bar-button-mildred-ios.activated,
.bar-button-default.bar-button-ios-mildred.activated,
.bar-button-clear-ios-mildred.activated {
  opacity: .4;
}

.bar-button-outline-ios-mildred {
  border-color: #FF0266;
  color: #FF0266;
  background-color: transparent;
}

.bar-button-outline-ios-mildred.activated {
  color: #fff;
  background-color: #FF0266;
}

.bar-button-solid-ios-mildred {
  color: #fff;
  background-color: #FF0266;
}

.bar-button-solid-ios-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-ios-mildgreen .toolbar-background-ios {
  background: #69F0AE;
}

.toolbar-ios-mildgreen .toolbar-title-ios,
.toolbar-ios-mildgreen .bar-button-clear-ios,
.toolbar-ios-mildgreen .bar-button-default-ios {
  color: #fff;
}

.toolbar-ios-mildgreen .bar-button-primary-ios,
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-primary,
.toolbar-ios-mildgreen .bar-button-clear-ios-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-ios-mildgreen .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-mildgreen .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-ios-mildgreen .bar-button-primary-ios.activated,
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-mildgreen .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-mildgreen .bar-button-outline-ios-primary {
  border-color: #0099ff;
  color: #0099ff;
  background-color: transparent;
}

.toolbar-ios-mildgreen .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-ios-mildgreen .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-ios-mildgreen .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-ios-mildgreen .bar-button-secondary-ios,
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-mildgreen .bar-button-clear-ios-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-ios-mildgreen .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-mildgreen .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-ios-mildgreen .bar-button-secondary-ios.activated,
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-mildgreen .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-mildgreen .bar-button-outline-ios-secondary {
  border-color: #36B37E;
  color: #36B37E;
  background-color: transparent;
}

.toolbar-ios-mildgreen .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-ios-mildgreen .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-ios-mildgreen .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-ios-mildgreen .bar-button-danger-ios,
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-danger,
.toolbar-ios-mildgreen .bar-button-clear-ios-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-ios-mildgreen .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-mildgreen .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-ios-mildgreen .bar-button-danger-ios.activated,
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-mildgreen .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-mildgreen .bar-button-outline-ios-danger {
  border-color: #FF5630;
  color: #FF5630;
  background-color: transparent;
}

.toolbar-ios-mildgreen .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-ios-mildgreen .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-ios-mildgreen .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-ios-mildgreen .bar-button-light-ios,
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-light,
.toolbar-ios-mildgreen .bar-button-clear-ios-light {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-mildgreen .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-mildgreen .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-mildgreen .bar-button-light-ios.activated,
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-mildgreen .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-mildgreen .bar-button-outline-ios-light {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-mildgreen .bar-button-outline-ios-light.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-mildgreen .bar-button-solid-ios-light {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-mildgreen .bar-button-solid-ios-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-mildgreen .bar-button-dark-ios,
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-dark,
.toolbar-ios-mildgreen .bar-button-clear-ios-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-ios-mildgreen .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-mildgreen .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-ios-mildgreen .bar-button-dark-ios.activated,
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-mildgreen .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-mildgreen .bar-button-outline-ios-dark {
  border-color: #172B4D;
  color: #172B4D;
  background-color: transparent;
}

.toolbar-ios-mildgreen .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-ios-mildgreen .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-ios-mildgreen .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-ios-mildgreen .bar-button-snappink-ios,
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-snappink,
.toolbar-ios-mildgreen .bar-button-clear-ios-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-ios-mildgreen .bar-button-snappink-ios:hover:not(.disable-hover),
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-snappink:hover:not(.disable-hover),
.toolbar-ios-mildgreen .bar-button-clear-ios-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-ios-mildgreen .bar-button-snappink-ios.activated,
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-snappink.activated,
.toolbar-ios-mildgreen .bar-button-clear-ios-snappink.activated {
  opacity: .4;
}

.toolbar-ios-mildgreen .bar-button-outline-ios-snappink {
  border-color: #3687f0;
  color: #3687f0;
  background-color: transparent;
}

.toolbar-ios-mildgreen .bar-button-outline-ios-snappink.activated {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-ios-mildgreen .bar-button-solid-ios-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-ios-mildgreen .bar-button-solid-ios-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-ios-mildgreen .bar-button-snapblue-ios,
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-snapblue,
.toolbar-ios-mildgreen .bar-button-clear-ios-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-ios-mildgreen .bar-button-snapblue-ios:hover:not(.disable-hover),
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-snapblue:hover:not(.disable-hover),
.toolbar-ios-mildgreen .bar-button-clear-ios-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-ios-mildgreen .bar-button-snapblue-ios.activated,
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-snapblue.activated,
.toolbar-ios-mildgreen .bar-button-clear-ios-snapblue.activated {
  opacity: .4;
}

.toolbar-ios-mildgreen .bar-button-outline-ios-snapblue {
  border-color: #00d8ff;
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-ios-mildgreen .bar-button-outline-ios-snapblue.activated {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-ios-mildgreen .bar-button-solid-ios-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-ios-mildgreen .bar-button-solid-ios-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-ios-mildgreen .bar-button-snapyellow-ios,
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-snapyellow,
.toolbar-ios-mildgreen .bar-button-clear-ios-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-ios-mildgreen .bar-button-snapyellow-ios:hover:not(.disable-hover),
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-snapyellow:hover:not(.disable-hover),
.toolbar-ios-mildgreen .bar-button-clear-ios-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-ios-mildgreen .bar-button-snapyellow-ios.activated,
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-snapyellow.activated,
.toolbar-ios-mildgreen .bar-button-clear-ios-snapyellow.activated {
  opacity: .4;
}

.toolbar-ios-mildgreen .bar-button-outline-ios-snapyellow {
  border-color: #FFC107;
  color: #FFC107;
  background-color: transparent;
}

.toolbar-ios-mildgreen .bar-button-outline-ios-snapyellow.activated {
  color: #000;
  background-color: #FFC107;
}

.toolbar-ios-mildgreen .bar-button-solid-ios-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.toolbar-ios-mildgreen .bar-button-solid-ios-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-ios-mildgreen .bar-button-snapgreen-ios,
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-snapgreen,
.toolbar-ios-mildgreen .bar-button-clear-ios-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-ios-mildgreen .bar-button-snapgreen-ios:hover:not(.disable-hover),
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-snapgreen:hover:not(.disable-hover),
.toolbar-ios-mildgreen .bar-button-clear-ios-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-ios-mildgreen .bar-button-snapgreen-ios.activated,
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-snapgreen.activated,
.toolbar-ios-mildgreen .bar-button-clear-ios-snapgreen.activated {
  opacity: .4;
}

.toolbar-ios-mildgreen .bar-button-outline-ios-snapgreen {
  border-color: #4CAF50;
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-ios-mildgreen .bar-button-outline-ios-snapgreen.activated {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-ios-mildgreen .bar-button-solid-ios-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-ios-mildgreen .bar-button-solid-ios-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-ios-mildgreen .bar-button-snapindigo-ios,
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-snapindigo,
.toolbar-ios-mildgreen .bar-button-clear-ios-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-ios-mildgreen .bar-button-snapindigo-ios:hover:not(.disable-hover),
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-snapindigo:hover:not(.disable-hover),
.toolbar-ios-mildgreen .bar-button-clear-ios-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-ios-mildgreen .bar-button-snapindigo-ios.activated,
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-snapindigo.activated,
.toolbar-ios-mildgreen .bar-button-clear-ios-snapindigo.activated {
  opacity: .4;
}

.toolbar-ios-mildgreen .bar-button-outline-ios-snapindigo {
  border-color: #3F51B5;
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-ios-mildgreen .bar-button-outline-ios-snapindigo.activated {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-ios-mildgreen .bar-button-solid-ios-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-ios-mildgreen .bar-button-solid-ios-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-ios-mildgreen .bar-button-backgroundgrey-ios,
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-backgroundgrey,
.toolbar-ios-mildgreen .bar-button-clear-ios-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-ios-mildgreen .bar-button-backgroundgrey-ios:hover:not(.disable-hover),
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-backgroundgrey:hover:not(.disable-hover),
.toolbar-ios-mildgreen .bar-button-clear-ios-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-ios-mildgreen .bar-button-backgroundgrey-ios.activated,
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-backgroundgrey.activated,
.toolbar-ios-mildgreen .bar-button-clear-ios-backgroundgrey.activated {
  opacity: .4;
}

.toolbar-ios-mildgreen .bar-button-outline-ios-backgroundgrey {
  border-color: #EEEEEE;
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-ios-mildgreen .bar-button-outline-ios-backgroundgrey.activated {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-ios-mildgreen .bar-button-solid-ios-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-ios-mildgreen .bar-button-solid-ios-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-ios-mildgreen .bar-button-whitecolor-ios,
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-whitecolor,
.toolbar-ios-mildgreen .bar-button-clear-ios-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-mildgreen .bar-button-whitecolor-ios:hover:not(.disable-hover),
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-whitecolor:hover:not(.disable-hover),
.toolbar-ios-mildgreen .bar-button-clear-ios-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-mildgreen .bar-button-whitecolor-ios.activated,
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-whitecolor.activated,
.toolbar-ios-mildgreen .bar-button-clear-ios-whitecolor.activated {
  opacity: .4;
}

.toolbar-ios-mildgreen .bar-button-outline-ios-whitecolor {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-mildgreen .bar-button-outline-ios-whitecolor.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-mildgreen .bar-button-solid-ios-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-mildgreen .bar-button-solid-ios-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-mildgreen .bar-button-grey-ios,
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-grey,
.toolbar-ios-mildgreen .bar-button-clear-ios-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-ios-mildgreen .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-mildgreen .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-ios-mildgreen .bar-button-grey-ios.activated,
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-mildgreen .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-mildgreen .bar-button-outline-ios-grey {
  border-color: #828082;
  color: #828082;
  background-color: transparent;
}

.toolbar-ios-mildgreen .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #828082;
}

.toolbar-ios-mildgreen .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-ios-mildgreen .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-ios-mildgreen .bar-button-blackcolor-ios,
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-blackcolor,
.toolbar-ios-mildgreen .bar-button-clear-ios-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-mildgreen .bar-button-blackcolor-ios:hover:not(.disable-hover),
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-blackcolor:hover:not(.disable-hover),
.toolbar-ios-mildgreen .bar-button-clear-ios-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-mildgreen .bar-button-blackcolor-ios.activated,
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-blackcolor.activated,
.toolbar-ios-mildgreen .bar-button-clear-ios-blackcolor.activated {
  opacity: .4;
}

.toolbar-ios-mildgreen .bar-button-outline-ios-blackcolor {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-mildgreen .bar-button-outline-ios-blackcolor.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-mildgreen .bar-button-solid-ios-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-mildgreen .bar-button-solid-ios-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-mildgreen .bar-button-mildred-ios,
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-mildred,
.toolbar-ios-mildgreen .bar-button-clear-ios-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-ios-mildgreen .bar-button-mildred-ios:hover:not(.disable-hover),
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-mildred:hover:not(.disable-hover),
.toolbar-ios-mildgreen .bar-button-clear-ios-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-ios-mildgreen .bar-button-mildred-ios.activated,
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-mildred.activated,
.toolbar-ios-mildgreen .bar-button-clear-ios-mildred.activated {
  opacity: .4;
}

.toolbar-ios-mildgreen .bar-button-outline-ios-mildred {
  border-color: #FF0266;
  color: #FF0266;
  background-color: transparent;
}

.toolbar-ios-mildgreen .bar-button-outline-ios-mildred.activated {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-ios-mildgreen .bar-button-solid-ios-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-ios-mildgreen .bar-button-solid-ios-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-ios-mildgreen .bar-button-mildgreen-ios,
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-mildgreen,
.toolbar-ios-mildgreen .bar-button-clear-ios-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-ios-mildgreen .bar-button-mildgreen-ios:hover:not(.disable-hover),
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-mildgreen:hover:not(.disable-hover),
.toolbar-ios-mildgreen .bar-button-clear-ios-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-ios-mildgreen .bar-button-mildgreen-ios.activated,
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-mildgreen.activated,
.toolbar-ios-mildgreen .bar-button-clear-ios-mildgreen.activated {
  opacity: .4;
}

.toolbar-ios-mildgreen .bar-button-outline-ios-mildgreen {
  border-color: #69F0AE;
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-ios-mildgreen .bar-button-outline-ios-mildgreen.activated {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-ios-mildgreen .bar-button-solid-ios-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-ios-mildgreen .bar-button-solid-ios-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-ios-mildgreen .bar-button-sidebar-ios,
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-sidebar,
.toolbar-ios-mildgreen .bar-button-clear-ios-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-ios-mildgreen .bar-button-sidebar-ios:hover:not(.disable-hover),
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-sidebar:hover:not(.disable-hover),
.toolbar-ios-mildgreen .bar-button-clear-ios-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-ios-mildgreen .bar-button-sidebar-ios.activated,
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-sidebar.activated,
.toolbar-ios-mildgreen .bar-button-clear-ios-sidebar.activated {
  opacity: .4;
}

.toolbar-ios-mildgreen .bar-button-outline-ios-sidebar {
  border-color: #0000ffc0;
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-ios-mildgreen .bar-button-outline-ios-sidebar.activated {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-ios-mildgreen .bar-button-solid-ios-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-ios-mildgreen .bar-button-solid-ios-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-ios-mildgreen .bar-button-white-ios,
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-white,
.toolbar-ios-mildgreen .bar-button-clear-ios-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-mildgreen .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-mildgreen .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-ios-mildgreen .bar-button-white-ios.activated,
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-mildgreen .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-mildgreen .bar-button-outline-ios-white {
  border-color: #ffffff;
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-mildgreen .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-mildgreen .bar-button-solid-ios-white {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-mildgreen .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-mildgreen .bar-button-magenta-ios,
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-magenta,
.toolbar-ios-mildgreen .bar-button-clear-ios-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-ios-mildgreen .bar-button-magenta-ios:hover:not(.disable-hover),
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-magenta:hover:not(.disable-hover),
.toolbar-ios-mildgreen .bar-button-clear-ios-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-ios-mildgreen .bar-button-magenta-ios.activated,
.toolbar-ios-mildgreen .bar-button-default.bar-button-ios-magenta.activated,
.toolbar-ios-mildgreen .bar-button-clear-ios-magenta.activated {
  opacity: .4;
}

.toolbar-ios-mildgreen .bar-button-outline-ios-magenta {
  border-color: #c404c4;
  color: #c404c4;
  background-color: transparent;
}

.toolbar-ios-mildgreen .bar-button-outline-ios-magenta.activated {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-ios-mildgreen .bar-button-solid-ios-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-ios-mildgreen .bar-button-solid-ios-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-mildgreen-ios,
.bar-button-default.bar-button-ios-mildgreen,
.bar-button-clear-ios-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.bar-button-mildgreen-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-mildgreen:hover:not(.disable-hover),
.bar-button-clear-ios-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.bar-button-mildgreen-ios.activated,
.bar-button-default.bar-button-ios-mildgreen.activated,
.bar-button-clear-ios-mildgreen.activated {
  opacity: .4;
}

.bar-button-outline-ios-mildgreen {
  border-color: #69F0AE;
  color: #69F0AE;
  background-color: transparent;
}

.bar-button-outline-ios-mildgreen.activated {
  color: #fff;
  background-color: #69F0AE;
}

.bar-button-solid-ios-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.bar-button-solid-ios-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-ios-sidebar .toolbar-background-ios {
  background: #0000ffc0;
}

.toolbar-ios-sidebar .toolbar-title-ios,
.toolbar-ios-sidebar .bar-button-clear-ios,
.toolbar-ios-sidebar .bar-button-default-ios {
  color: #fff;
}

.toolbar-ios-sidebar .bar-button-primary-ios,
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-primary,
.toolbar-ios-sidebar .bar-button-clear-ios-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-ios-sidebar .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-sidebar .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-ios-sidebar .bar-button-primary-ios.activated,
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-sidebar .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-sidebar .bar-button-outline-ios-primary {
  border-color: #0099ff;
  color: #0099ff;
  background-color: transparent;
}

.toolbar-ios-sidebar .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-ios-sidebar .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-ios-sidebar .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-ios-sidebar .bar-button-secondary-ios,
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-sidebar .bar-button-clear-ios-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-ios-sidebar .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-sidebar .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-ios-sidebar .bar-button-secondary-ios.activated,
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-sidebar .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-sidebar .bar-button-outline-ios-secondary {
  border-color: #36B37E;
  color: #36B37E;
  background-color: transparent;
}

.toolbar-ios-sidebar .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-ios-sidebar .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-ios-sidebar .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-ios-sidebar .bar-button-danger-ios,
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-danger,
.toolbar-ios-sidebar .bar-button-clear-ios-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-ios-sidebar .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-sidebar .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-ios-sidebar .bar-button-danger-ios.activated,
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-sidebar .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-sidebar .bar-button-outline-ios-danger {
  border-color: #FF5630;
  color: #FF5630;
  background-color: transparent;
}

.toolbar-ios-sidebar .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-ios-sidebar .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-ios-sidebar .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-ios-sidebar .bar-button-light-ios,
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-light,
.toolbar-ios-sidebar .bar-button-clear-ios-light {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-sidebar .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-sidebar .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-sidebar .bar-button-light-ios.activated,
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-sidebar .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-sidebar .bar-button-outline-ios-light {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-sidebar .bar-button-outline-ios-light.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-sidebar .bar-button-solid-ios-light {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-sidebar .bar-button-solid-ios-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-sidebar .bar-button-dark-ios,
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-dark,
.toolbar-ios-sidebar .bar-button-clear-ios-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-ios-sidebar .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-sidebar .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-ios-sidebar .bar-button-dark-ios.activated,
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-sidebar .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-sidebar .bar-button-outline-ios-dark {
  border-color: #172B4D;
  color: #172B4D;
  background-color: transparent;
}

.toolbar-ios-sidebar .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-ios-sidebar .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-ios-sidebar .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-ios-sidebar .bar-button-snappink-ios,
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-snappink,
.toolbar-ios-sidebar .bar-button-clear-ios-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-ios-sidebar .bar-button-snappink-ios:hover:not(.disable-hover),
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-snappink:hover:not(.disable-hover),
.toolbar-ios-sidebar .bar-button-clear-ios-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-ios-sidebar .bar-button-snappink-ios.activated,
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-snappink.activated,
.toolbar-ios-sidebar .bar-button-clear-ios-snappink.activated {
  opacity: .4;
}

.toolbar-ios-sidebar .bar-button-outline-ios-snappink {
  border-color: #3687f0;
  color: #3687f0;
  background-color: transparent;
}

.toolbar-ios-sidebar .bar-button-outline-ios-snappink.activated {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-ios-sidebar .bar-button-solid-ios-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-ios-sidebar .bar-button-solid-ios-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-ios-sidebar .bar-button-snapblue-ios,
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-snapblue,
.toolbar-ios-sidebar .bar-button-clear-ios-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-ios-sidebar .bar-button-snapblue-ios:hover:not(.disable-hover),
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-snapblue:hover:not(.disable-hover),
.toolbar-ios-sidebar .bar-button-clear-ios-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-ios-sidebar .bar-button-snapblue-ios.activated,
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-snapblue.activated,
.toolbar-ios-sidebar .bar-button-clear-ios-snapblue.activated {
  opacity: .4;
}

.toolbar-ios-sidebar .bar-button-outline-ios-snapblue {
  border-color: #00d8ff;
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-ios-sidebar .bar-button-outline-ios-snapblue.activated {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-ios-sidebar .bar-button-solid-ios-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-ios-sidebar .bar-button-solid-ios-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-ios-sidebar .bar-button-snapyellow-ios,
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-snapyellow,
.toolbar-ios-sidebar .bar-button-clear-ios-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-ios-sidebar .bar-button-snapyellow-ios:hover:not(.disable-hover),
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-snapyellow:hover:not(.disable-hover),
.toolbar-ios-sidebar .bar-button-clear-ios-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-ios-sidebar .bar-button-snapyellow-ios.activated,
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-snapyellow.activated,
.toolbar-ios-sidebar .bar-button-clear-ios-snapyellow.activated {
  opacity: .4;
}

.toolbar-ios-sidebar .bar-button-outline-ios-snapyellow {
  border-color: #FFC107;
  color: #FFC107;
  background-color: transparent;
}

.toolbar-ios-sidebar .bar-button-outline-ios-snapyellow.activated {
  color: #000;
  background-color: #FFC107;
}

.toolbar-ios-sidebar .bar-button-solid-ios-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.toolbar-ios-sidebar .bar-button-solid-ios-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-ios-sidebar .bar-button-snapgreen-ios,
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-snapgreen,
.toolbar-ios-sidebar .bar-button-clear-ios-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-ios-sidebar .bar-button-snapgreen-ios:hover:not(.disable-hover),
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-snapgreen:hover:not(.disable-hover),
.toolbar-ios-sidebar .bar-button-clear-ios-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-ios-sidebar .bar-button-snapgreen-ios.activated,
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-snapgreen.activated,
.toolbar-ios-sidebar .bar-button-clear-ios-snapgreen.activated {
  opacity: .4;
}

.toolbar-ios-sidebar .bar-button-outline-ios-snapgreen {
  border-color: #4CAF50;
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-ios-sidebar .bar-button-outline-ios-snapgreen.activated {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-ios-sidebar .bar-button-solid-ios-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-ios-sidebar .bar-button-solid-ios-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-ios-sidebar .bar-button-snapindigo-ios,
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-snapindigo,
.toolbar-ios-sidebar .bar-button-clear-ios-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-ios-sidebar .bar-button-snapindigo-ios:hover:not(.disable-hover),
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-snapindigo:hover:not(.disable-hover),
.toolbar-ios-sidebar .bar-button-clear-ios-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-ios-sidebar .bar-button-snapindigo-ios.activated,
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-snapindigo.activated,
.toolbar-ios-sidebar .bar-button-clear-ios-snapindigo.activated {
  opacity: .4;
}

.toolbar-ios-sidebar .bar-button-outline-ios-snapindigo {
  border-color: #3F51B5;
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-ios-sidebar .bar-button-outline-ios-snapindigo.activated {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-ios-sidebar .bar-button-solid-ios-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-ios-sidebar .bar-button-solid-ios-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-ios-sidebar .bar-button-backgroundgrey-ios,
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-backgroundgrey,
.toolbar-ios-sidebar .bar-button-clear-ios-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-ios-sidebar .bar-button-backgroundgrey-ios:hover:not(.disable-hover),
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-backgroundgrey:hover:not(.disable-hover),
.toolbar-ios-sidebar .bar-button-clear-ios-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-ios-sidebar .bar-button-backgroundgrey-ios.activated,
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-backgroundgrey.activated,
.toolbar-ios-sidebar .bar-button-clear-ios-backgroundgrey.activated {
  opacity: .4;
}

.toolbar-ios-sidebar .bar-button-outline-ios-backgroundgrey {
  border-color: #EEEEEE;
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-ios-sidebar .bar-button-outline-ios-backgroundgrey.activated {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-ios-sidebar .bar-button-solid-ios-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-ios-sidebar .bar-button-solid-ios-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-ios-sidebar .bar-button-whitecolor-ios,
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-whitecolor,
.toolbar-ios-sidebar .bar-button-clear-ios-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-sidebar .bar-button-whitecolor-ios:hover:not(.disable-hover),
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-whitecolor:hover:not(.disable-hover),
.toolbar-ios-sidebar .bar-button-clear-ios-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-sidebar .bar-button-whitecolor-ios.activated,
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-whitecolor.activated,
.toolbar-ios-sidebar .bar-button-clear-ios-whitecolor.activated {
  opacity: .4;
}

.toolbar-ios-sidebar .bar-button-outline-ios-whitecolor {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-sidebar .bar-button-outline-ios-whitecolor.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-sidebar .bar-button-solid-ios-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-sidebar .bar-button-solid-ios-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-sidebar .bar-button-grey-ios,
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-grey,
.toolbar-ios-sidebar .bar-button-clear-ios-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-ios-sidebar .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-sidebar .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-ios-sidebar .bar-button-grey-ios.activated,
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-sidebar .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-sidebar .bar-button-outline-ios-grey {
  border-color: #828082;
  color: #828082;
  background-color: transparent;
}

.toolbar-ios-sidebar .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #828082;
}

.toolbar-ios-sidebar .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-ios-sidebar .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-ios-sidebar .bar-button-blackcolor-ios,
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-blackcolor,
.toolbar-ios-sidebar .bar-button-clear-ios-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-sidebar .bar-button-blackcolor-ios:hover:not(.disable-hover),
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-blackcolor:hover:not(.disable-hover),
.toolbar-ios-sidebar .bar-button-clear-ios-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-sidebar .bar-button-blackcolor-ios.activated,
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-blackcolor.activated,
.toolbar-ios-sidebar .bar-button-clear-ios-blackcolor.activated {
  opacity: .4;
}

.toolbar-ios-sidebar .bar-button-outline-ios-blackcolor {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-sidebar .bar-button-outline-ios-blackcolor.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-sidebar .bar-button-solid-ios-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-sidebar .bar-button-solid-ios-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-sidebar .bar-button-mildred-ios,
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-mildred,
.toolbar-ios-sidebar .bar-button-clear-ios-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-ios-sidebar .bar-button-mildred-ios:hover:not(.disable-hover),
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-mildred:hover:not(.disable-hover),
.toolbar-ios-sidebar .bar-button-clear-ios-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-ios-sidebar .bar-button-mildred-ios.activated,
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-mildred.activated,
.toolbar-ios-sidebar .bar-button-clear-ios-mildred.activated {
  opacity: .4;
}

.toolbar-ios-sidebar .bar-button-outline-ios-mildred {
  border-color: #FF0266;
  color: #FF0266;
  background-color: transparent;
}

.toolbar-ios-sidebar .bar-button-outline-ios-mildred.activated {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-ios-sidebar .bar-button-solid-ios-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-ios-sidebar .bar-button-solid-ios-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-ios-sidebar .bar-button-mildgreen-ios,
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-mildgreen,
.toolbar-ios-sidebar .bar-button-clear-ios-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-ios-sidebar .bar-button-mildgreen-ios:hover:not(.disable-hover),
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-mildgreen:hover:not(.disable-hover),
.toolbar-ios-sidebar .bar-button-clear-ios-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-ios-sidebar .bar-button-mildgreen-ios.activated,
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-mildgreen.activated,
.toolbar-ios-sidebar .bar-button-clear-ios-mildgreen.activated {
  opacity: .4;
}

.toolbar-ios-sidebar .bar-button-outline-ios-mildgreen {
  border-color: #69F0AE;
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-ios-sidebar .bar-button-outline-ios-mildgreen.activated {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-ios-sidebar .bar-button-solid-ios-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-ios-sidebar .bar-button-solid-ios-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-ios-sidebar .bar-button-sidebar-ios,
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-sidebar,
.toolbar-ios-sidebar .bar-button-clear-ios-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-ios-sidebar .bar-button-sidebar-ios:hover:not(.disable-hover),
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-sidebar:hover:not(.disable-hover),
.toolbar-ios-sidebar .bar-button-clear-ios-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-ios-sidebar .bar-button-sidebar-ios.activated,
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-sidebar.activated,
.toolbar-ios-sidebar .bar-button-clear-ios-sidebar.activated {
  opacity: .4;
}

.toolbar-ios-sidebar .bar-button-outline-ios-sidebar {
  border-color: #0000ffc0;
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-ios-sidebar .bar-button-outline-ios-sidebar.activated {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-ios-sidebar .bar-button-solid-ios-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-ios-sidebar .bar-button-solid-ios-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-ios-sidebar .bar-button-white-ios,
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-white,
.toolbar-ios-sidebar .bar-button-clear-ios-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-sidebar .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-sidebar .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-ios-sidebar .bar-button-white-ios.activated,
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-sidebar .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-sidebar .bar-button-outline-ios-white {
  border-color: #ffffff;
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-sidebar .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-sidebar .bar-button-solid-ios-white {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-sidebar .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-sidebar .bar-button-magenta-ios,
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-magenta,
.toolbar-ios-sidebar .bar-button-clear-ios-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-ios-sidebar .bar-button-magenta-ios:hover:not(.disable-hover),
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-magenta:hover:not(.disable-hover),
.toolbar-ios-sidebar .bar-button-clear-ios-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-ios-sidebar .bar-button-magenta-ios.activated,
.toolbar-ios-sidebar .bar-button-default.bar-button-ios-magenta.activated,
.toolbar-ios-sidebar .bar-button-clear-ios-magenta.activated {
  opacity: .4;
}

.toolbar-ios-sidebar .bar-button-outline-ios-magenta {
  border-color: #c404c4;
  color: #c404c4;
  background-color: transparent;
}

.toolbar-ios-sidebar .bar-button-outline-ios-magenta.activated {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-ios-sidebar .bar-button-solid-ios-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-ios-sidebar .bar-button-solid-ios-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-sidebar-ios,
.bar-button-default.bar-button-ios-sidebar,
.bar-button-clear-ios-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.bar-button-sidebar-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-sidebar:hover:not(.disable-hover),
.bar-button-clear-ios-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.bar-button-sidebar-ios.activated,
.bar-button-default.bar-button-ios-sidebar.activated,
.bar-button-clear-ios-sidebar.activated {
  opacity: .4;
}

.bar-button-outline-ios-sidebar {
  border-color: #0000ffc0;
  color: #0000ffc0;
  background-color: transparent;
}

.bar-button-outline-ios-sidebar.activated {
  color: #fff;
  background-color: #0000ffc0;
}

.bar-button-solid-ios-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.bar-button-solid-ios-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-ios-white .toolbar-background-ios {
  background: #ffffff;
}

.toolbar-ios-white .toolbar-title-ios,
.toolbar-ios-white .bar-button-clear-ios,
.toolbar-ios-white .bar-button-default-ios {
  color: #000;
}

.toolbar-ios-white .bar-button-primary-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-primary,
.toolbar-ios-white .bar-button-clear-ios-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-ios-white .bar-button-primary-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-white .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-primary {
  border-color: #0099ff;
  color: #0099ff;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-ios-white .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-ios-white .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-ios-white .bar-button-secondary-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-white .bar-button-clear-ios-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-ios-white .bar-button-secondary-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-white .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-secondary {
  border-color: #36B37E;
  color: #36B37E;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-ios-white .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-ios-white .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-ios-white .bar-button-danger-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-danger,
.toolbar-ios-white .bar-button-clear-ios-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-ios-white .bar-button-danger-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-white .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-danger {
  border-color: #FF5630;
  color: #FF5630;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-ios-white .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-ios-white .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-ios-white .bar-button-light-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-light,
.toolbar-ios-white .bar-button-clear-ios-light {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-white .bar-button-light-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-white .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-light {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-light.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-white .bar-button-solid-ios-light {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-white .bar-button-solid-ios-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-white .bar-button-dark-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-dark,
.toolbar-ios-white .bar-button-clear-ios-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-ios-white .bar-button-dark-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-white .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-dark {
  border-color: #172B4D;
  color: #172B4D;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-ios-white .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-ios-white .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-ios-white .bar-button-snappink-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-snappink,
.toolbar-ios-white .bar-button-clear-ios-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-snappink-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-snappink:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-ios-white .bar-button-snappink-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-snappink.activated,
.toolbar-ios-white .bar-button-clear-ios-snappink.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-snappink {
  border-color: #3687f0;
  color: #3687f0;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-snappink.activated {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-ios-white .bar-button-solid-ios-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-ios-white .bar-button-solid-ios-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-ios-white .bar-button-snapblue-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-snapblue,
.toolbar-ios-white .bar-button-clear-ios-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-snapblue-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-snapblue:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-ios-white .bar-button-snapblue-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-snapblue.activated,
.toolbar-ios-white .bar-button-clear-ios-snapblue.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-snapblue {
  border-color: #00d8ff;
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-snapblue.activated {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-ios-white .bar-button-solid-ios-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-ios-white .bar-button-solid-ios-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-ios-white .bar-button-snapyellow-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-snapyellow,
.toolbar-ios-white .bar-button-clear-ios-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-snapyellow-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-snapyellow:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-ios-white .bar-button-snapyellow-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-snapyellow.activated,
.toolbar-ios-white .bar-button-clear-ios-snapyellow.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-snapyellow {
  border-color: #FFC107;
  color: #FFC107;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-snapyellow.activated {
  color: #000;
  background-color: #FFC107;
}

.toolbar-ios-white .bar-button-solid-ios-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.toolbar-ios-white .bar-button-solid-ios-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-ios-white .bar-button-snapgreen-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-snapgreen,
.toolbar-ios-white .bar-button-clear-ios-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-snapgreen-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-snapgreen:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-ios-white .bar-button-snapgreen-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-snapgreen.activated,
.toolbar-ios-white .bar-button-clear-ios-snapgreen.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-snapgreen {
  border-color: #4CAF50;
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-snapgreen.activated {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-ios-white .bar-button-solid-ios-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-ios-white .bar-button-solid-ios-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-ios-white .bar-button-snapindigo-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-snapindigo,
.toolbar-ios-white .bar-button-clear-ios-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-snapindigo-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-snapindigo:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-ios-white .bar-button-snapindigo-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-snapindigo.activated,
.toolbar-ios-white .bar-button-clear-ios-snapindigo.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-snapindigo {
  border-color: #3F51B5;
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-snapindigo.activated {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-ios-white .bar-button-solid-ios-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-ios-white .bar-button-solid-ios-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-ios-white .bar-button-backgroundgrey-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-backgroundgrey,
.toolbar-ios-white .bar-button-clear-ios-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-backgroundgrey-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-backgroundgrey:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-ios-white .bar-button-backgroundgrey-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-backgroundgrey.activated,
.toolbar-ios-white .bar-button-clear-ios-backgroundgrey.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-backgroundgrey {
  border-color: #EEEEEE;
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-backgroundgrey.activated {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-ios-white .bar-button-solid-ios-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-ios-white .bar-button-solid-ios-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-ios-white .bar-button-whitecolor-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-whitecolor,
.toolbar-ios-white .bar-button-clear-ios-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-whitecolor-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-whitecolor:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-white .bar-button-whitecolor-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-whitecolor.activated,
.toolbar-ios-white .bar-button-clear-ios-whitecolor.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-whitecolor {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-whitecolor.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-white .bar-button-solid-ios-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-white .bar-button-solid-ios-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-white .bar-button-grey-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-grey,
.toolbar-ios-white .bar-button-clear-ios-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-ios-white .bar-button-grey-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-white .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-grey {
  border-color: #828082;
  color: #828082;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #828082;
}

.toolbar-ios-white .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-ios-white .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-ios-white .bar-button-blackcolor-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-blackcolor,
.toolbar-ios-white .bar-button-clear-ios-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-blackcolor-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-blackcolor:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-white .bar-button-blackcolor-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-blackcolor.activated,
.toolbar-ios-white .bar-button-clear-ios-blackcolor.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-blackcolor {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-blackcolor.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-white .bar-button-solid-ios-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-white .bar-button-solid-ios-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-white .bar-button-mildred-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-mildred,
.toolbar-ios-white .bar-button-clear-ios-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-mildred-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-mildred:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-ios-white .bar-button-mildred-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-mildred.activated,
.toolbar-ios-white .bar-button-clear-ios-mildred.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-mildred {
  border-color: #FF0266;
  color: #FF0266;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-mildred.activated {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-ios-white .bar-button-solid-ios-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-ios-white .bar-button-solid-ios-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-ios-white .bar-button-mildgreen-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-mildgreen,
.toolbar-ios-white .bar-button-clear-ios-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-mildgreen-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-mildgreen:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-ios-white .bar-button-mildgreen-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-mildgreen.activated,
.toolbar-ios-white .bar-button-clear-ios-mildgreen.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-mildgreen {
  border-color: #69F0AE;
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-mildgreen.activated {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-ios-white .bar-button-solid-ios-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-ios-white .bar-button-solid-ios-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-ios-white .bar-button-sidebar-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-sidebar,
.toolbar-ios-white .bar-button-clear-ios-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-sidebar-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-sidebar:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-ios-white .bar-button-sidebar-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-sidebar.activated,
.toolbar-ios-white .bar-button-clear-ios-sidebar.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-sidebar {
  border-color: #0000ffc0;
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-sidebar.activated {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-ios-white .bar-button-solid-ios-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-ios-white .bar-button-solid-ios-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-ios-white .bar-button-white-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-white,
.toolbar-ios-white .bar-button-clear-ios-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-ios-white .bar-button-white-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-white .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-white {
  border-color: #ffffff;
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-white .bar-button-solid-ios-white {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-white .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-white .bar-button-magenta-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-magenta,
.toolbar-ios-white .bar-button-clear-ios-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-magenta-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-magenta:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-ios-white .bar-button-magenta-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-magenta.activated,
.toolbar-ios-white .bar-button-clear-ios-magenta.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-magenta {
  border-color: #c404c4;
  color: #c404c4;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-magenta.activated {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-ios-white .bar-button-solid-ios-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-ios-white .bar-button-solid-ios-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-white-ios,
.bar-button-default.bar-button-ios-white,
.bar-button-clear-ios-white {
  color: #ffffff;
  background-color: transparent;
}

.bar-button-white-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.bar-button-white-ios.activated,
.bar-button-default.bar-button-ios-white.activated,
.bar-button-clear-ios-white.activated {
  opacity: .4;
}

.bar-button-outline-ios-white {
  border-color: #ffffff;
  color: #ffffff;
  background-color: transparent;
}

.bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #ffffff;
}

.bar-button-solid-ios-white {
  color: #000;
  background-color: #ffffff;
}

.bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-magenta .toolbar-background-ios {
  background: #c404c4;
}

.toolbar-ios-magenta .toolbar-title-ios,
.toolbar-ios-magenta .bar-button-clear-ios,
.toolbar-ios-magenta .bar-button-default-ios {
  color: #fff;
}

.toolbar-ios-magenta .bar-button-primary-ios,
.toolbar-ios-magenta .bar-button-default.bar-button-ios-primary,
.toolbar-ios-magenta .bar-button-clear-ios-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-ios-magenta .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-magenta .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-magenta .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-ios-magenta .bar-button-primary-ios.activated,
.toolbar-ios-magenta .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-magenta .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-magenta .bar-button-outline-ios-primary {
  border-color: #0099ff;
  color: #0099ff;
  background-color: transparent;
}

.toolbar-ios-magenta .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-ios-magenta .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-ios-magenta .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-ios-magenta .bar-button-secondary-ios,
.toolbar-ios-magenta .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-magenta .bar-button-clear-ios-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-ios-magenta .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-magenta .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-magenta .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-ios-magenta .bar-button-secondary-ios.activated,
.toolbar-ios-magenta .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-magenta .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-magenta .bar-button-outline-ios-secondary {
  border-color: #36B37E;
  color: #36B37E;
  background-color: transparent;
}

.toolbar-ios-magenta .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-ios-magenta .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-ios-magenta .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-ios-magenta .bar-button-danger-ios,
.toolbar-ios-magenta .bar-button-default.bar-button-ios-danger,
.toolbar-ios-magenta .bar-button-clear-ios-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-ios-magenta .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-magenta .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-magenta .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-ios-magenta .bar-button-danger-ios.activated,
.toolbar-ios-magenta .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-magenta .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-magenta .bar-button-outline-ios-danger {
  border-color: #FF5630;
  color: #FF5630;
  background-color: transparent;
}

.toolbar-ios-magenta .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-ios-magenta .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-ios-magenta .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-ios-magenta .bar-button-light-ios,
.toolbar-ios-magenta .bar-button-default.bar-button-ios-light,
.toolbar-ios-magenta .bar-button-clear-ios-light {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-magenta .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-magenta .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-magenta .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-magenta .bar-button-light-ios.activated,
.toolbar-ios-magenta .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-magenta .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-magenta .bar-button-outline-ios-light {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-magenta .bar-button-outline-ios-light.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-magenta .bar-button-solid-ios-light {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-magenta .bar-button-solid-ios-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-magenta .bar-button-dark-ios,
.toolbar-ios-magenta .bar-button-default.bar-button-ios-dark,
.toolbar-ios-magenta .bar-button-clear-ios-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-ios-magenta .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-magenta .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-magenta .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-ios-magenta .bar-button-dark-ios.activated,
.toolbar-ios-magenta .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-magenta .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-magenta .bar-button-outline-ios-dark {
  border-color: #172B4D;
  color: #172B4D;
  background-color: transparent;
}

.toolbar-ios-magenta .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-ios-magenta .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-ios-magenta .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-ios-magenta .bar-button-snappink-ios,
.toolbar-ios-magenta .bar-button-default.bar-button-ios-snappink,
.toolbar-ios-magenta .bar-button-clear-ios-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-ios-magenta .bar-button-snappink-ios:hover:not(.disable-hover),
.toolbar-ios-magenta .bar-button-default.bar-button-ios-snappink:hover:not(.disable-hover),
.toolbar-ios-magenta .bar-button-clear-ios-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-ios-magenta .bar-button-snappink-ios.activated,
.toolbar-ios-magenta .bar-button-default.bar-button-ios-snappink.activated,
.toolbar-ios-magenta .bar-button-clear-ios-snappink.activated {
  opacity: .4;
}

.toolbar-ios-magenta .bar-button-outline-ios-snappink {
  border-color: #3687f0;
  color: #3687f0;
  background-color: transparent;
}

.toolbar-ios-magenta .bar-button-outline-ios-snappink.activated {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-ios-magenta .bar-button-solid-ios-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-ios-magenta .bar-button-solid-ios-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-ios-magenta .bar-button-snapblue-ios,
.toolbar-ios-magenta .bar-button-default.bar-button-ios-snapblue,
.toolbar-ios-magenta .bar-button-clear-ios-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-ios-magenta .bar-button-snapblue-ios:hover:not(.disable-hover),
.toolbar-ios-magenta .bar-button-default.bar-button-ios-snapblue:hover:not(.disable-hover),
.toolbar-ios-magenta .bar-button-clear-ios-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-ios-magenta .bar-button-snapblue-ios.activated,
.toolbar-ios-magenta .bar-button-default.bar-button-ios-snapblue.activated,
.toolbar-ios-magenta .bar-button-clear-ios-snapblue.activated {
  opacity: .4;
}

.toolbar-ios-magenta .bar-button-outline-ios-snapblue {
  border-color: #00d8ff;
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-ios-magenta .bar-button-outline-ios-snapblue.activated {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-ios-magenta .bar-button-solid-ios-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-ios-magenta .bar-button-solid-ios-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-ios-magenta .bar-button-snapyellow-ios,
.toolbar-ios-magenta .bar-button-default.bar-button-ios-snapyellow,
.toolbar-ios-magenta .bar-button-clear-ios-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-ios-magenta .bar-button-snapyellow-ios:hover:not(.disable-hover),
.toolbar-ios-magenta .bar-button-default.bar-button-ios-snapyellow:hover:not(.disable-hover),
.toolbar-ios-magenta .bar-button-clear-ios-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-ios-magenta .bar-button-snapyellow-ios.activated,
.toolbar-ios-magenta .bar-button-default.bar-button-ios-snapyellow.activated,
.toolbar-ios-magenta .bar-button-clear-ios-snapyellow.activated {
  opacity: .4;
}

.toolbar-ios-magenta .bar-button-outline-ios-snapyellow {
  border-color: #FFC107;
  color: #FFC107;
  background-color: transparent;
}

.toolbar-ios-magenta .bar-button-outline-ios-snapyellow.activated {
  color: #000;
  background-color: #FFC107;
}

.toolbar-ios-magenta .bar-button-solid-ios-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.toolbar-ios-magenta .bar-button-solid-ios-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-ios-magenta .bar-button-snapgreen-ios,
.toolbar-ios-magenta .bar-button-default.bar-button-ios-snapgreen,
.toolbar-ios-magenta .bar-button-clear-ios-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-ios-magenta .bar-button-snapgreen-ios:hover:not(.disable-hover),
.toolbar-ios-magenta .bar-button-default.bar-button-ios-snapgreen:hover:not(.disable-hover),
.toolbar-ios-magenta .bar-button-clear-ios-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-ios-magenta .bar-button-snapgreen-ios.activated,
.toolbar-ios-magenta .bar-button-default.bar-button-ios-snapgreen.activated,
.toolbar-ios-magenta .bar-button-clear-ios-snapgreen.activated {
  opacity: .4;
}

.toolbar-ios-magenta .bar-button-outline-ios-snapgreen {
  border-color: #4CAF50;
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-ios-magenta .bar-button-outline-ios-snapgreen.activated {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-ios-magenta .bar-button-solid-ios-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-ios-magenta .bar-button-solid-ios-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-ios-magenta .bar-button-snapindigo-ios,
.toolbar-ios-magenta .bar-button-default.bar-button-ios-snapindigo,
.toolbar-ios-magenta .bar-button-clear-ios-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-ios-magenta .bar-button-snapindigo-ios:hover:not(.disable-hover),
.toolbar-ios-magenta .bar-button-default.bar-button-ios-snapindigo:hover:not(.disable-hover),
.toolbar-ios-magenta .bar-button-clear-ios-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-ios-magenta .bar-button-snapindigo-ios.activated,
.toolbar-ios-magenta .bar-button-default.bar-button-ios-snapindigo.activated,
.toolbar-ios-magenta .bar-button-clear-ios-snapindigo.activated {
  opacity: .4;
}

.toolbar-ios-magenta .bar-button-outline-ios-snapindigo {
  border-color: #3F51B5;
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-ios-magenta .bar-button-outline-ios-snapindigo.activated {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-ios-magenta .bar-button-solid-ios-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-ios-magenta .bar-button-solid-ios-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-ios-magenta .bar-button-backgroundgrey-ios,
.toolbar-ios-magenta .bar-button-default.bar-button-ios-backgroundgrey,
.toolbar-ios-magenta .bar-button-clear-ios-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-ios-magenta .bar-button-backgroundgrey-ios:hover:not(.disable-hover),
.toolbar-ios-magenta .bar-button-default.bar-button-ios-backgroundgrey:hover:not(.disable-hover),
.toolbar-ios-magenta .bar-button-clear-ios-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-ios-magenta .bar-button-backgroundgrey-ios.activated,
.toolbar-ios-magenta .bar-button-default.bar-button-ios-backgroundgrey.activated,
.toolbar-ios-magenta .bar-button-clear-ios-backgroundgrey.activated {
  opacity: .4;
}

.toolbar-ios-magenta .bar-button-outline-ios-backgroundgrey {
  border-color: #EEEEEE;
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-ios-magenta .bar-button-outline-ios-backgroundgrey.activated {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-ios-magenta .bar-button-solid-ios-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-ios-magenta .bar-button-solid-ios-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-ios-magenta .bar-button-whitecolor-ios,
.toolbar-ios-magenta .bar-button-default.bar-button-ios-whitecolor,
.toolbar-ios-magenta .bar-button-clear-ios-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-magenta .bar-button-whitecolor-ios:hover:not(.disable-hover),
.toolbar-ios-magenta .bar-button-default.bar-button-ios-whitecolor:hover:not(.disable-hover),
.toolbar-ios-magenta .bar-button-clear-ios-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-magenta .bar-button-whitecolor-ios.activated,
.toolbar-ios-magenta .bar-button-default.bar-button-ios-whitecolor.activated,
.toolbar-ios-magenta .bar-button-clear-ios-whitecolor.activated {
  opacity: .4;
}

.toolbar-ios-magenta .bar-button-outline-ios-whitecolor {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-magenta .bar-button-outline-ios-whitecolor.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-magenta .bar-button-solid-ios-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-magenta .bar-button-solid-ios-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-magenta .bar-button-grey-ios,
.toolbar-ios-magenta .bar-button-default.bar-button-ios-grey,
.toolbar-ios-magenta .bar-button-clear-ios-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-ios-magenta .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-magenta .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-magenta .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-ios-magenta .bar-button-grey-ios.activated,
.toolbar-ios-magenta .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-magenta .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-magenta .bar-button-outline-ios-grey {
  border-color: #828082;
  color: #828082;
  background-color: transparent;
}

.toolbar-ios-magenta .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #828082;
}

.toolbar-ios-magenta .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-ios-magenta .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-ios-magenta .bar-button-blackcolor-ios,
.toolbar-ios-magenta .bar-button-default.bar-button-ios-blackcolor,
.toolbar-ios-magenta .bar-button-clear-ios-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-ios-magenta .bar-button-blackcolor-ios:hover:not(.disable-hover),
.toolbar-ios-magenta .bar-button-default.bar-button-ios-blackcolor:hover:not(.disable-hover),
.toolbar-ios-magenta .bar-button-clear-ios-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-ios-magenta .bar-button-blackcolor-ios.activated,
.toolbar-ios-magenta .bar-button-default.bar-button-ios-blackcolor.activated,
.toolbar-ios-magenta .bar-button-clear-ios-blackcolor.activated {
  opacity: .4;
}

.toolbar-ios-magenta .bar-button-outline-ios-blackcolor {
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.toolbar-ios-magenta .bar-button-outline-ios-blackcolor.activated {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-magenta .bar-button-solid-ios-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-ios-magenta .bar-button-solid-ios-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-magenta .bar-button-mildred-ios,
.toolbar-ios-magenta .bar-button-default.bar-button-ios-mildred,
.toolbar-ios-magenta .bar-button-clear-ios-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-ios-magenta .bar-button-mildred-ios:hover:not(.disable-hover),
.toolbar-ios-magenta .bar-button-default.bar-button-ios-mildred:hover:not(.disable-hover),
.toolbar-ios-magenta .bar-button-clear-ios-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-ios-magenta .bar-button-mildred-ios.activated,
.toolbar-ios-magenta .bar-button-default.bar-button-ios-mildred.activated,
.toolbar-ios-magenta .bar-button-clear-ios-mildred.activated {
  opacity: .4;
}

.toolbar-ios-magenta .bar-button-outline-ios-mildred {
  border-color: #FF0266;
  color: #FF0266;
  background-color: transparent;
}

.toolbar-ios-magenta .bar-button-outline-ios-mildred.activated {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-ios-magenta .bar-button-solid-ios-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-ios-magenta .bar-button-solid-ios-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-ios-magenta .bar-button-mildgreen-ios,
.toolbar-ios-magenta .bar-button-default.bar-button-ios-mildgreen,
.toolbar-ios-magenta .bar-button-clear-ios-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-ios-magenta .bar-button-mildgreen-ios:hover:not(.disable-hover),
.toolbar-ios-magenta .bar-button-default.bar-button-ios-mildgreen:hover:not(.disable-hover),
.toolbar-ios-magenta .bar-button-clear-ios-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-ios-magenta .bar-button-mildgreen-ios.activated,
.toolbar-ios-magenta .bar-button-default.bar-button-ios-mildgreen.activated,
.toolbar-ios-magenta .bar-button-clear-ios-mildgreen.activated {
  opacity: .4;
}

.toolbar-ios-magenta .bar-button-outline-ios-mildgreen {
  border-color: #69F0AE;
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-ios-magenta .bar-button-outline-ios-mildgreen.activated {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-ios-magenta .bar-button-solid-ios-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-ios-magenta .bar-button-solid-ios-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-ios-magenta .bar-button-sidebar-ios,
.toolbar-ios-magenta .bar-button-default.bar-button-ios-sidebar,
.toolbar-ios-magenta .bar-button-clear-ios-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-ios-magenta .bar-button-sidebar-ios:hover:not(.disable-hover),
.toolbar-ios-magenta .bar-button-default.bar-button-ios-sidebar:hover:not(.disable-hover),
.toolbar-ios-magenta .bar-button-clear-ios-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-ios-magenta .bar-button-sidebar-ios.activated,
.toolbar-ios-magenta .bar-button-default.bar-button-ios-sidebar.activated,
.toolbar-ios-magenta .bar-button-clear-ios-sidebar.activated {
  opacity: .4;
}

.toolbar-ios-magenta .bar-button-outline-ios-sidebar {
  border-color: #0000ffc0;
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-ios-magenta .bar-button-outline-ios-sidebar.activated {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-ios-magenta .bar-button-solid-ios-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-ios-magenta .bar-button-solid-ios-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-ios-magenta .bar-button-white-ios,
.toolbar-ios-magenta .bar-button-default.bar-button-ios-white,
.toolbar-ios-magenta .bar-button-clear-ios-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-magenta .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-magenta .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-magenta .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-ios-magenta .bar-button-white-ios.activated,
.toolbar-ios-magenta .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-magenta .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-magenta .bar-button-outline-ios-white {
  border-color: #ffffff;
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-magenta .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-magenta .bar-button-solid-ios-white {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-magenta .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-magenta .bar-button-magenta-ios,
.toolbar-ios-magenta .bar-button-default.bar-button-ios-magenta,
.toolbar-ios-magenta .bar-button-clear-ios-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-ios-magenta .bar-button-magenta-ios:hover:not(.disable-hover),
.toolbar-ios-magenta .bar-button-default.bar-button-ios-magenta:hover:not(.disable-hover),
.toolbar-ios-magenta .bar-button-clear-ios-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-ios-magenta .bar-button-magenta-ios.activated,
.toolbar-ios-magenta .bar-button-default.bar-button-ios-magenta.activated,
.toolbar-ios-magenta .bar-button-clear-ios-magenta.activated {
  opacity: .4;
}

.toolbar-ios-magenta .bar-button-outline-ios-magenta {
  border-color: #c404c4;
  color: #c404c4;
  background-color: transparent;
}

.toolbar-ios-magenta .bar-button-outline-ios-magenta.activated {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-ios-magenta .bar-button-solid-ios-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-ios-magenta .bar-button-solid-ios-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-magenta-ios,
.bar-button-default.bar-button-ios-magenta,
.bar-button-clear-ios-magenta {
  color: #c404c4;
  background-color: transparent;
}

.bar-button-magenta-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-magenta:hover:not(.disable-hover),
.bar-button-clear-ios-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.bar-button-magenta-ios.activated,
.bar-button-default.bar-button-ios-magenta.activated,
.bar-button-clear-ios-magenta.activated {
  opacity: .4;
}

.bar-button-outline-ios-magenta {
  border-color: #c404c4;
  color: #c404c4;
  background-color: transparent;
}

.bar-button-outline-ios-magenta.activated {
  color: #fff;
  background-color: #c404c4;
}

.bar-button-solid-ios-magenta {
  color: #fff;
  background-color: #c404c4;
}

.bar-button-solid-ios-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-strong-ios {
  font-weight: 600;
}

.toolbar-md {
  padding: 4px;
  min-height: 56px;
}

.toolbar-background-md {
  border-color: #b2b2b2;
  background: #f8f8f8;
}

.header-md::after,
.tabs-md[tabsPlacement="top"] > .tabbar::after,
.footer-md::before,
.tabs-md[tabsPlacement="bottom"] > .tabbar::before {
  left: 0;
  bottom: -5px;
  background-position: left 0 top -2px;
  position: absolute;
  width: 100%;
  height: 5px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAHBAMAAADzDtBxAAAAD1BMVEUAAAAAAAAAAAAAAAAAAABPDueNAAAABXRSTlMUCS0gBIh/TXEAAAAaSURBVAjXYxCEAgY4UIICBmMogMsgFLtAAQCNSwXZKOdPxgAAAABJRU5ErkJggg==);
  background-repeat: repeat-x;
  content: "";
}

.footer-md::before,
.tabs-md[tabsPlacement="bottom"] > .tabbar::before {
  top: -2px;
  bottom: auto;
  background-position: left 0 top 0;
  height: 2px;
}

.header-md[no-border]::after,
.footer-md[no-border]::before,
.tabs-md[tabsPlacement="top"][no-border] > .tabbar::after,
.tabs-md[tabsPlacement="bottom"][no-border] > .tabbar::before {
  display: none;
}

.toolbar-content-md {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
  min-width: 0;
  max-width: 100%;
}

.toolbar-title-md {
  padding: 0 12px;
  font-size: 2rem;
  font-weight: 500;
  color: #424242;
}

.bar-buttons-md {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
  -ms-flex-order: 4;
  order: 4;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.bar-buttons-md[left] {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}

.bar-button-md:first-child {
  margin-left: 0;
}

.bar-buttons-md[end] {
  text-align: right;
  text-align: end;
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
  -ms-flex-order: 5;
  order: 5;
}

.bar-buttons-md[right] {
  text-align: right;
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
  -ms-flex-order: 6;
  order: 6;
}

.bar-button-md {
  margin: 0 0.2rem;
  padding: 0 5px;
  border-radius: 2px;
  height: 32px;
  border: 0;
  font-size: 1.4rem;
  font-weight: 500;
  text-transform: uppercase;
}

.bar-button-solid-md,
.bar-button-outline-md {
  overflow: hidden;
}

.bar-button-outline-md {
  border-width: 1px;
  border-style: solid;
  border-color: #424242;
  color: #424242;
  background-color: transparent;
}

.bar-button-outline-md:hover:not(.disable-hover) {
  opacity: .4;
}

.bar-button-outline-md.activated {
  background-color: transparent;
}

.bar-button-outline-md .button-effect {
  background-color: #424242;
}

.bar-button-solid-md {
  color: #fff;
  background-color: #424242;
}

.bar-button-solid-md:hover:not(.disable-hover) {
  color: #fff;
}

.bar-button-solid-md.activated {
  color: #fff;
  background-color: #515151;
}

.bar-button-md.bar-button-icon-start ion-icon {
  padding-right: 0.3em;
  font-size: 1.4em;
  line-height: .67;
  pointer-events: none;
}

.bar-button-md.bar-button-icon-end ion-icon {
  padding-left: 0.4em;
  font-size: 1.4em;
  line-height: .67;
  pointer-events: none;
}

.bar-button-md[icon-only] {
  padding: 0;
}

.bar-button-md[icon-only] ion-icon {
  padding: 0 0.1em;
  min-width: 28px;
  font-size: 1.8em;
  line-height: .67;
  pointer-events: none;
}

.back-button-md {
  margin: 0 6px;
  min-width: 44px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.back-button-icon-md {
  margin: 0;
  padding: 0 6px;
  text-align: left;
  text-align: start;
  font-size: 2.4rem;
  font-weight: normal;
}

.bar-button-menutoggle-md {
  margin: 0 6px;
  padding: 0 2px;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  min-width: 44px;
}

.bar-button-menutoggle-md ion-icon {
  padding: 0 6px;
  font-size: 2.4rem;
}

.bar-button-menutoggle-md[end],
.bar-button-menutoggle-md[right] {
  margin: 0 2px;
  -webkit-box-ordinal-group: 8;
  -webkit-order: 7;
  -ms-flex-order: 7;
  order: 7;
  min-width: 28px;
}

.bar-button-default-md,
.bar-button-clear-md-default,
.bar-button-md-default {
  color: #424242;
  background-color: transparent;
}

.bar-button-default-md:hover:not(.disable-hover),
.bar-button-clear-md-default:hover:not(.disable-hover),
.bar-button-md-default:hover:not(.disable-hover) {
  color: #424242;
}

.bar-button-clear-md,
.bar-button-clear-md-clear,
.bar-button-md-clear {
  color: #424242;
  background-color: transparent;
}

.bar-button-clear-md:hover:not(.disable-hover),
.bar-button-clear-md-clear:hover:not(.disable-hover),
.bar-button-md-clear:hover:not(.disable-hover) {
  color: #424242;
}

.toolbar-md-primary .toolbar-background-md {
  background: #0099ff;
}

.toolbar-md-primary .bar-button-clear-md,
.toolbar-md-primary .bar-button-default-md,
.toolbar-md-primary .bar-button-outline-md,
.toolbar-md-primary .toolbar-title-md {
  color: #fff;
}

.toolbar-md-primary .bar-button-clear-md .button-effect,
.toolbar-md-primary .bar-button-default-md .button-effect,
.toolbar-md-primary .bar-button-outline-md .button-effect {
  background-color: #fff;
}

.toolbar-md-primary .bar-button-outline-md {
  border-color: #fff;
}

.toolbar-md-primary .bar-button-primary-md,
.toolbar-md-primary .bar-button-clear-md-primary,
.toolbar-md-primary .bar-button-md-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-md-primary .bar-button-outline-md-primary {
  border-color: #14a1ff;
  color: #14a1ff;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-primary .button-effect {
  background-color: #14a1ff;
}

.toolbar-md-primary .bar-button-solid-md-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-md-primary .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-md-primary .bar-button-secondary-md,
.toolbar-md-primary .bar-button-clear-md-secondary,
.toolbar-md-primary .bar-button-md-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-md-primary .bar-button-outline-md-secondary {
  border-color: #46b988;
  color: #46b988;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-secondary .button-effect {
  background-color: #46b988;
}

.toolbar-md-primary .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-md-primary .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-md-primary .bar-button-danger-md,
.toolbar-md-primary .bar-button-clear-md-danger,
.toolbar-md-primary .bar-button-md-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-md-primary .bar-button-outline-md-danger {
  border-color: #eb4f2c;
  color: #eb4f2c;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-danger .button-effect {
  background-color: #eb4f2c;
}

.toolbar-md-primary .bar-button-solid-md-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-md-primary .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-md-primary .bar-button-light-md,
.toolbar-md-primary .bar-button-clear-md-light,
.toolbar-md-primary .bar-button-md-light {
  color: #000;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-primary .bar-button-outline-md-light {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-light .button-effect {
  background-color: #141414;
}

.toolbar-md-primary .bar-button-solid-md-light {
  color: #fff;
  background-color: #000;
}

.toolbar-md-primary .bar-button-solid-md-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-primary .bar-button-dark-md,
.toolbar-md-primary .bar-button-clear-md-dark,
.toolbar-md-primary .bar-button-md-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-md-primary .bar-button-outline-md-dark {
  border-color: #2a3c5b;
  color: #2a3c5b;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-dark .button-effect {
  background-color: #2a3c5b;
}

.toolbar-md-primary .bar-button-solid-md-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-md-primary .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-md-primary .bar-button-snappink-md,
.toolbar-md-primary .bar-button-clear-md-snappink,
.toolbar-md-primary .bar-button-md-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-snappink-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-snappink:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-md-primary .bar-button-outline-md-snappink {
  border-color: #327cdd;
  color: #327cdd;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-snappink.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-snappink .button-effect {
  background-color: #327cdd;
}

.toolbar-md-primary .bar-button-solid-md-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-md-primary .bar-button-solid-md-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-md-primary .bar-button-snapblue-md,
.toolbar-md-primary .bar-button-clear-md-snapblue,
.toolbar-md-primary .bar-button-md-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-snapblue-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-snapblue:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-md-primary .bar-button-outline-md-snapblue {
  border-color: #14dbff;
  color: #14dbff;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-snapblue.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-snapblue .button-effect {
  background-color: #14dbff;
}

.toolbar-md-primary .bar-button-solid-md-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-md-primary .bar-button-solid-md-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-md-primary .bar-button-snapyellow-md,
.toolbar-md-primary .bar-button-clear-md-snapyellow,
.toolbar-md-primary .bar-button-md-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-snapyellow-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-snapyellow:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-md-primary .bar-button-outline-md-snapyellow {
  border-color: #ebb206;
  color: #ebb206;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-snapyellow.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-snapyellow .button-effect {
  background-color: #ebb206;
}

.toolbar-md-primary .bar-button-solid-md-snapyellow {
  color: #424242;
  background-color: #FFC107;
}

.toolbar-md-primary .bar-button-solid-md-snapyellow.activated {
  color: #424242;
  background-color: #ebb206;
}

.toolbar-md-primary .bar-button-snapgreen-md,
.toolbar-md-primary .bar-button-clear-md-snapgreen,
.toolbar-md-primary .bar-button-md-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-snapgreen-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-snapgreen:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-md-primary .bar-button-outline-md-snapgreen {
  border-color: #5ab55e;
  color: #5ab55e;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-snapgreen.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-snapgreen .button-effect {
  background-color: #5ab55e;
}

.toolbar-md-primary .bar-button-solid-md-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-md-primary .bar-button-solid-md-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-md-primary .bar-button-snapindigo-md,
.toolbar-md-primary .bar-button-clear-md-snapindigo,
.toolbar-md-primary .bar-button-md-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-snapindigo-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-snapindigo:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-md-primary .bar-button-outline-md-snapindigo {
  border-color: #4e5fbb;
  color: #4e5fbb;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-snapindigo.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-snapindigo .button-effect {
  background-color: #4e5fbb;
}

.toolbar-md-primary .bar-button-solid-md-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-md-primary .bar-button-solid-md-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-md-primary .bar-button-backgroundgrey-md,
.toolbar-md-primary .bar-button-clear-md-backgroundgrey,
.toolbar-md-primary .bar-button-md-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-backgroundgrey-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-backgroundgrey:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-md-primary .bar-button-outline-md-backgroundgrey {
  border-color: #dbdbdb;
  color: #dbdbdb;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-backgroundgrey.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-backgroundgrey .button-effect {
  background-color: #dbdbdb;
}

.toolbar-md-primary .bar-button-solid-md-backgroundgrey {
  color: #424242;
  background-color: #EEEEEE;
}

.toolbar-md-primary .bar-button-solid-md-backgroundgrey.activated {
  color: #424242;
  background-color: #dbdbdb;
}

.toolbar-md-primary .bar-button-whitecolor-md,
.toolbar-md-primary .bar-button-clear-md-whitecolor,
.toolbar-md-primary .bar-button-md-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-whitecolor-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-whitecolor:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-primary .bar-button-outline-md-whitecolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-whitecolor.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-whitecolor .button-effect {
  background-color: #141414;
}

.toolbar-md-primary .bar-button-solid-md-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-md-primary .bar-button-solid-md-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-primary .bar-button-grey-md,
.toolbar-md-primary .bar-button-clear-md-grey,
.toolbar-md-primary .bar-button-md-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-md-primary .bar-button-outline-md-grey {
  border-color: #787678;
  color: #787678;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-grey .button-effect {
  background-color: #787678;
}

.toolbar-md-primary .bar-button-solid-md-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-md-primary .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-md-primary .bar-button-blackcolor-md,
.toolbar-md-primary .bar-button-clear-md-blackcolor,
.toolbar-md-primary .bar-button-md-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-blackcolor-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-blackcolor:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-primary .bar-button-outline-md-blackcolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-blackcolor.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-blackcolor .button-effect {
  background-color: #141414;
}

.toolbar-md-primary .bar-button-solid-md-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-md-primary .bar-button-solid-md-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-primary .bar-button-mildred-md,
.toolbar-md-primary .bar-button-clear-md-mildred,
.toolbar-md-primary .bar-button-md-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-mildred-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-mildred:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-md-primary .bar-button-outline-md-mildred {
  border-color: #eb025e;
  color: #eb025e;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-mildred.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-mildred .button-effect {
  background-color: #eb025e;
}

.toolbar-md-primary .bar-button-solid-md-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-md-primary .bar-button-solid-md-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-md-primary .bar-button-mildgreen-md,
.toolbar-md-primary .bar-button-clear-md-mildgreen,
.toolbar-md-primary .bar-button-md-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-mildgreen-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-mildgreen:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-md-primary .bar-button-outline-md-mildgreen {
  border-color: #61dda0;
  color: #61dda0;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-mildgreen.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-mildgreen .button-effect {
  background-color: #61dda0;
}

.toolbar-md-primary .bar-button-solid-md-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-md-primary .bar-button-solid-md-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-md-primary .bar-button-sidebar-md,
.toolbar-md-primary .bar-button-clear-md-sidebar,
.toolbar-md-primary .bar-button-md-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-sidebar-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-sidebar:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-md-primary .bar-button-outline-md-sidebar {
  border-color: rgba(32, 32, 255, 0.772706);
  color: rgba(32, 32, 255, 0.772706);
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-sidebar.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-sidebar .button-effect {
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-md-primary .bar-button-solid-md-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-md-primary .bar-button-solid-md-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-md-primary .bar-button-white-md,
.toolbar-md-primary .bar-button-clear-md-white,
.toolbar-md-primary .bar-button-md-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-md-primary .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-primary .bar-button-solid-md-white {
  color: #424242;
  background-color: #ffffff;
}

.toolbar-md-primary .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-primary .bar-button-magenta-md,
.toolbar-md-primary .bar-button-clear-md-magenta,
.toolbar-md-primary .bar-button-md-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-magenta-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-magenta:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-md-primary .bar-button-outline-md-magenta {
  border-color: #c918c9;
  color: #c918c9;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-magenta.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-magenta .button-effect {
  background-color: #c918c9;
}

.toolbar-md-primary .bar-button-solid-md-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-md-primary .bar-button-solid-md-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-primary-md,
.bar-button-clear-md-primary,
.bar-button-md-primary {
  color: #0099ff;
  background-color: transparent;
}

.bar-button-primary-md:hover:not(.disable-hover),
.bar-button-clear-md-primary:hover:not(.disable-hover),
.bar-button-md-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.bar-button-outline-md-primary {
  border-color: #14a1ff;
  color: #14a1ff;
  background-color: transparent;
}

.bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.bar-button-outline-md-primary .button-effect {
  background-color: #14a1ff;
}

.bar-button-solid-md-primary {
  color: #fff;
  background-color: #0099ff;
}

.bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-md-secondary .toolbar-background-md {
  background: #36B37E;
}

.toolbar-md-secondary .bar-button-clear-md,
.toolbar-md-secondary .bar-button-default-md,
.toolbar-md-secondary .bar-button-outline-md,
.toolbar-md-secondary .toolbar-title-md {
  color: #fff;
}

.toolbar-md-secondary .bar-button-clear-md .button-effect,
.toolbar-md-secondary .bar-button-default-md .button-effect,
.toolbar-md-secondary .bar-button-outline-md .button-effect {
  background-color: #fff;
}

.toolbar-md-secondary .bar-button-outline-md {
  border-color: #fff;
}

.toolbar-md-secondary .bar-button-primary-md,
.toolbar-md-secondary .bar-button-clear-md-primary,
.toolbar-md-secondary .bar-button-md-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-md-secondary .bar-button-outline-md-primary {
  border-color: #14a1ff;
  color: #14a1ff;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-primary .button-effect {
  background-color: #14a1ff;
}

.toolbar-md-secondary .bar-button-solid-md-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-md-secondary .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-md-secondary .bar-button-secondary-md,
.toolbar-md-secondary .bar-button-clear-md-secondary,
.toolbar-md-secondary .bar-button-md-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-md-secondary .bar-button-outline-md-secondary {
  border-color: #46b988;
  color: #46b988;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-secondary .button-effect {
  background-color: #46b988;
}

.toolbar-md-secondary .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-md-secondary .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-md-secondary .bar-button-danger-md,
.toolbar-md-secondary .bar-button-clear-md-danger,
.toolbar-md-secondary .bar-button-md-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-md-secondary .bar-button-outline-md-danger {
  border-color: #eb4f2c;
  color: #eb4f2c;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-danger .button-effect {
  background-color: #eb4f2c;
}

.toolbar-md-secondary .bar-button-solid-md-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-md-secondary .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-md-secondary .bar-button-light-md,
.toolbar-md-secondary .bar-button-clear-md-light,
.toolbar-md-secondary .bar-button-md-light {
  color: #000;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-secondary .bar-button-outline-md-light {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-light .button-effect {
  background-color: #141414;
}

.toolbar-md-secondary .bar-button-solid-md-light {
  color: #fff;
  background-color: #000;
}

.toolbar-md-secondary .bar-button-solid-md-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-secondary .bar-button-dark-md,
.toolbar-md-secondary .bar-button-clear-md-dark,
.toolbar-md-secondary .bar-button-md-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-md-secondary .bar-button-outline-md-dark {
  border-color: #2a3c5b;
  color: #2a3c5b;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-dark .button-effect {
  background-color: #2a3c5b;
}

.toolbar-md-secondary .bar-button-solid-md-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-md-secondary .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-md-secondary .bar-button-snappink-md,
.toolbar-md-secondary .bar-button-clear-md-snappink,
.toolbar-md-secondary .bar-button-md-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-snappink-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-snappink:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-md-secondary .bar-button-outline-md-snappink {
  border-color: #327cdd;
  color: #327cdd;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-snappink.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-snappink .button-effect {
  background-color: #327cdd;
}

.toolbar-md-secondary .bar-button-solid-md-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-md-secondary .bar-button-solid-md-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-md-secondary .bar-button-snapblue-md,
.toolbar-md-secondary .bar-button-clear-md-snapblue,
.toolbar-md-secondary .bar-button-md-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-snapblue-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-snapblue:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-md-secondary .bar-button-outline-md-snapblue {
  border-color: #14dbff;
  color: #14dbff;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-snapblue.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-snapblue .button-effect {
  background-color: #14dbff;
}

.toolbar-md-secondary .bar-button-solid-md-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-md-secondary .bar-button-solid-md-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-md-secondary .bar-button-snapyellow-md,
.toolbar-md-secondary .bar-button-clear-md-snapyellow,
.toolbar-md-secondary .bar-button-md-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-snapyellow-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-snapyellow:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-md-secondary .bar-button-outline-md-snapyellow {
  border-color: #ebb206;
  color: #ebb206;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-snapyellow.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-snapyellow .button-effect {
  background-color: #ebb206;
}

.toolbar-md-secondary .bar-button-solid-md-snapyellow {
  color: #424242;
  background-color: #FFC107;
}

.toolbar-md-secondary .bar-button-solid-md-snapyellow.activated {
  color: #424242;
  background-color: #ebb206;
}

.toolbar-md-secondary .bar-button-snapgreen-md,
.toolbar-md-secondary .bar-button-clear-md-snapgreen,
.toolbar-md-secondary .bar-button-md-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-snapgreen-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-snapgreen:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-md-secondary .bar-button-outline-md-snapgreen {
  border-color: #5ab55e;
  color: #5ab55e;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-snapgreen.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-snapgreen .button-effect {
  background-color: #5ab55e;
}

.toolbar-md-secondary .bar-button-solid-md-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-md-secondary .bar-button-solid-md-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-md-secondary .bar-button-snapindigo-md,
.toolbar-md-secondary .bar-button-clear-md-snapindigo,
.toolbar-md-secondary .bar-button-md-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-snapindigo-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-snapindigo:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-md-secondary .bar-button-outline-md-snapindigo {
  border-color: #4e5fbb;
  color: #4e5fbb;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-snapindigo.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-snapindigo .button-effect {
  background-color: #4e5fbb;
}

.toolbar-md-secondary .bar-button-solid-md-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-md-secondary .bar-button-solid-md-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-md-secondary .bar-button-backgroundgrey-md,
.toolbar-md-secondary .bar-button-clear-md-backgroundgrey,
.toolbar-md-secondary .bar-button-md-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-backgroundgrey-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-backgroundgrey:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-md-secondary .bar-button-outline-md-backgroundgrey {
  border-color: #dbdbdb;
  color: #dbdbdb;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-backgroundgrey.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-backgroundgrey .button-effect {
  background-color: #dbdbdb;
}

.toolbar-md-secondary .bar-button-solid-md-backgroundgrey {
  color: #424242;
  background-color: #EEEEEE;
}

.toolbar-md-secondary .bar-button-solid-md-backgroundgrey.activated {
  color: #424242;
  background-color: #dbdbdb;
}

.toolbar-md-secondary .bar-button-whitecolor-md,
.toolbar-md-secondary .bar-button-clear-md-whitecolor,
.toolbar-md-secondary .bar-button-md-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-whitecolor-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-whitecolor:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-secondary .bar-button-outline-md-whitecolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-whitecolor.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-whitecolor .button-effect {
  background-color: #141414;
}

.toolbar-md-secondary .bar-button-solid-md-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-md-secondary .bar-button-solid-md-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-secondary .bar-button-grey-md,
.toolbar-md-secondary .bar-button-clear-md-grey,
.toolbar-md-secondary .bar-button-md-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-md-secondary .bar-button-outline-md-grey {
  border-color: #787678;
  color: #787678;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-grey .button-effect {
  background-color: #787678;
}

.toolbar-md-secondary .bar-button-solid-md-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-md-secondary .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-md-secondary .bar-button-blackcolor-md,
.toolbar-md-secondary .bar-button-clear-md-blackcolor,
.toolbar-md-secondary .bar-button-md-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-blackcolor-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-blackcolor:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-secondary .bar-button-outline-md-blackcolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-blackcolor.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-blackcolor .button-effect {
  background-color: #141414;
}

.toolbar-md-secondary .bar-button-solid-md-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-md-secondary .bar-button-solid-md-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-secondary .bar-button-mildred-md,
.toolbar-md-secondary .bar-button-clear-md-mildred,
.toolbar-md-secondary .bar-button-md-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-mildred-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-mildred:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-md-secondary .bar-button-outline-md-mildred {
  border-color: #eb025e;
  color: #eb025e;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-mildred.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-mildred .button-effect {
  background-color: #eb025e;
}

.toolbar-md-secondary .bar-button-solid-md-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-md-secondary .bar-button-solid-md-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-md-secondary .bar-button-mildgreen-md,
.toolbar-md-secondary .bar-button-clear-md-mildgreen,
.toolbar-md-secondary .bar-button-md-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-mildgreen-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-mildgreen:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-md-secondary .bar-button-outline-md-mildgreen {
  border-color: #61dda0;
  color: #61dda0;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-mildgreen.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-mildgreen .button-effect {
  background-color: #61dda0;
}

.toolbar-md-secondary .bar-button-solid-md-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-md-secondary .bar-button-solid-md-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-md-secondary .bar-button-sidebar-md,
.toolbar-md-secondary .bar-button-clear-md-sidebar,
.toolbar-md-secondary .bar-button-md-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-sidebar-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-sidebar:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-md-secondary .bar-button-outline-md-sidebar {
  border-color: rgba(32, 32, 255, 0.772706);
  color: rgba(32, 32, 255, 0.772706);
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-sidebar.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-sidebar .button-effect {
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-md-secondary .bar-button-solid-md-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-md-secondary .bar-button-solid-md-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-md-secondary .bar-button-white-md,
.toolbar-md-secondary .bar-button-clear-md-white,
.toolbar-md-secondary .bar-button-md-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-md-secondary .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-secondary .bar-button-solid-md-white {
  color: #424242;
  background-color: #ffffff;
}

.toolbar-md-secondary .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-secondary .bar-button-magenta-md,
.toolbar-md-secondary .bar-button-clear-md-magenta,
.toolbar-md-secondary .bar-button-md-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-magenta-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-magenta:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-md-secondary .bar-button-outline-md-magenta {
  border-color: #c918c9;
  color: #c918c9;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-magenta.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-magenta .button-effect {
  background-color: #c918c9;
}

.toolbar-md-secondary .bar-button-solid-md-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-md-secondary .bar-button-solid-md-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-secondary-md,
.bar-button-clear-md-secondary,
.bar-button-md-secondary {
  color: #36B37E;
  background-color: transparent;
}

.bar-button-secondary-md:hover:not(.disable-hover),
.bar-button-clear-md-secondary:hover:not(.disable-hover),
.bar-button-md-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.bar-button-outline-md-secondary {
  border-color: #46b988;
  color: #46b988;
  background-color: transparent;
}

.bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.bar-button-outline-md-secondary .button-effect {
  background-color: #46b988;
}

.bar-button-solid-md-secondary {
  color: #fff;
  background-color: #36B37E;
}

.bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-md-danger .toolbar-background-md {
  background: #FF5630;
}

.toolbar-md-danger .bar-button-clear-md,
.toolbar-md-danger .bar-button-default-md,
.toolbar-md-danger .bar-button-outline-md,
.toolbar-md-danger .toolbar-title-md {
  color: #fff;
}

.toolbar-md-danger .bar-button-clear-md .button-effect,
.toolbar-md-danger .bar-button-default-md .button-effect,
.toolbar-md-danger .bar-button-outline-md .button-effect {
  background-color: #fff;
}

.toolbar-md-danger .bar-button-outline-md {
  border-color: #fff;
}

.toolbar-md-danger .bar-button-primary-md,
.toolbar-md-danger .bar-button-clear-md-primary,
.toolbar-md-danger .bar-button-md-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-md-danger .bar-button-outline-md-primary {
  border-color: #14a1ff;
  color: #14a1ff;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-primary .button-effect {
  background-color: #14a1ff;
}

.toolbar-md-danger .bar-button-solid-md-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-md-danger .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-md-danger .bar-button-secondary-md,
.toolbar-md-danger .bar-button-clear-md-secondary,
.toolbar-md-danger .bar-button-md-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-md-danger .bar-button-outline-md-secondary {
  border-color: #46b988;
  color: #46b988;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-secondary .button-effect {
  background-color: #46b988;
}

.toolbar-md-danger .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-md-danger .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-md-danger .bar-button-danger-md,
.toolbar-md-danger .bar-button-clear-md-danger,
.toolbar-md-danger .bar-button-md-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-md-danger .bar-button-outline-md-danger {
  border-color: #eb4f2c;
  color: #eb4f2c;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-danger .button-effect {
  background-color: #eb4f2c;
}

.toolbar-md-danger .bar-button-solid-md-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-md-danger .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-md-danger .bar-button-light-md,
.toolbar-md-danger .bar-button-clear-md-light,
.toolbar-md-danger .bar-button-md-light {
  color: #000;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-danger .bar-button-outline-md-light {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-light .button-effect {
  background-color: #141414;
}

.toolbar-md-danger .bar-button-solid-md-light {
  color: #fff;
  background-color: #000;
}

.toolbar-md-danger .bar-button-solid-md-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-danger .bar-button-dark-md,
.toolbar-md-danger .bar-button-clear-md-dark,
.toolbar-md-danger .bar-button-md-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-md-danger .bar-button-outline-md-dark {
  border-color: #2a3c5b;
  color: #2a3c5b;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-dark .button-effect {
  background-color: #2a3c5b;
}

.toolbar-md-danger .bar-button-solid-md-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-md-danger .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-md-danger .bar-button-snappink-md,
.toolbar-md-danger .bar-button-clear-md-snappink,
.toolbar-md-danger .bar-button-md-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-snappink-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-snappink:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-md-danger .bar-button-outline-md-snappink {
  border-color: #327cdd;
  color: #327cdd;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-snappink.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-snappink .button-effect {
  background-color: #327cdd;
}

.toolbar-md-danger .bar-button-solid-md-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-md-danger .bar-button-solid-md-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-md-danger .bar-button-snapblue-md,
.toolbar-md-danger .bar-button-clear-md-snapblue,
.toolbar-md-danger .bar-button-md-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-snapblue-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-snapblue:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-md-danger .bar-button-outline-md-snapblue {
  border-color: #14dbff;
  color: #14dbff;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-snapblue.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-snapblue .button-effect {
  background-color: #14dbff;
}

.toolbar-md-danger .bar-button-solid-md-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-md-danger .bar-button-solid-md-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-md-danger .bar-button-snapyellow-md,
.toolbar-md-danger .bar-button-clear-md-snapyellow,
.toolbar-md-danger .bar-button-md-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-snapyellow-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-snapyellow:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-md-danger .bar-button-outline-md-snapyellow {
  border-color: #ebb206;
  color: #ebb206;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-snapyellow.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-snapyellow .button-effect {
  background-color: #ebb206;
}

.toolbar-md-danger .bar-button-solid-md-snapyellow {
  color: #424242;
  background-color: #FFC107;
}

.toolbar-md-danger .bar-button-solid-md-snapyellow.activated {
  color: #424242;
  background-color: #ebb206;
}

.toolbar-md-danger .bar-button-snapgreen-md,
.toolbar-md-danger .bar-button-clear-md-snapgreen,
.toolbar-md-danger .bar-button-md-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-snapgreen-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-snapgreen:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-md-danger .bar-button-outline-md-snapgreen {
  border-color: #5ab55e;
  color: #5ab55e;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-snapgreen.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-snapgreen .button-effect {
  background-color: #5ab55e;
}

.toolbar-md-danger .bar-button-solid-md-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-md-danger .bar-button-solid-md-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-md-danger .bar-button-snapindigo-md,
.toolbar-md-danger .bar-button-clear-md-snapindigo,
.toolbar-md-danger .bar-button-md-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-snapindigo-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-snapindigo:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-md-danger .bar-button-outline-md-snapindigo {
  border-color: #4e5fbb;
  color: #4e5fbb;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-snapindigo.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-snapindigo .button-effect {
  background-color: #4e5fbb;
}

.toolbar-md-danger .bar-button-solid-md-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-md-danger .bar-button-solid-md-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-md-danger .bar-button-backgroundgrey-md,
.toolbar-md-danger .bar-button-clear-md-backgroundgrey,
.toolbar-md-danger .bar-button-md-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-backgroundgrey-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-backgroundgrey:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-md-danger .bar-button-outline-md-backgroundgrey {
  border-color: #dbdbdb;
  color: #dbdbdb;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-backgroundgrey.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-backgroundgrey .button-effect {
  background-color: #dbdbdb;
}

.toolbar-md-danger .bar-button-solid-md-backgroundgrey {
  color: #424242;
  background-color: #EEEEEE;
}

.toolbar-md-danger .bar-button-solid-md-backgroundgrey.activated {
  color: #424242;
  background-color: #dbdbdb;
}

.toolbar-md-danger .bar-button-whitecolor-md,
.toolbar-md-danger .bar-button-clear-md-whitecolor,
.toolbar-md-danger .bar-button-md-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-whitecolor-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-whitecolor:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-danger .bar-button-outline-md-whitecolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-whitecolor.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-whitecolor .button-effect {
  background-color: #141414;
}

.toolbar-md-danger .bar-button-solid-md-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-md-danger .bar-button-solid-md-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-danger .bar-button-grey-md,
.toolbar-md-danger .bar-button-clear-md-grey,
.toolbar-md-danger .bar-button-md-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-md-danger .bar-button-outline-md-grey {
  border-color: #787678;
  color: #787678;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-grey .button-effect {
  background-color: #787678;
}

.toolbar-md-danger .bar-button-solid-md-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-md-danger .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-md-danger .bar-button-blackcolor-md,
.toolbar-md-danger .bar-button-clear-md-blackcolor,
.toolbar-md-danger .bar-button-md-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-blackcolor-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-blackcolor:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-danger .bar-button-outline-md-blackcolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-blackcolor.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-blackcolor .button-effect {
  background-color: #141414;
}

.toolbar-md-danger .bar-button-solid-md-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-md-danger .bar-button-solid-md-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-danger .bar-button-mildred-md,
.toolbar-md-danger .bar-button-clear-md-mildred,
.toolbar-md-danger .bar-button-md-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-mildred-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-mildred:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-md-danger .bar-button-outline-md-mildred {
  border-color: #eb025e;
  color: #eb025e;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-mildred.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-mildred .button-effect {
  background-color: #eb025e;
}

.toolbar-md-danger .bar-button-solid-md-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-md-danger .bar-button-solid-md-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-md-danger .bar-button-mildgreen-md,
.toolbar-md-danger .bar-button-clear-md-mildgreen,
.toolbar-md-danger .bar-button-md-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-mildgreen-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-mildgreen:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-md-danger .bar-button-outline-md-mildgreen {
  border-color: #61dda0;
  color: #61dda0;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-mildgreen.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-mildgreen .button-effect {
  background-color: #61dda0;
}

.toolbar-md-danger .bar-button-solid-md-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-md-danger .bar-button-solid-md-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-md-danger .bar-button-sidebar-md,
.toolbar-md-danger .bar-button-clear-md-sidebar,
.toolbar-md-danger .bar-button-md-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-sidebar-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-sidebar:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-md-danger .bar-button-outline-md-sidebar {
  border-color: rgba(32, 32, 255, 0.772706);
  color: rgba(32, 32, 255, 0.772706);
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-sidebar.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-sidebar .button-effect {
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-md-danger .bar-button-solid-md-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-md-danger .bar-button-solid-md-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-md-danger .bar-button-white-md,
.toolbar-md-danger .bar-button-clear-md-white,
.toolbar-md-danger .bar-button-md-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-md-danger .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-danger .bar-button-solid-md-white {
  color: #424242;
  background-color: #ffffff;
}

.toolbar-md-danger .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-danger .bar-button-magenta-md,
.toolbar-md-danger .bar-button-clear-md-magenta,
.toolbar-md-danger .bar-button-md-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-magenta-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-magenta:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-md-danger .bar-button-outline-md-magenta {
  border-color: #c918c9;
  color: #c918c9;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-magenta.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-magenta .button-effect {
  background-color: #c918c9;
}

.toolbar-md-danger .bar-button-solid-md-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-md-danger .bar-button-solid-md-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-danger-md,
.bar-button-clear-md-danger,
.bar-button-md-danger {
  color: #FF5630;
  background-color: transparent;
}

.bar-button-danger-md:hover:not(.disable-hover),
.bar-button-clear-md-danger:hover:not(.disable-hover),
.bar-button-md-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.bar-button-outline-md-danger {
  border-color: #eb4f2c;
  color: #eb4f2c;
  background-color: transparent;
}

.bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.bar-button-outline-md-danger .button-effect {
  background-color: #eb4f2c;
}

.bar-button-solid-md-danger {
  color: #fff;
  background-color: #FF5630;
}

.bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-md-light .toolbar-background-md {
  background: #000;
}

.toolbar-md-light .bar-button-clear-md,
.toolbar-md-light .bar-button-default-md,
.toolbar-md-light .bar-button-outline-md,
.toolbar-md-light .toolbar-title-md {
  color: #fff;
}

.toolbar-md-light .bar-button-clear-md .button-effect,
.toolbar-md-light .bar-button-default-md .button-effect,
.toolbar-md-light .bar-button-outline-md .button-effect {
  background-color: #fff;
}

.toolbar-md-light .bar-button-outline-md {
  border-color: #fff;
}

.toolbar-md-light .bar-button-primary-md,
.toolbar-md-light .bar-button-clear-md-primary,
.toolbar-md-light .bar-button-md-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-md-light .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-md-light .bar-button-outline-md-primary {
  border-color: #14a1ff;
  color: #14a1ff;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-primary .button-effect {
  background-color: #14a1ff;
}

.toolbar-md-light .bar-button-solid-md-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-md-light .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-md-light .bar-button-secondary-md,
.toolbar-md-light .bar-button-clear-md-secondary,
.toolbar-md-light .bar-button-md-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-md-light .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-md-light .bar-button-outline-md-secondary {
  border-color: #46b988;
  color: #46b988;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-secondary .button-effect {
  background-color: #46b988;
}

.toolbar-md-light .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-md-light .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-md-light .bar-button-danger-md,
.toolbar-md-light .bar-button-clear-md-danger,
.toolbar-md-light .bar-button-md-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-md-light .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-md-light .bar-button-outline-md-danger {
  border-color: #eb4f2c;
  color: #eb4f2c;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-danger .button-effect {
  background-color: #eb4f2c;
}

.toolbar-md-light .bar-button-solid-md-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-md-light .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-md-light .bar-button-light-md,
.toolbar-md-light .bar-button-clear-md-light,
.toolbar-md-light .bar-button-md-light {
  color: #000;
  background-color: transparent;
}

.toolbar-md-light .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-light .bar-button-outline-md-light {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-light .button-effect {
  background-color: #141414;
}

.toolbar-md-light .bar-button-solid-md-light {
  color: #fff;
  background-color: #000;
}

.toolbar-md-light .bar-button-solid-md-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-light .bar-button-dark-md,
.toolbar-md-light .bar-button-clear-md-dark,
.toolbar-md-light .bar-button-md-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-md-light .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-md-light .bar-button-outline-md-dark {
  border-color: #2a3c5b;
  color: #2a3c5b;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-dark .button-effect {
  background-color: #2a3c5b;
}

.toolbar-md-light .bar-button-solid-md-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-md-light .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-md-light .bar-button-snappink-md,
.toolbar-md-light .bar-button-clear-md-snappink,
.toolbar-md-light .bar-button-md-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-md-light .bar-button-snappink-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-snappink:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-md-light .bar-button-outline-md-snappink {
  border-color: #327cdd;
  color: #327cdd;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-snappink.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-snappink .button-effect {
  background-color: #327cdd;
}

.toolbar-md-light .bar-button-solid-md-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-md-light .bar-button-solid-md-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-md-light .bar-button-snapblue-md,
.toolbar-md-light .bar-button-clear-md-snapblue,
.toolbar-md-light .bar-button-md-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-md-light .bar-button-snapblue-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-snapblue:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-md-light .bar-button-outline-md-snapblue {
  border-color: #14dbff;
  color: #14dbff;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-snapblue.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-snapblue .button-effect {
  background-color: #14dbff;
}

.toolbar-md-light .bar-button-solid-md-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-md-light .bar-button-solid-md-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-md-light .bar-button-snapyellow-md,
.toolbar-md-light .bar-button-clear-md-snapyellow,
.toolbar-md-light .bar-button-md-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-md-light .bar-button-snapyellow-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-snapyellow:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-md-light .bar-button-outline-md-snapyellow {
  border-color: #ebb206;
  color: #ebb206;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-snapyellow.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-snapyellow .button-effect {
  background-color: #ebb206;
}

.toolbar-md-light .bar-button-solid-md-snapyellow {
  color: #424242;
  background-color: #FFC107;
}

.toolbar-md-light .bar-button-solid-md-snapyellow.activated {
  color: #424242;
  background-color: #ebb206;
}

.toolbar-md-light .bar-button-snapgreen-md,
.toolbar-md-light .bar-button-clear-md-snapgreen,
.toolbar-md-light .bar-button-md-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-md-light .bar-button-snapgreen-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-snapgreen:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-md-light .bar-button-outline-md-snapgreen {
  border-color: #5ab55e;
  color: #5ab55e;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-snapgreen.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-snapgreen .button-effect {
  background-color: #5ab55e;
}

.toolbar-md-light .bar-button-solid-md-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-md-light .bar-button-solid-md-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-md-light .bar-button-snapindigo-md,
.toolbar-md-light .bar-button-clear-md-snapindigo,
.toolbar-md-light .bar-button-md-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-md-light .bar-button-snapindigo-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-snapindigo:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-md-light .bar-button-outline-md-snapindigo {
  border-color: #4e5fbb;
  color: #4e5fbb;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-snapindigo.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-snapindigo .button-effect {
  background-color: #4e5fbb;
}

.toolbar-md-light .bar-button-solid-md-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-md-light .bar-button-solid-md-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-md-light .bar-button-backgroundgrey-md,
.toolbar-md-light .bar-button-clear-md-backgroundgrey,
.toolbar-md-light .bar-button-md-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-md-light .bar-button-backgroundgrey-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-backgroundgrey:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-md-light .bar-button-outline-md-backgroundgrey {
  border-color: #dbdbdb;
  color: #dbdbdb;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-backgroundgrey.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-backgroundgrey .button-effect {
  background-color: #dbdbdb;
}

.toolbar-md-light .bar-button-solid-md-backgroundgrey {
  color: #424242;
  background-color: #EEEEEE;
}

.toolbar-md-light .bar-button-solid-md-backgroundgrey.activated {
  color: #424242;
  background-color: #dbdbdb;
}

.toolbar-md-light .bar-button-whitecolor-md,
.toolbar-md-light .bar-button-clear-md-whitecolor,
.toolbar-md-light .bar-button-md-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-md-light .bar-button-whitecolor-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-whitecolor:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-light .bar-button-outline-md-whitecolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-whitecolor.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-whitecolor .button-effect {
  background-color: #141414;
}

.toolbar-md-light .bar-button-solid-md-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-md-light .bar-button-solid-md-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-light .bar-button-grey-md,
.toolbar-md-light .bar-button-clear-md-grey,
.toolbar-md-light .bar-button-md-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-md-light .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-md-light .bar-button-outline-md-grey {
  border-color: #787678;
  color: #787678;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-grey .button-effect {
  background-color: #787678;
}

.toolbar-md-light .bar-button-solid-md-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-md-light .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-md-light .bar-button-blackcolor-md,
.toolbar-md-light .bar-button-clear-md-blackcolor,
.toolbar-md-light .bar-button-md-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-md-light .bar-button-blackcolor-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-blackcolor:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-light .bar-button-outline-md-blackcolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-blackcolor.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-blackcolor .button-effect {
  background-color: #141414;
}

.toolbar-md-light .bar-button-solid-md-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-md-light .bar-button-solid-md-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-light .bar-button-mildred-md,
.toolbar-md-light .bar-button-clear-md-mildred,
.toolbar-md-light .bar-button-md-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-md-light .bar-button-mildred-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-mildred:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-md-light .bar-button-outline-md-mildred {
  border-color: #eb025e;
  color: #eb025e;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-mildred.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-mildred .button-effect {
  background-color: #eb025e;
}

.toolbar-md-light .bar-button-solid-md-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-md-light .bar-button-solid-md-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-md-light .bar-button-mildgreen-md,
.toolbar-md-light .bar-button-clear-md-mildgreen,
.toolbar-md-light .bar-button-md-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-md-light .bar-button-mildgreen-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-mildgreen:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-md-light .bar-button-outline-md-mildgreen {
  border-color: #61dda0;
  color: #61dda0;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-mildgreen.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-mildgreen .button-effect {
  background-color: #61dda0;
}

.toolbar-md-light .bar-button-solid-md-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-md-light .bar-button-solid-md-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-md-light .bar-button-sidebar-md,
.toolbar-md-light .bar-button-clear-md-sidebar,
.toolbar-md-light .bar-button-md-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-md-light .bar-button-sidebar-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-sidebar:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-md-light .bar-button-outline-md-sidebar {
  border-color: rgba(32, 32, 255, 0.772706);
  color: rgba(32, 32, 255, 0.772706);
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-sidebar.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-sidebar .button-effect {
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-md-light .bar-button-solid-md-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-md-light .bar-button-solid-md-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-md-light .bar-button-white-md,
.toolbar-md-light .bar-button-clear-md-white,
.toolbar-md-light .bar-button-md-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-md-light .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-md-light .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-light .bar-button-solid-md-white {
  color: #424242;
  background-color: #ffffff;
}

.toolbar-md-light .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-light .bar-button-magenta-md,
.toolbar-md-light .bar-button-clear-md-magenta,
.toolbar-md-light .bar-button-md-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-md-light .bar-button-magenta-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-magenta:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-md-light .bar-button-outline-md-magenta {
  border-color: #c918c9;
  color: #c918c9;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-magenta.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-magenta .button-effect {
  background-color: #c918c9;
}

.toolbar-md-light .bar-button-solid-md-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-md-light .bar-button-solid-md-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-light-md,
.bar-button-clear-md-light,
.bar-button-md-light {
  color: #000;
  background-color: transparent;
}

.bar-button-light-md:hover:not(.disable-hover),
.bar-button-clear-md-light:hover:not(.disable-hover),
.bar-button-md-light:hover:not(.disable-hover) {
  color: #000;
}

.bar-button-outline-md-light {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.bar-button-outline-md-light.activated {
  background-color: transparent;
}

.bar-button-outline-md-light .button-effect {
  background-color: #141414;
}

.bar-button-solid-md-light {
  color: #fff;
  background-color: #000;
}

.bar-button-solid-md-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-dark .toolbar-background-md {
  background: #172B4D;
}

.toolbar-md-dark .bar-button-clear-md,
.toolbar-md-dark .bar-button-default-md,
.toolbar-md-dark .bar-button-outline-md,
.toolbar-md-dark .toolbar-title-md {
  color: #fff;
}

.toolbar-md-dark .bar-button-clear-md .button-effect,
.toolbar-md-dark .bar-button-default-md .button-effect,
.toolbar-md-dark .bar-button-outline-md .button-effect {
  background-color: #fff;
}

.toolbar-md-dark .bar-button-outline-md {
  border-color: #fff;
}

.toolbar-md-dark .bar-button-primary-md,
.toolbar-md-dark .bar-button-clear-md-primary,
.toolbar-md-dark .bar-button-md-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-md-dark .bar-button-outline-md-primary {
  border-color: #14a1ff;
  color: #14a1ff;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-primary .button-effect {
  background-color: #14a1ff;
}

.toolbar-md-dark .bar-button-solid-md-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-md-dark .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-md-dark .bar-button-secondary-md,
.toolbar-md-dark .bar-button-clear-md-secondary,
.toolbar-md-dark .bar-button-md-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-md-dark .bar-button-outline-md-secondary {
  border-color: #46b988;
  color: #46b988;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-secondary .button-effect {
  background-color: #46b988;
}

.toolbar-md-dark .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-md-dark .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-md-dark .bar-button-danger-md,
.toolbar-md-dark .bar-button-clear-md-danger,
.toolbar-md-dark .bar-button-md-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-md-dark .bar-button-outline-md-danger {
  border-color: #eb4f2c;
  color: #eb4f2c;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-danger .button-effect {
  background-color: #eb4f2c;
}

.toolbar-md-dark .bar-button-solid-md-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-md-dark .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-md-dark .bar-button-light-md,
.toolbar-md-dark .bar-button-clear-md-light,
.toolbar-md-dark .bar-button-md-light {
  color: #000;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-dark .bar-button-outline-md-light {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-light .button-effect {
  background-color: #141414;
}

.toolbar-md-dark .bar-button-solid-md-light {
  color: #fff;
  background-color: #000;
}

.toolbar-md-dark .bar-button-solid-md-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-dark .bar-button-dark-md,
.toolbar-md-dark .bar-button-clear-md-dark,
.toolbar-md-dark .bar-button-md-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-md-dark .bar-button-outline-md-dark {
  border-color: #2a3c5b;
  color: #2a3c5b;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-dark .button-effect {
  background-color: #2a3c5b;
}

.toolbar-md-dark .bar-button-solid-md-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-md-dark .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-md-dark .bar-button-snappink-md,
.toolbar-md-dark .bar-button-clear-md-snappink,
.toolbar-md-dark .bar-button-md-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-snappink-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-snappink:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-md-dark .bar-button-outline-md-snappink {
  border-color: #327cdd;
  color: #327cdd;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-snappink.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-snappink .button-effect {
  background-color: #327cdd;
}

.toolbar-md-dark .bar-button-solid-md-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-md-dark .bar-button-solid-md-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-md-dark .bar-button-snapblue-md,
.toolbar-md-dark .bar-button-clear-md-snapblue,
.toolbar-md-dark .bar-button-md-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-snapblue-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-snapblue:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-md-dark .bar-button-outline-md-snapblue {
  border-color: #14dbff;
  color: #14dbff;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-snapblue.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-snapblue .button-effect {
  background-color: #14dbff;
}

.toolbar-md-dark .bar-button-solid-md-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-md-dark .bar-button-solid-md-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-md-dark .bar-button-snapyellow-md,
.toolbar-md-dark .bar-button-clear-md-snapyellow,
.toolbar-md-dark .bar-button-md-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-snapyellow-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-snapyellow:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-md-dark .bar-button-outline-md-snapyellow {
  border-color: #ebb206;
  color: #ebb206;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-snapyellow.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-snapyellow .button-effect {
  background-color: #ebb206;
}

.toolbar-md-dark .bar-button-solid-md-snapyellow {
  color: #424242;
  background-color: #FFC107;
}

.toolbar-md-dark .bar-button-solid-md-snapyellow.activated {
  color: #424242;
  background-color: #ebb206;
}

.toolbar-md-dark .bar-button-snapgreen-md,
.toolbar-md-dark .bar-button-clear-md-snapgreen,
.toolbar-md-dark .bar-button-md-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-snapgreen-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-snapgreen:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-md-dark .bar-button-outline-md-snapgreen {
  border-color: #5ab55e;
  color: #5ab55e;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-snapgreen.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-snapgreen .button-effect {
  background-color: #5ab55e;
}

.toolbar-md-dark .bar-button-solid-md-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-md-dark .bar-button-solid-md-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-md-dark .bar-button-snapindigo-md,
.toolbar-md-dark .bar-button-clear-md-snapindigo,
.toolbar-md-dark .bar-button-md-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-snapindigo-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-snapindigo:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-md-dark .bar-button-outline-md-snapindigo {
  border-color: #4e5fbb;
  color: #4e5fbb;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-snapindigo.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-snapindigo .button-effect {
  background-color: #4e5fbb;
}

.toolbar-md-dark .bar-button-solid-md-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-md-dark .bar-button-solid-md-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-md-dark .bar-button-backgroundgrey-md,
.toolbar-md-dark .bar-button-clear-md-backgroundgrey,
.toolbar-md-dark .bar-button-md-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-backgroundgrey-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-backgroundgrey:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-md-dark .bar-button-outline-md-backgroundgrey {
  border-color: #dbdbdb;
  color: #dbdbdb;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-backgroundgrey.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-backgroundgrey .button-effect {
  background-color: #dbdbdb;
}

.toolbar-md-dark .bar-button-solid-md-backgroundgrey {
  color: #424242;
  background-color: #EEEEEE;
}

.toolbar-md-dark .bar-button-solid-md-backgroundgrey.activated {
  color: #424242;
  background-color: #dbdbdb;
}

.toolbar-md-dark .bar-button-whitecolor-md,
.toolbar-md-dark .bar-button-clear-md-whitecolor,
.toolbar-md-dark .bar-button-md-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-whitecolor-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-whitecolor:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-dark .bar-button-outline-md-whitecolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-whitecolor.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-whitecolor .button-effect {
  background-color: #141414;
}

.toolbar-md-dark .bar-button-solid-md-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-md-dark .bar-button-solid-md-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-dark .bar-button-grey-md,
.toolbar-md-dark .bar-button-clear-md-grey,
.toolbar-md-dark .bar-button-md-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-md-dark .bar-button-outline-md-grey {
  border-color: #787678;
  color: #787678;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-grey .button-effect {
  background-color: #787678;
}

.toolbar-md-dark .bar-button-solid-md-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-md-dark .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-md-dark .bar-button-blackcolor-md,
.toolbar-md-dark .bar-button-clear-md-blackcolor,
.toolbar-md-dark .bar-button-md-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-blackcolor-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-blackcolor:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-dark .bar-button-outline-md-blackcolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-blackcolor.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-blackcolor .button-effect {
  background-color: #141414;
}

.toolbar-md-dark .bar-button-solid-md-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-md-dark .bar-button-solid-md-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-dark .bar-button-mildred-md,
.toolbar-md-dark .bar-button-clear-md-mildred,
.toolbar-md-dark .bar-button-md-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-mildred-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-mildred:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-md-dark .bar-button-outline-md-mildred {
  border-color: #eb025e;
  color: #eb025e;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-mildred.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-mildred .button-effect {
  background-color: #eb025e;
}

.toolbar-md-dark .bar-button-solid-md-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-md-dark .bar-button-solid-md-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-md-dark .bar-button-mildgreen-md,
.toolbar-md-dark .bar-button-clear-md-mildgreen,
.toolbar-md-dark .bar-button-md-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-mildgreen-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-mildgreen:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-md-dark .bar-button-outline-md-mildgreen {
  border-color: #61dda0;
  color: #61dda0;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-mildgreen.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-mildgreen .button-effect {
  background-color: #61dda0;
}

.toolbar-md-dark .bar-button-solid-md-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-md-dark .bar-button-solid-md-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-md-dark .bar-button-sidebar-md,
.toolbar-md-dark .bar-button-clear-md-sidebar,
.toolbar-md-dark .bar-button-md-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-sidebar-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-sidebar:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-md-dark .bar-button-outline-md-sidebar {
  border-color: rgba(32, 32, 255, 0.772706);
  color: rgba(32, 32, 255, 0.772706);
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-sidebar.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-sidebar .button-effect {
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-md-dark .bar-button-solid-md-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-md-dark .bar-button-solid-md-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-md-dark .bar-button-white-md,
.toolbar-md-dark .bar-button-clear-md-white,
.toolbar-md-dark .bar-button-md-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-md-dark .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-dark .bar-button-solid-md-white {
  color: #424242;
  background-color: #ffffff;
}

.toolbar-md-dark .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-dark .bar-button-magenta-md,
.toolbar-md-dark .bar-button-clear-md-magenta,
.toolbar-md-dark .bar-button-md-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-magenta-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-magenta:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-md-dark .bar-button-outline-md-magenta {
  border-color: #c918c9;
  color: #c918c9;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-magenta.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-magenta .button-effect {
  background-color: #c918c9;
}

.toolbar-md-dark .bar-button-solid-md-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-md-dark .bar-button-solid-md-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-dark-md,
.bar-button-clear-md-dark,
.bar-button-md-dark {
  color: #172B4D;
  background-color: transparent;
}

.bar-button-dark-md:hover:not(.disable-hover),
.bar-button-clear-md-dark:hover:not(.disable-hover),
.bar-button-md-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.bar-button-outline-md-dark {
  border-color: #2a3c5b;
  color: #2a3c5b;
  background-color: transparent;
}

.bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.bar-button-outline-md-dark .button-effect {
  background-color: #2a3c5b;
}

.bar-button-solid-md-dark {
  color: #fff;
  background-color: #172B4D;
}

.bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-md-snappink .toolbar-background-md {
  background: #3687f0;
}

.toolbar-md-snappink .bar-button-clear-md,
.toolbar-md-snappink .bar-button-default-md,
.toolbar-md-snappink .bar-button-outline-md,
.toolbar-md-snappink .toolbar-title-md {
  color: #fff;
}

.toolbar-md-snappink .bar-button-clear-md .button-effect,
.toolbar-md-snappink .bar-button-default-md .button-effect,
.toolbar-md-snappink .bar-button-outline-md .button-effect {
  background-color: #fff;
}

.toolbar-md-snappink .bar-button-outline-md {
  border-color: #fff;
}

.toolbar-md-snappink .bar-button-primary-md,
.toolbar-md-snappink .bar-button-clear-md-primary,
.toolbar-md-snappink .bar-button-md-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-snappink .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-snappink .bar-button-md-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-md-snappink .bar-button-outline-md-primary {
  border-color: #14a1ff;
  color: #14a1ff;
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-outline-md-primary .button-effect {
  background-color: #14a1ff;
}

.toolbar-md-snappink .bar-button-solid-md-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-md-snappink .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-md-snappink .bar-button-secondary-md,
.toolbar-md-snappink .bar-button-clear-md-secondary,
.toolbar-md-snappink .bar-button-md-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-snappink .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-snappink .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-md-snappink .bar-button-outline-md-secondary {
  border-color: #46b988;
  color: #46b988;
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-outline-md-secondary .button-effect {
  background-color: #46b988;
}

.toolbar-md-snappink .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-md-snappink .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-md-snappink .bar-button-danger-md,
.toolbar-md-snappink .bar-button-clear-md-danger,
.toolbar-md-snappink .bar-button-md-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-snappink .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-snappink .bar-button-md-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-md-snappink .bar-button-outline-md-danger {
  border-color: #eb4f2c;
  color: #eb4f2c;
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-outline-md-danger .button-effect {
  background-color: #eb4f2c;
}

.toolbar-md-snappink .bar-button-solid-md-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-md-snappink .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-md-snappink .bar-button-light-md,
.toolbar-md-snappink .bar-button-clear-md-light,
.toolbar-md-snappink .bar-button-md-light {
  color: #000;
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-snappink .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-snappink .bar-button-md-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-snappink .bar-button-outline-md-light {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-outline-md-light .button-effect {
  background-color: #141414;
}

.toolbar-md-snappink .bar-button-solid-md-light {
  color: #fff;
  background-color: #000;
}

.toolbar-md-snappink .bar-button-solid-md-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-snappink .bar-button-dark-md,
.toolbar-md-snappink .bar-button-clear-md-dark,
.toolbar-md-snappink .bar-button-md-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-snappink .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-snappink .bar-button-md-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-md-snappink .bar-button-outline-md-dark {
  border-color: #2a3c5b;
  color: #2a3c5b;
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-outline-md-dark .button-effect {
  background-color: #2a3c5b;
}

.toolbar-md-snappink .bar-button-solid-md-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-md-snappink .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-md-snappink .bar-button-snappink-md,
.toolbar-md-snappink .bar-button-clear-md-snappink,
.toolbar-md-snappink .bar-button-md-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-snappink-md:hover:not(.disable-hover),
.toolbar-md-snappink .bar-button-clear-md-snappink:hover:not(.disable-hover),
.toolbar-md-snappink .bar-button-md-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-md-snappink .bar-button-outline-md-snappink {
  border-color: #327cdd;
  color: #327cdd;
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-outline-md-snappink.activated {
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-outline-md-snappink .button-effect {
  background-color: #327cdd;
}

.toolbar-md-snappink .bar-button-solid-md-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-md-snappink .bar-button-solid-md-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-md-snappink .bar-button-snapblue-md,
.toolbar-md-snappink .bar-button-clear-md-snapblue,
.toolbar-md-snappink .bar-button-md-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-snapblue-md:hover:not(.disable-hover),
.toolbar-md-snappink .bar-button-clear-md-snapblue:hover:not(.disable-hover),
.toolbar-md-snappink .bar-button-md-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-md-snappink .bar-button-outline-md-snapblue {
  border-color: #14dbff;
  color: #14dbff;
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-outline-md-snapblue.activated {
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-outline-md-snapblue .button-effect {
  background-color: #14dbff;
}

.toolbar-md-snappink .bar-button-solid-md-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-md-snappink .bar-button-solid-md-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-md-snappink .bar-button-snapyellow-md,
.toolbar-md-snappink .bar-button-clear-md-snapyellow,
.toolbar-md-snappink .bar-button-md-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-snapyellow-md:hover:not(.disable-hover),
.toolbar-md-snappink .bar-button-clear-md-snapyellow:hover:not(.disable-hover),
.toolbar-md-snappink .bar-button-md-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-md-snappink .bar-button-outline-md-snapyellow {
  border-color: #ebb206;
  color: #ebb206;
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-outline-md-snapyellow.activated {
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-outline-md-snapyellow .button-effect {
  background-color: #ebb206;
}

.toolbar-md-snappink .bar-button-solid-md-snapyellow {
  color: #424242;
  background-color: #FFC107;
}

.toolbar-md-snappink .bar-button-solid-md-snapyellow.activated {
  color: #424242;
  background-color: #ebb206;
}

.toolbar-md-snappink .bar-button-snapgreen-md,
.toolbar-md-snappink .bar-button-clear-md-snapgreen,
.toolbar-md-snappink .bar-button-md-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-snapgreen-md:hover:not(.disable-hover),
.toolbar-md-snappink .bar-button-clear-md-snapgreen:hover:not(.disable-hover),
.toolbar-md-snappink .bar-button-md-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-md-snappink .bar-button-outline-md-snapgreen {
  border-color: #5ab55e;
  color: #5ab55e;
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-outline-md-snapgreen.activated {
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-outline-md-snapgreen .button-effect {
  background-color: #5ab55e;
}

.toolbar-md-snappink .bar-button-solid-md-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-md-snappink .bar-button-solid-md-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-md-snappink .bar-button-snapindigo-md,
.toolbar-md-snappink .bar-button-clear-md-snapindigo,
.toolbar-md-snappink .bar-button-md-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-snapindigo-md:hover:not(.disable-hover),
.toolbar-md-snappink .bar-button-clear-md-snapindigo:hover:not(.disable-hover),
.toolbar-md-snappink .bar-button-md-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-md-snappink .bar-button-outline-md-snapindigo {
  border-color: #4e5fbb;
  color: #4e5fbb;
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-outline-md-snapindigo.activated {
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-outline-md-snapindigo .button-effect {
  background-color: #4e5fbb;
}

.toolbar-md-snappink .bar-button-solid-md-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-md-snappink .bar-button-solid-md-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-md-snappink .bar-button-backgroundgrey-md,
.toolbar-md-snappink .bar-button-clear-md-backgroundgrey,
.toolbar-md-snappink .bar-button-md-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-backgroundgrey-md:hover:not(.disable-hover),
.toolbar-md-snappink .bar-button-clear-md-backgroundgrey:hover:not(.disable-hover),
.toolbar-md-snappink .bar-button-md-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-md-snappink .bar-button-outline-md-backgroundgrey {
  border-color: #dbdbdb;
  color: #dbdbdb;
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-outline-md-backgroundgrey.activated {
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-outline-md-backgroundgrey .button-effect {
  background-color: #dbdbdb;
}

.toolbar-md-snappink .bar-button-solid-md-backgroundgrey {
  color: #424242;
  background-color: #EEEEEE;
}

.toolbar-md-snappink .bar-button-solid-md-backgroundgrey.activated {
  color: #424242;
  background-color: #dbdbdb;
}

.toolbar-md-snappink .bar-button-whitecolor-md,
.toolbar-md-snappink .bar-button-clear-md-whitecolor,
.toolbar-md-snappink .bar-button-md-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-whitecolor-md:hover:not(.disable-hover),
.toolbar-md-snappink .bar-button-clear-md-whitecolor:hover:not(.disable-hover),
.toolbar-md-snappink .bar-button-md-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-snappink .bar-button-outline-md-whitecolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-outline-md-whitecolor.activated {
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-outline-md-whitecolor .button-effect {
  background-color: #141414;
}

.toolbar-md-snappink .bar-button-solid-md-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-md-snappink .bar-button-solid-md-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-snappink .bar-button-grey-md,
.toolbar-md-snappink .bar-button-clear-md-grey,
.toolbar-md-snappink .bar-button-md-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-snappink .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-snappink .bar-button-md-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-md-snappink .bar-button-outline-md-grey {
  border-color: #787678;
  color: #787678;
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-outline-md-grey .button-effect {
  background-color: #787678;
}

.toolbar-md-snappink .bar-button-solid-md-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-md-snappink .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-md-snappink .bar-button-blackcolor-md,
.toolbar-md-snappink .bar-button-clear-md-blackcolor,
.toolbar-md-snappink .bar-button-md-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-blackcolor-md:hover:not(.disable-hover),
.toolbar-md-snappink .bar-button-clear-md-blackcolor:hover:not(.disable-hover),
.toolbar-md-snappink .bar-button-md-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-snappink .bar-button-outline-md-blackcolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-outline-md-blackcolor.activated {
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-outline-md-blackcolor .button-effect {
  background-color: #141414;
}

.toolbar-md-snappink .bar-button-solid-md-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-md-snappink .bar-button-solid-md-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-snappink .bar-button-mildred-md,
.toolbar-md-snappink .bar-button-clear-md-mildred,
.toolbar-md-snappink .bar-button-md-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-mildred-md:hover:not(.disable-hover),
.toolbar-md-snappink .bar-button-clear-md-mildred:hover:not(.disable-hover),
.toolbar-md-snappink .bar-button-md-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-md-snappink .bar-button-outline-md-mildred {
  border-color: #eb025e;
  color: #eb025e;
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-outline-md-mildred.activated {
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-outline-md-mildred .button-effect {
  background-color: #eb025e;
}

.toolbar-md-snappink .bar-button-solid-md-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-md-snappink .bar-button-solid-md-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-md-snappink .bar-button-mildgreen-md,
.toolbar-md-snappink .bar-button-clear-md-mildgreen,
.toolbar-md-snappink .bar-button-md-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-mildgreen-md:hover:not(.disable-hover),
.toolbar-md-snappink .bar-button-clear-md-mildgreen:hover:not(.disable-hover),
.toolbar-md-snappink .bar-button-md-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-md-snappink .bar-button-outline-md-mildgreen {
  border-color: #61dda0;
  color: #61dda0;
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-outline-md-mildgreen.activated {
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-outline-md-mildgreen .button-effect {
  background-color: #61dda0;
}

.toolbar-md-snappink .bar-button-solid-md-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-md-snappink .bar-button-solid-md-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-md-snappink .bar-button-sidebar-md,
.toolbar-md-snappink .bar-button-clear-md-sidebar,
.toolbar-md-snappink .bar-button-md-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-sidebar-md:hover:not(.disable-hover),
.toolbar-md-snappink .bar-button-clear-md-sidebar:hover:not(.disable-hover),
.toolbar-md-snappink .bar-button-md-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-md-snappink .bar-button-outline-md-sidebar {
  border-color: rgba(32, 32, 255, 0.772706);
  color: rgba(32, 32, 255, 0.772706);
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-outline-md-sidebar.activated {
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-outline-md-sidebar .button-effect {
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-md-snappink .bar-button-solid-md-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-md-snappink .bar-button-solid-md-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-md-snappink .bar-button-white-md,
.toolbar-md-snappink .bar-button-clear-md-white,
.toolbar-md-snappink .bar-button-md-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-snappink .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-snappink .bar-button-md-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-md-snappink .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-snappink .bar-button-solid-md-white {
  color: #424242;
  background-color: #ffffff;
}

.toolbar-md-snappink .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-snappink .bar-button-magenta-md,
.toolbar-md-snappink .bar-button-clear-md-magenta,
.toolbar-md-snappink .bar-button-md-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-magenta-md:hover:not(.disable-hover),
.toolbar-md-snappink .bar-button-clear-md-magenta:hover:not(.disable-hover),
.toolbar-md-snappink .bar-button-md-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-md-snappink .bar-button-outline-md-magenta {
  border-color: #c918c9;
  color: #c918c9;
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-outline-md-magenta.activated {
  background-color: transparent;
}

.toolbar-md-snappink .bar-button-outline-md-magenta .button-effect {
  background-color: #c918c9;
}

.toolbar-md-snappink .bar-button-solid-md-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-md-snappink .bar-button-solid-md-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-snappink-md,
.bar-button-clear-md-snappink,
.bar-button-md-snappink {
  color: #3687f0;
  background-color: transparent;
}

.bar-button-snappink-md:hover:not(.disable-hover),
.bar-button-clear-md-snappink:hover:not(.disable-hover),
.bar-button-md-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.bar-button-outline-md-snappink {
  border-color: #327cdd;
  color: #327cdd;
  background-color: transparent;
}

.bar-button-outline-md-snappink.activated {
  background-color: transparent;
}

.bar-button-outline-md-snappink .button-effect {
  background-color: #327cdd;
}

.bar-button-solid-md-snappink {
  color: #fff;
  background-color: #3687f0;
}

.bar-button-solid-md-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-md-snapblue .toolbar-background-md {
  background: #00d8ff;
}

.toolbar-md-snapblue .bar-button-clear-md,
.toolbar-md-snapblue .bar-button-default-md,
.toolbar-md-snapblue .bar-button-outline-md,
.toolbar-md-snapblue .toolbar-title-md {
  color: #fff;
}

.toolbar-md-snapblue .bar-button-clear-md .button-effect,
.toolbar-md-snapblue .bar-button-default-md .button-effect,
.toolbar-md-snapblue .bar-button-outline-md .button-effect {
  background-color: #fff;
}

.toolbar-md-snapblue .bar-button-outline-md {
  border-color: #fff;
}

.toolbar-md-snapblue .bar-button-primary-md,
.toolbar-md-snapblue .bar-button-clear-md-primary,
.toolbar-md-snapblue .bar-button-md-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-snapblue .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-snapblue .bar-button-md-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-md-snapblue .bar-button-outline-md-primary {
  border-color: #14a1ff;
  color: #14a1ff;
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-outline-md-primary .button-effect {
  background-color: #14a1ff;
}

.toolbar-md-snapblue .bar-button-solid-md-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-md-snapblue .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-md-snapblue .bar-button-secondary-md,
.toolbar-md-snapblue .bar-button-clear-md-secondary,
.toolbar-md-snapblue .bar-button-md-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-snapblue .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-snapblue .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-md-snapblue .bar-button-outline-md-secondary {
  border-color: #46b988;
  color: #46b988;
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-outline-md-secondary .button-effect {
  background-color: #46b988;
}

.toolbar-md-snapblue .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-md-snapblue .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-md-snapblue .bar-button-danger-md,
.toolbar-md-snapblue .bar-button-clear-md-danger,
.toolbar-md-snapblue .bar-button-md-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-snapblue .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-snapblue .bar-button-md-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-md-snapblue .bar-button-outline-md-danger {
  border-color: #eb4f2c;
  color: #eb4f2c;
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-outline-md-danger .button-effect {
  background-color: #eb4f2c;
}

.toolbar-md-snapblue .bar-button-solid-md-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-md-snapblue .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-md-snapblue .bar-button-light-md,
.toolbar-md-snapblue .bar-button-clear-md-light,
.toolbar-md-snapblue .bar-button-md-light {
  color: #000;
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-snapblue .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-snapblue .bar-button-md-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-snapblue .bar-button-outline-md-light {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-outline-md-light .button-effect {
  background-color: #141414;
}

.toolbar-md-snapblue .bar-button-solid-md-light {
  color: #fff;
  background-color: #000;
}

.toolbar-md-snapblue .bar-button-solid-md-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-snapblue .bar-button-dark-md,
.toolbar-md-snapblue .bar-button-clear-md-dark,
.toolbar-md-snapblue .bar-button-md-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-snapblue .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-snapblue .bar-button-md-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-md-snapblue .bar-button-outline-md-dark {
  border-color: #2a3c5b;
  color: #2a3c5b;
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-outline-md-dark .button-effect {
  background-color: #2a3c5b;
}

.toolbar-md-snapblue .bar-button-solid-md-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-md-snapblue .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-md-snapblue .bar-button-snappink-md,
.toolbar-md-snapblue .bar-button-clear-md-snappink,
.toolbar-md-snapblue .bar-button-md-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-snappink-md:hover:not(.disable-hover),
.toolbar-md-snapblue .bar-button-clear-md-snappink:hover:not(.disable-hover),
.toolbar-md-snapblue .bar-button-md-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-md-snapblue .bar-button-outline-md-snappink {
  border-color: #327cdd;
  color: #327cdd;
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-outline-md-snappink.activated {
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-outline-md-snappink .button-effect {
  background-color: #327cdd;
}

.toolbar-md-snapblue .bar-button-solid-md-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-md-snapblue .bar-button-solid-md-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-md-snapblue .bar-button-snapblue-md,
.toolbar-md-snapblue .bar-button-clear-md-snapblue,
.toolbar-md-snapblue .bar-button-md-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-snapblue-md:hover:not(.disable-hover),
.toolbar-md-snapblue .bar-button-clear-md-snapblue:hover:not(.disable-hover),
.toolbar-md-snapblue .bar-button-md-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-md-snapblue .bar-button-outline-md-snapblue {
  border-color: #14dbff;
  color: #14dbff;
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-outline-md-snapblue.activated {
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-outline-md-snapblue .button-effect {
  background-color: #14dbff;
}

.toolbar-md-snapblue .bar-button-solid-md-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-md-snapblue .bar-button-solid-md-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-md-snapblue .bar-button-snapyellow-md,
.toolbar-md-snapblue .bar-button-clear-md-snapyellow,
.toolbar-md-snapblue .bar-button-md-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-snapyellow-md:hover:not(.disable-hover),
.toolbar-md-snapblue .bar-button-clear-md-snapyellow:hover:not(.disable-hover),
.toolbar-md-snapblue .bar-button-md-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-md-snapblue .bar-button-outline-md-snapyellow {
  border-color: #ebb206;
  color: #ebb206;
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-outline-md-snapyellow.activated {
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-outline-md-snapyellow .button-effect {
  background-color: #ebb206;
}

.toolbar-md-snapblue .bar-button-solid-md-snapyellow {
  color: #424242;
  background-color: #FFC107;
}

.toolbar-md-snapblue .bar-button-solid-md-snapyellow.activated {
  color: #424242;
  background-color: #ebb206;
}

.toolbar-md-snapblue .bar-button-snapgreen-md,
.toolbar-md-snapblue .bar-button-clear-md-snapgreen,
.toolbar-md-snapblue .bar-button-md-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-snapgreen-md:hover:not(.disable-hover),
.toolbar-md-snapblue .bar-button-clear-md-snapgreen:hover:not(.disable-hover),
.toolbar-md-snapblue .bar-button-md-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-md-snapblue .bar-button-outline-md-snapgreen {
  border-color: #5ab55e;
  color: #5ab55e;
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-outline-md-snapgreen.activated {
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-outline-md-snapgreen .button-effect {
  background-color: #5ab55e;
}

.toolbar-md-snapblue .bar-button-solid-md-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-md-snapblue .bar-button-solid-md-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-md-snapblue .bar-button-snapindigo-md,
.toolbar-md-snapblue .bar-button-clear-md-snapindigo,
.toolbar-md-snapblue .bar-button-md-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-snapindigo-md:hover:not(.disable-hover),
.toolbar-md-snapblue .bar-button-clear-md-snapindigo:hover:not(.disable-hover),
.toolbar-md-snapblue .bar-button-md-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-md-snapblue .bar-button-outline-md-snapindigo {
  border-color: #4e5fbb;
  color: #4e5fbb;
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-outline-md-snapindigo.activated {
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-outline-md-snapindigo .button-effect {
  background-color: #4e5fbb;
}

.toolbar-md-snapblue .bar-button-solid-md-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-md-snapblue .bar-button-solid-md-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-md-snapblue .bar-button-backgroundgrey-md,
.toolbar-md-snapblue .bar-button-clear-md-backgroundgrey,
.toolbar-md-snapblue .bar-button-md-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-backgroundgrey-md:hover:not(.disable-hover),
.toolbar-md-snapblue .bar-button-clear-md-backgroundgrey:hover:not(.disable-hover),
.toolbar-md-snapblue .bar-button-md-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-md-snapblue .bar-button-outline-md-backgroundgrey {
  border-color: #dbdbdb;
  color: #dbdbdb;
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-outline-md-backgroundgrey.activated {
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-outline-md-backgroundgrey .button-effect {
  background-color: #dbdbdb;
}

.toolbar-md-snapblue .bar-button-solid-md-backgroundgrey {
  color: #424242;
  background-color: #EEEEEE;
}

.toolbar-md-snapblue .bar-button-solid-md-backgroundgrey.activated {
  color: #424242;
  background-color: #dbdbdb;
}

.toolbar-md-snapblue .bar-button-whitecolor-md,
.toolbar-md-snapblue .bar-button-clear-md-whitecolor,
.toolbar-md-snapblue .bar-button-md-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-whitecolor-md:hover:not(.disable-hover),
.toolbar-md-snapblue .bar-button-clear-md-whitecolor:hover:not(.disable-hover),
.toolbar-md-snapblue .bar-button-md-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-snapblue .bar-button-outline-md-whitecolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-outline-md-whitecolor.activated {
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-outline-md-whitecolor .button-effect {
  background-color: #141414;
}

.toolbar-md-snapblue .bar-button-solid-md-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-md-snapblue .bar-button-solid-md-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-snapblue .bar-button-grey-md,
.toolbar-md-snapblue .bar-button-clear-md-grey,
.toolbar-md-snapblue .bar-button-md-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-snapblue .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-snapblue .bar-button-md-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-md-snapblue .bar-button-outline-md-grey {
  border-color: #787678;
  color: #787678;
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-outline-md-grey .button-effect {
  background-color: #787678;
}

.toolbar-md-snapblue .bar-button-solid-md-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-md-snapblue .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-md-snapblue .bar-button-blackcolor-md,
.toolbar-md-snapblue .bar-button-clear-md-blackcolor,
.toolbar-md-snapblue .bar-button-md-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-blackcolor-md:hover:not(.disable-hover),
.toolbar-md-snapblue .bar-button-clear-md-blackcolor:hover:not(.disable-hover),
.toolbar-md-snapblue .bar-button-md-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-snapblue .bar-button-outline-md-blackcolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-outline-md-blackcolor.activated {
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-outline-md-blackcolor .button-effect {
  background-color: #141414;
}

.toolbar-md-snapblue .bar-button-solid-md-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-md-snapblue .bar-button-solid-md-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-snapblue .bar-button-mildred-md,
.toolbar-md-snapblue .bar-button-clear-md-mildred,
.toolbar-md-snapblue .bar-button-md-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-mildred-md:hover:not(.disable-hover),
.toolbar-md-snapblue .bar-button-clear-md-mildred:hover:not(.disable-hover),
.toolbar-md-snapblue .bar-button-md-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-md-snapblue .bar-button-outline-md-mildred {
  border-color: #eb025e;
  color: #eb025e;
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-outline-md-mildred.activated {
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-outline-md-mildred .button-effect {
  background-color: #eb025e;
}

.toolbar-md-snapblue .bar-button-solid-md-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-md-snapblue .bar-button-solid-md-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-md-snapblue .bar-button-mildgreen-md,
.toolbar-md-snapblue .bar-button-clear-md-mildgreen,
.toolbar-md-snapblue .bar-button-md-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-mildgreen-md:hover:not(.disable-hover),
.toolbar-md-snapblue .bar-button-clear-md-mildgreen:hover:not(.disable-hover),
.toolbar-md-snapblue .bar-button-md-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-md-snapblue .bar-button-outline-md-mildgreen {
  border-color: #61dda0;
  color: #61dda0;
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-outline-md-mildgreen.activated {
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-outline-md-mildgreen .button-effect {
  background-color: #61dda0;
}

.toolbar-md-snapblue .bar-button-solid-md-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-md-snapblue .bar-button-solid-md-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-md-snapblue .bar-button-sidebar-md,
.toolbar-md-snapblue .bar-button-clear-md-sidebar,
.toolbar-md-snapblue .bar-button-md-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-sidebar-md:hover:not(.disable-hover),
.toolbar-md-snapblue .bar-button-clear-md-sidebar:hover:not(.disable-hover),
.toolbar-md-snapblue .bar-button-md-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-md-snapblue .bar-button-outline-md-sidebar {
  border-color: rgba(32, 32, 255, 0.772706);
  color: rgba(32, 32, 255, 0.772706);
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-outline-md-sidebar.activated {
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-outline-md-sidebar .button-effect {
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-md-snapblue .bar-button-solid-md-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-md-snapblue .bar-button-solid-md-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-md-snapblue .bar-button-white-md,
.toolbar-md-snapblue .bar-button-clear-md-white,
.toolbar-md-snapblue .bar-button-md-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-snapblue .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-snapblue .bar-button-md-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-md-snapblue .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-snapblue .bar-button-solid-md-white {
  color: #424242;
  background-color: #ffffff;
}

.toolbar-md-snapblue .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-snapblue .bar-button-magenta-md,
.toolbar-md-snapblue .bar-button-clear-md-magenta,
.toolbar-md-snapblue .bar-button-md-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-magenta-md:hover:not(.disable-hover),
.toolbar-md-snapblue .bar-button-clear-md-magenta:hover:not(.disable-hover),
.toolbar-md-snapblue .bar-button-md-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-md-snapblue .bar-button-outline-md-magenta {
  border-color: #c918c9;
  color: #c918c9;
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-outline-md-magenta.activated {
  background-color: transparent;
}

.toolbar-md-snapblue .bar-button-outline-md-magenta .button-effect {
  background-color: #c918c9;
}

.toolbar-md-snapblue .bar-button-solid-md-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-md-snapblue .bar-button-solid-md-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-snapblue-md,
.bar-button-clear-md-snapblue,
.bar-button-md-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.bar-button-snapblue-md:hover:not(.disable-hover),
.bar-button-clear-md-snapblue:hover:not(.disable-hover),
.bar-button-md-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.bar-button-outline-md-snapblue {
  border-color: #14dbff;
  color: #14dbff;
  background-color: transparent;
}

.bar-button-outline-md-snapblue.activated {
  background-color: transparent;
}

.bar-button-outline-md-snapblue .button-effect {
  background-color: #14dbff;
}

.bar-button-solid-md-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.bar-button-solid-md-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-md-snapyellow .toolbar-background-md {
  background: #FFC107;
}

.toolbar-md-snapyellow .bar-button-clear-md,
.toolbar-md-snapyellow .bar-button-default-md,
.toolbar-md-snapyellow .bar-button-outline-md,
.toolbar-md-snapyellow .toolbar-title-md {
  color: #424242;
}

.toolbar-md-snapyellow .bar-button-clear-md .button-effect,
.toolbar-md-snapyellow .bar-button-default-md .button-effect,
.toolbar-md-snapyellow .bar-button-outline-md .button-effect {
  background-color: #424242;
}

.toolbar-md-snapyellow .bar-button-outline-md {
  border-color: #424242;
}

.toolbar-md-snapyellow .bar-button-primary-md,
.toolbar-md-snapyellow .bar-button-clear-md-primary,
.toolbar-md-snapyellow .bar-button-md-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-snapyellow .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-snapyellow .bar-button-md-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-md-snapyellow .bar-button-outline-md-primary {
  border-color: #14a1ff;
  color: #14a1ff;
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-outline-md-primary .button-effect {
  background-color: #14a1ff;
}

.toolbar-md-snapyellow .bar-button-solid-md-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-md-snapyellow .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-md-snapyellow .bar-button-secondary-md,
.toolbar-md-snapyellow .bar-button-clear-md-secondary,
.toolbar-md-snapyellow .bar-button-md-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-snapyellow .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-snapyellow .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-md-snapyellow .bar-button-outline-md-secondary {
  border-color: #46b988;
  color: #46b988;
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-outline-md-secondary .button-effect {
  background-color: #46b988;
}

.toolbar-md-snapyellow .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-md-snapyellow .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-md-snapyellow .bar-button-danger-md,
.toolbar-md-snapyellow .bar-button-clear-md-danger,
.toolbar-md-snapyellow .bar-button-md-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-snapyellow .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-snapyellow .bar-button-md-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-md-snapyellow .bar-button-outline-md-danger {
  border-color: #eb4f2c;
  color: #eb4f2c;
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-outline-md-danger .button-effect {
  background-color: #eb4f2c;
}

.toolbar-md-snapyellow .bar-button-solid-md-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-md-snapyellow .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-md-snapyellow .bar-button-light-md,
.toolbar-md-snapyellow .bar-button-clear-md-light,
.toolbar-md-snapyellow .bar-button-md-light {
  color: #000;
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-snapyellow .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-snapyellow .bar-button-md-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-snapyellow .bar-button-outline-md-light {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-outline-md-light .button-effect {
  background-color: #141414;
}

.toolbar-md-snapyellow .bar-button-solid-md-light {
  color: #fff;
  background-color: #000;
}

.toolbar-md-snapyellow .bar-button-solid-md-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-snapyellow .bar-button-dark-md,
.toolbar-md-snapyellow .bar-button-clear-md-dark,
.toolbar-md-snapyellow .bar-button-md-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-snapyellow .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-snapyellow .bar-button-md-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-md-snapyellow .bar-button-outline-md-dark {
  border-color: #2a3c5b;
  color: #2a3c5b;
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-outline-md-dark .button-effect {
  background-color: #2a3c5b;
}

.toolbar-md-snapyellow .bar-button-solid-md-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-md-snapyellow .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-md-snapyellow .bar-button-snappink-md,
.toolbar-md-snapyellow .bar-button-clear-md-snappink,
.toolbar-md-snapyellow .bar-button-md-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-snappink-md:hover:not(.disable-hover),
.toolbar-md-snapyellow .bar-button-clear-md-snappink:hover:not(.disable-hover),
.toolbar-md-snapyellow .bar-button-md-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-md-snapyellow .bar-button-outline-md-snappink {
  border-color: #327cdd;
  color: #327cdd;
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-outline-md-snappink.activated {
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-outline-md-snappink .button-effect {
  background-color: #327cdd;
}

.toolbar-md-snapyellow .bar-button-solid-md-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-md-snapyellow .bar-button-solid-md-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-md-snapyellow .bar-button-snapblue-md,
.toolbar-md-snapyellow .bar-button-clear-md-snapblue,
.toolbar-md-snapyellow .bar-button-md-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-snapblue-md:hover:not(.disable-hover),
.toolbar-md-snapyellow .bar-button-clear-md-snapblue:hover:not(.disable-hover),
.toolbar-md-snapyellow .bar-button-md-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-md-snapyellow .bar-button-outline-md-snapblue {
  border-color: #14dbff;
  color: #14dbff;
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-outline-md-snapblue.activated {
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-outline-md-snapblue .button-effect {
  background-color: #14dbff;
}

.toolbar-md-snapyellow .bar-button-solid-md-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-md-snapyellow .bar-button-solid-md-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-md-snapyellow .bar-button-snapyellow-md,
.toolbar-md-snapyellow .bar-button-clear-md-snapyellow,
.toolbar-md-snapyellow .bar-button-md-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-snapyellow-md:hover:not(.disable-hover),
.toolbar-md-snapyellow .bar-button-clear-md-snapyellow:hover:not(.disable-hover),
.toolbar-md-snapyellow .bar-button-md-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-md-snapyellow .bar-button-outline-md-snapyellow {
  border-color: #ebb206;
  color: #ebb206;
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-outline-md-snapyellow.activated {
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-outline-md-snapyellow .button-effect {
  background-color: #ebb206;
}

.toolbar-md-snapyellow .bar-button-solid-md-snapyellow {
  color: #424242;
  background-color: #FFC107;
}

.toolbar-md-snapyellow .bar-button-solid-md-snapyellow.activated {
  color: #424242;
  background-color: #ebb206;
}

.toolbar-md-snapyellow .bar-button-snapgreen-md,
.toolbar-md-snapyellow .bar-button-clear-md-snapgreen,
.toolbar-md-snapyellow .bar-button-md-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-snapgreen-md:hover:not(.disable-hover),
.toolbar-md-snapyellow .bar-button-clear-md-snapgreen:hover:not(.disable-hover),
.toolbar-md-snapyellow .bar-button-md-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-md-snapyellow .bar-button-outline-md-snapgreen {
  border-color: #5ab55e;
  color: #5ab55e;
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-outline-md-snapgreen.activated {
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-outline-md-snapgreen .button-effect {
  background-color: #5ab55e;
}

.toolbar-md-snapyellow .bar-button-solid-md-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-md-snapyellow .bar-button-solid-md-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-md-snapyellow .bar-button-snapindigo-md,
.toolbar-md-snapyellow .bar-button-clear-md-snapindigo,
.toolbar-md-snapyellow .bar-button-md-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-snapindigo-md:hover:not(.disable-hover),
.toolbar-md-snapyellow .bar-button-clear-md-snapindigo:hover:not(.disable-hover),
.toolbar-md-snapyellow .bar-button-md-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-md-snapyellow .bar-button-outline-md-snapindigo {
  border-color: #4e5fbb;
  color: #4e5fbb;
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-outline-md-snapindigo.activated {
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-outline-md-snapindigo .button-effect {
  background-color: #4e5fbb;
}

.toolbar-md-snapyellow .bar-button-solid-md-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-md-snapyellow .bar-button-solid-md-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-md-snapyellow .bar-button-backgroundgrey-md,
.toolbar-md-snapyellow .bar-button-clear-md-backgroundgrey,
.toolbar-md-snapyellow .bar-button-md-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-backgroundgrey-md:hover:not(.disable-hover),
.toolbar-md-snapyellow .bar-button-clear-md-backgroundgrey:hover:not(.disable-hover),
.toolbar-md-snapyellow .bar-button-md-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-md-snapyellow .bar-button-outline-md-backgroundgrey {
  border-color: #dbdbdb;
  color: #dbdbdb;
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-outline-md-backgroundgrey.activated {
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-outline-md-backgroundgrey .button-effect {
  background-color: #dbdbdb;
}

.toolbar-md-snapyellow .bar-button-solid-md-backgroundgrey {
  color: #424242;
  background-color: #EEEEEE;
}

.toolbar-md-snapyellow .bar-button-solid-md-backgroundgrey.activated {
  color: #424242;
  background-color: #dbdbdb;
}

.toolbar-md-snapyellow .bar-button-whitecolor-md,
.toolbar-md-snapyellow .bar-button-clear-md-whitecolor,
.toolbar-md-snapyellow .bar-button-md-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-whitecolor-md:hover:not(.disable-hover),
.toolbar-md-snapyellow .bar-button-clear-md-whitecolor:hover:not(.disable-hover),
.toolbar-md-snapyellow .bar-button-md-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-snapyellow .bar-button-outline-md-whitecolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-outline-md-whitecolor.activated {
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-outline-md-whitecolor .button-effect {
  background-color: #141414;
}

.toolbar-md-snapyellow .bar-button-solid-md-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-md-snapyellow .bar-button-solid-md-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-snapyellow .bar-button-grey-md,
.toolbar-md-snapyellow .bar-button-clear-md-grey,
.toolbar-md-snapyellow .bar-button-md-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-snapyellow .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-snapyellow .bar-button-md-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-md-snapyellow .bar-button-outline-md-grey {
  border-color: #787678;
  color: #787678;
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-outline-md-grey .button-effect {
  background-color: #787678;
}

.toolbar-md-snapyellow .bar-button-solid-md-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-md-snapyellow .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-md-snapyellow .bar-button-blackcolor-md,
.toolbar-md-snapyellow .bar-button-clear-md-blackcolor,
.toolbar-md-snapyellow .bar-button-md-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-blackcolor-md:hover:not(.disable-hover),
.toolbar-md-snapyellow .bar-button-clear-md-blackcolor:hover:not(.disable-hover),
.toolbar-md-snapyellow .bar-button-md-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-snapyellow .bar-button-outline-md-blackcolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-outline-md-blackcolor.activated {
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-outline-md-blackcolor .button-effect {
  background-color: #141414;
}

.toolbar-md-snapyellow .bar-button-solid-md-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-md-snapyellow .bar-button-solid-md-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-snapyellow .bar-button-mildred-md,
.toolbar-md-snapyellow .bar-button-clear-md-mildred,
.toolbar-md-snapyellow .bar-button-md-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-mildred-md:hover:not(.disable-hover),
.toolbar-md-snapyellow .bar-button-clear-md-mildred:hover:not(.disable-hover),
.toolbar-md-snapyellow .bar-button-md-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-md-snapyellow .bar-button-outline-md-mildred {
  border-color: #eb025e;
  color: #eb025e;
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-outline-md-mildred.activated {
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-outline-md-mildred .button-effect {
  background-color: #eb025e;
}

.toolbar-md-snapyellow .bar-button-solid-md-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-md-snapyellow .bar-button-solid-md-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-md-snapyellow .bar-button-mildgreen-md,
.toolbar-md-snapyellow .bar-button-clear-md-mildgreen,
.toolbar-md-snapyellow .bar-button-md-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-mildgreen-md:hover:not(.disable-hover),
.toolbar-md-snapyellow .bar-button-clear-md-mildgreen:hover:not(.disable-hover),
.toolbar-md-snapyellow .bar-button-md-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-md-snapyellow .bar-button-outline-md-mildgreen {
  border-color: #61dda0;
  color: #61dda0;
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-outline-md-mildgreen.activated {
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-outline-md-mildgreen .button-effect {
  background-color: #61dda0;
}

.toolbar-md-snapyellow .bar-button-solid-md-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-md-snapyellow .bar-button-solid-md-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-md-snapyellow .bar-button-sidebar-md,
.toolbar-md-snapyellow .bar-button-clear-md-sidebar,
.toolbar-md-snapyellow .bar-button-md-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-sidebar-md:hover:not(.disable-hover),
.toolbar-md-snapyellow .bar-button-clear-md-sidebar:hover:not(.disable-hover),
.toolbar-md-snapyellow .bar-button-md-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-md-snapyellow .bar-button-outline-md-sidebar {
  border-color: rgba(32, 32, 255, 0.772706);
  color: rgba(32, 32, 255, 0.772706);
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-outline-md-sidebar.activated {
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-outline-md-sidebar .button-effect {
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-md-snapyellow .bar-button-solid-md-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-md-snapyellow .bar-button-solid-md-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-md-snapyellow .bar-button-white-md,
.toolbar-md-snapyellow .bar-button-clear-md-white,
.toolbar-md-snapyellow .bar-button-md-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-snapyellow .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-snapyellow .bar-button-md-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-md-snapyellow .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-snapyellow .bar-button-solid-md-white {
  color: #424242;
  background-color: #ffffff;
}

.toolbar-md-snapyellow .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-snapyellow .bar-button-magenta-md,
.toolbar-md-snapyellow .bar-button-clear-md-magenta,
.toolbar-md-snapyellow .bar-button-md-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-magenta-md:hover:not(.disable-hover),
.toolbar-md-snapyellow .bar-button-clear-md-magenta:hover:not(.disable-hover),
.toolbar-md-snapyellow .bar-button-md-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-md-snapyellow .bar-button-outline-md-magenta {
  border-color: #c918c9;
  color: #c918c9;
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-outline-md-magenta.activated {
  background-color: transparent;
}

.toolbar-md-snapyellow .bar-button-outline-md-magenta .button-effect {
  background-color: #c918c9;
}

.toolbar-md-snapyellow .bar-button-solid-md-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-md-snapyellow .bar-button-solid-md-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-snapyellow-md,
.bar-button-clear-md-snapyellow,
.bar-button-md-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.bar-button-snapyellow-md:hover:not(.disable-hover),
.bar-button-clear-md-snapyellow:hover:not(.disable-hover),
.bar-button-md-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.bar-button-outline-md-snapyellow {
  border-color: #ebb206;
  color: #ebb206;
  background-color: transparent;
}

.bar-button-outline-md-snapyellow.activated {
  background-color: transparent;
}

.bar-button-outline-md-snapyellow .button-effect {
  background-color: #ebb206;
}

.bar-button-solid-md-snapyellow {
  color: #424242;
  background-color: #FFC107;
}

.bar-button-solid-md-snapyellow.activated {
  color: #424242;
  background-color: #ebb206;
}

.toolbar-md-snapgreen .toolbar-background-md {
  background: #4CAF50;
}

.toolbar-md-snapgreen .bar-button-clear-md,
.toolbar-md-snapgreen .bar-button-default-md,
.toolbar-md-snapgreen .bar-button-outline-md,
.toolbar-md-snapgreen .toolbar-title-md {
  color: #fff;
}

.toolbar-md-snapgreen .bar-button-clear-md .button-effect,
.toolbar-md-snapgreen .bar-button-default-md .button-effect,
.toolbar-md-snapgreen .bar-button-outline-md .button-effect {
  background-color: #fff;
}

.toolbar-md-snapgreen .bar-button-outline-md {
  border-color: #fff;
}

.toolbar-md-snapgreen .bar-button-primary-md,
.toolbar-md-snapgreen .bar-button-clear-md-primary,
.toolbar-md-snapgreen .bar-button-md-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-snapgreen .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-snapgreen .bar-button-md-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-md-snapgreen .bar-button-outline-md-primary {
  border-color: #14a1ff;
  color: #14a1ff;
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-outline-md-primary .button-effect {
  background-color: #14a1ff;
}

.toolbar-md-snapgreen .bar-button-solid-md-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-md-snapgreen .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-md-snapgreen .bar-button-secondary-md,
.toolbar-md-snapgreen .bar-button-clear-md-secondary,
.toolbar-md-snapgreen .bar-button-md-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-snapgreen .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-snapgreen .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-md-snapgreen .bar-button-outline-md-secondary {
  border-color: #46b988;
  color: #46b988;
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-outline-md-secondary .button-effect {
  background-color: #46b988;
}

.toolbar-md-snapgreen .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-md-snapgreen .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-md-snapgreen .bar-button-danger-md,
.toolbar-md-snapgreen .bar-button-clear-md-danger,
.toolbar-md-snapgreen .bar-button-md-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-snapgreen .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-snapgreen .bar-button-md-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-md-snapgreen .bar-button-outline-md-danger {
  border-color: #eb4f2c;
  color: #eb4f2c;
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-outline-md-danger .button-effect {
  background-color: #eb4f2c;
}

.toolbar-md-snapgreen .bar-button-solid-md-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-md-snapgreen .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-md-snapgreen .bar-button-light-md,
.toolbar-md-snapgreen .bar-button-clear-md-light,
.toolbar-md-snapgreen .bar-button-md-light {
  color: #000;
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-snapgreen .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-snapgreen .bar-button-md-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-snapgreen .bar-button-outline-md-light {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-outline-md-light .button-effect {
  background-color: #141414;
}

.toolbar-md-snapgreen .bar-button-solid-md-light {
  color: #fff;
  background-color: #000;
}

.toolbar-md-snapgreen .bar-button-solid-md-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-snapgreen .bar-button-dark-md,
.toolbar-md-snapgreen .bar-button-clear-md-dark,
.toolbar-md-snapgreen .bar-button-md-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-snapgreen .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-snapgreen .bar-button-md-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-md-snapgreen .bar-button-outline-md-dark {
  border-color: #2a3c5b;
  color: #2a3c5b;
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-outline-md-dark .button-effect {
  background-color: #2a3c5b;
}

.toolbar-md-snapgreen .bar-button-solid-md-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-md-snapgreen .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-md-snapgreen .bar-button-snappink-md,
.toolbar-md-snapgreen .bar-button-clear-md-snappink,
.toolbar-md-snapgreen .bar-button-md-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-snappink-md:hover:not(.disable-hover),
.toolbar-md-snapgreen .bar-button-clear-md-snappink:hover:not(.disable-hover),
.toolbar-md-snapgreen .bar-button-md-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-md-snapgreen .bar-button-outline-md-snappink {
  border-color: #327cdd;
  color: #327cdd;
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-outline-md-snappink.activated {
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-outline-md-snappink .button-effect {
  background-color: #327cdd;
}

.toolbar-md-snapgreen .bar-button-solid-md-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-md-snapgreen .bar-button-solid-md-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-md-snapgreen .bar-button-snapblue-md,
.toolbar-md-snapgreen .bar-button-clear-md-snapblue,
.toolbar-md-snapgreen .bar-button-md-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-snapblue-md:hover:not(.disable-hover),
.toolbar-md-snapgreen .bar-button-clear-md-snapblue:hover:not(.disable-hover),
.toolbar-md-snapgreen .bar-button-md-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-md-snapgreen .bar-button-outline-md-snapblue {
  border-color: #14dbff;
  color: #14dbff;
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-outline-md-snapblue.activated {
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-outline-md-snapblue .button-effect {
  background-color: #14dbff;
}

.toolbar-md-snapgreen .bar-button-solid-md-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-md-snapgreen .bar-button-solid-md-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-md-snapgreen .bar-button-snapyellow-md,
.toolbar-md-snapgreen .bar-button-clear-md-snapyellow,
.toolbar-md-snapgreen .bar-button-md-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-snapyellow-md:hover:not(.disable-hover),
.toolbar-md-snapgreen .bar-button-clear-md-snapyellow:hover:not(.disable-hover),
.toolbar-md-snapgreen .bar-button-md-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-md-snapgreen .bar-button-outline-md-snapyellow {
  border-color: #ebb206;
  color: #ebb206;
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-outline-md-snapyellow.activated {
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-outline-md-snapyellow .button-effect {
  background-color: #ebb206;
}

.toolbar-md-snapgreen .bar-button-solid-md-snapyellow {
  color: #424242;
  background-color: #FFC107;
}

.toolbar-md-snapgreen .bar-button-solid-md-snapyellow.activated {
  color: #424242;
  background-color: #ebb206;
}

.toolbar-md-snapgreen .bar-button-snapgreen-md,
.toolbar-md-snapgreen .bar-button-clear-md-snapgreen,
.toolbar-md-snapgreen .bar-button-md-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-snapgreen-md:hover:not(.disable-hover),
.toolbar-md-snapgreen .bar-button-clear-md-snapgreen:hover:not(.disable-hover),
.toolbar-md-snapgreen .bar-button-md-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-md-snapgreen .bar-button-outline-md-snapgreen {
  border-color: #5ab55e;
  color: #5ab55e;
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-outline-md-snapgreen.activated {
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-outline-md-snapgreen .button-effect {
  background-color: #5ab55e;
}

.toolbar-md-snapgreen .bar-button-solid-md-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-md-snapgreen .bar-button-solid-md-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-md-snapgreen .bar-button-snapindigo-md,
.toolbar-md-snapgreen .bar-button-clear-md-snapindigo,
.toolbar-md-snapgreen .bar-button-md-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-snapindigo-md:hover:not(.disable-hover),
.toolbar-md-snapgreen .bar-button-clear-md-snapindigo:hover:not(.disable-hover),
.toolbar-md-snapgreen .bar-button-md-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-md-snapgreen .bar-button-outline-md-snapindigo {
  border-color: #4e5fbb;
  color: #4e5fbb;
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-outline-md-snapindigo.activated {
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-outline-md-snapindigo .button-effect {
  background-color: #4e5fbb;
}

.toolbar-md-snapgreen .bar-button-solid-md-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-md-snapgreen .bar-button-solid-md-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-md-snapgreen .bar-button-backgroundgrey-md,
.toolbar-md-snapgreen .bar-button-clear-md-backgroundgrey,
.toolbar-md-snapgreen .bar-button-md-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-backgroundgrey-md:hover:not(.disable-hover),
.toolbar-md-snapgreen .bar-button-clear-md-backgroundgrey:hover:not(.disable-hover),
.toolbar-md-snapgreen .bar-button-md-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-md-snapgreen .bar-button-outline-md-backgroundgrey {
  border-color: #dbdbdb;
  color: #dbdbdb;
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-outline-md-backgroundgrey.activated {
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-outline-md-backgroundgrey .button-effect {
  background-color: #dbdbdb;
}

.toolbar-md-snapgreen .bar-button-solid-md-backgroundgrey {
  color: #424242;
  background-color: #EEEEEE;
}

.toolbar-md-snapgreen .bar-button-solid-md-backgroundgrey.activated {
  color: #424242;
  background-color: #dbdbdb;
}

.toolbar-md-snapgreen .bar-button-whitecolor-md,
.toolbar-md-snapgreen .bar-button-clear-md-whitecolor,
.toolbar-md-snapgreen .bar-button-md-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-whitecolor-md:hover:not(.disable-hover),
.toolbar-md-snapgreen .bar-button-clear-md-whitecolor:hover:not(.disable-hover),
.toolbar-md-snapgreen .bar-button-md-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-snapgreen .bar-button-outline-md-whitecolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-outline-md-whitecolor.activated {
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-outline-md-whitecolor .button-effect {
  background-color: #141414;
}

.toolbar-md-snapgreen .bar-button-solid-md-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-md-snapgreen .bar-button-solid-md-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-snapgreen .bar-button-grey-md,
.toolbar-md-snapgreen .bar-button-clear-md-grey,
.toolbar-md-snapgreen .bar-button-md-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-snapgreen .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-snapgreen .bar-button-md-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-md-snapgreen .bar-button-outline-md-grey {
  border-color: #787678;
  color: #787678;
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-outline-md-grey .button-effect {
  background-color: #787678;
}

.toolbar-md-snapgreen .bar-button-solid-md-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-md-snapgreen .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-md-snapgreen .bar-button-blackcolor-md,
.toolbar-md-snapgreen .bar-button-clear-md-blackcolor,
.toolbar-md-snapgreen .bar-button-md-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-blackcolor-md:hover:not(.disable-hover),
.toolbar-md-snapgreen .bar-button-clear-md-blackcolor:hover:not(.disable-hover),
.toolbar-md-snapgreen .bar-button-md-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-snapgreen .bar-button-outline-md-blackcolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-outline-md-blackcolor.activated {
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-outline-md-blackcolor .button-effect {
  background-color: #141414;
}

.toolbar-md-snapgreen .bar-button-solid-md-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-md-snapgreen .bar-button-solid-md-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-snapgreen .bar-button-mildred-md,
.toolbar-md-snapgreen .bar-button-clear-md-mildred,
.toolbar-md-snapgreen .bar-button-md-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-mildred-md:hover:not(.disable-hover),
.toolbar-md-snapgreen .bar-button-clear-md-mildred:hover:not(.disable-hover),
.toolbar-md-snapgreen .bar-button-md-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-md-snapgreen .bar-button-outline-md-mildred {
  border-color: #eb025e;
  color: #eb025e;
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-outline-md-mildred.activated {
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-outline-md-mildred .button-effect {
  background-color: #eb025e;
}

.toolbar-md-snapgreen .bar-button-solid-md-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-md-snapgreen .bar-button-solid-md-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-md-snapgreen .bar-button-mildgreen-md,
.toolbar-md-snapgreen .bar-button-clear-md-mildgreen,
.toolbar-md-snapgreen .bar-button-md-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-mildgreen-md:hover:not(.disable-hover),
.toolbar-md-snapgreen .bar-button-clear-md-mildgreen:hover:not(.disable-hover),
.toolbar-md-snapgreen .bar-button-md-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-md-snapgreen .bar-button-outline-md-mildgreen {
  border-color: #61dda0;
  color: #61dda0;
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-outline-md-mildgreen.activated {
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-outline-md-mildgreen .button-effect {
  background-color: #61dda0;
}

.toolbar-md-snapgreen .bar-button-solid-md-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-md-snapgreen .bar-button-solid-md-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-md-snapgreen .bar-button-sidebar-md,
.toolbar-md-snapgreen .bar-button-clear-md-sidebar,
.toolbar-md-snapgreen .bar-button-md-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-sidebar-md:hover:not(.disable-hover),
.toolbar-md-snapgreen .bar-button-clear-md-sidebar:hover:not(.disable-hover),
.toolbar-md-snapgreen .bar-button-md-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-md-snapgreen .bar-button-outline-md-sidebar {
  border-color: rgba(32, 32, 255, 0.772706);
  color: rgba(32, 32, 255, 0.772706);
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-outline-md-sidebar.activated {
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-outline-md-sidebar .button-effect {
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-md-snapgreen .bar-button-solid-md-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-md-snapgreen .bar-button-solid-md-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-md-snapgreen .bar-button-white-md,
.toolbar-md-snapgreen .bar-button-clear-md-white,
.toolbar-md-snapgreen .bar-button-md-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-snapgreen .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-snapgreen .bar-button-md-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-md-snapgreen .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-snapgreen .bar-button-solid-md-white {
  color: #424242;
  background-color: #ffffff;
}

.toolbar-md-snapgreen .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-snapgreen .bar-button-magenta-md,
.toolbar-md-snapgreen .bar-button-clear-md-magenta,
.toolbar-md-snapgreen .bar-button-md-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-magenta-md:hover:not(.disable-hover),
.toolbar-md-snapgreen .bar-button-clear-md-magenta:hover:not(.disable-hover),
.toolbar-md-snapgreen .bar-button-md-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-md-snapgreen .bar-button-outline-md-magenta {
  border-color: #c918c9;
  color: #c918c9;
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-outline-md-magenta.activated {
  background-color: transparent;
}

.toolbar-md-snapgreen .bar-button-outline-md-magenta .button-effect {
  background-color: #c918c9;
}

.toolbar-md-snapgreen .bar-button-solid-md-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-md-snapgreen .bar-button-solid-md-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-snapgreen-md,
.bar-button-clear-md-snapgreen,
.bar-button-md-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.bar-button-snapgreen-md:hover:not(.disable-hover),
.bar-button-clear-md-snapgreen:hover:not(.disable-hover),
.bar-button-md-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.bar-button-outline-md-snapgreen {
  border-color: #5ab55e;
  color: #5ab55e;
  background-color: transparent;
}

.bar-button-outline-md-snapgreen.activated {
  background-color: transparent;
}

.bar-button-outline-md-snapgreen .button-effect {
  background-color: #5ab55e;
}

.bar-button-solid-md-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.bar-button-solid-md-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-md-snapindigo .toolbar-background-md {
  background: #3F51B5;
}

.toolbar-md-snapindigo .bar-button-clear-md,
.toolbar-md-snapindigo .bar-button-default-md,
.toolbar-md-snapindigo .bar-button-outline-md,
.toolbar-md-snapindigo .toolbar-title-md {
  color: #fff;
}

.toolbar-md-snapindigo .bar-button-clear-md .button-effect,
.toolbar-md-snapindigo .bar-button-default-md .button-effect,
.toolbar-md-snapindigo .bar-button-outline-md .button-effect {
  background-color: #fff;
}

.toolbar-md-snapindigo .bar-button-outline-md {
  border-color: #fff;
}

.toolbar-md-snapindigo .bar-button-primary-md,
.toolbar-md-snapindigo .bar-button-clear-md-primary,
.toolbar-md-snapindigo .bar-button-md-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-snapindigo .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-snapindigo .bar-button-md-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-md-snapindigo .bar-button-outline-md-primary {
  border-color: #14a1ff;
  color: #14a1ff;
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-outline-md-primary .button-effect {
  background-color: #14a1ff;
}

.toolbar-md-snapindigo .bar-button-solid-md-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-md-snapindigo .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-md-snapindigo .bar-button-secondary-md,
.toolbar-md-snapindigo .bar-button-clear-md-secondary,
.toolbar-md-snapindigo .bar-button-md-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-snapindigo .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-snapindigo .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-md-snapindigo .bar-button-outline-md-secondary {
  border-color: #46b988;
  color: #46b988;
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-outline-md-secondary .button-effect {
  background-color: #46b988;
}

.toolbar-md-snapindigo .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-md-snapindigo .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-md-snapindigo .bar-button-danger-md,
.toolbar-md-snapindigo .bar-button-clear-md-danger,
.toolbar-md-snapindigo .bar-button-md-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-snapindigo .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-snapindigo .bar-button-md-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-md-snapindigo .bar-button-outline-md-danger {
  border-color: #eb4f2c;
  color: #eb4f2c;
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-outline-md-danger .button-effect {
  background-color: #eb4f2c;
}

.toolbar-md-snapindigo .bar-button-solid-md-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-md-snapindigo .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-md-snapindigo .bar-button-light-md,
.toolbar-md-snapindigo .bar-button-clear-md-light,
.toolbar-md-snapindigo .bar-button-md-light {
  color: #000;
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-snapindigo .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-snapindigo .bar-button-md-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-snapindigo .bar-button-outline-md-light {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-outline-md-light .button-effect {
  background-color: #141414;
}

.toolbar-md-snapindigo .bar-button-solid-md-light {
  color: #fff;
  background-color: #000;
}

.toolbar-md-snapindigo .bar-button-solid-md-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-snapindigo .bar-button-dark-md,
.toolbar-md-snapindigo .bar-button-clear-md-dark,
.toolbar-md-snapindigo .bar-button-md-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-snapindigo .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-snapindigo .bar-button-md-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-md-snapindigo .bar-button-outline-md-dark {
  border-color: #2a3c5b;
  color: #2a3c5b;
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-outline-md-dark .button-effect {
  background-color: #2a3c5b;
}

.toolbar-md-snapindigo .bar-button-solid-md-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-md-snapindigo .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-md-snapindigo .bar-button-snappink-md,
.toolbar-md-snapindigo .bar-button-clear-md-snappink,
.toolbar-md-snapindigo .bar-button-md-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-snappink-md:hover:not(.disable-hover),
.toolbar-md-snapindigo .bar-button-clear-md-snappink:hover:not(.disable-hover),
.toolbar-md-snapindigo .bar-button-md-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-md-snapindigo .bar-button-outline-md-snappink {
  border-color: #327cdd;
  color: #327cdd;
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-outline-md-snappink.activated {
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-outline-md-snappink .button-effect {
  background-color: #327cdd;
}

.toolbar-md-snapindigo .bar-button-solid-md-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-md-snapindigo .bar-button-solid-md-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-md-snapindigo .bar-button-snapblue-md,
.toolbar-md-snapindigo .bar-button-clear-md-snapblue,
.toolbar-md-snapindigo .bar-button-md-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-snapblue-md:hover:not(.disable-hover),
.toolbar-md-snapindigo .bar-button-clear-md-snapblue:hover:not(.disable-hover),
.toolbar-md-snapindigo .bar-button-md-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-md-snapindigo .bar-button-outline-md-snapblue {
  border-color: #14dbff;
  color: #14dbff;
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-outline-md-snapblue.activated {
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-outline-md-snapblue .button-effect {
  background-color: #14dbff;
}

.toolbar-md-snapindigo .bar-button-solid-md-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-md-snapindigo .bar-button-solid-md-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-md-snapindigo .bar-button-snapyellow-md,
.toolbar-md-snapindigo .bar-button-clear-md-snapyellow,
.toolbar-md-snapindigo .bar-button-md-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-snapyellow-md:hover:not(.disable-hover),
.toolbar-md-snapindigo .bar-button-clear-md-snapyellow:hover:not(.disable-hover),
.toolbar-md-snapindigo .bar-button-md-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-md-snapindigo .bar-button-outline-md-snapyellow {
  border-color: #ebb206;
  color: #ebb206;
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-outline-md-snapyellow.activated {
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-outline-md-snapyellow .button-effect {
  background-color: #ebb206;
}

.toolbar-md-snapindigo .bar-button-solid-md-snapyellow {
  color: #424242;
  background-color: #FFC107;
}

.toolbar-md-snapindigo .bar-button-solid-md-snapyellow.activated {
  color: #424242;
  background-color: #ebb206;
}

.toolbar-md-snapindigo .bar-button-snapgreen-md,
.toolbar-md-snapindigo .bar-button-clear-md-snapgreen,
.toolbar-md-snapindigo .bar-button-md-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-snapgreen-md:hover:not(.disable-hover),
.toolbar-md-snapindigo .bar-button-clear-md-snapgreen:hover:not(.disable-hover),
.toolbar-md-snapindigo .bar-button-md-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-md-snapindigo .bar-button-outline-md-snapgreen {
  border-color: #5ab55e;
  color: #5ab55e;
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-outline-md-snapgreen.activated {
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-outline-md-snapgreen .button-effect {
  background-color: #5ab55e;
}

.toolbar-md-snapindigo .bar-button-solid-md-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-md-snapindigo .bar-button-solid-md-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-md-snapindigo .bar-button-snapindigo-md,
.toolbar-md-snapindigo .bar-button-clear-md-snapindigo,
.toolbar-md-snapindigo .bar-button-md-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-snapindigo-md:hover:not(.disable-hover),
.toolbar-md-snapindigo .bar-button-clear-md-snapindigo:hover:not(.disable-hover),
.toolbar-md-snapindigo .bar-button-md-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-md-snapindigo .bar-button-outline-md-snapindigo {
  border-color: #4e5fbb;
  color: #4e5fbb;
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-outline-md-snapindigo.activated {
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-outline-md-snapindigo .button-effect {
  background-color: #4e5fbb;
}

.toolbar-md-snapindigo .bar-button-solid-md-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-md-snapindigo .bar-button-solid-md-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-md-snapindigo .bar-button-backgroundgrey-md,
.toolbar-md-snapindigo .bar-button-clear-md-backgroundgrey,
.toolbar-md-snapindigo .bar-button-md-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-backgroundgrey-md:hover:not(.disable-hover),
.toolbar-md-snapindigo .bar-button-clear-md-backgroundgrey:hover:not(.disable-hover),
.toolbar-md-snapindigo .bar-button-md-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-md-snapindigo .bar-button-outline-md-backgroundgrey {
  border-color: #dbdbdb;
  color: #dbdbdb;
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-outline-md-backgroundgrey.activated {
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-outline-md-backgroundgrey .button-effect {
  background-color: #dbdbdb;
}

.toolbar-md-snapindigo .bar-button-solid-md-backgroundgrey {
  color: #424242;
  background-color: #EEEEEE;
}

.toolbar-md-snapindigo .bar-button-solid-md-backgroundgrey.activated {
  color: #424242;
  background-color: #dbdbdb;
}

.toolbar-md-snapindigo .bar-button-whitecolor-md,
.toolbar-md-snapindigo .bar-button-clear-md-whitecolor,
.toolbar-md-snapindigo .bar-button-md-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-whitecolor-md:hover:not(.disable-hover),
.toolbar-md-snapindigo .bar-button-clear-md-whitecolor:hover:not(.disable-hover),
.toolbar-md-snapindigo .bar-button-md-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-snapindigo .bar-button-outline-md-whitecolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-outline-md-whitecolor.activated {
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-outline-md-whitecolor .button-effect {
  background-color: #141414;
}

.toolbar-md-snapindigo .bar-button-solid-md-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-md-snapindigo .bar-button-solid-md-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-snapindigo .bar-button-grey-md,
.toolbar-md-snapindigo .bar-button-clear-md-grey,
.toolbar-md-snapindigo .bar-button-md-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-snapindigo .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-snapindigo .bar-button-md-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-md-snapindigo .bar-button-outline-md-grey {
  border-color: #787678;
  color: #787678;
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-outline-md-grey .button-effect {
  background-color: #787678;
}

.toolbar-md-snapindigo .bar-button-solid-md-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-md-snapindigo .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-md-snapindigo .bar-button-blackcolor-md,
.toolbar-md-snapindigo .bar-button-clear-md-blackcolor,
.toolbar-md-snapindigo .bar-button-md-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-blackcolor-md:hover:not(.disable-hover),
.toolbar-md-snapindigo .bar-button-clear-md-blackcolor:hover:not(.disable-hover),
.toolbar-md-snapindigo .bar-button-md-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-snapindigo .bar-button-outline-md-blackcolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-outline-md-blackcolor.activated {
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-outline-md-blackcolor .button-effect {
  background-color: #141414;
}

.toolbar-md-snapindigo .bar-button-solid-md-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-md-snapindigo .bar-button-solid-md-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-snapindigo .bar-button-mildred-md,
.toolbar-md-snapindigo .bar-button-clear-md-mildred,
.toolbar-md-snapindigo .bar-button-md-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-mildred-md:hover:not(.disable-hover),
.toolbar-md-snapindigo .bar-button-clear-md-mildred:hover:not(.disable-hover),
.toolbar-md-snapindigo .bar-button-md-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-md-snapindigo .bar-button-outline-md-mildred {
  border-color: #eb025e;
  color: #eb025e;
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-outline-md-mildred.activated {
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-outline-md-mildred .button-effect {
  background-color: #eb025e;
}

.toolbar-md-snapindigo .bar-button-solid-md-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-md-snapindigo .bar-button-solid-md-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-md-snapindigo .bar-button-mildgreen-md,
.toolbar-md-snapindigo .bar-button-clear-md-mildgreen,
.toolbar-md-snapindigo .bar-button-md-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-mildgreen-md:hover:not(.disable-hover),
.toolbar-md-snapindigo .bar-button-clear-md-mildgreen:hover:not(.disable-hover),
.toolbar-md-snapindigo .bar-button-md-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-md-snapindigo .bar-button-outline-md-mildgreen {
  border-color: #61dda0;
  color: #61dda0;
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-outline-md-mildgreen.activated {
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-outline-md-mildgreen .button-effect {
  background-color: #61dda0;
}

.toolbar-md-snapindigo .bar-button-solid-md-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-md-snapindigo .bar-button-solid-md-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-md-snapindigo .bar-button-sidebar-md,
.toolbar-md-snapindigo .bar-button-clear-md-sidebar,
.toolbar-md-snapindigo .bar-button-md-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-sidebar-md:hover:not(.disable-hover),
.toolbar-md-snapindigo .bar-button-clear-md-sidebar:hover:not(.disable-hover),
.toolbar-md-snapindigo .bar-button-md-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-md-snapindigo .bar-button-outline-md-sidebar {
  border-color: rgba(32, 32, 255, 0.772706);
  color: rgba(32, 32, 255, 0.772706);
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-outline-md-sidebar.activated {
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-outline-md-sidebar .button-effect {
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-md-snapindigo .bar-button-solid-md-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-md-snapindigo .bar-button-solid-md-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-md-snapindigo .bar-button-white-md,
.toolbar-md-snapindigo .bar-button-clear-md-white,
.toolbar-md-snapindigo .bar-button-md-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-snapindigo .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-snapindigo .bar-button-md-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-md-snapindigo .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-snapindigo .bar-button-solid-md-white {
  color: #424242;
  background-color: #ffffff;
}

.toolbar-md-snapindigo .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-snapindigo .bar-button-magenta-md,
.toolbar-md-snapindigo .bar-button-clear-md-magenta,
.toolbar-md-snapindigo .bar-button-md-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-magenta-md:hover:not(.disable-hover),
.toolbar-md-snapindigo .bar-button-clear-md-magenta:hover:not(.disable-hover),
.toolbar-md-snapindigo .bar-button-md-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-md-snapindigo .bar-button-outline-md-magenta {
  border-color: #c918c9;
  color: #c918c9;
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-outline-md-magenta.activated {
  background-color: transparent;
}

.toolbar-md-snapindigo .bar-button-outline-md-magenta .button-effect {
  background-color: #c918c9;
}

.toolbar-md-snapindigo .bar-button-solid-md-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-md-snapindigo .bar-button-solid-md-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-snapindigo-md,
.bar-button-clear-md-snapindigo,
.bar-button-md-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.bar-button-snapindigo-md:hover:not(.disable-hover),
.bar-button-clear-md-snapindigo:hover:not(.disable-hover),
.bar-button-md-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.bar-button-outline-md-snapindigo {
  border-color: #4e5fbb;
  color: #4e5fbb;
  background-color: transparent;
}

.bar-button-outline-md-snapindigo.activated {
  background-color: transparent;
}

.bar-button-outline-md-snapindigo .button-effect {
  background-color: #4e5fbb;
}

.bar-button-solid-md-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.bar-button-solid-md-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-md-backgroundgrey .toolbar-background-md {
  background: #EEEEEE;
}

.toolbar-md-backgroundgrey .bar-button-clear-md,
.toolbar-md-backgroundgrey .bar-button-default-md,
.toolbar-md-backgroundgrey .bar-button-outline-md,
.toolbar-md-backgroundgrey .toolbar-title-md {
  color: #424242;
}

.toolbar-md-backgroundgrey .bar-button-clear-md .button-effect,
.toolbar-md-backgroundgrey .bar-button-default-md .button-effect,
.toolbar-md-backgroundgrey .bar-button-outline-md .button-effect {
  background-color: #424242;
}

.toolbar-md-backgroundgrey .bar-button-outline-md {
  border-color: #424242;
}

.toolbar-md-backgroundgrey .bar-button-primary-md,
.toolbar-md-backgroundgrey .bar-button-clear-md-primary,
.toolbar-md-backgroundgrey .bar-button-md-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-backgroundgrey .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-backgroundgrey .bar-button-md-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-primary {
  border-color: #14a1ff;
  color: #14a1ff;
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-primary .button-effect {
  background-color: #14a1ff;
}

.toolbar-md-backgroundgrey .bar-button-solid-md-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-md-backgroundgrey .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-md-backgroundgrey .bar-button-secondary-md,
.toolbar-md-backgroundgrey .bar-button-clear-md-secondary,
.toolbar-md-backgroundgrey .bar-button-md-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-backgroundgrey .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-backgroundgrey .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-secondary {
  border-color: #46b988;
  color: #46b988;
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-secondary .button-effect {
  background-color: #46b988;
}

.toolbar-md-backgroundgrey .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-md-backgroundgrey .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-md-backgroundgrey .bar-button-danger-md,
.toolbar-md-backgroundgrey .bar-button-clear-md-danger,
.toolbar-md-backgroundgrey .bar-button-md-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-backgroundgrey .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-backgroundgrey .bar-button-md-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-danger {
  border-color: #eb4f2c;
  color: #eb4f2c;
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-danger .button-effect {
  background-color: #eb4f2c;
}

.toolbar-md-backgroundgrey .bar-button-solid-md-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-md-backgroundgrey .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-md-backgroundgrey .bar-button-light-md,
.toolbar-md-backgroundgrey .bar-button-clear-md-light,
.toolbar-md-backgroundgrey .bar-button-md-light {
  color: #000;
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-backgroundgrey .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-backgroundgrey .bar-button-md-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-light {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-light .button-effect {
  background-color: #141414;
}

.toolbar-md-backgroundgrey .bar-button-solid-md-light {
  color: #fff;
  background-color: #000;
}

.toolbar-md-backgroundgrey .bar-button-solid-md-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-backgroundgrey .bar-button-dark-md,
.toolbar-md-backgroundgrey .bar-button-clear-md-dark,
.toolbar-md-backgroundgrey .bar-button-md-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-backgroundgrey .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-backgroundgrey .bar-button-md-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-dark {
  border-color: #2a3c5b;
  color: #2a3c5b;
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-dark .button-effect {
  background-color: #2a3c5b;
}

.toolbar-md-backgroundgrey .bar-button-solid-md-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-md-backgroundgrey .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-md-backgroundgrey .bar-button-snappink-md,
.toolbar-md-backgroundgrey .bar-button-clear-md-snappink,
.toolbar-md-backgroundgrey .bar-button-md-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-snappink-md:hover:not(.disable-hover),
.toolbar-md-backgroundgrey .bar-button-clear-md-snappink:hover:not(.disable-hover),
.toolbar-md-backgroundgrey .bar-button-md-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-snappink {
  border-color: #327cdd;
  color: #327cdd;
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-snappink.activated {
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-snappink .button-effect {
  background-color: #327cdd;
}

.toolbar-md-backgroundgrey .bar-button-solid-md-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-md-backgroundgrey .bar-button-solid-md-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-md-backgroundgrey .bar-button-snapblue-md,
.toolbar-md-backgroundgrey .bar-button-clear-md-snapblue,
.toolbar-md-backgroundgrey .bar-button-md-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-snapblue-md:hover:not(.disable-hover),
.toolbar-md-backgroundgrey .bar-button-clear-md-snapblue:hover:not(.disable-hover),
.toolbar-md-backgroundgrey .bar-button-md-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-snapblue {
  border-color: #14dbff;
  color: #14dbff;
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-snapblue.activated {
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-snapblue .button-effect {
  background-color: #14dbff;
}

.toolbar-md-backgroundgrey .bar-button-solid-md-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-md-backgroundgrey .bar-button-solid-md-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-md-backgroundgrey .bar-button-snapyellow-md,
.toolbar-md-backgroundgrey .bar-button-clear-md-snapyellow,
.toolbar-md-backgroundgrey .bar-button-md-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-snapyellow-md:hover:not(.disable-hover),
.toolbar-md-backgroundgrey .bar-button-clear-md-snapyellow:hover:not(.disable-hover),
.toolbar-md-backgroundgrey .bar-button-md-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-snapyellow {
  border-color: #ebb206;
  color: #ebb206;
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-snapyellow.activated {
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-snapyellow .button-effect {
  background-color: #ebb206;
}

.toolbar-md-backgroundgrey .bar-button-solid-md-snapyellow {
  color: #424242;
  background-color: #FFC107;
}

.toolbar-md-backgroundgrey .bar-button-solid-md-snapyellow.activated {
  color: #424242;
  background-color: #ebb206;
}

.toolbar-md-backgroundgrey .bar-button-snapgreen-md,
.toolbar-md-backgroundgrey .bar-button-clear-md-snapgreen,
.toolbar-md-backgroundgrey .bar-button-md-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-snapgreen-md:hover:not(.disable-hover),
.toolbar-md-backgroundgrey .bar-button-clear-md-snapgreen:hover:not(.disable-hover),
.toolbar-md-backgroundgrey .bar-button-md-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-snapgreen {
  border-color: #5ab55e;
  color: #5ab55e;
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-snapgreen.activated {
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-snapgreen .button-effect {
  background-color: #5ab55e;
}

.toolbar-md-backgroundgrey .bar-button-solid-md-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-md-backgroundgrey .bar-button-solid-md-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-md-backgroundgrey .bar-button-snapindigo-md,
.toolbar-md-backgroundgrey .bar-button-clear-md-snapindigo,
.toolbar-md-backgroundgrey .bar-button-md-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-snapindigo-md:hover:not(.disable-hover),
.toolbar-md-backgroundgrey .bar-button-clear-md-snapindigo:hover:not(.disable-hover),
.toolbar-md-backgroundgrey .bar-button-md-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-snapindigo {
  border-color: #4e5fbb;
  color: #4e5fbb;
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-snapindigo.activated {
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-snapindigo .button-effect {
  background-color: #4e5fbb;
}

.toolbar-md-backgroundgrey .bar-button-solid-md-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-md-backgroundgrey .bar-button-solid-md-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-md-backgroundgrey .bar-button-backgroundgrey-md,
.toolbar-md-backgroundgrey .bar-button-clear-md-backgroundgrey,
.toolbar-md-backgroundgrey .bar-button-md-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-backgroundgrey-md:hover:not(.disable-hover),
.toolbar-md-backgroundgrey .bar-button-clear-md-backgroundgrey:hover:not(.disable-hover),
.toolbar-md-backgroundgrey .bar-button-md-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-backgroundgrey {
  border-color: #dbdbdb;
  color: #dbdbdb;
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-backgroundgrey.activated {
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-backgroundgrey .button-effect {
  background-color: #dbdbdb;
}

.toolbar-md-backgroundgrey .bar-button-solid-md-backgroundgrey {
  color: #424242;
  background-color: #EEEEEE;
}

.toolbar-md-backgroundgrey .bar-button-solid-md-backgroundgrey.activated {
  color: #424242;
  background-color: #dbdbdb;
}

.toolbar-md-backgroundgrey .bar-button-whitecolor-md,
.toolbar-md-backgroundgrey .bar-button-clear-md-whitecolor,
.toolbar-md-backgroundgrey .bar-button-md-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-whitecolor-md:hover:not(.disable-hover),
.toolbar-md-backgroundgrey .bar-button-clear-md-whitecolor:hover:not(.disable-hover),
.toolbar-md-backgroundgrey .bar-button-md-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-whitecolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-whitecolor.activated {
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-whitecolor .button-effect {
  background-color: #141414;
}

.toolbar-md-backgroundgrey .bar-button-solid-md-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-md-backgroundgrey .bar-button-solid-md-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-backgroundgrey .bar-button-grey-md,
.toolbar-md-backgroundgrey .bar-button-clear-md-grey,
.toolbar-md-backgroundgrey .bar-button-md-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-backgroundgrey .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-backgroundgrey .bar-button-md-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-grey {
  border-color: #787678;
  color: #787678;
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-grey .button-effect {
  background-color: #787678;
}

.toolbar-md-backgroundgrey .bar-button-solid-md-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-md-backgroundgrey .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-md-backgroundgrey .bar-button-blackcolor-md,
.toolbar-md-backgroundgrey .bar-button-clear-md-blackcolor,
.toolbar-md-backgroundgrey .bar-button-md-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-blackcolor-md:hover:not(.disable-hover),
.toolbar-md-backgroundgrey .bar-button-clear-md-blackcolor:hover:not(.disable-hover),
.toolbar-md-backgroundgrey .bar-button-md-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-blackcolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-blackcolor.activated {
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-blackcolor .button-effect {
  background-color: #141414;
}

.toolbar-md-backgroundgrey .bar-button-solid-md-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-md-backgroundgrey .bar-button-solid-md-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-backgroundgrey .bar-button-mildred-md,
.toolbar-md-backgroundgrey .bar-button-clear-md-mildred,
.toolbar-md-backgroundgrey .bar-button-md-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-mildred-md:hover:not(.disable-hover),
.toolbar-md-backgroundgrey .bar-button-clear-md-mildred:hover:not(.disable-hover),
.toolbar-md-backgroundgrey .bar-button-md-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-mildred {
  border-color: #eb025e;
  color: #eb025e;
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-mildred.activated {
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-mildred .button-effect {
  background-color: #eb025e;
}

.toolbar-md-backgroundgrey .bar-button-solid-md-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-md-backgroundgrey .bar-button-solid-md-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-md-backgroundgrey .bar-button-mildgreen-md,
.toolbar-md-backgroundgrey .bar-button-clear-md-mildgreen,
.toolbar-md-backgroundgrey .bar-button-md-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-mildgreen-md:hover:not(.disable-hover),
.toolbar-md-backgroundgrey .bar-button-clear-md-mildgreen:hover:not(.disable-hover),
.toolbar-md-backgroundgrey .bar-button-md-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-mildgreen {
  border-color: #61dda0;
  color: #61dda0;
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-mildgreen.activated {
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-mildgreen .button-effect {
  background-color: #61dda0;
}

.toolbar-md-backgroundgrey .bar-button-solid-md-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-md-backgroundgrey .bar-button-solid-md-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-md-backgroundgrey .bar-button-sidebar-md,
.toolbar-md-backgroundgrey .bar-button-clear-md-sidebar,
.toolbar-md-backgroundgrey .bar-button-md-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-sidebar-md:hover:not(.disable-hover),
.toolbar-md-backgroundgrey .bar-button-clear-md-sidebar:hover:not(.disable-hover),
.toolbar-md-backgroundgrey .bar-button-md-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-sidebar {
  border-color: rgba(32, 32, 255, 0.772706);
  color: rgba(32, 32, 255, 0.772706);
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-sidebar.activated {
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-sidebar .button-effect {
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-md-backgroundgrey .bar-button-solid-md-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-md-backgroundgrey .bar-button-solid-md-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-md-backgroundgrey .bar-button-white-md,
.toolbar-md-backgroundgrey .bar-button-clear-md-white,
.toolbar-md-backgroundgrey .bar-button-md-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-backgroundgrey .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-backgroundgrey .bar-button-md-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-backgroundgrey .bar-button-solid-md-white {
  color: #424242;
  background-color: #ffffff;
}

.toolbar-md-backgroundgrey .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-backgroundgrey .bar-button-magenta-md,
.toolbar-md-backgroundgrey .bar-button-clear-md-magenta,
.toolbar-md-backgroundgrey .bar-button-md-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-magenta-md:hover:not(.disable-hover),
.toolbar-md-backgroundgrey .bar-button-clear-md-magenta:hover:not(.disable-hover),
.toolbar-md-backgroundgrey .bar-button-md-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-magenta {
  border-color: #c918c9;
  color: #c918c9;
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-magenta.activated {
  background-color: transparent;
}

.toolbar-md-backgroundgrey .bar-button-outline-md-magenta .button-effect {
  background-color: #c918c9;
}

.toolbar-md-backgroundgrey .bar-button-solid-md-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-md-backgroundgrey .bar-button-solid-md-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-backgroundgrey-md,
.bar-button-clear-md-backgroundgrey,
.bar-button-md-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.bar-button-backgroundgrey-md:hover:not(.disable-hover),
.bar-button-clear-md-backgroundgrey:hover:not(.disable-hover),
.bar-button-md-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.bar-button-outline-md-backgroundgrey {
  border-color: #dbdbdb;
  color: #dbdbdb;
  background-color: transparent;
}

.bar-button-outline-md-backgroundgrey.activated {
  background-color: transparent;
}

.bar-button-outline-md-backgroundgrey .button-effect {
  background-color: #dbdbdb;
}

.bar-button-solid-md-backgroundgrey {
  color: #424242;
  background-color: #EEEEEE;
}

.bar-button-solid-md-backgroundgrey.activated {
  color: #424242;
  background-color: #dbdbdb;
}

.toolbar-md-whitecolor .toolbar-background-md {
  background: #000;
}

.toolbar-md-whitecolor .bar-button-clear-md,
.toolbar-md-whitecolor .bar-button-default-md,
.toolbar-md-whitecolor .bar-button-outline-md,
.toolbar-md-whitecolor .toolbar-title-md {
  color: #fff;
}

.toolbar-md-whitecolor .bar-button-clear-md .button-effect,
.toolbar-md-whitecolor .bar-button-default-md .button-effect,
.toolbar-md-whitecolor .bar-button-outline-md .button-effect {
  background-color: #fff;
}

.toolbar-md-whitecolor .bar-button-outline-md {
  border-color: #fff;
}

.toolbar-md-whitecolor .bar-button-primary-md,
.toolbar-md-whitecolor .bar-button-clear-md-primary,
.toolbar-md-whitecolor .bar-button-md-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-whitecolor .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-whitecolor .bar-button-md-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-md-whitecolor .bar-button-outline-md-primary {
  border-color: #14a1ff;
  color: #14a1ff;
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-outline-md-primary .button-effect {
  background-color: #14a1ff;
}

.toolbar-md-whitecolor .bar-button-solid-md-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-md-whitecolor .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-md-whitecolor .bar-button-secondary-md,
.toolbar-md-whitecolor .bar-button-clear-md-secondary,
.toolbar-md-whitecolor .bar-button-md-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-whitecolor .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-whitecolor .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-md-whitecolor .bar-button-outline-md-secondary {
  border-color: #46b988;
  color: #46b988;
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-outline-md-secondary .button-effect {
  background-color: #46b988;
}

.toolbar-md-whitecolor .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-md-whitecolor .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-md-whitecolor .bar-button-danger-md,
.toolbar-md-whitecolor .bar-button-clear-md-danger,
.toolbar-md-whitecolor .bar-button-md-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-whitecolor .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-whitecolor .bar-button-md-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-md-whitecolor .bar-button-outline-md-danger {
  border-color: #eb4f2c;
  color: #eb4f2c;
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-outline-md-danger .button-effect {
  background-color: #eb4f2c;
}

.toolbar-md-whitecolor .bar-button-solid-md-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-md-whitecolor .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-md-whitecolor .bar-button-light-md,
.toolbar-md-whitecolor .bar-button-clear-md-light,
.toolbar-md-whitecolor .bar-button-md-light {
  color: #000;
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-whitecolor .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-whitecolor .bar-button-md-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-whitecolor .bar-button-outline-md-light {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-outline-md-light .button-effect {
  background-color: #141414;
}

.toolbar-md-whitecolor .bar-button-solid-md-light {
  color: #fff;
  background-color: #000;
}

.toolbar-md-whitecolor .bar-button-solid-md-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-whitecolor .bar-button-dark-md,
.toolbar-md-whitecolor .bar-button-clear-md-dark,
.toolbar-md-whitecolor .bar-button-md-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-whitecolor .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-whitecolor .bar-button-md-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-md-whitecolor .bar-button-outline-md-dark {
  border-color: #2a3c5b;
  color: #2a3c5b;
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-outline-md-dark .button-effect {
  background-color: #2a3c5b;
}

.toolbar-md-whitecolor .bar-button-solid-md-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-md-whitecolor .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-md-whitecolor .bar-button-snappink-md,
.toolbar-md-whitecolor .bar-button-clear-md-snappink,
.toolbar-md-whitecolor .bar-button-md-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-snappink-md:hover:not(.disable-hover),
.toolbar-md-whitecolor .bar-button-clear-md-snappink:hover:not(.disable-hover),
.toolbar-md-whitecolor .bar-button-md-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-md-whitecolor .bar-button-outline-md-snappink {
  border-color: #327cdd;
  color: #327cdd;
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-outline-md-snappink.activated {
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-outline-md-snappink .button-effect {
  background-color: #327cdd;
}

.toolbar-md-whitecolor .bar-button-solid-md-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-md-whitecolor .bar-button-solid-md-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-md-whitecolor .bar-button-snapblue-md,
.toolbar-md-whitecolor .bar-button-clear-md-snapblue,
.toolbar-md-whitecolor .bar-button-md-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-snapblue-md:hover:not(.disable-hover),
.toolbar-md-whitecolor .bar-button-clear-md-snapblue:hover:not(.disable-hover),
.toolbar-md-whitecolor .bar-button-md-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-md-whitecolor .bar-button-outline-md-snapblue {
  border-color: #14dbff;
  color: #14dbff;
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-outline-md-snapblue.activated {
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-outline-md-snapblue .button-effect {
  background-color: #14dbff;
}

.toolbar-md-whitecolor .bar-button-solid-md-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-md-whitecolor .bar-button-solid-md-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-md-whitecolor .bar-button-snapyellow-md,
.toolbar-md-whitecolor .bar-button-clear-md-snapyellow,
.toolbar-md-whitecolor .bar-button-md-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-snapyellow-md:hover:not(.disable-hover),
.toolbar-md-whitecolor .bar-button-clear-md-snapyellow:hover:not(.disable-hover),
.toolbar-md-whitecolor .bar-button-md-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-md-whitecolor .bar-button-outline-md-snapyellow {
  border-color: #ebb206;
  color: #ebb206;
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-outline-md-snapyellow.activated {
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-outline-md-snapyellow .button-effect {
  background-color: #ebb206;
}

.toolbar-md-whitecolor .bar-button-solid-md-snapyellow {
  color: #424242;
  background-color: #FFC107;
}

.toolbar-md-whitecolor .bar-button-solid-md-snapyellow.activated {
  color: #424242;
  background-color: #ebb206;
}

.toolbar-md-whitecolor .bar-button-snapgreen-md,
.toolbar-md-whitecolor .bar-button-clear-md-snapgreen,
.toolbar-md-whitecolor .bar-button-md-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-snapgreen-md:hover:not(.disable-hover),
.toolbar-md-whitecolor .bar-button-clear-md-snapgreen:hover:not(.disable-hover),
.toolbar-md-whitecolor .bar-button-md-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-md-whitecolor .bar-button-outline-md-snapgreen {
  border-color: #5ab55e;
  color: #5ab55e;
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-outline-md-snapgreen.activated {
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-outline-md-snapgreen .button-effect {
  background-color: #5ab55e;
}

.toolbar-md-whitecolor .bar-button-solid-md-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-md-whitecolor .bar-button-solid-md-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-md-whitecolor .bar-button-snapindigo-md,
.toolbar-md-whitecolor .bar-button-clear-md-snapindigo,
.toolbar-md-whitecolor .bar-button-md-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-snapindigo-md:hover:not(.disable-hover),
.toolbar-md-whitecolor .bar-button-clear-md-snapindigo:hover:not(.disable-hover),
.toolbar-md-whitecolor .bar-button-md-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-md-whitecolor .bar-button-outline-md-snapindigo {
  border-color: #4e5fbb;
  color: #4e5fbb;
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-outline-md-snapindigo.activated {
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-outline-md-snapindigo .button-effect {
  background-color: #4e5fbb;
}

.toolbar-md-whitecolor .bar-button-solid-md-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-md-whitecolor .bar-button-solid-md-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-md-whitecolor .bar-button-backgroundgrey-md,
.toolbar-md-whitecolor .bar-button-clear-md-backgroundgrey,
.toolbar-md-whitecolor .bar-button-md-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-backgroundgrey-md:hover:not(.disable-hover),
.toolbar-md-whitecolor .bar-button-clear-md-backgroundgrey:hover:not(.disable-hover),
.toolbar-md-whitecolor .bar-button-md-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-md-whitecolor .bar-button-outline-md-backgroundgrey {
  border-color: #dbdbdb;
  color: #dbdbdb;
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-outline-md-backgroundgrey.activated {
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-outline-md-backgroundgrey .button-effect {
  background-color: #dbdbdb;
}

.toolbar-md-whitecolor .bar-button-solid-md-backgroundgrey {
  color: #424242;
  background-color: #EEEEEE;
}

.toolbar-md-whitecolor .bar-button-solid-md-backgroundgrey.activated {
  color: #424242;
  background-color: #dbdbdb;
}

.toolbar-md-whitecolor .bar-button-whitecolor-md,
.toolbar-md-whitecolor .bar-button-clear-md-whitecolor,
.toolbar-md-whitecolor .bar-button-md-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-whitecolor-md:hover:not(.disable-hover),
.toolbar-md-whitecolor .bar-button-clear-md-whitecolor:hover:not(.disable-hover),
.toolbar-md-whitecolor .bar-button-md-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-whitecolor .bar-button-outline-md-whitecolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-outline-md-whitecolor.activated {
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-outline-md-whitecolor .button-effect {
  background-color: #141414;
}

.toolbar-md-whitecolor .bar-button-solid-md-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-md-whitecolor .bar-button-solid-md-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-whitecolor .bar-button-grey-md,
.toolbar-md-whitecolor .bar-button-clear-md-grey,
.toolbar-md-whitecolor .bar-button-md-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-whitecolor .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-whitecolor .bar-button-md-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-md-whitecolor .bar-button-outline-md-grey {
  border-color: #787678;
  color: #787678;
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-outline-md-grey .button-effect {
  background-color: #787678;
}

.toolbar-md-whitecolor .bar-button-solid-md-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-md-whitecolor .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-md-whitecolor .bar-button-blackcolor-md,
.toolbar-md-whitecolor .bar-button-clear-md-blackcolor,
.toolbar-md-whitecolor .bar-button-md-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-blackcolor-md:hover:not(.disable-hover),
.toolbar-md-whitecolor .bar-button-clear-md-blackcolor:hover:not(.disable-hover),
.toolbar-md-whitecolor .bar-button-md-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-whitecolor .bar-button-outline-md-blackcolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-outline-md-blackcolor.activated {
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-outline-md-blackcolor .button-effect {
  background-color: #141414;
}

.toolbar-md-whitecolor .bar-button-solid-md-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-md-whitecolor .bar-button-solid-md-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-whitecolor .bar-button-mildred-md,
.toolbar-md-whitecolor .bar-button-clear-md-mildred,
.toolbar-md-whitecolor .bar-button-md-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-mildred-md:hover:not(.disable-hover),
.toolbar-md-whitecolor .bar-button-clear-md-mildred:hover:not(.disable-hover),
.toolbar-md-whitecolor .bar-button-md-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-md-whitecolor .bar-button-outline-md-mildred {
  border-color: #eb025e;
  color: #eb025e;
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-outline-md-mildred.activated {
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-outline-md-mildred .button-effect {
  background-color: #eb025e;
}

.toolbar-md-whitecolor .bar-button-solid-md-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-md-whitecolor .bar-button-solid-md-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-md-whitecolor .bar-button-mildgreen-md,
.toolbar-md-whitecolor .bar-button-clear-md-mildgreen,
.toolbar-md-whitecolor .bar-button-md-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-mildgreen-md:hover:not(.disable-hover),
.toolbar-md-whitecolor .bar-button-clear-md-mildgreen:hover:not(.disable-hover),
.toolbar-md-whitecolor .bar-button-md-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-md-whitecolor .bar-button-outline-md-mildgreen {
  border-color: #61dda0;
  color: #61dda0;
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-outline-md-mildgreen.activated {
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-outline-md-mildgreen .button-effect {
  background-color: #61dda0;
}

.toolbar-md-whitecolor .bar-button-solid-md-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-md-whitecolor .bar-button-solid-md-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-md-whitecolor .bar-button-sidebar-md,
.toolbar-md-whitecolor .bar-button-clear-md-sidebar,
.toolbar-md-whitecolor .bar-button-md-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-sidebar-md:hover:not(.disable-hover),
.toolbar-md-whitecolor .bar-button-clear-md-sidebar:hover:not(.disable-hover),
.toolbar-md-whitecolor .bar-button-md-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-md-whitecolor .bar-button-outline-md-sidebar {
  border-color: rgba(32, 32, 255, 0.772706);
  color: rgba(32, 32, 255, 0.772706);
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-outline-md-sidebar.activated {
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-outline-md-sidebar .button-effect {
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-md-whitecolor .bar-button-solid-md-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-md-whitecolor .bar-button-solid-md-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-md-whitecolor .bar-button-white-md,
.toolbar-md-whitecolor .bar-button-clear-md-white,
.toolbar-md-whitecolor .bar-button-md-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-whitecolor .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-whitecolor .bar-button-md-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-md-whitecolor .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-whitecolor .bar-button-solid-md-white {
  color: #424242;
  background-color: #ffffff;
}

.toolbar-md-whitecolor .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-whitecolor .bar-button-magenta-md,
.toolbar-md-whitecolor .bar-button-clear-md-magenta,
.toolbar-md-whitecolor .bar-button-md-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-magenta-md:hover:not(.disable-hover),
.toolbar-md-whitecolor .bar-button-clear-md-magenta:hover:not(.disable-hover),
.toolbar-md-whitecolor .bar-button-md-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-md-whitecolor .bar-button-outline-md-magenta {
  border-color: #c918c9;
  color: #c918c9;
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-outline-md-magenta.activated {
  background-color: transparent;
}

.toolbar-md-whitecolor .bar-button-outline-md-magenta .button-effect {
  background-color: #c918c9;
}

.toolbar-md-whitecolor .bar-button-solid-md-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-md-whitecolor .bar-button-solid-md-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-whitecolor-md,
.bar-button-clear-md-whitecolor,
.bar-button-md-whitecolor {
  color: #000;
  background-color: transparent;
}

.bar-button-whitecolor-md:hover:not(.disable-hover),
.bar-button-clear-md-whitecolor:hover:not(.disable-hover),
.bar-button-md-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.bar-button-outline-md-whitecolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.bar-button-outline-md-whitecolor.activated {
  background-color: transparent;
}

.bar-button-outline-md-whitecolor .button-effect {
  background-color: #141414;
}

.bar-button-solid-md-whitecolor {
  color: #fff;
  background-color: #000;
}

.bar-button-solid-md-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-grey .toolbar-background-md {
  background: #828082;
}

.toolbar-md-grey .bar-button-clear-md,
.toolbar-md-grey .bar-button-default-md,
.toolbar-md-grey .bar-button-outline-md,
.toolbar-md-grey .toolbar-title-md {
  color: #fff;
}

.toolbar-md-grey .bar-button-clear-md .button-effect,
.toolbar-md-grey .bar-button-default-md .button-effect,
.toolbar-md-grey .bar-button-outline-md .button-effect {
  background-color: #fff;
}

.toolbar-md-grey .bar-button-outline-md {
  border-color: #fff;
}

.toolbar-md-grey .bar-button-primary-md,
.toolbar-md-grey .bar-button-clear-md-primary,
.toolbar-md-grey .bar-button-md-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-md-grey .bar-button-outline-md-primary {
  border-color: #14a1ff;
  color: #14a1ff;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-primary .button-effect {
  background-color: #14a1ff;
}

.toolbar-md-grey .bar-button-solid-md-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-md-grey .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-md-grey .bar-button-secondary-md,
.toolbar-md-grey .bar-button-clear-md-secondary,
.toolbar-md-grey .bar-button-md-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-md-grey .bar-button-outline-md-secondary {
  border-color: #46b988;
  color: #46b988;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-secondary .button-effect {
  background-color: #46b988;
}

.toolbar-md-grey .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-md-grey .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-md-grey .bar-button-danger-md,
.toolbar-md-grey .bar-button-clear-md-danger,
.toolbar-md-grey .bar-button-md-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-md-grey .bar-button-outline-md-danger {
  border-color: #eb4f2c;
  color: #eb4f2c;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-danger .button-effect {
  background-color: #eb4f2c;
}

.toolbar-md-grey .bar-button-solid-md-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-md-grey .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-md-grey .bar-button-light-md,
.toolbar-md-grey .bar-button-clear-md-light,
.toolbar-md-grey .bar-button-md-light {
  color: #000;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-grey .bar-button-outline-md-light {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-light .button-effect {
  background-color: #141414;
}

.toolbar-md-grey .bar-button-solid-md-light {
  color: #fff;
  background-color: #000;
}

.toolbar-md-grey .bar-button-solid-md-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-grey .bar-button-dark-md,
.toolbar-md-grey .bar-button-clear-md-dark,
.toolbar-md-grey .bar-button-md-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-md-grey .bar-button-outline-md-dark {
  border-color: #2a3c5b;
  color: #2a3c5b;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-dark .button-effect {
  background-color: #2a3c5b;
}

.toolbar-md-grey .bar-button-solid-md-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-md-grey .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-md-grey .bar-button-snappink-md,
.toolbar-md-grey .bar-button-clear-md-snappink,
.toolbar-md-grey .bar-button-md-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-snappink-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-snappink:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-md-grey .bar-button-outline-md-snappink {
  border-color: #327cdd;
  color: #327cdd;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-snappink.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-snappink .button-effect {
  background-color: #327cdd;
}

.toolbar-md-grey .bar-button-solid-md-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-md-grey .bar-button-solid-md-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-md-grey .bar-button-snapblue-md,
.toolbar-md-grey .bar-button-clear-md-snapblue,
.toolbar-md-grey .bar-button-md-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-snapblue-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-snapblue:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-md-grey .bar-button-outline-md-snapblue {
  border-color: #14dbff;
  color: #14dbff;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-snapblue.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-snapblue .button-effect {
  background-color: #14dbff;
}

.toolbar-md-grey .bar-button-solid-md-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-md-grey .bar-button-solid-md-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-md-grey .bar-button-snapyellow-md,
.toolbar-md-grey .bar-button-clear-md-snapyellow,
.toolbar-md-grey .bar-button-md-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-snapyellow-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-snapyellow:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-md-grey .bar-button-outline-md-snapyellow {
  border-color: #ebb206;
  color: #ebb206;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-snapyellow.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-snapyellow .button-effect {
  background-color: #ebb206;
}

.toolbar-md-grey .bar-button-solid-md-snapyellow {
  color: #424242;
  background-color: #FFC107;
}

.toolbar-md-grey .bar-button-solid-md-snapyellow.activated {
  color: #424242;
  background-color: #ebb206;
}

.toolbar-md-grey .bar-button-snapgreen-md,
.toolbar-md-grey .bar-button-clear-md-snapgreen,
.toolbar-md-grey .bar-button-md-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-snapgreen-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-snapgreen:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-md-grey .bar-button-outline-md-snapgreen {
  border-color: #5ab55e;
  color: #5ab55e;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-snapgreen.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-snapgreen .button-effect {
  background-color: #5ab55e;
}

.toolbar-md-grey .bar-button-solid-md-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-md-grey .bar-button-solid-md-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-md-grey .bar-button-snapindigo-md,
.toolbar-md-grey .bar-button-clear-md-snapindigo,
.toolbar-md-grey .bar-button-md-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-snapindigo-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-snapindigo:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-md-grey .bar-button-outline-md-snapindigo {
  border-color: #4e5fbb;
  color: #4e5fbb;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-snapindigo.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-snapindigo .button-effect {
  background-color: #4e5fbb;
}

.toolbar-md-grey .bar-button-solid-md-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-md-grey .bar-button-solid-md-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-md-grey .bar-button-backgroundgrey-md,
.toolbar-md-grey .bar-button-clear-md-backgroundgrey,
.toolbar-md-grey .bar-button-md-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-backgroundgrey-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-backgroundgrey:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-md-grey .bar-button-outline-md-backgroundgrey {
  border-color: #dbdbdb;
  color: #dbdbdb;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-backgroundgrey.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-backgroundgrey .button-effect {
  background-color: #dbdbdb;
}

.toolbar-md-grey .bar-button-solid-md-backgroundgrey {
  color: #424242;
  background-color: #EEEEEE;
}

.toolbar-md-grey .bar-button-solid-md-backgroundgrey.activated {
  color: #424242;
  background-color: #dbdbdb;
}

.toolbar-md-grey .bar-button-whitecolor-md,
.toolbar-md-grey .bar-button-clear-md-whitecolor,
.toolbar-md-grey .bar-button-md-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-whitecolor-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-whitecolor:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-grey .bar-button-outline-md-whitecolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-whitecolor.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-whitecolor .button-effect {
  background-color: #141414;
}

.toolbar-md-grey .bar-button-solid-md-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-md-grey .bar-button-solid-md-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-grey .bar-button-grey-md,
.toolbar-md-grey .bar-button-clear-md-grey,
.toolbar-md-grey .bar-button-md-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-md-grey .bar-button-outline-md-grey {
  border-color: #787678;
  color: #787678;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-grey .button-effect {
  background-color: #787678;
}

.toolbar-md-grey .bar-button-solid-md-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-md-grey .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-md-grey .bar-button-blackcolor-md,
.toolbar-md-grey .bar-button-clear-md-blackcolor,
.toolbar-md-grey .bar-button-md-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-blackcolor-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-blackcolor:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-grey .bar-button-outline-md-blackcolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-blackcolor.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-blackcolor .button-effect {
  background-color: #141414;
}

.toolbar-md-grey .bar-button-solid-md-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-md-grey .bar-button-solid-md-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-grey .bar-button-mildred-md,
.toolbar-md-grey .bar-button-clear-md-mildred,
.toolbar-md-grey .bar-button-md-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-mildred-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-mildred:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-md-grey .bar-button-outline-md-mildred {
  border-color: #eb025e;
  color: #eb025e;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-mildred.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-mildred .button-effect {
  background-color: #eb025e;
}

.toolbar-md-grey .bar-button-solid-md-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-md-grey .bar-button-solid-md-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-md-grey .bar-button-mildgreen-md,
.toolbar-md-grey .bar-button-clear-md-mildgreen,
.toolbar-md-grey .bar-button-md-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-mildgreen-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-mildgreen:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-md-grey .bar-button-outline-md-mildgreen {
  border-color: #61dda0;
  color: #61dda0;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-mildgreen.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-mildgreen .button-effect {
  background-color: #61dda0;
}

.toolbar-md-grey .bar-button-solid-md-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-md-grey .bar-button-solid-md-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-md-grey .bar-button-sidebar-md,
.toolbar-md-grey .bar-button-clear-md-sidebar,
.toolbar-md-grey .bar-button-md-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-sidebar-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-sidebar:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-md-grey .bar-button-outline-md-sidebar {
  border-color: rgba(32, 32, 255, 0.772706);
  color: rgba(32, 32, 255, 0.772706);
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-sidebar.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-sidebar .button-effect {
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-md-grey .bar-button-solid-md-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-md-grey .bar-button-solid-md-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-md-grey .bar-button-white-md,
.toolbar-md-grey .bar-button-clear-md-white,
.toolbar-md-grey .bar-button-md-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-md-grey .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-grey .bar-button-solid-md-white {
  color: #424242;
  background-color: #ffffff;
}

.toolbar-md-grey .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-grey .bar-button-magenta-md,
.toolbar-md-grey .bar-button-clear-md-magenta,
.toolbar-md-grey .bar-button-md-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-magenta-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-magenta:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-md-grey .bar-button-outline-md-magenta {
  border-color: #c918c9;
  color: #c918c9;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-magenta.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-magenta .button-effect {
  background-color: #c918c9;
}

.toolbar-md-grey .bar-button-solid-md-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-md-grey .bar-button-solid-md-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-grey-md,
.bar-button-clear-md-grey,
.bar-button-md-grey {
  color: #828082;
  background-color: transparent;
}

.bar-button-grey-md:hover:not(.disable-hover),
.bar-button-clear-md-grey:hover:not(.disable-hover),
.bar-button-md-grey:hover:not(.disable-hover) {
  color: #828082;
}

.bar-button-outline-md-grey {
  border-color: #787678;
  color: #787678;
  background-color: transparent;
}

.bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.bar-button-outline-md-grey .button-effect {
  background-color: #787678;
}

.bar-button-solid-md-grey {
  color: #fff;
  background-color: #828082;
}

.bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-md-blackcolor .toolbar-background-md {
  background: #000;
}

.toolbar-md-blackcolor .bar-button-clear-md,
.toolbar-md-blackcolor .bar-button-default-md,
.toolbar-md-blackcolor .bar-button-outline-md,
.toolbar-md-blackcolor .toolbar-title-md {
  color: #fff;
}

.toolbar-md-blackcolor .bar-button-clear-md .button-effect,
.toolbar-md-blackcolor .bar-button-default-md .button-effect,
.toolbar-md-blackcolor .bar-button-outline-md .button-effect {
  background-color: #fff;
}

.toolbar-md-blackcolor .bar-button-outline-md {
  border-color: #fff;
}

.toolbar-md-blackcolor .bar-button-primary-md,
.toolbar-md-blackcolor .bar-button-clear-md-primary,
.toolbar-md-blackcolor .bar-button-md-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-blackcolor .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-blackcolor .bar-button-md-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-md-blackcolor .bar-button-outline-md-primary {
  border-color: #14a1ff;
  color: #14a1ff;
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-outline-md-primary .button-effect {
  background-color: #14a1ff;
}

.toolbar-md-blackcolor .bar-button-solid-md-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-md-blackcolor .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-md-blackcolor .bar-button-secondary-md,
.toolbar-md-blackcolor .bar-button-clear-md-secondary,
.toolbar-md-blackcolor .bar-button-md-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-blackcolor .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-blackcolor .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-md-blackcolor .bar-button-outline-md-secondary {
  border-color: #46b988;
  color: #46b988;
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-outline-md-secondary .button-effect {
  background-color: #46b988;
}

.toolbar-md-blackcolor .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-md-blackcolor .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-md-blackcolor .bar-button-danger-md,
.toolbar-md-blackcolor .bar-button-clear-md-danger,
.toolbar-md-blackcolor .bar-button-md-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-blackcolor .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-blackcolor .bar-button-md-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-md-blackcolor .bar-button-outline-md-danger {
  border-color: #eb4f2c;
  color: #eb4f2c;
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-outline-md-danger .button-effect {
  background-color: #eb4f2c;
}

.toolbar-md-blackcolor .bar-button-solid-md-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-md-blackcolor .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-md-blackcolor .bar-button-light-md,
.toolbar-md-blackcolor .bar-button-clear-md-light,
.toolbar-md-blackcolor .bar-button-md-light {
  color: #000;
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-blackcolor .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-blackcolor .bar-button-md-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-blackcolor .bar-button-outline-md-light {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-outline-md-light .button-effect {
  background-color: #141414;
}

.toolbar-md-blackcolor .bar-button-solid-md-light {
  color: #fff;
  background-color: #000;
}

.toolbar-md-blackcolor .bar-button-solid-md-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-blackcolor .bar-button-dark-md,
.toolbar-md-blackcolor .bar-button-clear-md-dark,
.toolbar-md-blackcolor .bar-button-md-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-blackcolor .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-blackcolor .bar-button-md-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-md-blackcolor .bar-button-outline-md-dark {
  border-color: #2a3c5b;
  color: #2a3c5b;
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-outline-md-dark .button-effect {
  background-color: #2a3c5b;
}

.toolbar-md-blackcolor .bar-button-solid-md-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-md-blackcolor .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-md-blackcolor .bar-button-snappink-md,
.toolbar-md-blackcolor .bar-button-clear-md-snappink,
.toolbar-md-blackcolor .bar-button-md-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-snappink-md:hover:not(.disable-hover),
.toolbar-md-blackcolor .bar-button-clear-md-snappink:hover:not(.disable-hover),
.toolbar-md-blackcolor .bar-button-md-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-md-blackcolor .bar-button-outline-md-snappink {
  border-color: #327cdd;
  color: #327cdd;
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-outline-md-snappink.activated {
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-outline-md-snappink .button-effect {
  background-color: #327cdd;
}

.toolbar-md-blackcolor .bar-button-solid-md-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-md-blackcolor .bar-button-solid-md-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-md-blackcolor .bar-button-snapblue-md,
.toolbar-md-blackcolor .bar-button-clear-md-snapblue,
.toolbar-md-blackcolor .bar-button-md-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-snapblue-md:hover:not(.disable-hover),
.toolbar-md-blackcolor .bar-button-clear-md-snapblue:hover:not(.disable-hover),
.toolbar-md-blackcolor .bar-button-md-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-md-blackcolor .bar-button-outline-md-snapblue {
  border-color: #14dbff;
  color: #14dbff;
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-outline-md-snapblue.activated {
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-outline-md-snapblue .button-effect {
  background-color: #14dbff;
}

.toolbar-md-blackcolor .bar-button-solid-md-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-md-blackcolor .bar-button-solid-md-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-md-blackcolor .bar-button-snapyellow-md,
.toolbar-md-blackcolor .bar-button-clear-md-snapyellow,
.toolbar-md-blackcolor .bar-button-md-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-snapyellow-md:hover:not(.disable-hover),
.toolbar-md-blackcolor .bar-button-clear-md-snapyellow:hover:not(.disable-hover),
.toolbar-md-blackcolor .bar-button-md-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-md-blackcolor .bar-button-outline-md-snapyellow {
  border-color: #ebb206;
  color: #ebb206;
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-outline-md-snapyellow.activated {
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-outline-md-snapyellow .button-effect {
  background-color: #ebb206;
}

.toolbar-md-blackcolor .bar-button-solid-md-snapyellow {
  color: #424242;
  background-color: #FFC107;
}

.toolbar-md-blackcolor .bar-button-solid-md-snapyellow.activated {
  color: #424242;
  background-color: #ebb206;
}

.toolbar-md-blackcolor .bar-button-snapgreen-md,
.toolbar-md-blackcolor .bar-button-clear-md-snapgreen,
.toolbar-md-blackcolor .bar-button-md-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-snapgreen-md:hover:not(.disable-hover),
.toolbar-md-blackcolor .bar-button-clear-md-snapgreen:hover:not(.disable-hover),
.toolbar-md-blackcolor .bar-button-md-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-md-blackcolor .bar-button-outline-md-snapgreen {
  border-color: #5ab55e;
  color: #5ab55e;
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-outline-md-snapgreen.activated {
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-outline-md-snapgreen .button-effect {
  background-color: #5ab55e;
}

.toolbar-md-blackcolor .bar-button-solid-md-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-md-blackcolor .bar-button-solid-md-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-md-blackcolor .bar-button-snapindigo-md,
.toolbar-md-blackcolor .bar-button-clear-md-snapindigo,
.toolbar-md-blackcolor .bar-button-md-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-snapindigo-md:hover:not(.disable-hover),
.toolbar-md-blackcolor .bar-button-clear-md-snapindigo:hover:not(.disable-hover),
.toolbar-md-blackcolor .bar-button-md-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-md-blackcolor .bar-button-outline-md-snapindigo {
  border-color: #4e5fbb;
  color: #4e5fbb;
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-outline-md-snapindigo.activated {
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-outline-md-snapindigo .button-effect {
  background-color: #4e5fbb;
}

.toolbar-md-blackcolor .bar-button-solid-md-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-md-blackcolor .bar-button-solid-md-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-md-blackcolor .bar-button-backgroundgrey-md,
.toolbar-md-blackcolor .bar-button-clear-md-backgroundgrey,
.toolbar-md-blackcolor .bar-button-md-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-backgroundgrey-md:hover:not(.disable-hover),
.toolbar-md-blackcolor .bar-button-clear-md-backgroundgrey:hover:not(.disable-hover),
.toolbar-md-blackcolor .bar-button-md-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-md-blackcolor .bar-button-outline-md-backgroundgrey {
  border-color: #dbdbdb;
  color: #dbdbdb;
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-outline-md-backgroundgrey.activated {
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-outline-md-backgroundgrey .button-effect {
  background-color: #dbdbdb;
}

.toolbar-md-blackcolor .bar-button-solid-md-backgroundgrey {
  color: #424242;
  background-color: #EEEEEE;
}

.toolbar-md-blackcolor .bar-button-solid-md-backgroundgrey.activated {
  color: #424242;
  background-color: #dbdbdb;
}

.toolbar-md-blackcolor .bar-button-whitecolor-md,
.toolbar-md-blackcolor .bar-button-clear-md-whitecolor,
.toolbar-md-blackcolor .bar-button-md-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-whitecolor-md:hover:not(.disable-hover),
.toolbar-md-blackcolor .bar-button-clear-md-whitecolor:hover:not(.disable-hover),
.toolbar-md-blackcolor .bar-button-md-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-blackcolor .bar-button-outline-md-whitecolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-outline-md-whitecolor.activated {
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-outline-md-whitecolor .button-effect {
  background-color: #141414;
}

.toolbar-md-blackcolor .bar-button-solid-md-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-md-blackcolor .bar-button-solid-md-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-blackcolor .bar-button-grey-md,
.toolbar-md-blackcolor .bar-button-clear-md-grey,
.toolbar-md-blackcolor .bar-button-md-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-blackcolor .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-blackcolor .bar-button-md-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-md-blackcolor .bar-button-outline-md-grey {
  border-color: #787678;
  color: #787678;
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-outline-md-grey .button-effect {
  background-color: #787678;
}

.toolbar-md-blackcolor .bar-button-solid-md-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-md-blackcolor .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-md-blackcolor .bar-button-blackcolor-md,
.toolbar-md-blackcolor .bar-button-clear-md-blackcolor,
.toolbar-md-blackcolor .bar-button-md-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-blackcolor-md:hover:not(.disable-hover),
.toolbar-md-blackcolor .bar-button-clear-md-blackcolor:hover:not(.disable-hover),
.toolbar-md-blackcolor .bar-button-md-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-blackcolor .bar-button-outline-md-blackcolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-outline-md-blackcolor.activated {
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-outline-md-blackcolor .button-effect {
  background-color: #141414;
}

.toolbar-md-blackcolor .bar-button-solid-md-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-md-blackcolor .bar-button-solid-md-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-blackcolor .bar-button-mildred-md,
.toolbar-md-blackcolor .bar-button-clear-md-mildred,
.toolbar-md-blackcolor .bar-button-md-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-mildred-md:hover:not(.disable-hover),
.toolbar-md-blackcolor .bar-button-clear-md-mildred:hover:not(.disable-hover),
.toolbar-md-blackcolor .bar-button-md-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-md-blackcolor .bar-button-outline-md-mildred {
  border-color: #eb025e;
  color: #eb025e;
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-outline-md-mildred.activated {
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-outline-md-mildred .button-effect {
  background-color: #eb025e;
}

.toolbar-md-blackcolor .bar-button-solid-md-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-md-blackcolor .bar-button-solid-md-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-md-blackcolor .bar-button-mildgreen-md,
.toolbar-md-blackcolor .bar-button-clear-md-mildgreen,
.toolbar-md-blackcolor .bar-button-md-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-mildgreen-md:hover:not(.disable-hover),
.toolbar-md-blackcolor .bar-button-clear-md-mildgreen:hover:not(.disable-hover),
.toolbar-md-blackcolor .bar-button-md-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-md-blackcolor .bar-button-outline-md-mildgreen {
  border-color: #61dda0;
  color: #61dda0;
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-outline-md-mildgreen.activated {
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-outline-md-mildgreen .button-effect {
  background-color: #61dda0;
}

.toolbar-md-blackcolor .bar-button-solid-md-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-md-blackcolor .bar-button-solid-md-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-md-blackcolor .bar-button-sidebar-md,
.toolbar-md-blackcolor .bar-button-clear-md-sidebar,
.toolbar-md-blackcolor .bar-button-md-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-sidebar-md:hover:not(.disable-hover),
.toolbar-md-blackcolor .bar-button-clear-md-sidebar:hover:not(.disable-hover),
.toolbar-md-blackcolor .bar-button-md-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-md-blackcolor .bar-button-outline-md-sidebar {
  border-color: rgba(32, 32, 255, 0.772706);
  color: rgba(32, 32, 255, 0.772706);
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-outline-md-sidebar.activated {
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-outline-md-sidebar .button-effect {
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-md-blackcolor .bar-button-solid-md-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-md-blackcolor .bar-button-solid-md-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-md-blackcolor .bar-button-white-md,
.toolbar-md-blackcolor .bar-button-clear-md-white,
.toolbar-md-blackcolor .bar-button-md-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-blackcolor .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-blackcolor .bar-button-md-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-md-blackcolor .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-blackcolor .bar-button-solid-md-white {
  color: #424242;
  background-color: #ffffff;
}

.toolbar-md-blackcolor .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-blackcolor .bar-button-magenta-md,
.toolbar-md-blackcolor .bar-button-clear-md-magenta,
.toolbar-md-blackcolor .bar-button-md-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-magenta-md:hover:not(.disable-hover),
.toolbar-md-blackcolor .bar-button-clear-md-magenta:hover:not(.disable-hover),
.toolbar-md-blackcolor .bar-button-md-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-md-blackcolor .bar-button-outline-md-magenta {
  border-color: #c918c9;
  color: #c918c9;
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-outline-md-magenta.activated {
  background-color: transparent;
}

.toolbar-md-blackcolor .bar-button-outline-md-magenta .button-effect {
  background-color: #c918c9;
}

.toolbar-md-blackcolor .bar-button-solid-md-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-md-blackcolor .bar-button-solid-md-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-blackcolor-md,
.bar-button-clear-md-blackcolor,
.bar-button-md-blackcolor {
  color: #000;
  background-color: transparent;
}

.bar-button-blackcolor-md:hover:not(.disable-hover),
.bar-button-clear-md-blackcolor:hover:not(.disable-hover),
.bar-button-md-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.bar-button-outline-md-blackcolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.bar-button-outline-md-blackcolor.activated {
  background-color: transparent;
}

.bar-button-outline-md-blackcolor .button-effect {
  background-color: #141414;
}

.bar-button-solid-md-blackcolor {
  color: #fff;
  background-color: #000;
}

.bar-button-solid-md-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-mildred .toolbar-background-md {
  background: #FF0266;
}

.toolbar-md-mildred .bar-button-clear-md,
.toolbar-md-mildred .bar-button-default-md,
.toolbar-md-mildred .bar-button-outline-md,
.toolbar-md-mildred .toolbar-title-md {
  color: #fff;
}

.toolbar-md-mildred .bar-button-clear-md .button-effect,
.toolbar-md-mildred .bar-button-default-md .button-effect,
.toolbar-md-mildred .bar-button-outline-md .button-effect {
  background-color: #fff;
}

.toolbar-md-mildred .bar-button-outline-md {
  border-color: #fff;
}

.toolbar-md-mildred .bar-button-primary-md,
.toolbar-md-mildred .bar-button-clear-md-primary,
.toolbar-md-mildred .bar-button-md-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-mildred .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-mildred .bar-button-md-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-md-mildred .bar-button-outline-md-primary {
  border-color: #14a1ff;
  color: #14a1ff;
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-outline-md-primary .button-effect {
  background-color: #14a1ff;
}

.toolbar-md-mildred .bar-button-solid-md-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-md-mildred .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-md-mildred .bar-button-secondary-md,
.toolbar-md-mildred .bar-button-clear-md-secondary,
.toolbar-md-mildred .bar-button-md-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-mildred .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-mildred .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-md-mildred .bar-button-outline-md-secondary {
  border-color: #46b988;
  color: #46b988;
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-outline-md-secondary .button-effect {
  background-color: #46b988;
}

.toolbar-md-mildred .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-md-mildred .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-md-mildred .bar-button-danger-md,
.toolbar-md-mildred .bar-button-clear-md-danger,
.toolbar-md-mildred .bar-button-md-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-mildred .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-mildred .bar-button-md-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-md-mildred .bar-button-outline-md-danger {
  border-color: #eb4f2c;
  color: #eb4f2c;
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-outline-md-danger .button-effect {
  background-color: #eb4f2c;
}

.toolbar-md-mildred .bar-button-solid-md-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-md-mildred .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-md-mildred .bar-button-light-md,
.toolbar-md-mildred .bar-button-clear-md-light,
.toolbar-md-mildred .bar-button-md-light {
  color: #000;
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-mildred .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-mildred .bar-button-md-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-mildred .bar-button-outline-md-light {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-outline-md-light .button-effect {
  background-color: #141414;
}

.toolbar-md-mildred .bar-button-solid-md-light {
  color: #fff;
  background-color: #000;
}

.toolbar-md-mildred .bar-button-solid-md-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-mildred .bar-button-dark-md,
.toolbar-md-mildred .bar-button-clear-md-dark,
.toolbar-md-mildred .bar-button-md-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-mildred .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-mildred .bar-button-md-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-md-mildred .bar-button-outline-md-dark {
  border-color: #2a3c5b;
  color: #2a3c5b;
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-outline-md-dark .button-effect {
  background-color: #2a3c5b;
}

.toolbar-md-mildred .bar-button-solid-md-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-md-mildred .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-md-mildred .bar-button-snappink-md,
.toolbar-md-mildred .bar-button-clear-md-snappink,
.toolbar-md-mildred .bar-button-md-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-snappink-md:hover:not(.disable-hover),
.toolbar-md-mildred .bar-button-clear-md-snappink:hover:not(.disable-hover),
.toolbar-md-mildred .bar-button-md-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-md-mildred .bar-button-outline-md-snappink {
  border-color: #327cdd;
  color: #327cdd;
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-outline-md-snappink.activated {
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-outline-md-snappink .button-effect {
  background-color: #327cdd;
}

.toolbar-md-mildred .bar-button-solid-md-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-md-mildred .bar-button-solid-md-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-md-mildred .bar-button-snapblue-md,
.toolbar-md-mildred .bar-button-clear-md-snapblue,
.toolbar-md-mildred .bar-button-md-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-snapblue-md:hover:not(.disable-hover),
.toolbar-md-mildred .bar-button-clear-md-snapblue:hover:not(.disable-hover),
.toolbar-md-mildred .bar-button-md-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-md-mildred .bar-button-outline-md-snapblue {
  border-color: #14dbff;
  color: #14dbff;
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-outline-md-snapblue.activated {
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-outline-md-snapblue .button-effect {
  background-color: #14dbff;
}

.toolbar-md-mildred .bar-button-solid-md-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-md-mildred .bar-button-solid-md-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-md-mildred .bar-button-snapyellow-md,
.toolbar-md-mildred .bar-button-clear-md-snapyellow,
.toolbar-md-mildred .bar-button-md-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-snapyellow-md:hover:not(.disable-hover),
.toolbar-md-mildred .bar-button-clear-md-snapyellow:hover:not(.disable-hover),
.toolbar-md-mildred .bar-button-md-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-md-mildred .bar-button-outline-md-snapyellow {
  border-color: #ebb206;
  color: #ebb206;
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-outline-md-snapyellow.activated {
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-outline-md-snapyellow .button-effect {
  background-color: #ebb206;
}

.toolbar-md-mildred .bar-button-solid-md-snapyellow {
  color: #424242;
  background-color: #FFC107;
}

.toolbar-md-mildred .bar-button-solid-md-snapyellow.activated {
  color: #424242;
  background-color: #ebb206;
}

.toolbar-md-mildred .bar-button-snapgreen-md,
.toolbar-md-mildred .bar-button-clear-md-snapgreen,
.toolbar-md-mildred .bar-button-md-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-snapgreen-md:hover:not(.disable-hover),
.toolbar-md-mildred .bar-button-clear-md-snapgreen:hover:not(.disable-hover),
.toolbar-md-mildred .bar-button-md-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-md-mildred .bar-button-outline-md-snapgreen {
  border-color: #5ab55e;
  color: #5ab55e;
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-outline-md-snapgreen.activated {
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-outline-md-snapgreen .button-effect {
  background-color: #5ab55e;
}

.toolbar-md-mildred .bar-button-solid-md-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-md-mildred .bar-button-solid-md-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-md-mildred .bar-button-snapindigo-md,
.toolbar-md-mildred .bar-button-clear-md-snapindigo,
.toolbar-md-mildred .bar-button-md-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-snapindigo-md:hover:not(.disable-hover),
.toolbar-md-mildred .bar-button-clear-md-snapindigo:hover:not(.disable-hover),
.toolbar-md-mildred .bar-button-md-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-md-mildred .bar-button-outline-md-snapindigo {
  border-color: #4e5fbb;
  color: #4e5fbb;
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-outline-md-snapindigo.activated {
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-outline-md-snapindigo .button-effect {
  background-color: #4e5fbb;
}

.toolbar-md-mildred .bar-button-solid-md-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-md-mildred .bar-button-solid-md-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-md-mildred .bar-button-backgroundgrey-md,
.toolbar-md-mildred .bar-button-clear-md-backgroundgrey,
.toolbar-md-mildred .bar-button-md-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-backgroundgrey-md:hover:not(.disable-hover),
.toolbar-md-mildred .bar-button-clear-md-backgroundgrey:hover:not(.disable-hover),
.toolbar-md-mildred .bar-button-md-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-md-mildred .bar-button-outline-md-backgroundgrey {
  border-color: #dbdbdb;
  color: #dbdbdb;
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-outline-md-backgroundgrey.activated {
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-outline-md-backgroundgrey .button-effect {
  background-color: #dbdbdb;
}

.toolbar-md-mildred .bar-button-solid-md-backgroundgrey {
  color: #424242;
  background-color: #EEEEEE;
}

.toolbar-md-mildred .bar-button-solid-md-backgroundgrey.activated {
  color: #424242;
  background-color: #dbdbdb;
}

.toolbar-md-mildred .bar-button-whitecolor-md,
.toolbar-md-mildred .bar-button-clear-md-whitecolor,
.toolbar-md-mildred .bar-button-md-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-whitecolor-md:hover:not(.disable-hover),
.toolbar-md-mildred .bar-button-clear-md-whitecolor:hover:not(.disable-hover),
.toolbar-md-mildred .bar-button-md-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-mildred .bar-button-outline-md-whitecolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-outline-md-whitecolor.activated {
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-outline-md-whitecolor .button-effect {
  background-color: #141414;
}

.toolbar-md-mildred .bar-button-solid-md-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-md-mildred .bar-button-solid-md-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-mildred .bar-button-grey-md,
.toolbar-md-mildred .bar-button-clear-md-grey,
.toolbar-md-mildred .bar-button-md-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-mildred .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-mildred .bar-button-md-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-md-mildred .bar-button-outline-md-grey {
  border-color: #787678;
  color: #787678;
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-outline-md-grey .button-effect {
  background-color: #787678;
}

.toolbar-md-mildred .bar-button-solid-md-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-md-mildred .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-md-mildred .bar-button-blackcolor-md,
.toolbar-md-mildred .bar-button-clear-md-blackcolor,
.toolbar-md-mildred .bar-button-md-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-blackcolor-md:hover:not(.disable-hover),
.toolbar-md-mildred .bar-button-clear-md-blackcolor:hover:not(.disable-hover),
.toolbar-md-mildred .bar-button-md-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-mildred .bar-button-outline-md-blackcolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-outline-md-blackcolor.activated {
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-outline-md-blackcolor .button-effect {
  background-color: #141414;
}

.toolbar-md-mildred .bar-button-solid-md-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-md-mildred .bar-button-solid-md-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-mildred .bar-button-mildred-md,
.toolbar-md-mildred .bar-button-clear-md-mildred,
.toolbar-md-mildred .bar-button-md-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-mildred-md:hover:not(.disable-hover),
.toolbar-md-mildred .bar-button-clear-md-mildred:hover:not(.disable-hover),
.toolbar-md-mildred .bar-button-md-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-md-mildred .bar-button-outline-md-mildred {
  border-color: #eb025e;
  color: #eb025e;
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-outline-md-mildred.activated {
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-outline-md-mildred .button-effect {
  background-color: #eb025e;
}

.toolbar-md-mildred .bar-button-solid-md-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-md-mildred .bar-button-solid-md-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-md-mildred .bar-button-mildgreen-md,
.toolbar-md-mildred .bar-button-clear-md-mildgreen,
.toolbar-md-mildred .bar-button-md-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-mildgreen-md:hover:not(.disable-hover),
.toolbar-md-mildred .bar-button-clear-md-mildgreen:hover:not(.disable-hover),
.toolbar-md-mildred .bar-button-md-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-md-mildred .bar-button-outline-md-mildgreen {
  border-color: #61dda0;
  color: #61dda0;
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-outline-md-mildgreen.activated {
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-outline-md-mildgreen .button-effect {
  background-color: #61dda0;
}

.toolbar-md-mildred .bar-button-solid-md-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-md-mildred .bar-button-solid-md-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-md-mildred .bar-button-sidebar-md,
.toolbar-md-mildred .bar-button-clear-md-sidebar,
.toolbar-md-mildred .bar-button-md-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-sidebar-md:hover:not(.disable-hover),
.toolbar-md-mildred .bar-button-clear-md-sidebar:hover:not(.disable-hover),
.toolbar-md-mildred .bar-button-md-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-md-mildred .bar-button-outline-md-sidebar {
  border-color: rgba(32, 32, 255, 0.772706);
  color: rgba(32, 32, 255, 0.772706);
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-outline-md-sidebar.activated {
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-outline-md-sidebar .button-effect {
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-md-mildred .bar-button-solid-md-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-md-mildred .bar-button-solid-md-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-md-mildred .bar-button-white-md,
.toolbar-md-mildred .bar-button-clear-md-white,
.toolbar-md-mildred .bar-button-md-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-mildred .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-mildred .bar-button-md-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-md-mildred .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-mildred .bar-button-solid-md-white {
  color: #424242;
  background-color: #ffffff;
}

.toolbar-md-mildred .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-mildred .bar-button-magenta-md,
.toolbar-md-mildred .bar-button-clear-md-magenta,
.toolbar-md-mildred .bar-button-md-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-magenta-md:hover:not(.disable-hover),
.toolbar-md-mildred .bar-button-clear-md-magenta:hover:not(.disable-hover),
.toolbar-md-mildred .bar-button-md-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-md-mildred .bar-button-outline-md-magenta {
  border-color: #c918c9;
  color: #c918c9;
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-outline-md-magenta.activated {
  background-color: transparent;
}

.toolbar-md-mildred .bar-button-outline-md-magenta .button-effect {
  background-color: #c918c9;
}

.toolbar-md-mildred .bar-button-solid-md-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-md-mildred .bar-button-solid-md-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-mildred-md,
.bar-button-clear-md-mildred,
.bar-button-md-mildred {
  color: #FF0266;
  background-color: transparent;
}

.bar-button-mildred-md:hover:not(.disable-hover),
.bar-button-clear-md-mildred:hover:not(.disable-hover),
.bar-button-md-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.bar-button-outline-md-mildred {
  border-color: #eb025e;
  color: #eb025e;
  background-color: transparent;
}

.bar-button-outline-md-mildred.activated {
  background-color: transparent;
}

.bar-button-outline-md-mildred .button-effect {
  background-color: #eb025e;
}

.bar-button-solid-md-mildred {
  color: #fff;
  background-color: #FF0266;
}

.bar-button-solid-md-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-md-mildgreen .toolbar-background-md {
  background: #69F0AE;
}

.toolbar-md-mildgreen .bar-button-clear-md,
.toolbar-md-mildgreen .bar-button-default-md,
.toolbar-md-mildgreen .bar-button-outline-md,
.toolbar-md-mildgreen .toolbar-title-md {
  color: #fff;
}

.toolbar-md-mildgreen .bar-button-clear-md .button-effect,
.toolbar-md-mildgreen .bar-button-default-md .button-effect,
.toolbar-md-mildgreen .bar-button-outline-md .button-effect {
  background-color: #fff;
}

.toolbar-md-mildgreen .bar-button-outline-md {
  border-color: #fff;
}

.toolbar-md-mildgreen .bar-button-primary-md,
.toolbar-md-mildgreen .bar-button-clear-md-primary,
.toolbar-md-mildgreen .bar-button-md-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-mildgreen .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-mildgreen .bar-button-md-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-md-mildgreen .bar-button-outline-md-primary {
  border-color: #14a1ff;
  color: #14a1ff;
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-outline-md-primary .button-effect {
  background-color: #14a1ff;
}

.toolbar-md-mildgreen .bar-button-solid-md-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-md-mildgreen .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-md-mildgreen .bar-button-secondary-md,
.toolbar-md-mildgreen .bar-button-clear-md-secondary,
.toolbar-md-mildgreen .bar-button-md-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-mildgreen .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-mildgreen .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-md-mildgreen .bar-button-outline-md-secondary {
  border-color: #46b988;
  color: #46b988;
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-outline-md-secondary .button-effect {
  background-color: #46b988;
}

.toolbar-md-mildgreen .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-md-mildgreen .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-md-mildgreen .bar-button-danger-md,
.toolbar-md-mildgreen .bar-button-clear-md-danger,
.toolbar-md-mildgreen .bar-button-md-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-mildgreen .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-mildgreen .bar-button-md-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-md-mildgreen .bar-button-outline-md-danger {
  border-color: #eb4f2c;
  color: #eb4f2c;
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-outline-md-danger .button-effect {
  background-color: #eb4f2c;
}

.toolbar-md-mildgreen .bar-button-solid-md-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-md-mildgreen .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-md-mildgreen .bar-button-light-md,
.toolbar-md-mildgreen .bar-button-clear-md-light,
.toolbar-md-mildgreen .bar-button-md-light {
  color: #000;
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-mildgreen .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-mildgreen .bar-button-md-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-mildgreen .bar-button-outline-md-light {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-outline-md-light .button-effect {
  background-color: #141414;
}

.toolbar-md-mildgreen .bar-button-solid-md-light {
  color: #fff;
  background-color: #000;
}

.toolbar-md-mildgreen .bar-button-solid-md-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-mildgreen .bar-button-dark-md,
.toolbar-md-mildgreen .bar-button-clear-md-dark,
.toolbar-md-mildgreen .bar-button-md-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-mildgreen .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-mildgreen .bar-button-md-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-md-mildgreen .bar-button-outline-md-dark {
  border-color: #2a3c5b;
  color: #2a3c5b;
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-outline-md-dark .button-effect {
  background-color: #2a3c5b;
}

.toolbar-md-mildgreen .bar-button-solid-md-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-md-mildgreen .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-md-mildgreen .bar-button-snappink-md,
.toolbar-md-mildgreen .bar-button-clear-md-snappink,
.toolbar-md-mildgreen .bar-button-md-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-snappink-md:hover:not(.disable-hover),
.toolbar-md-mildgreen .bar-button-clear-md-snappink:hover:not(.disable-hover),
.toolbar-md-mildgreen .bar-button-md-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-md-mildgreen .bar-button-outline-md-snappink {
  border-color: #327cdd;
  color: #327cdd;
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-outline-md-snappink.activated {
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-outline-md-snappink .button-effect {
  background-color: #327cdd;
}

.toolbar-md-mildgreen .bar-button-solid-md-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-md-mildgreen .bar-button-solid-md-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-md-mildgreen .bar-button-snapblue-md,
.toolbar-md-mildgreen .bar-button-clear-md-snapblue,
.toolbar-md-mildgreen .bar-button-md-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-snapblue-md:hover:not(.disable-hover),
.toolbar-md-mildgreen .bar-button-clear-md-snapblue:hover:not(.disable-hover),
.toolbar-md-mildgreen .bar-button-md-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-md-mildgreen .bar-button-outline-md-snapblue {
  border-color: #14dbff;
  color: #14dbff;
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-outline-md-snapblue.activated {
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-outline-md-snapblue .button-effect {
  background-color: #14dbff;
}

.toolbar-md-mildgreen .bar-button-solid-md-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-md-mildgreen .bar-button-solid-md-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-md-mildgreen .bar-button-snapyellow-md,
.toolbar-md-mildgreen .bar-button-clear-md-snapyellow,
.toolbar-md-mildgreen .bar-button-md-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-snapyellow-md:hover:not(.disable-hover),
.toolbar-md-mildgreen .bar-button-clear-md-snapyellow:hover:not(.disable-hover),
.toolbar-md-mildgreen .bar-button-md-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-md-mildgreen .bar-button-outline-md-snapyellow {
  border-color: #ebb206;
  color: #ebb206;
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-outline-md-snapyellow.activated {
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-outline-md-snapyellow .button-effect {
  background-color: #ebb206;
}

.toolbar-md-mildgreen .bar-button-solid-md-snapyellow {
  color: #424242;
  background-color: #FFC107;
}

.toolbar-md-mildgreen .bar-button-solid-md-snapyellow.activated {
  color: #424242;
  background-color: #ebb206;
}

.toolbar-md-mildgreen .bar-button-snapgreen-md,
.toolbar-md-mildgreen .bar-button-clear-md-snapgreen,
.toolbar-md-mildgreen .bar-button-md-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-snapgreen-md:hover:not(.disable-hover),
.toolbar-md-mildgreen .bar-button-clear-md-snapgreen:hover:not(.disable-hover),
.toolbar-md-mildgreen .bar-button-md-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-md-mildgreen .bar-button-outline-md-snapgreen {
  border-color: #5ab55e;
  color: #5ab55e;
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-outline-md-snapgreen.activated {
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-outline-md-snapgreen .button-effect {
  background-color: #5ab55e;
}

.toolbar-md-mildgreen .bar-button-solid-md-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-md-mildgreen .bar-button-solid-md-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-md-mildgreen .bar-button-snapindigo-md,
.toolbar-md-mildgreen .bar-button-clear-md-snapindigo,
.toolbar-md-mildgreen .bar-button-md-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-snapindigo-md:hover:not(.disable-hover),
.toolbar-md-mildgreen .bar-button-clear-md-snapindigo:hover:not(.disable-hover),
.toolbar-md-mildgreen .bar-button-md-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-md-mildgreen .bar-button-outline-md-snapindigo {
  border-color: #4e5fbb;
  color: #4e5fbb;
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-outline-md-snapindigo.activated {
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-outline-md-snapindigo .button-effect {
  background-color: #4e5fbb;
}

.toolbar-md-mildgreen .bar-button-solid-md-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-md-mildgreen .bar-button-solid-md-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-md-mildgreen .bar-button-backgroundgrey-md,
.toolbar-md-mildgreen .bar-button-clear-md-backgroundgrey,
.toolbar-md-mildgreen .bar-button-md-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-backgroundgrey-md:hover:not(.disable-hover),
.toolbar-md-mildgreen .bar-button-clear-md-backgroundgrey:hover:not(.disable-hover),
.toolbar-md-mildgreen .bar-button-md-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-md-mildgreen .bar-button-outline-md-backgroundgrey {
  border-color: #dbdbdb;
  color: #dbdbdb;
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-outline-md-backgroundgrey.activated {
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-outline-md-backgroundgrey .button-effect {
  background-color: #dbdbdb;
}

.toolbar-md-mildgreen .bar-button-solid-md-backgroundgrey {
  color: #424242;
  background-color: #EEEEEE;
}

.toolbar-md-mildgreen .bar-button-solid-md-backgroundgrey.activated {
  color: #424242;
  background-color: #dbdbdb;
}

.toolbar-md-mildgreen .bar-button-whitecolor-md,
.toolbar-md-mildgreen .bar-button-clear-md-whitecolor,
.toolbar-md-mildgreen .bar-button-md-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-whitecolor-md:hover:not(.disable-hover),
.toolbar-md-mildgreen .bar-button-clear-md-whitecolor:hover:not(.disable-hover),
.toolbar-md-mildgreen .bar-button-md-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-mildgreen .bar-button-outline-md-whitecolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-outline-md-whitecolor.activated {
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-outline-md-whitecolor .button-effect {
  background-color: #141414;
}

.toolbar-md-mildgreen .bar-button-solid-md-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-md-mildgreen .bar-button-solid-md-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-mildgreen .bar-button-grey-md,
.toolbar-md-mildgreen .bar-button-clear-md-grey,
.toolbar-md-mildgreen .bar-button-md-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-mildgreen .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-mildgreen .bar-button-md-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-md-mildgreen .bar-button-outline-md-grey {
  border-color: #787678;
  color: #787678;
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-outline-md-grey .button-effect {
  background-color: #787678;
}

.toolbar-md-mildgreen .bar-button-solid-md-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-md-mildgreen .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-md-mildgreen .bar-button-blackcolor-md,
.toolbar-md-mildgreen .bar-button-clear-md-blackcolor,
.toolbar-md-mildgreen .bar-button-md-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-blackcolor-md:hover:not(.disable-hover),
.toolbar-md-mildgreen .bar-button-clear-md-blackcolor:hover:not(.disable-hover),
.toolbar-md-mildgreen .bar-button-md-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-mildgreen .bar-button-outline-md-blackcolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-outline-md-blackcolor.activated {
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-outline-md-blackcolor .button-effect {
  background-color: #141414;
}

.toolbar-md-mildgreen .bar-button-solid-md-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-md-mildgreen .bar-button-solid-md-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-mildgreen .bar-button-mildred-md,
.toolbar-md-mildgreen .bar-button-clear-md-mildred,
.toolbar-md-mildgreen .bar-button-md-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-mildred-md:hover:not(.disable-hover),
.toolbar-md-mildgreen .bar-button-clear-md-mildred:hover:not(.disable-hover),
.toolbar-md-mildgreen .bar-button-md-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-md-mildgreen .bar-button-outline-md-mildred {
  border-color: #eb025e;
  color: #eb025e;
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-outline-md-mildred.activated {
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-outline-md-mildred .button-effect {
  background-color: #eb025e;
}

.toolbar-md-mildgreen .bar-button-solid-md-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-md-mildgreen .bar-button-solid-md-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-md-mildgreen .bar-button-mildgreen-md,
.toolbar-md-mildgreen .bar-button-clear-md-mildgreen,
.toolbar-md-mildgreen .bar-button-md-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-mildgreen-md:hover:not(.disable-hover),
.toolbar-md-mildgreen .bar-button-clear-md-mildgreen:hover:not(.disable-hover),
.toolbar-md-mildgreen .bar-button-md-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-md-mildgreen .bar-button-outline-md-mildgreen {
  border-color: #61dda0;
  color: #61dda0;
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-outline-md-mildgreen.activated {
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-outline-md-mildgreen .button-effect {
  background-color: #61dda0;
}

.toolbar-md-mildgreen .bar-button-solid-md-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-md-mildgreen .bar-button-solid-md-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-md-mildgreen .bar-button-sidebar-md,
.toolbar-md-mildgreen .bar-button-clear-md-sidebar,
.toolbar-md-mildgreen .bar-button-md-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-sidebar-md:hover:not(.disable-hover),
.toolbar-md-mildgreen .bar-button-clear-md-sidebar:hover:not(.disable-hover),
.toolbar-md-mildgreen .bar-button-md-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-md-mildgreen .bar-button-outline-md-sidebar {
  border-color: rgba(32, 32, 255, 0.772706);
  color: rgba(32, 32, 255, 0.772706);
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-outline-md-sidebar.activated {
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-outline-md-sidebar .button-effect {
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-md-mildgreen .bar-button-solid-md-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-md-mildgreen .bar-button-solid-md-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-md-mildgreen .bar-button-white-md,
.toolbar-md-mildgreen .bar-button-clear-md-white,
.toolbar-md-mildgreen .bar-button-md-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-mildgreen .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-mildgreen .bar-button-md-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-md-mildgreen .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-mildgreen .bar-button-solid-md-white {
  color: #424242;
  background-color: #ffffff;
}

.toolbar-md-mildgreen .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-mildgreen .bar-button-magenta-md,
.toolbar-md-mildgreen .bar-button-clear-md-magenta,
.toolbar-md-mildgreen .bar-button-md-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-magenta-md:hover:not(.disable-hover),
.toolbar-md-mildgreen .bar-button-clear-md-magenta:hover:not(.disable-hover),
.toolbar-md-mildgreen .bar-button-md-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-md-mildgreen .bar-button-outline-md-magenta {
  border-color: #c918c9;
  color: #c918c9;
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-outline-md-magenta.activated {
  background-color: transparent;
}

.toolbar-md-mildgreen .bar-button-outline-md-magenta .button-effect {
  background-color: #c918c9;
}

.toolbar-md-mildgreen .bar-button-solid-md-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-md-mildgreen .bar-button-solid-md-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-mildgreen-md,
.bar-button-clear-md-mildgreen,
.bar-button-md-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.bar-button-mildgreen-md:hover:not(.disable-hover),
.bar-button-clear-md-mildgreen:hover:not(.disable-hover),
.bar-button-md-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.bar-button-outline-md-mildgreen {
  border-color: #61dda0;
  color: #61dda0;
  background-color: transparent;
}

.bar-button-outline-md-mildgreen.activated {
  background-color: transparent;
}

.bar-button-outline-md-mildgreen .button-effect {
  background-color: #61dda0;
}

.bar-button-solid-md-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.bar-button-solid-md-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-md-sidebar .toolbar-background-md {
  background: #0000ffc0;
}

.toolbar-md-sidebar .bar-button-clear-md,
.toolbar-md-sidebar .bar-button-default-md,
.toolbar-md-sidebar .bar-button-outline-md,
.toolbar-md-sidebar .toolbar-title-md {
  color: #fff;
}

.toolbar-md-sidebar .bar-button-clear-md .button-effect,
.toolbar-md-sidebar .bar-button-default-md .button-effect,
.toolbar-md-sidebar .bar-button-outline-md .button-effect {
  background-color: #fff;
}

.toolbar-md-sidebar .bar-button-outline-md {
  border-color: #fff;
}

.toolbar-md-sidebar .bar-button-primary-md,
.toolbar-md-sidebar .bar-button-clear-md-primary,
.toolbar-md-sidebar .bar-button-md-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-sidebar .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-sidebar .bar-button-md-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-md-sidebar .bar-button-outline-md-primary {
  border-color: #14a1ff;
  color: #14a1ff;
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-outline-md-primary .button-effect {
  background-color: #14a1ff;
}

.toolbar-md-sidebar .bar-button-solid-md-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-md-sidebar .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-md-sidebar .bar-button-secondary-md,
.toolbar-md-sidebar .bar-button-clear-md-secondary,
.toolbar-md-sidebar .bar-button-md-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-sidebar .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-sidebar .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-md-sidebar .bar-button-outline-md-secondary {
  border-color: #46b988;
  color: #46b988;
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-outline-md-secondary .button-effect {
  background-color: #46b988;
}

.toolbar-md-sidebar .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-md-sidebar .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-md-sidebar .bar-button-danger-md,
.toolbar-md-sidebar .bar-button-clear-md-danger,
.toolbar-md-sidebar .bar-button-md-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-sidebar .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-sidebar .bar-button-md-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-md-sidebar .bar-button-outline-md-danger {
  border-color: #eb4f2c;
  color: #eb4f2c;
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-outline-md-danger .button-effect {
  background-color: #eb4f2c;
}

.toolbar-md-sidebar .bar-button-solid-md-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-md-sidebar .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-md-sidebar .bar-button-light-md,
.toolbar-md-sidebar .bar-button-clear-md-light,
.toolbar-md-sidebar .bar-button-md-light {
  color: #000;
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-sidebar .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-sidebar .bar-button-md-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-sidebar .bar-button-outline-md-light {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-outline-md-light .button-effect {
  background-color: #141414;
}

.toolbar-md-sidebar .bar-button-solid-md-light {
  color: #fff;
  background-color: #000;
}

.toolbar-md-sidebar .bar-button-solid-md-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-sidebar .bar-button-dark-md,
.toolbar-md-sidebar .bar-button-clear-md-dark,
.toolbar-md-sidebar .bar-button-md-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-sidebar .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-sidebar .bar-button-md-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-md-sidebar .bar-button-outline-md-dark {
  border-color: #2a3c5b;
  color: #2a3c5b;
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-outline-md-dark .button-effect {
  background-color: #2a3c5b;
}

.toolbar-md-sidebar .bar-button-solid-md-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-md-sidebar .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-md-sidebar .bar-button-snappink-md,
.toolbar-md-sidebar .bar-button-clear-md-snappink,
.toolbar-md-sidebar .bar-button-md-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-snappink-md:hover:not(.disable-hover),
.toolbar-md-sidebar .bar-button-clear-md-snappink:hover:not(.disable-hover),
.toolbar-md-sidebar .bar-button-md-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-md-sidebar .bar-button-outline-md-snappink {
  border-color: #327cdd;
  color: #327cdd;
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-outline-md-snappink.activated {
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-outline-md-snappink .button-effect {
  background-color: #327cdd;
}

.toolbar-md-sidebar .bar-button-solid-md-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-md-sidebar .bar-button-solid-md-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-md-sidebar .bar-button-snapblue-md,
.toolbar-md-sidebar .bar-button-clear-md-snapblue,
.toolbar-md-sidebar .bar-button-md-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-snapblue-md:hover:not(.disable-hover),
.toolbar-md-sidebar .bar-button-clear-md-snapblue:hover:not(.disable-hover),
.toolbar-md-sidebar .bar-button-md-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-md-sidebar .bar-button-outline-md-snapblue {
  border-color: #14dbff;
  color: #14dbff;
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-outline-md-snapblue.activated {
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-outline-md-snapblue .button-effect {
  background-color: #14dbff;
}

.toolbar-md-sidebar .bar-button-solid-md-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-md-sidebar .bar-button-solid-md-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-md-sidebar .bar-button-snapyellow-md,
.toolbar-md-sidebar .bar-button-clear-md-snapyellow,
.toolbar-md-sidebar .bar-button-md-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-snapyellow-md:hover:not(.disable-hover),
.toolbar-md-sidebar .bar-button-clear-md-snapyellow:hover:not(.disable-hover),
.toolbar-md-sidebar .bar-button-md-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-md-sidebar .bar-button-outline-md-snapyellow {
  border-color: #ebb206;
  color: #ebb206;
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-outline-md-snapyellow.activated {
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-outline-md-snapyellow .button-effect {
  background-color: #ebb206;
}

.toolbar-md-sidebar .bar-button-solid-md-snapyellow {
  color: #424242;
  background-color: #FFC107;
}

.toolbar-md-sidebar .bar-button-solid-md-snapyellow.activated {
  color: #424242;
  background-color: #ebb206;
}

.toolbar-md-sidebar .bar-button-snapgreen-md,
.toolbar-md-sidebar .bar-button-clear-md-snapgreen,
.toolbar-md-sidebar .bar-button-md-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-snapgreen-md:hover:not(.disable-hover),
.toolbar-md-sidebar .bar-button-clear-md-snapgreen:hover:not(.disable-hover),
.toolbar-md-sidebar .bar-button-md-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-md-sidebar .bar-button-outline-md-snapgreen {
  border-color: #5ab55e;
  color: #5ab55e;
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-outline-md-snapgreen.activated {
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-outline-md-snapgreen .button-effect {
  background-color: #5ab55e;
}

.toolbar-md-sidebar .bar-button-solid-md-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-md-sidebar .bar-button-solid-md-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-md-sidebar .bar-button-snapindigo-md,
.toolbar-md-sidebar .bar-button-clear-md-snapindigo,
.toolbar-md-sidebar .bar-button-md-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-snapindigo-md:hover:not(.disable-hover),
.toolbar-md-sidebar .bar-button-clear-md-snapindigo:hover:not(.disable-hover),
.toolbar-md-sidebar .bar-button-md-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-md-sidebar .bar-button-outline-md-snapindigo {
  border-color: #4e5fbb;
  color: #4e5fbb;
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-outline-md-snapindigo.activated {
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-outline-md-snapindigo .button-effect {
  background-color: #4e5fbb;
}

.toolbar-md-sidebar .bar-button-solid-md-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-md-sidebar .bar-button-solid-md-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-md-sidebar .bar-button-backgroundgrey-md,
.toolbar-md-sidebar .bar-button-clear-md-backgroundgrey,
.toolbar-md-sidebar .bar-button-md-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-backgroundgrey-md:hover:not(.disable-hover),
.toolbar-md-sidebar .bar-button-clear-md-backgroundgrey:hover:not(.disable-hover),
.toolbar-md-sidebar .bar-button-md-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-md-sidebar .bar-button-outline-md-backgroundgrey {
  border-color: #dbdbdb;
  color: #dbdbdb;
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-outline-md-backgroundgrey.activated {
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-outline-md-backgroundgrey .button-effect {
  background-color: #dbdbdb;
}

.toolbar-md-sidebar .bar-button-solid-md-backgroundgrey {
  color: #424242;
  background-color: #EEEEEE;
}

.toolbar-md-sidebar .bar-button-solid-md-backgroundgrey.activated {
  color: #424242;
  background-color: #dbdbdb;
}

.toolbar-md-sidebar .bar-button-whitecolor-md,
.toolbar-md-sidebar .bar-button-clear-md-whitecolor,
.toolbar-md-sidebar .bar-button-md-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-whitecolor-md:hover:not(.disable-hover),
.toolbar-md-sidebar .bar-button-clear-md-whitecolor:hover:not(.disable-hover),
.toolbar-md-sidebar .bar-button-md-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-sidebar .bar-button-outline-md-whitecolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-outline-md-whitecolor.activated {
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-outline-md-whitecolor .button-effect {
  background-color: #141414;
}

.toolbar-md-sidebar .bar-button-solid-md-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-md-sidebar .bar-button-solid-md-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-sidebar .bar-button-grey-md,
.toolbar-md-sidebar .bar-button-clear-md-grey,
.toolbar-md-sidebar .bar-button-md-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-sidebar .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-sidebar .bar-button-md-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-md-sidebar .bar-button-outline-md-grey {
  border-color: #787678;
  color: #787678;
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-outline-md-grey .button-effect {
  background-color: #787678;
}

.toolbar-md-sidebar .bar-button-solid-md-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-md-sidebar .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-md-sidebar .bar-button-blackcolor-md,
.toolbar-md-sidebar .bar-button-clear-md-blackcolor,
.toolbar-md-sidebar .bar-button-md-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-blackcolor-md:hover:not(.disable-hover),
.toolbar-md-sidebar .bar-button-clear-md-blackcolor:hover:not(.disable-hover),
.toolbar-md-sidebar .bar-button-md-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-sidebar .bar-button-outline-md-blackcolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-outline-md-blackcolor.activated {
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-outline-md-blackcolor .button-effect {
  background-color: #141414;
}

.toolbar-md-sidebar .bar-button-solid-md-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-md-sidebar .bar-button-solid-md-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-sidebar .bar-button-mildred-md,
.toolbar-md-sidebar .bar-button-clear-md-mildred,
.toolbar-md-sidebar .bar-button-md-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-mildred-md:hover:not(.disable-hover),
.toolbar-md-sidebar .bar-button-clear-md-mildred:hover:not(.disable-hover),
.toolbar-md-sidebar .bar-button-md-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-md-sidebar .bar-button-outline-md-mildred {
  border-color: #eb025e;
  color: #eb025e;
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-outline-md-mildred.activated {
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-outline-md-mildred .button-effect {
  background-color: #eb025e;
}

.toolbar-md-sidebar .bar-button-solid-md-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-md-sidebar .bar-button-solid-md-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-md-sidebar .bar-button-mildgreen-md,
.toolbar-md-sidebar .bar-button-clear-md-mildgreen,
.toolbar-md-sidebar .bar-button-md-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-mildgreen-md:hover:not(.disable-hover),
.toolbar-md-sidebar .bar-button-clear-md-mildgreen:hover:not(.disable-hover),
.toolbar-md-sidebar .bar-button-md-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-md-sidebar .bar-button-outline-md-mildgreen {
  border-color: #61dda0;
  color: #61dda0;
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-outline-md-mildgreen.activated {
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-outline-md-mildgreen .button-effect {
  background-color: #61dda0;
}

.toolbar-md-sidebar .bar-button-solid-md-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-md-sidebar .bar-button-solid-md-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-md-sidebar .bar-button-sidebar-md,
.toolbar-md-sidebar .bar-button-clear-md-sidebar,
.toolbar-md-sidebar .bar-button-md-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-sidebar-md:hover:not(.disable-hover),
.toolbar-md-sidebar .bar-button-clear-md-sidebar:hover:not(.disable-hover),
.toolbar-md-sidebar .bar-button-md-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-md-sidebar .bar-button-outline-md-sidebar {
  border-color: rgba(32, 32, 255, 0.772706);
  color: rgba(32, 32, 255, 0.772706);
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-outline-md-sidebar.activated {
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-outline-md-sidebar .button-effect {
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-md-sidebar .bar-button-solid-md-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-md-sidebar .bar-button-solid-md-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-md-sidebar .bar-button-white-md,
.toolbar-md-sidebar .bar-button-clear-md-white,
.toolbar-md-sidebar .bar-button-md-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-sidebar .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-sidebar .bar-button-md-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-md-sidebar .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-sidebar .bar-button-solid-md-white {
  color: #424242;
  background-color: #ffffff;
}

.toolbar-md-sidebar .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-sidebar .bar-button-magenta-md,
.toolbar-md-sidebar .bar-button-clear-md-magenta,
.toolbar-md-sidebar .bar-button-md-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-magenta-md:hover:not(.disable-hover),
.toolbar-md-sidebar .bar-button-clear-md-magenta:hover:not(.disable-hover),
.toolbar-md-sidebar .bar-button-md-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-md-sidebar .bar-button-outline-md-magenta {
  border-color: #c918c9;
  color: #c918c9;
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-outline-md-magenta.activated {
  background-color: transparent;
}

.toolbar-md-sidebar .bar-button-outline-md-magenta .button-effect {
  background-color: #c918c9;
}

.toolbar-md-sidebar .bar-button-solid-md-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-md-sidebar .bar-button-solid-md-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-sidebar-md,
.bar-button-clear-md-sidebar,
.bar-button-md-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.bar-button-sidebar-md:hover:not(.disable-hover),
.bar-button-clear-md-sidebar:hover:not(.disable-hover),
.bar-button-md-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.bar-button-outline-md-sidebar {
  border-color: rgba(32, 32, 255, 0.772706);
  color: rgba(32, 32, 255, 0.772706);
  background-color: transparent;
}

.bar-button-outline-md-sidebar.activated {
  background-color: transparent;
}

.bar-button-outline-md-sidebar .button-effect {
  background-color: rgba(32, 32, 255, 0.772706);
}

.bar-button-solid-md-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.bar-button-solid-md-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-md-white .toolbar-background-md {
  background: #ffffff;
}

.toolbar-md-white .bar-button-clear-md,
.toolbar-md-white .bar-button-default-md,
.toolbar-md-white .bar-button-outline-md,
.toolbar-md-white .toolbar-title-md {
  color: #424242;
}

.toolbar-md-white .bar-button-clear-md .button-effect,
.toolbar-md-white .bar-button-default-md .button-effect,
.toolbar-md-white .bar-button-outline-md .button-effect {
  background-color: #424242;
}

.toolbar-md-white .bar-button-outline-md {
  border-color: #424242;
}

.toolbar-md-white .bar-button-primary-md,
.toolbar-md-white .bar-button-clear-md-primary,
.toolbar-md-white .bar-button-md-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-md-white .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-md-white .bar-button-outline-md-primary {
  border-color: #14a1ff;
  color: #14a1ff;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-primary .button-effect {
  background-color: #14a1ff;
}

.toolbar-md-white .bar-button-solid-md-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-md-white .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-md-white .bar-button-secondary-md,
.toolbar-md-white .bar-button-clear-md-secondary,
.toolbar-md-white .bar-button-md-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-md-white .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-md-white .bar-button-outline-md-secondary {
  border-color: #46b988;
  color: #46b988;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-secondary .button-effect {
  background-color: #46b988;
}

.toolbar-md-white .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-md-white .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-md-white .bar-button-danger-md,
.toolbar-md-white .bar-button-clear-md-danger,
.toolbar-md-white .bar-button-md-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-md-white .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-md-white .bar-button-outline-md-danger {
  border-color: #eb4f2c;
  color: #eb4f2c;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-danger .button-effect {
  background-color: #eb4f2c;
}

.toolbar-md-white .bar-button-solid-md-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-md-white .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-md-white .bar-button-light-md,
.toolbar-md-white .bar-button-clear-md-light,
.toolbar-md-white .bar-button-md-light {
  color: #000;
  background-color: transparent;
}

.toolbar-md-white .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-white .bar-button-outline-md-light {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-light .button-effect {
  background-color: #141414;
}

.toolbar-md-white .bar-button-solid-md-light {
  color: #fff;
  background-color: #000;
}

.toolbar-md-white .bar-button-solid-md-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-white .bar-button-dark-md,
.toolbar-md-white .bar-button-clear-md-dark,
.toolbar-md-white .bar-button-md-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-md-white .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-md-white .bar-button-outline-md-dark {
  border-color: #2a3c5b;
  color: #2a3c5b;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-dark .button-effect {
  background-color: #2a3c5b;
}

.toolbar-md-white .bar-button-solid-md-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-md-white .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-md-white .bar-button-snappink-md,
.toolbar-md-white .bar-button-clear-md-snappink,
.toolbar-md-white .bar-button-md-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-md-white .bar-button-snappink-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-snappink:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-md-white .bar-button-outline-md-snappink {
  border-color: #327cdd;
  color: #327cdd;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-snappink.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-snappink .button-effect {
  background-color: #327cdd;
}

.toolbar-md-white .bar-button-solid-md-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-md-white .bar-button-solid-md-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-md-white .bar-button-snapblue-md,
.toolbar-md-white .bar-button-clear-md-snapblue,
.toolbar-md-white .bar-button-md-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-md-white .bar-button-snapblue-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-snapblue:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-md-white .bar-button-outline-md-snapblue {
  border-color: #14dbff;
  color: #14dbff;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-snapblue.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-snapblue .button-effect {
  background-color: #14dbff;
}

.toolbar-md-white .bar-button-solid-md-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-md-white .bar-button-solid-md-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-md-white .bar-button-snapyellow-md,
.toolbar-md-white .bar-button-clear-md-snapyellow,
.toolbar-md-white .bar-button-md-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-md-white .bar-button-snapyellow-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-snapyellow:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-md-white .bar-button-outline-md-snapyellow {
  border-color: #ebb206;
  color: #ebb206;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-snapyellow.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-snapyellow .button-effect {
  background-color: #ebb206;
}

.toolbar-md-white .bar-button-solid-md-snapyellow {
  color: #424242;
  background-color: #FFC107;
}

.toolbar-md-white .bar-button-solid-md-snapyellow.activated {
  color: #424242;
  background-color: #ebb206;
}

.toolbar-md-white .bar-button-snapgreen-md,
.toolbar-md-white .bar-button-clear-md-snapgreen,
.toolbar-md-white .bar-button-md-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-md-white .bar-button-snapgreen-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-snapgreen:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-md-white .bar-button-outline-md-snapgreen {
  border-color: #5ab55e;
  color: #5ab55e;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-snapgreen.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-snapgreen .button-effect {
  background-color: #5ab55e;
}

.toolbar-md-white .bar-button-solid-md-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-md-white .bar-button-solid-md-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-md-white .bar-button-snapindigo-md,
.toolbar-md-white .bar-button-clear-md-snapindigo,
.toolbar-md-white .bar-button-md-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-md-white .bar-button-snapindigo-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-snapindigo:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-md-white .bar-button-outline-md-snapindigo {
  border-color: #4e5fbb;
  color: #4e5fbb;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-snapindigo.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-snapindigo .button-effect {
  background-color: #4e5fbb;
}

.toolbar-md-white .bar-button-solid-md-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-md-white .bar-button-solid-md-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-md-white .bar-button-backgroundgrey-md,
.toolbar-md-white .bar-button-clear-md-backgroundgrey,
.toolbar-md-white .bar-button-md-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-md-white .bar-button-backgroundgrey-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-backgroundgrey:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-md-white .bar-button-outline-md-backgroundgrey {
  border-color: #dbdbdb;
  color: #dbdbdb;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-backgroundgrey.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-backgroundgrey .button-effect {
  background-color: #dbdbdb;
}

.toolbar-md-white .bar-button-solid-md-backgroundgrey {
  color: #424242;
  background-color: #EEEEEE;
}

.toolbar-md-white .bar-button-solid-md-backgroundgrey.activated {
  color: #424242;
  background-color: #dbdbdb;
}

.toolbar-md-white .bar-button-whitecolor-md,
.toolbar-md-white .bar-button-clear-md-whitecolor,
.toolbar-md-white .bar-button-md-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-md-white .bar-button-whitecolor-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-whitecolor:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-white .bar-button-outline-md-whitecolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-whitecolor.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-whitecolor .button-effect {
  background-color: #141414;
}

.toolbar-md-white .bar-button-solid-md-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-md-white .bar-button-solid-md-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-white .bar-button-grey-md,
.toolbar-md-white .bar-button-clear-md-grey,
.toolbar-md-white .bar-button-md-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-md-white .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-md-white .bar-button-outline-md-grey {
  border-color: #787678;
  color: #787678;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-grey .button-effect {
  background-color: #787678;
}

.toolbar-md-white .bar-button-solid-md-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-md-white .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-md-white .bar-button-blackcolor-md,
.toolbar-md-white .bar-button-clear-md-blackcolor,
.toolbar-md-white .bar-button-md-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-md-white .bar-button-blackcolor-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-blackcolor:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-white .bar-button-outline-md-blackcolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-blackcolor.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-blackcolor .button-effect {
  background-color: #141414;
}

.toolbar-md-white .bar-button-solid-md-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-md-white .bar-button-solid-md-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-white .bar-button-mildred-md,
.toolbar-md-white .bar-button-clear-md-mildred,
.toolbar-md-white .bar-button-md-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-md-white .bar-button-mildred-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-mildred:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-md-white .bar-button-outline-md-mildred {
  border-color: #eb025e;
  color: #eb025e;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-mildred.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-mildred .button-effect {
  background-color: #eb025e;
}

.toolbar-md-white .bar-button-solid-md-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-md-white .bar-button-solid-md-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-md-white .bar-button-mildgreen-md,
.toolbar-md-white .bar-button-clear-md-mildgreen,
.toolbar-md-white .bar-button-md-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-md-white .bar-button-mildgreen-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-mildgreen:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-md-white .bar-button-outline-md-mildgreen {
  border-color: #61dda0;
  color: #61dda0;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-mildgreen.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-mildgreen .button-effect {
  background-color: #61dda0;
}

.toolbar-md-white .bar-button-solid-md-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-md-white .bar-button-solid-md-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-md-white .bar-button-sidebar-md,
.toolbar-md-white .bar-button-clear-md-sidebar,
.toolbar-md-white .bar-button-md-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-md-white .bar-button-sidebar-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-sidebar:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-md-white .bar-button-outline-md-sidebar {
  border-color: rgba(32, 32, 255, 0.772706);
  color: rgba(32, 32, 255, 0.772706);
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-sidebar.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-sidebar .button-effect {
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-md-white .bar-button-solid-md-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-md-white .bar-button-solid-md-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-md-white .bar-button-white-md,
.toolbar-md-white .bar-button-clear-md-white,
.toolbar-md-white .bar-button-md-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-md-white .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-md-white .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-white .bar-button-solid-md-white {
  color: #424242;
  background-color: #ffffff;
}

.toolbar-md-white .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-white .bar-button-magenta-md,
.toolbar-md-white .bar-button-clear-md-magenta,
.toolbar-md-white .bar-button-md-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-md-white .bar-button-magenta-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-magenta:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-md-white .bar-button-outline-md-magenta {
  border-color: #c918c9;
  color: #c918c9;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-magenta.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-magenta .button-effect {
  background-color: #c918c9;
}

.toolbar-md-white .bar-button-solid-md-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-md-white .bar-button-solid-md-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-white-md,
.bar-button-clear-md-white,
.bar-button-md-white {
  color: #ffffff;
  background-color: transparent;
}

.bar-button-white-md:hover:not(.disable-hover),
.bar-button-clear-md-white:hover:not(.disable-hover),
.bar-button-md-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.bar-button-outline-md-white.activated {
  background-color: transparent;
}

.bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.bar-button-solid-md-white {
  color: #424242;
  background-color: #ffffff;
}

.bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-magenta .toolbar-background-md {
  background: #c404c4;
}

.toolbar-md-magenta .bar-button-clear-md,
.toolbar-md-magenta .bar-button-default-md,
.toolbar-md-magenta .bar-button-outline-md,
.toolbar-md-magenta .toolbar-title-md {
  color: #fff;
}

.toolbar-md-magenta .bar-button-clear-md .button-effect,
.toolbar-md-magenta .bar-button-default-md .button-effect,
.toolbar-md-magenta .bar-button-outline-md .button-effect {
  background-color: #fff;
}

.toolbar-md-magenta .bar-button-outline-md {
  border-color: #fff;
}

.toolbar-md-magenta .bar-button-primary-md,
.toolbar-md-magenta .bar-button-clear-md-primary,
.toolbar-md-magenta .bar-button-md-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-magenta .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-magenta .bar-button-md-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-md-magenta .bar-button-outline-md-primary {
  border-color: #14a1ff;
  color: #14a1ff;
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-outline-md-primary .button-effect {
  background-color: #14a1ff;
}

.toolbar-md-magenta .bar-button-solid-md-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-md-magenta .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-md-magenta .bar-button-secondary-md,
.toolbar-md-magenta .bar-button-clear-md-secondary,
.toolbar-md-magenta .bar-button-md-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-magenta .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-magenta .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-md-magenta .bar-button-outline-md-secondary {
  border-color: #46b988;
  color: #46b988;
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-outline-md-secondary .button-effect {
  background-color: #46b988;
}

.toolbar-md-magenta .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-md-magenta .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-md-magenta .bar-button-danger-md,
.toolbar-md-magenta .bar-button-clear-md-danger,
.toolbar-md-magenta .bar-button-md-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-magenta .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-magenta .bar-button-md-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-md-magenta .bar-button-outline-md-danger {
  border-color: #eb4f2c;
  color: #eb4f2c;
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-outline-md-danger .button-effect {
  background-color: #eb4f2c;
}

.toolbar-md-magenta .bar-button-solid-md-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-md-magenta .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-md-magenta .bar-button-light-md,
.toolbar-md-magenta .bar-button-clear-md-light,
.toolbar-md-magenta .bar-button-md-light {
  color: #000;
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-magenta .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-magenta .bar-button-md-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-magenta .bar-button-outline-md-light {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-outline-md-light .button-effect {
  background-color: #141414;
}

.toolbar-md-magenta .bar-button-solid-md-light {
  color: #fff;
  background-color: #000;
}

.toolbar-md-magenta .bar-button-solid-md-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-magenta .bar-button-dark-md,
.toolbar-md-magenta .bar-button-clear-md-dark,
.toolbar-md-magenta .bar-button-md-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-magenta .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-magenta .bar-button-md-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-md-magenta .bar-button-outline-md-dark {
  border-color: #2a3c5b;
  color: #2a3c5b;
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-outline-md-dark .button-effect {
  background-color: #2a3c5b;
}

.toolbar-md-magenta .bar-button-solid-md-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-md-magenta .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-md-magenta .bar-button-snappink-md,
.toolbar-md-magenta .bar-button-clear-md-snappink,
.toolbar-md-magenta .bar-button-md-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-snappink-md:hover:not(.disable-hover),
.toolbar-md-magenta .bar-button-clear-md-snappink:hover:not(.disable-hover),
.toolbar-md-magenta .bar-button-md-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-md-magenta .bar-button-outline-md-snappink {
  border-color: #327cdd;
  color: #327cdd;
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-outline-md-snappink.activated {
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-outline-md-snappink .button-effect {
  background-color: #327cdd;
}

.toolbar-md-magenta .bar-button-solid-md-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-md-magenta .bar-button-solid-md-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-md-magenta .bar-button-snapblue-md,
.toolbar-md-magenta .bar-button-clear-md-snapblue,
.toolbar-md-magenta .bar-button-md-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-snapblue-md:hover:not(.disable-hover),
.toolbar-md-magenta .bar-button-clear-md-snapblue:hover:not(.disable-hover),
.toolbar-md-magenta .bar-button-md-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-md-magenta .bar-button-outline-md-snapblue {
  border-color: #14dbff;
  color: #14dbff;
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-outline-md-snapblue.activated {
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-outline-md-snapblue .button-effect {
  background-color: #14dbff;
}

.toolbar-md-magenta .bar-button-solid-md-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-md-magenta .bar-button-solid-md-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-md-magenta .bar-button-snapyellow-md,
.toolbar-md-magenta .bar-button-clear-md-snapyellow,
.toolbar-md-magenta .bar-button-md-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-snapyellow-md:hover:not(.disable-hover),
.toolbar-md-magenta .bar-button-clear-md-snapyellow:hover:not(.disable-hover),
.toolbar-md-magenta .bar-button-md-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-md-magenta .bar-button-outline-md-snapyellow {
  border-color: #ebb206;
  color: #ebb206;
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-outline-md-snapyellow.activated {
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-outline-md-snapyellow .button-effect {
  background-color: #ebb206;
}

.toolbar-md-magenta .bar-button-solid-md-snapyellow {
  color: #424242;
  background-color: #FFC107;
}

.toolbar-md-magenta .bar-button-solid-md-snapyellow.activated {
  color: #424242;
  background-color: #ebb206;
}

.toolbar-md-magenta .bar-button-snapgreen-md,
.toolbar-md-magenta .bar-button-clear-md-snapgreen,
.toolbar-md-magenta .bar-button-md-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-snapgreen-md:hover:not(.disable-hover),
.toolbar-md-magenta .bar-button-clear-md-snapgreen:hover:not(.disable-hover),
.toolbar-md-magenta .bar-button-md-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-md-magenta .bar-button-outline-md-snapgreen {
  border-color: #5ab55e;
  color: #5ab55e;
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-outline-md-snapgreen.activated {
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-outline-md-snapgreen .button-effect {
  background-color: #5ab55e;
}

.toolbar-md-magenta .bar-button-solid-md-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-md-magenta .bar-button-solid-md-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-md-magenta .bar-button-snapindigo-md,
.toolbar-md-magenta .bar-button-clear-md-snapindigo,
.toolbar-md-magenta .bar-button-md-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-snapindigo-md:hover:not(.disable-hover),
.toolbar-md-magenta .bar-button-clear-md-snapindigo:hover:not(.disable-hover),
.toolbar-md-magenta .bar-button-md-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-md-magenta .bar-button-outline-md-snapindigo {
  border-color: #4e5fbb;
  color: #4e5fbb;
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-outline-md-snapindigo.activated {
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-outline-md-snapindigo .button-effect {
  background-color: #4e5fbb;
}

.toolbar-md-magenta .bar-button-solid-md-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-md-magenta .bar-button-solid-md-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-md-magenta .bar-button-backgroundgrey-md,
.toolbar-md-magenta .bar-button-clear-md-backgroundgrey,
.toolbar-md-magenta .bar-button-md-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-backgroundgrey-md:hover:not(.disable-hover),
.toolbar-md-magenta .bar-button-clear-md-backgroundgrey:hover:not(.disable-hover),
.toolbar-md-magenta .bar-button-md-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-md-magenta .bar-button-outline-md-backgroundgrey {
  border-color: #dbdbdb;
  color: #dbdbdb;
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-outline-md-backgroundgrey.activated {
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-outline-md-backgroundgrey .button-effect {
  background-color: #dbdbdb;
}

.toolbar-md-magenta .bar-button-solid-md-backgroundgrey {
  color: #424242;
  background-color: #EEEEEE;
}

.toolbar-md-magenta .bar-button-solid-md-backgroundgrey.activated {
  color: #424242;
  background-color: #dbdbdb;
}

.toolbar-md-magenta .bar-button-whitecolor-md,
.toolbar-md-magenta .bar-button-clear-md-whitecolor,
.toolbar-md-magenta .bar-button-md-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-whitecolor-md:hover:not(.disable-hover),
.toolbar-md-magenta .bar-button-clear-md-whitecolor:hover:not(.disable-hover),
.toolbar-md-magenta .bar-button-md-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-magenta .bar-button-outline-md-whitecolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-outline-md-whitecolor.activated {
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-outline-md-whitecolor .button-effect {
  background-color: #141414;
}

.toolbar-md-magenta .bar-button-solid-md-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-md-magenta .bar-button-solid-md-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-magenta .bar-button-grey-md,
.toolbar-md-magenta .bar-button-clear-md-grey,
.toolbar-md-magenta .bar-button-md-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-magenta .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-magenta .bar-button-md-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-md-magenta .bar-button-outline-md-grey {
  border-color: #787678;
  color: #787678;
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-outline-md-grey .button-effect {
  background-color: #787678;
}

.toolbar-md-magenta .bar-button-solid-md-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-md-magenta .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-md-magenta .bar-button-blackcolor-md,
.toolbar-md-magenta .bar-button-clear-md-blackcolor,
.toolbar-md-magenta .bar-button-md-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-blackcolor-md:hover:not(.disable-hover),
.toolbar-md-magenta .bar-button-clear-md-blackcolor:hover:not(.disable-hover),
.toolbar-md-magenta .bar-button-md-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-md-magenta .bar-button-outline-md-blackcolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-outline-md-blackcolor.activated {
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-outline-md-blackcolor .button-effect {
  background-color: #141414;
}

.toolbar-md-magenta .bar-button-solid-md-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-md-magenta .bar-button-solid-md-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-magenta .bar-button-mildred-md,
.toolbar-md-magenta .bar-button-clear-md-mildred,
.toolbar-md-magenta .bar-button-md-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-mildred-md:hover:not(.disable-hover),
.toolbar-md-magenta .bar-button-clear-md-mildred:hover:not(.disable-hover),
.toolbar-md-magenta .bar-button-md-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-md-magenta .bar-button-outline-md-mildred {
  border-color: #eb025e;
  color: #eb025e;
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-outline-md-mildred.activated {
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-outline-md-mildred .button-effect {
  background-color: #eb025e;
}

.toolbar-md-magenta .bar-button-solid-md-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-md-magenta .bar-button-solid-md-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-md-magenta .bar-button-mildgreen-md,
.toolbar-md-magenta .bar-button-clear-md-mildgreen,
.toolbar-md-magenta .bar-button-md-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-mildgreen-md:hover:not(.disable-hover),
.toolbar-md-magenta .bar-button-clear-md-mildgreen:hover:not(.disable-hover),
.toolbar-md-magenta .bar-button-md-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-md-magenta .bar-button-outline-md-mildgreen {
  border-color: #61dda0;
  color: #61dda0;
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-outline-md-mildgreen.activated {
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-outline-md-mildgreen .button-effect {
  background-color: #61dda0;
}

.toolbar-md-magenta .bar-button-solid-md-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-md-magenta .bar-button-solid-md-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-md-magenta .bar-button-sidebar-md,
.toolbar-md-magenta .bar-button-clear-md-sidebar,
.toolbar-md-magenta .bar-button-md-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-sidebar-md:hover:not(.disable-hover),
.toolbar-md-magenta .bar-button-clear-md-sidebar:hover:not(.disable-hover),
.toolbar-md-magenta .bar-button-md-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-md-magenta .bar-button-outline-md-sidebar {
  border-color: rgba(32, 32, 255, 0.772706);
  color: rgba(32, 32, 255, 0.772706);
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-outline-md-sidebar.activated {
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-outline-md-sidebar .button-effect {
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-md-magenta .bar-button-solid-md-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-md-magenta .bar-button-solid-md-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-md-magenta .bar-button-white-md,
.toolbar-md-magenta .bar-button-clear-md-white,
.toolbar-md-magenta .bar-button-md-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-magenta .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-magenta .bar-button-md-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-md-magenta .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-magenta .bar-button-solid-md-white {
  color: #424242;
  background-color: #ffffff;
}

.toolbar-md-magenta .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-magenta .bar-button-magenta-md,
.toolbar-md-magenta .bar-button-clear-md-magenta,
.toolbar-md-magenta .bar-button-md-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-magenta-md:hover:not(.disable-hover),
.toolbar-md-magenta .bar-button-clear-md-magenta:hover:not(.disable-hover),
.toolbar-md-magenta .bar-button-md-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-md-magenta .bar-button-outline-md-magenta {
  border-color: #c918c9;
  color: #c918c9;
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-outline-md-magenta.activated {
  background-color: transparent;
}

.toolbar-md-magenta .bar-button-outline-md-magenta .button-effect {
  background-color: #c918c9;
}

.toolbar-md-magenta .bar-button-solid-md-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-md-magenta .bar-button-solid-md-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-magenta-md,
.bar-button-clear-md-magenta,
.bar-button-md-magenta {
  color: #c404c4;
  background-color: transparent;
}

.bar-button-magenta-md:hover:not(.disable-hover),
.bar-button-clear-md-magenta:hover:not(.disable-hover),
.bar-button-md-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.bar-button-outline-md-magenta {
  border-color: #c918c9;
  color: #c918c9;
  background-color: transparent;
}

.bar-button-outline-md-magenta.activated {
  background-color: transparent;
}

.bar-button-outline-md-magenta .button-effect {
  background-color: #c918c9;
}

.bar-button-solid-md-magenta {
  color: #fff;
  background-color: #c404c4;
}

.bar-button-solid-md-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-strong-md {
  font-weight: bold;
}

.toolbar-wp {
  padding: 4px;
  min-height: 46px;
}

.toolbar-background-wp {
  border-color: #b2b2b2;
  background: #f8f8f8;
}

.toolbar-content-wp {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
  min-width: 0;
  max-width: 100%;
}

.toolbar-title-wp {
  font-size: 1.5rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #000;
  padding: 0 6px;
}

.bar-buttons-wp {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
  -ms-flex-order: 4;
  order: 4;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.bar-buttons-wp[left] {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}

.bar-buttons-wp[left] .bar-button:first-child {
  margin-left: 0;
}

.bar-buttons-wp[end] {
  text-align: right;
  text-align: end;
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
  -ms-flex-order: 5;
  order: 5;
}

.bar-buttons-wp[right] {
  text-align: right;
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
  -ms-flex-order: 6;
  order: 6;
}

.bar-button-wp {
  margin: 0 0.2rem;
  padding: 0 5px;
  border-radius: 2px;
  height: 32px;
  border: 0;
  font-size: 1.4rem;
  font-weight: 500;
  text-transform: uppercase;
}

.bar-button-solid-wp,
.bar-button-outline-wp {
  overflow: hidden;
}

.bar-button-outline-wp {
  border-width: 1px;
  border-style: solid;
  border-color: #000;
  color: #000;
  background-color: transparent;
}

.bar-button-outline-wp:hover:not(.disable-hover) {
  opacity: .4;
}

.bar-button-outline-wp.activated {
  color: #fff;
  background-color: #000;
}

.bar-button-solid-wp {
  color: #fff;
  background-color: #000;
}

.bar-button-solid-wp:hover:not(.disable-hover) {
  color: #fff;
}

.bar-button-solid-wp.activated {
  color: #fff;
  background-color: #141414;
}

.bar-button-wp.bar-button-icon-start ion-icon {
  padding-right: 0.3em;
  font-size: 1.4em;
  line-height: .67;
  pointer-events: none;
}

.bar-button-wp.bar-button-icon-end ion-icon {
  padding-left: 0.4em;
  font-size: 1.4em;
  line-height: .67;
  pointer-events: none;
}

.bar-button-wp[icon-only] {
  padding: 0;
}

.bar-button-wp[icon-only] ion-icon {
  padding: 0 0.1em;
  min-width: 28px;
  font-size: 1.8em;
  line-height: .67;
  pointer-events: none;
}

.back-button-wp {
  margin: 0 6px;
  min-width: 44px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.back-button-icon-wp {
  text-align: left;
  text-align: start;
  margin: 0;
  padding: 0 6px;
  font-size: 2.4rem;
  font-weight: normal;
}

.bar-button-menutoggle-wp {
  margin: 0 6px;
  padding: 0 2px;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  min-width: 44px;
}

.bar-button-menutoggle-wp ion-icon {
  padding: 0 6px;
  font-size: 2.4rem;
}

.bar-button-menutoggle-wp[end],
.bar-button-menutoggle-wp[right] {
  margin: 0 2px;
  -webkit-box-ordinal-group: 8;
  -webkit-order: 7;
  -ms-flex-order: 7;
  order: 7;
  min-width: 28px;
}

.bar-button-default-wp,
.bar-button-clear-wp-default,
.bar-button-wp-default {
  color: #000;
  background-color: transparent;
}

.bar-button-default-wp:hover:not(.disable-hover),
.bar-button-clear-wp-default:hover:not(.disable-hover),
.bar-button-wp-default:hover:not(.disable-hover) {
  color: #000;
}

.bar-button-clear-wp,
.bar-button-clear-wp-clear,
.bar-button-wp-clear {
  color: #000;
  background-color: transparent;
}

.bar-button-clear-wp:hover:not(.disable-hover),
.bar-button-clear-wp-clear:hover:not(.disable-hover),
.bar-button-wp-clear:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-primary .toolbar-background-wp {
  background: #0099ff;
}

.toolbar-wp-primary .bar-button-clear-wp,
.toolbar-wp-primary .bar-button-default-wp,
.toolbar-wp-primary .bar-button-outline-wp,
.toolbar-wp-primary .toolbar-title-wp {
  color: #fff;
}

.toolbar-wp-primary .bar-button-outline-wp {
  border-color: #fff;
}

.toolbar-wp-primary .bar-button-primary-wp,
.toolbar-wp-primary .bar-button-clear-wp-primary,
.toolbar-wp-primary .bar-button-wp-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-wp-primary .bar-button-outline-wp-primary {
  border-color: #14a1ff;
  color: #14a1ff;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-wp-primary .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-wp-primary .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-wp-primary .bar-button-secondary-wp,
.toolbar-wp-primary .bar-button-clear-wp-secondary,
.toolbar-wp-primary .bar-button-wp-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-wp-primary .bar-button-outline-wp-secondary {
  border-color: #46b988;
  color: #46b988;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-wp-primary .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-wp-primary .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-wp-primary .bar-button-danger-wp,
.toolbar-wp-primary .bar-button-clear-wp-danger,
.toolbar-wp-primary .bar-button-wp-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-wp-primary .bar-button-outline-wp-danger {
  border-color: #eb4f2c;
  color: #eb4f2c;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-wp-primary .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-wp-primary .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-wp-primary .bar-button-light-wp,
.toolbar-wp-primary .bar-button-clear-wp-light,
.toolbar-wp-primary .bar-button-wp-light {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-primary .bar-button-outline-wp-light {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-primary .bar-button-solid-wp-light {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-primary .bar-button-solid-wp-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-primary .bar-button-dark-wp,
.toolbar-wp-primary .bar-button-clear-wp-dark,
.toolbar-wp-primary .bar-button-wp-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-wp-primary .bar-button-outline-wp-dark {
  border-color: #2a3c5b;
  color: #2a3c5b;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-wp-primary .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-wp-primary .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-wp-primary .bar-button-snappink-wp,
.toolbar-wp-primary .bar-button-clear-wp-snappink,
.toolbar-wp-primary .bar-button-wp-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-snappink-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-snappink:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-wp-primary .bar-button-outline-wp-snappink {
  border-color: #327cdd;
  color: #327cdd;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-wp-primary .bar-button-solid-wp-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-wp-primary .bar-button-solid-wp-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-wp-primary .bar-button-snapblue-wp,
.toolbar-wp-primary .bar-button-clear-wp-snapblue,
.toolbar-wp-primary .bar-button-wp-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-snapblue-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-snapblue:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-wp-primary .bar-button-outline-wp-snapblue {
  border-color: #14dbff;
  color: #14dbff;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-wp-primary .bar-button-solid-wp-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-wp-primary .bar-button-solid-wp-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-wp-primary .bar-button-snapyellow-wp,
.toolbar-wp-primary .bar-button-clear-wp-snapyellow,
.toolbar-wp-primary .bar-button-wp-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-snapyellow-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-snapyellow:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-wp-primary .bar-button-outline-wp-snapyellow {
  border-color: #ebb206;
  color: #ebb206;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-wp-primary .bar-button-solid-wp-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.toolbar-wp-primary .bar-button-solid-wp-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-wp-primary .bar-button-snapgreen-wp,
.toolbar-wp-primary .bar-button-clear-wp-snapgreen,
.toolbar-wp-primary .bar-button-wp-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-snapgreen-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-snapgreen:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-wp-primary .bar-button-outline-wp-snapgreen {
  border-color: #5ab55e;
  color: #5ab55e;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-wp-primary .bar-button-solid-wp-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-wp-primary .bar-button-solid-wp-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-wp-primary .bar-button-snapindigo-wp,
.toolbar-wp-primary .bar-button-clear-wp-snapindigo,
.toolbar-wp-primary .bar-button-wp-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-snapindigo-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-snapindigo:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-wp-primary .bar-button-outline-wp-snapindigo {
  border-color: #4e5fbb;
  color: #4e5fbb;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-wp-primary .bar-button-solid-wp-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-wp-primary .bar-button-solid-wp-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-wp-primary .bar-button-backgroundgrey-wp,
.toolbar-wp-primary .bar-button-clear-wp-backgroundgrey,
.toolbar-wp-primary .bar-button-wp-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-backgroundgrey-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-backgroundgrey:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-wp-primary .bar-button-outline-wp-backgroundgrey {
  border-color: #dbdbdb;
  color: #dbdbdb;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-wp-primary .bar-button-solid-wp-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-wp-primary .bar-button-solid-wp-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-wp-primary .bar-button-whitecolor-wp,
.toolbar-wp-primary .bar-button-clear-wp-whitecolor,
.toolbar-wp-primary .bar-button-wp-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-whitecolor-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-whitecolor:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-primary .bar-button-outline-wp-whitecolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-primary .bar-button-solid-wp-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-primary .bar-button-solid-wp-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-primary .bar-button-grey-wp,
.toolbar-wp-primary .bar-button-clear-wp-grey,
.toolbar-wp-primary .bar-button-wp-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-wp-primary .bar-button-outline-wp-grey {
  border-color: #787678;
  color: #787678;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-wp-primary .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-wp-primary .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-wp-primary .bar-button-blackcolor-wp,
.toolbar-wp-primary .bar-button-clear-wp-blackcolor,
.toolbar-wp-primary .bar-button-wp-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-blackcolor-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-blackcolor:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-primary .bar-button-outline-wp-blackcolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-primary .bar-button-solid-wp-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-primary .bar-button-solid-wp-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-primary .bar-button-mildred-wp,
.toolbar-wp-primary .bar-button-clear-wp-mildred,
.toolbar-wp-primary .bar-button-wp-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-mildred-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-mildred:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-wp-primary .bar-button-outline-wp-mildred {
  border-color: #eb025e;
  color: #eb025e;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-wp-primary .bar-button-solid-wp-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-wp-primary .bar-button-solid-wp-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-wp-primary .bar-button-mildgreen-wp,
.toolbar-wp-primary .bar-button-clear-wp-mildgreen,
.toolbar-wp-primary .bar-button-wp-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-mildgreen-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-mildgreen:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-wp-primary .bar-button-outline-wp-mildgreen {
  border-color: #61dda0;
  color: #61dda0;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-wp-primary .bar-button-solid-wp-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-wp-primary .bar-button-solid-wp-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-wp-primary .bar-button-sidebar-wp,
.toolbar-wp-primary .bar-button-clear-wp-sidebar,
.toolbar-wp-primary .bar-button-wp-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-sidebar-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-sidebar:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-wp-primary .bar-button-outline-wp-sidebar {
  border-color: rgba(32, 32, 255, 0.772706);
  color: rgba(32, 32, 255, 0.772706);
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-wp-primary .bar-button-solid-wp-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-wp-primary .bar-button-solid-wp-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-wp-primary .bar-button-white-wp,
.toolbar-wp-primary .bar-button-clear-wp-white,
.toolbar-wp-primary .bar-button-wp-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-wp-primary .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-primary .bar-button-solid-wp-white {
  color: #000;
  background-color: #ffffff;
}

.toolbar-wp-primary .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-primary .bar-button-magenta-wp,
.toolbar-wp-primary .bar-button-clear-wp-magenta,
.toolbar-wp-primary .bar-button-wp-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-magenta-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-magenta:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-wp-primary .bar-button-outline-wp-magenta {
  border-color: #c918c9;
  color: #c918c9;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.toolbar-wp-primary .bar-button-solid-wp-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-wp-primary .bar-button-solid-wp-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-primary-wp,
.bar-button-clear-wp-primary,
.bar-button-wp-primary {
  color: #0099ff;
  background-color: transparent;
}

.bar-button-primary-wp:hover:not(.disable-hover),
.bar-button-clear-wp-primary:hover:not(.disable-hover),
.bar-button-wp-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.bar-button-outline-wp-primary {
  border-color: #14a1ff;
  color: #14a1ff;
  background-color: transparent;
}

.bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.bar-button-solid-wp-primary {
  color: #fff;
  background-color: #0099ff;
}

.bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-wp-secondary .toolbar-background-wp {
  background: #36B37E;
}

.toolbar-wp-secondary .bar-button-clear-wp,
.toolbar-wp-secondary .bar-button-default-wp,
.toolbar-wp-secondary .bar-button-outline-wp,
.toolbar-wp-secondary .toolbar-title-wp {
  color: #fff;
}

.toolbar-wp-secondary .bar-button-outline-wp {
  border-color: #fff;
}

.toolbar-wp-secondary .bar-button-primary-wp,
.toolbar-wp-secondary .bar-button-clear-wp-primary,
.toolbar-wp-secondary .bar-button-wp-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-wp-secondary .bar-button-outline-wp-primary {
  border-color: #14a1ff;
  color: #14a1ff;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-wp-secondary .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-wp-secondary .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-wp-secondary .bar-button-secondary-wp,
.toolbar-wp-secondary .bar-button-clear-wp-secondary,
.toolbar-wp-secondary .bar-button-wp-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-wp-secondary .bar-button-outline-wp-secondary {
  border-color: #46b988;
  color: #46b988;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-wp-secondary .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-wp-secondary .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-wp-secondary .bar-button-danger-wp,
.toolbar-wp-secondary .bar-button-clear-wp-danger,
.toolbar-wp-secondary .bar-button-wp-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-wp-secondary .bar-button-outline-wp-danger {
  border-color: #eb4f2c;
  color: #eb4f2c;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-wp-secondary .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-wp-secondary .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-wp-secondary .bar-button-light-wp,
.toolbar-wp-secondary .bar-button-clear-wp-light,
.toolbar-wp-secondary .bar-button-wp-light {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-secondary .bar-button-outline-wp-light {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-secondary .bar-button-solid-wp-light {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-secondary .bar-button-solid-wp-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-secondary .bar-button-dark-wp,
.toolbar-wp-secondary .bar-button-clear-wp-dark,
.toolbar-wp-secondary .bar-button-wp-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-wp-secondary .bar-button-outline-wp-dark {
  border-color: #2a3c5b;
  color: #2a3c5b;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-wp-secondary .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-wp-secondary .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-wp-secondary .bar-button-snappink-wp,
.toolbar-wp-secondary .bar-button-clear-wp-snappink,
.toolbar-wp-secondary .bar-button-wp-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-snappink-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-snappink:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-wp-secondary .bar-button-outline-wp-snappink {
  border-color: #327cdd;
  color: #327cdd;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-wp-secondary .bar-button-solid-wp-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-wp-secondary .bar-button-solid-wp-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-wp-secondary .bar-button-snapblue-wp,
.toolbar-wp-secondary .bar-button-clear-wp-snapblue,
.toolbar-wp-secondary .bar-button-wp-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-snapblue-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-snapblue:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-wp-secondary .bar-button-outline-wp-snapblue {
  border-color: #14dbff;
  color: #14dbff;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-wp-secondary .bar-button-solid-wp-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-wp-secondary .bar-button-solid-wp-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-wp-secondary .bar-button-snapyellow-wp,
.toolbar-wp-secondary .bar-button-clear-wp-snapyellow,
.toolbar-wp-secondary .bar-button-wp-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-snapyellow-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-snapyellow:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-wp-secondary .bar-button-outline-wp-snapyellow {
  border-color: #ebb206;
  color: #ebb206;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-wp-secondary .bar-button-solid-wp-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.toolbar-wp-secondary .bar-button-solid-wp-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-wp-secondary .bar-button-snapgreen-wp,
.toolbar-wp-secondary .bar-button-clear-wp-snapgreen,
.toolbar-wp-secondary .bar-button-wp-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-snapgreen-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-snapgreen:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-wp-secondary .bar-button-outline-wp-snapgreen {
  border-color: #5ab55e;
  color: #5ab55e;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-wp-secondary .bar-button-solid-wp-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-wp-secondary .bar-button-solid-wp-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-wp-secondary .bar-button-snapindigo-wp,
.toolbar-wp-secondary .bar-button-clear-wp-snapindigo,
.toolbar-wp-secondary .bar-button-wp-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-snapindigo-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-snapindigo:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-wp-secondary .bar-button-outline-wp-snapindigo {
  border-color: #4e5fbb;
  color: #4e5fbb;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-wp-secondary .bar-button-solid-wp-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-wp-secondary .bar-button-solid-wp-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-wp-secondary .bar-button-backgroundgrey-wp,
.toolbar-wp-secondary .bar-button-clear-wp-backgroundgrey,
.toolbar-wp-secondary .bar-button-wp-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-backgroundgrey-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-backgroundgrey:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-wp-secondary .bar-button-outline-wp-backgroundgrey {
  border-color: #dbdbdb;
  color: #dbdbdb;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-wp-secondary .bar-button-solid-wp-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-wp-secondary .bar-button-solid-wp-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-wp-secondary .bar-button-whitecolor-wp,
.toolbar-wp-secondary .bar-button-clear-wp-whitecolor,
.toolbar-wp-secondary .bar-button-wp-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-whitecolor-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-whitecolor:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-secondary .bar-button-outline-wp-whitecolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-secondary .bar-button-solid-wp-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-secondary .bar-button-solid-wp-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-secondary .bar-button-grey-wp,
.toolbar-wp-secondary .bar-button-clear-wp-grey,
.toolbar-wp-secondary .bar-button-wp-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-wp-secondary .bar-button-outline-wp-grey {
  border-color: #787678;
  color: #787678;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-wp-secondary .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-wp-secondary .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-wp-secondary .bar-button-blackcolor-wp,
.toolbar-wp-secondary .bar-button-clear-wp-blackcolor,
.toolbar-wp-secondary .bar-button-wp-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-blackcolor-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-blackcolor:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-secondary .bar-button-outline-wp-blackcolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-secondary .bar-button-solid-wp-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-secondary .bar-button-solid-wp-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-secondary .bar-button-mildred-wp,
.toolbar-wp-secondary .bar-button-clear-wp-mildred,
.toolbar-wp-secondary .bar-button-wp-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-mildred-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-mildred:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-wp-secondary .bar-button-outline-wp-mildred {
  border-color: #eb025e;
  color: #eb025e;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-wp-secondary .bar-button-solid-wp-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-wp-secondary .bar-button-solid-wp-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-wp-secondary .bar-button-mildgreen-wp,
.toolbar-wp-secondary .bar-button-clear-wp-mildgreen,
.toolbar-wp-secondary .bar-button-wp-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-mildgreen-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-mildgreen:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-wp-secondary .bar-button-outline-wp-mildgreen {
  border-color: #61dda0;
  color: #61dda0;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-wp-secondary .bar-button-solid-wp-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-wp-secondary .bar-button-solid-wp-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-wp-secondary .bar-button-sidebar-wp,
.toolbar-wp-secondary .bar-button-clear-wp-sidebar,
.toolbar-wp-secondary .bar-button-wp-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-sidebar-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-sidebar:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-wp-secondary .bar-button-outline-wp-sidebar {
  border-color: rgba(32, 32, 255, 0.772706);
  color: rgba(32, 32, 255, 0.772706);
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-wp-secondary .bar-button-solid-wp-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-wp-secondary .bar-button-solid-wp-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-wp-secondary .bar-button-white-wp,
.toolbar-wp-secondary .bar-button-clear-wp-white,
.toolbar-wp-secondary .bar-button-wp-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-wp-secondary .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-secondary .bar-button-solid-wp-white {
  color: #000;
  background-color: #ffffff;
}

.toolbar-wp-secondary .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-secondary .bar-button-magenta-wp,
.toolbar-wp-secondary .bar-button-clear-wp-magenta,
.toolbar-wp-secondary .bar-button-wp-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-magenta-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-magenta:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-wp-secondary .bar-button-outline-wp-magenta {
  border-color: #c918c9;
  color: #c918c9;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.toolbar-wp-secondary .bar-button-solid-wp-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-wp-secondary .bar-button-solid-wp-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-secondary-wp,
.bar-button-clear-wp-secondary,
.bar-button-wp-secondary {
  color: #36B37E;
  background-color: transparent;
}

.bar-button-secondary-wp:hover:not(.disable-hover),
.bar-button-clear-wp-secondary:hover:not(.disable-hover),
.bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.bar-button-outline-wp-secondary {
  border-color: #46b988;
  color: #46b988;
  background-color: transparent;
}

.bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #36B37E;
}

.bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-wp-danger .toolbar-background-wp {
  background: #FF5630;
}

.toolbar-wp-danger .bar-button-clear-wp,
.toolbar-wp-danger .bar-button-default-wp,
.toolbar-wp-danger .bar-button-outline-wp,
.toolbar-wp-danger .toolbar-title-wp {
  color: #fff;
}

.toolbar-wp-danger .bar-button-outline-wp {
  border-color: #fff;
}

.toolbar-wp-danger .bar-button-primary-wp,
.toolbar-wp-danger .bar-button-clear-wp-primary,
.toolbar-wp-danger .bar-button-wp-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-wp-danger .bar-button-outline-wp-primary {
  border-color: #14a1ff;
  color: #14a1ff;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-wp-danger .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-wp-danger .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-wp-danger .bar-button-secondary-wp,
.toolbar-wp-danger .bar-button-clear-wp-secondary,
.toolbar-wp-danger .bar-button-wp-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-wp-danger .bar-button-outline-wp-secondary {
  border-color: #46b988;
  color: #46b988;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-wp-danger .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-wp-danger .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-wp-danger .bar-button-danger-wp,
.toolbar-wp-danger .bar-button-clear-wp-danger,
.toolbar-wp-danger .bar-button-wp-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-wp-danger .bar-button-outline-wp-danger {
  border-color: #eb4f2c;
  color: #eb4f2c;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-wp-danger .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-wp-danger .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-wp-danger .bar-button-light-wp,
.toolbar-wp-danger .bar-button-clear-wp-light,
.toolbar-wp-danger .bar-button-wp-light {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-danger .bar-button-outline-wp-light {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-danger .bar-button-solid-wp-light {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-danger .bar-button-solid-wp-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-danger .bar-button-dark-wp,
.toolbar-wp-danger .bar-button-clear-wp-dark,
.toolbar-wp-danger .bar-button-wp-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-wp-danger .bar-button-outline-wp-dark {
  border-color: #2a3c5b;
  color: #2a3c5b;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-wp-danger .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-wp-danger .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-wp-danger .bar-button-snappink-wp,
.toolbar-wp-danger .bar-button-clear-wp-snappink,
.toolbar-wp-danger .bar-button-wp-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-snappink-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-snappink:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-wp-danger .bar-button-outline-wp-snappink {
  border-color: #327cdd;
  color: #327cdd;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-wp-danger .bar-button-solid-wp-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-wp-danger .bar-button-solid-wp-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-wp-danger .bar-button-snapblue-wp,
.toolbar-wp-danger .bar-button-clear-wp-snapblue,
.toolbar-wp-danger .bar-button-wp-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-snapblue-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-snapblue:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-wp-danger .bar-button-outline-wp-snapblue {
  border-color: #14dbff;
  color: #14dbff;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-wp-danger .bar-button-solid-wp-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-wp-danger .bar-button-solid-wp-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-wp-danger .bar-button-snapyellow-wp,
.toolbar-wp-danger .bar-button-clear-wp-snapyellow,
.toolbar-wp-danger .bar-button-wp-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-snapyellow-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-snapyellow:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-wp-danger .bar-button-outline-wp-snapyellow {
  border-color: #ebb206;
  color: #ebb206;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-wp-danger .bar-button-solid-wp-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.toolbar-wp-danger .bar-button-solid-wp-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-wp-danger .bar-button-snapgreen-wp,
.toolbar-wp-danger .bar-button-clear-wp-snapgreen,
.toolbar-wp-danger .bar-button-wp-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-snapgreen-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-snapgreen:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-wp-danger .bar-button-outline-wp-snapgreen {
  border-color: #5ab55e;
  color: #5ab55e;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-wp-danger .bar-button-solid-wp-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-wp-danger .bar-button-solid-wp-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-wp-danger .bar-button-snapindigo-wp,
.toolbar-wp-danger .bar-button-clear-wp-snapindigo,
.toolbar-wp-danger .bar-button-wp-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-snapindigo-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-snapindigo:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-wp-danger .bar-button-outline-wp-snapindigo {
  border-color: #4e5fbb;
  color: #4e5fbb;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-wp-danger .bar-button-solid-wp-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-wp-danger .bar-button-solid-wp-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-wp-danger .bar-button-backgroundgrey-wp,
.toolbar-wp-danger .bar-button-clear-wp-backgroundgrey,
.toolbar-wp-danger .bar-button-wp-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-backgroundgrey-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-backgroundgrey:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-wp-danger .bar-button-outline-wp-backgroundgrey {
  border-color: #dbdbdb;
  color: #dbdbdb;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-wp-danger .bar-button-solid-wp-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-wp-danger .bar-button-solid-wp-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-wp-danger .bar-button-whitecolor-wp,
.toolbar-wp-danger .bar-button-clear-wp-whitecolor,
.toolbar-wp-danger .bar-button-wp-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-whitecolor-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-whitecolor:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-danger .bar-button-outline-wp-whitecolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-danger .bar-button-solid-wp-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-danger .bar-button-solid-wp-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-danger .bar-button-grey-wp,
.toolbar-wp-danger .bar-button-clear-wp-grey,
.toolbar-wp-danger .bar-button-wp-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-wp-danger .bar-button-outline-wp-grey {
  border-color: #787678;
  color: #787678;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-wp-danger .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-wp-danger .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-wp-danger .bar-button-blackcolor-wp,
.toolbar-wp-danger .bar-button-clear-wp-blackcolor,
.toolbar-wp-danger .bar-button-wp-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-blackcolor-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-blackcolor:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-danger .bar-button-outline-wp-blackcolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-danger .bar-button-solid-wp-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-danger .bar-button-solid-wp-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-danger .bar-button-mildred-wp,
.toolbar-wp-danger .bar-button-clear-wp-mildred,
.toolbar-wp-danger .bar-button-wp-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-mildred-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-mildred:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-wp-danger .bar-button-outline-wp-mildred {
  border-color: #eb025e;
  color: #eb025e;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-wp-danger .bar-button-solid-wp-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-wp-danger .bar-button-solid-wp-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-wp-danger .bar-button-mildgreen-wp,
.toolbar-wp-danger .bar-button-clear-wp-mildgreen,
.toolbar-wp-danger .bar-button-wp-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-mildgreen-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-mildgreen:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-wp-danger .bar-button-outline-wp-mildgreen {
  border-color: #61dda0;
  color: #61dda0;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-wp-danger .bar-button-solid-wp-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-wp-danger .bar-button-solid-wp-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-wp-danger .bar-button-sidebar-wp,
.toolbar-wp-danger .bar-button-clear-wp-sidebar,
.toolbar-wp-danger .bar-button-wp-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-sidebar-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-sidebar:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-wp-danger .bar-button-outline-wp-sidebar {
  border-color: rgba(32, 32, 255, 0.772706);
  color: rgba(32, 32, 255, 0.772706);
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-wp-danger .bar-button-solid-wp-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-wp-danger .bar-button-solid-wp-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-wp-danger .bar-button-white-wp,
.toolbar-wp-danger .bar-button-clear-wp-white,
.toolbar-wp-danger .bar-button-wp-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-wp-danger .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-danger .bar-button-solid-wp-white {
  color: #000;
  background-color: #ffffff;
}

.toolbar-wp-danger .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-danger .bar-button-magenta-wp,
.toolbar-wp-danger .bar-button-clear-wp-magenta,
.toolbar-wp-danger .bar-button-wp-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-magenta-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-magenta:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-wp-danger .bar-button-outline-wp-magenta {
  border-color: #c918c9;
  color: #c918c9;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.toolbar-wp-danger .bar-button-solid-wp-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-wp-danger .bar-button-solid-wp-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-danger-wp,
.bar-button-clear-wp-danger,
.bar-button-wp-danger {
  color: #FF5630;
  background-color: transparent;
}

.bar-button-danger-wp:hover:not(.disable-hover),
.bar-button-clear-wp-danger:hover:not(.disable-hover),
.bar-button-wp-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.bar-button-outline-wp-danger {
  border-color: #eb4f2c;
  color: #eb4f2c;
  background-color: transparent;
}

.bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.bar-button-solid-wp-danger {
  color: #fff;
  background-color: #FF5630;
}

.bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-wp-light .toolbar-background-wp {
  background: #000;
}

.toolbar-wp-light .bar-button-clear-wp,
.toolbar-wp-light .bar-button-default-wp,
.toolbar-wp-light .bar-button-outline-wp,
.toolbar-wp-light .toolbar-title-wp {
  color: #fff;
}

.toolbar-wp-light .bar-button-outline-wp {
  border-color: #fff;
}

.toolbar-wp-light .bar-button-primary-wp,
.toolbar-wp-light .bar-button-clear-wp-primary,
.toolbar-wp-light .bar-button-wp-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-wp-light .bar-button-outline-wp-primary {
  border-color: #14a1ff;
  color: #14a1ff;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-wp-light .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-wp-light .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-wp-light .bar-button-secondary-wp,
.toolbar-wp-light .bar-button-clear-wp-secondary,
.toolbar-wp-light .bar-button-wp-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-wp-light .bar-button-outline-wp-secondary {
  border-color: #46b988;
  color: #46b988;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-wp-light .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-wp-light .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-wp-light .bar-button-danger-wp,
.toolbar-wp-light .bar-button-clear-wp-danger,
.toolbar-wp-light .bar-button-wp-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-wp-light .bar-button-outline-wp-danger {
  border-color: #eb4f2c;
  color: #eb4f2c;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-wp-light .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-wp-light .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-wp-light .bar-button-light-wp,
.toolbar-wp-light .bar-button-clear-wp-light,
.toolbar-wp-light .bar-button-wp-light {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-light .bar-button-outline-wp-light {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-light .bar-button-solid-wp-light {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-light .bar-button-solid-wp-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-light .bar-button-dark-wp,
.toolbar-wp-light .bar-button-clear-wp-dark,
.toolbar-wp-light .bar-button-wp-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-wp-light .bar-button-outline-wp-dark {
  border-color: #2a3c5b;
  color: #2a3c5b;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-wp-light .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-wp-light .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-wp-light .bar-button-snappink-wp,
.toolbar-wp-light .bar-button-clear-wp-snappink,
.toolbar-wp-light .bar-button-wp-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-snappink-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-snappink:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-wp-light .bar-button-outline-wp-snappink {
  border-color: #327cdd;
  color: #327cdd;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-wp-light .bar-button-solid-wp-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-wp-light .bar-button-solid-wp-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-wp-light .bar-button-snapblue-wp,
.toolbar-wp-light .bar-button-clear-wp-snapblue,
.toolbar-wp-light .bar-button-wp-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-snapblue-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-snapblue:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-wp-light .bar-button-outline-wp-snapblue {
  border-color: #14dbff;
  color: #14dbff;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-wp-light .bar-button-solid-wp-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-wp-light .bar-button-solid-wp-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-wp-light .bar-button-snapyellow-wp,
.toolbar-wp-light .bar-button-clear-wp-snapyellow,
.toolbar-wp-light .bar-button-wp-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-snapyellow-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-snapyellow:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-wp-light .bar-button-outline-wp-snapyellow {
  border-color: #ebb206;
  color: #ebb206;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-wp-light .bar-button-solid-wp-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.toolbar-wp-light .bar-button-solid-wp-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-wp-light .bar-button-snapgreen-wp,
.toolbar-wp-light .bar-button-clear-wp-snapgreen,
.toolbar-wp-light .bar-button-wp-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-snapgreen-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-snapgreen:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-wp-light .bar-button-outline-wp-snapgreen {
  border-color: #5ab55e;
  color: #5ab55e;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-wp-light .bar-button-solid-wp-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-wp-light .bar-button-solid-wp-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-wp-light .bar-button-snapindigo-wp,
.toolbar-wp-light .bar-button-clear-wp-snapindigo,
.toolbar-wp-light .bar-button-wp-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-snapindigo-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-snapindigo:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-wp-light .bar-button-outline-wp-snapindigo {
  border-color: #4e5fbb;
  color: #4e5fbb;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-wp-light .bar-button-solid-wp-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-wp-light .bar-button-solid-wp-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-wp-light .bar-button-backgroundgrey-wp,
.toolbar-wp-light .bar-button-clear-wp-backgroundgrey,
.toolbar-wp-light .bar-button-wp-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-backgroundgrey-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-backgroundgrey:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-wp-light .bar-button-outline-wp-backgroundgrey {
  border-color: #dbdbdb;
  color: #dbdbdb;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-wp-light .bar-button-solid-wp-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-wp-light .bar-button-solid-wp-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-wp-light .bar-button-whitecolor-wp,
.toolbar-wp-light .bar-button-clear-wp-whitecolor,
.toolbar-wp-light .bar-button-wp-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-whitecolor-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-whitecolor:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-light .bar-button-outline-wp-whitecolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-light .bar-button-solid-wp-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-light .bar-button-solid-wp-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-light .bar-button-grey-wp,
.toolbar-wp-light .bar-button-clear-wp-grey,
.toolbar-wp-light .bar-button-wp-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-wp-light .bar-button-outline-wp-grey {
  border-color: #787678;
  color: #787678;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-wp-light .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-wp-light .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-wp-light .bar-button-blackcolor-wp,
.toolbar-wp-light .bar-button-clear-wp-blackcolor,
.toolbar-wp-light .bar-button-wp-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-blackcolor-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-blackcolor:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-light .bar-button-outline-wp-blackcolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-light .bar-button-solid-wp-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-light .bar-button-solid-wp-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-light .bar-button-mildred-wp,
.toolbar-wp-light .bar-button-clear-wp-mildred,
.toolbar-wp-light .bar-button-wp-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-mildred-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-mildred:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-wp-light .bar-button-outline-wp-mildred {
  border-color: #eb025e;
  color: #eb025e;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-wp-light .bar-button-solid-wp-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-wp-light .bar-button-solid-wp-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-wp-light .bar-button-mildgreen-wp,
.toolbar-wp-light .bar-button-clear-wp-mildgreen,
.toolbar-wp-light .bar-button-wp-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-mildgreen-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-mildgreen:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-wp-light .bar-button-outline-wp-mildgreen {
  border-color: #61dda0;
  color: #61dda0;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-wp-light .bar-button-solid-wp-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-wp-light .bar-button-solid-wp-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-wp-light .bar-button-sidebar-wp,
.toolbar-wp-light .bar-button-clear-wp-sidebar,
.toolbar-wp-light .bar-button-wp-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-sidebar-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-sidebar:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-wp-light .bar-button-outline-wp-sidebar {
  border-color: rgba(32, 32, 255, 0.772706);
  color: rgba(32, 32, 255, 0.772706);
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-wp-light .bar-button-solid-wp-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-wp-light .bar-button-solid-wp-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-wp-light .bar-button-white-wp,
.toolbar-wp-light .bar-button-clear-wp-white,
.toolbar-wp-light .bar-button-wp-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-wp-light .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-light .bar-button-solid-wp-white {
  color: #000;
  background-color: #ffffff;
}

.toolbar-wp-light .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-light .bar-button-magenta-wp,
.toolbar-wp-light .bar-button-clear-wp-magenta,
.toolbar-wp-light .bar-button-wp-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-magenta-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-magenta:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-wp-light .bar-button-outline-wp-magenta {
  border-color: #c918c9;
  color: #c918c9;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.toolbar-wp-light .bar-button-solid-wp-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-wp-light .bar-button-solid-wp-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-light-wp,
.bar-button-clear-wp-light,
.bar-button-wp-light {
  color: #000;
  background-color: transparent;
}

.bar-button-light-wp:hover:not(.disable-hover),
.bar-button-clear-wp-light:hover:not(.disable-hover),
.bar-button-wp-light:hover:not(.disable-hover) {
  color: #000;
}

.bar-button-outline-wp-light {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.bar-button-outline-wp-light.activated {
  color: #fff;
  background-color: #141414;
}

.bar-button-solid-wp-light {
  color: #fff;
  background-color: #000;
}

.bar-button-solid-wp-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-dark .toolbar-background-wp {
  background: #172B4D;
}

.toolbar-wp-dark .bar-button-clear-wp,
.toolbar-wp-dark .bar-button-default-wp,
.toolbar-wp-dark .bar-button-outline-wp,
.toolbar-wp-dark .toolbar-title-wp {
  color: #fff;
}

.toolbar-wp-dark .bar-button-outline-wp {
  border-color: #fff;
}

.toolbar-wp-dark .bar-button-primary-wp,
.toolbar-wp-dark .bar-button-clear-wp-primary,
.toolbar-wp-dark .bar-button-wp-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-wp-dark .bar-button-outline-wp-primary {
  border-color: #14a1ff;
  color: #14a1ff;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-wp-dark .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-wp-dark .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-wp-dark .bar-button-secondary-wp,
.toolbar-wp-dark .bar-button-clear-wp-secondary,
.toolbar-wp-dark .bar-button-wp-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-wp-dark .bar-button-outline-wp-secondary {
  border-color: #46b988;
  color: #46b988;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-wp-dark .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-wp-dark .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-wp-dark .bar-button-danger-wp,
.toolbar-wp-dark .bar-button-clear-wp-danger,
.toolbar-wp-dark .bar-button-wp-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-wp-dark .bar-button-outline-wp-danger {
  border-color: #eb4f2c;
  color: #eb4f2c;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-wp-dark .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-wp-dark .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-wp-dark .bar-button-light-wp,
.toolbar-wp-dark .bar-button-clear-wp-light,
.toolbar-wp-dark .bar-button-wp-light {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-dark .bar-button-outline-wp-light {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-dark .bar-button-solid-wp-light {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-dark .bar-button-solid-wp-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-dark .bar-button-dark-wp,
.toolbar-wp-dark .bar-button-clear-wp-dark,
.toolbar-wp-dark .bar-button-wp-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-wp-dark .bar-button-outline-wp-dark {
  border-color: #2a3c5b;
  color: #2a3c5b;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-wp-dark .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-wp-dark .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-wp-dark .bar-button-snappink-wp,
.toolbar-wp-dark .bar-button-clear-wp-snappink,
.toolbar-wp-dark .bar-button-wp-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-snappink-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-snappink:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-wp-dark .bar-button-outline-wp-snappink {
  border-color: #327cdd;
  color: #327cdd;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-wp-dark .bar-button-solid-wp-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-wp-dark .bar-button-solid-wp-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-wp-dark .bar-button-snapblue-wp,
.toolbar-wp-dark .bar-button-clear-wp-snapblue,
.toolbar-wp-dark .bar-button-wp-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-snapblue-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-snapblue:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-wp-dark .bar-button-outline-wp-snapblue {
  border-color: #14dbff;
  color: #14dbff;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-wp-dark .bar-button-solid-wp-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-wp-dark .bar-button-solid-wp-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-wp-dark .bar-button-snapyellow-wp,
.toolbar-wp-dark .bar-button-clear-wp-snapyellow,
.toolbar-wp-dark .bar-button-wp-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-snapyellow-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-snapyellow:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-wp-dark .bar-button-outline-wp-snapyellow {
  border-color: #ebb206;
  color: #ebb206;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-wp-dark .bar-button-solid-wp-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.toolbar-wp-dark .bar-button-solid-wp-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-wp-dark .bar-button-snapgreen-wp,
.toolbar-wp-dark .bar-button-clear-wp-snapgreen,
.toolbar-wp-dark .bar-button-wp-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-snapgreen-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-snapgreen:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-wp-dark .bar-button-outline-wp-snapgreen {
  border-color: #5ab55e;
  color: #5ab55e;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-wp-dark .bar-button-solid-wp-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-wp-dark .bar-button-solid-wp-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-wp-dark .bar-button-snapindigo-wp,
.toolbar-wp-dark .bar-button-clear-wp-snapindigo,
.toolbar-wp-dark .bar-button-wp-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-snapindigo-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-snapindigo:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-wp-dark .bar-button-outline-wp-snapindigo {
  border-color: #4e5fbb;
  color: #4e5fbb;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-wp-dark .bar-button-solid-wp-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-wp-dark .bar-button-solid-wp-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-wp-dark .bar-button-backgroundgrey-wp,
.toolbar-wp-dark .bar-button-clear-wp-backgroundgrey,
.toolbar-wp-dark .bar-button-wp-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-backgroundgrey-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-backgroundgrey:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-wp-dark .bar-button-outline-wp-backgroundgrey {
  border-color: #dbdbdb;
  color: #dbdbdb;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-wp-dark .bar-button-solid-wp-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-wp-dark .bar-button-solid-wp-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-wp-dark .bar-button-whitecolor-wp,
.toolbar-wp-dark .bar-button-clear-wp-whitecolor,
.toolbar-wp-dark .bar-button-wp-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-whitecolor-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-whitecolor:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-dark .bar-button-outline-wp-whitecolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-dark .bar-button-solid-wp-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-dark .bar-button-solid-wp-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-dark .bar-button-grey-wp,
.toolbar-wp-dark .bar-button-clear-wp-grey,
.toolbar-wp-dark .bar-button-wp-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-wp-dark .bar-button-outline-wp-grey {
  border-color: #787678;
  color: #787678;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-wp-dark .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-wp-dark .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-wp-dark .bar-button-blackcolor-wp,
.toolbar-wp-dark .bar-button-clear-wp-blackcolor,
.toolbar-wp-dark .bar-button-wp-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-blackcolor-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-blackcolor:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-dark .bar-button-outline-wp-blackcolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-dark .bar-button-solid-wp-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-dark .bar-button-solid-wp-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-dark .bar-button-mildred-wp,
.toolbar-wp-dark .bar-button-clear-wp-mildred,
.toolbar-wp-dark .bar-button-wp-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-mildred-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-mildred:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-wp-dark .bar-button-outline-wp-mildred {
  border-color: #eb025e;
  color: #eb025e;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-wp-dark .bar-button-solid-wp-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-wp-dark .bar-button-solid-wp-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-wp-dark .bar-button-mildgreen-wp,
.toolbar-wp-dark .bar-button-clear-wp-mildgreen,
.toolbar-wp-dark .bar-button-wp-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-mildgreen-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-mildgreen:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-wp-dark .bar-button-outline-wp-mildgreen {
  border-color: #61dda0;
  color: #61dda0;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-wp-dark .bar-button-solid-wp-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-wp-dark .bar-button-solid-wp-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-wp-dark .bar-button-sidebar-wp,
.toolbar-wp-dark .bar-button-clear-wp-sidebar,
.toolbar-wp-dark .bar-button-wp-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-sidebar-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-sidebar:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-wp-dark .bar-button-outline-wp-sidebar {
  border-color: rgba(32, 32, 255, 0.772706);
  color: rgba(32, 32, 255, 0.772706);
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-wp-dark .bar-button-solid-wp-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-wp-dark .bar-button-solid-wp-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-wp-dark .bar-button-white-wp,
.toolbar-wp-dark .bar-button-clear-wp-white,
.toolbar-wp-dark .bar-button-wp-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-wp-dark .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-dark .bar-button-solid-wp-white {
  color: #000;
  background-color: #ffffff;
}

.toolbar-wp-dark .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-dark .bar-button-magenta-wp,
.toolbar-wp-dark .bar-button-clear-wp-magenta,
.toolbar-wp-dark .bar-button-wp-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-magenta-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-magenta:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-wp-dark .bar-button-outline-wp-magenta {
  border-color: #c918c9;
  color: #c918c9;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.toolbar-wp-dark .bar-button-solid-wp-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-wp-dark .bar-button-solid-wp-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-dark-wp,
.bar-button-clear-wp-dark,
.bar-button-wp-dark {
  color: #172B4D;
  background-color: transparent;
}

.bar-button-dark-wp:hover:not(.disable-hover),
.bar-button-clear-wp-dark:hover:not(.disable-hover),
.bar-button-wp-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.bar-button-outline-wp-dark {
  border-color: #2a3c5b;
  color: #2a3c5b;
  background-color: transparent;
}

.bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.bar-button-solid-wp-dark {
  color: #fff;
  background-color: #172B4D;
}

.bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-wp-snappink .toolbar-background-wp {
  background: #3687f0;
}

.toolbar-wp-snappink .bar-button-clear-wp,
.toolbar-wp-snappink .bar-button-default-wp,
.toolbar-wp-snappink .bar-button-outline-wp,
.toolbar-wp-snappink .toolbar-title-wp {
  color: #fff;
}

.toolbar-wp-snappink .bar-button-outline-wp {
  border-color: #fff;
}

.toolbar-wp-snappink .bar-button-primary-wp,
.toolbar-wp-snappink .bar-button-clear-wp-primary,
.toolbar-wp-snappink .bar-button-wp-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-wp-snappink .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-snappink .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-snappink .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-wp-snappink .bar-button-outline-wp-primary {
  border-color: #14a1ff;
  color: #14a1ff;
  background-color: transparent;
}

.toolbar-wp-snappink .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-wp-snappink .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-wp-snappink .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-wp-snappink .bar-button-secondary-wp,
.toolbar-wp-snappink .bar-button-clear-wp-secondary,
.toolbar-wp-snappink .bar-button-wp-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-wp-snappink .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-snappink .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-snappink .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-wp-snappink .bar-button-outline-wp-secondary {
  border-color: #46b988;
  color: #46b988;
  background-color: transparent;
}

.toolbar-wp-snappink .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-wp-snappink .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-wp-snappink .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-wp-snappink .bar-button-danger-wp,
.toolbar-wp-snappink .bar-button-clear-wp-danger,
.toolbar-wp-snappink .bar-button-wp-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-wp-snappink .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-snappink .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-snappink .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-wp-snappink .bar-button-outline-wp-danger {
  border-color: #eb4f2c;
  color: #eb4f2c;
  background-color: transparent;
}

.toolbar-wp-snappink .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-wp-snappink .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-wp-snappink .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-wp-snappink .bar-button-light-wp,
.toolbar-wp-snappink .bar-button-clear-wp-light,
.toolbar-wp-snappink .bar-button-wp-light {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-snappink .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-snappink .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-snappink .bar-button-wp-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-snappink .bar-button-outline-wp-light {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-snappink .bar-button-outline-wp-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-snappink .bar-button-solid-wp-light {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-snappink .bar-button-solid-wp-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-snappink .bar-button-dark-wp,
.toolbar-wp-snappink .bar-button-clear-wp-dark,
.toolbar-wp-snappink .bar-button-wp-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-wp-snappink .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-snappink .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-snappink .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-wp-snappink .bar-button-outline-wp-dark {
  border-color: #2a3c5b;
  color: #2a3c5b;
  background-color: transparent;
}

.toolbar-wp-snappink .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-wp-snappink .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-wp-snappink .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-wp-snappink .bar-button-snappink-wp,
.toolbar-wp-snappink .bar-button-clear-wp-snappink,
.toolbar-wp-snappink .bar-button-wp-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-wp-snappink .bar-button-snappink-wp:hover:not(.disable-hover),
.toolbar-wp-snappink .bar-button-clear-wp-snappink:hover:not(.disable-hover),
.toolbar-wp-snappink .bar-button-wp-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-wp-snappink .bar-button-outline-wp-snappink {
  border-color: #327cdd;
  color: #327cdd;
  background-color: transparent;
}

.toolbar-wp-snappink .bar-button-outline-wp-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-wp-snappink .bar-button-solid-wp-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-wp-snappink .bar-button-solid-wp-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-wp-snappink .bar-button-snapblue-wp,
.toolbar-wp-snappink .bar-button-clear-wp-snapblue,
.toolbar-wp-snappink .bar-button-wp-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-wp-snappink .bar-button-snapblue-wp:hover:not(.disable-hover),
.toolbar-wp-snappink .bar-button-clear-wp-snapblue:hover:not(.disable-hover),
.toolbar-wp-snappink .bar-button-wp-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-wp-snappink .bar-button-outline-wp-snapblue {
  border-color: #14dbff;
  color: #14dbff;
  background-color: transparent;
}

.toolbar-wp-snappink .bar-button-outline-wp-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-wp-snappink .bar-button-solid-wp-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-wp-snappink .bar-button-solid-wp-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-wp-snappink .bar-button-snapyellow-wp,
.toolbar-wp-snappink .bar-button-clear-wp-snapyellow,
.toolbar-wp-snappink .bar-button-wp-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-wp-snappink .bar-button-snapyellow-wp:hover:not(.disable-hover),
.toolbar-wp-snappink .bar-button-clear-wp-snapyellow:hover:not(.disable-hover),
.toolbar-wp-snappink .bar-button-wp-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-wp-snappink .bar-button-outline-wp-snapyellow {
  border-color: #ebb206;
  color: #ebb206;
  background-color: transparent;
}

.toolbar-wp-snappink .bar-button-outline-wp-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-wp-snappink .bar-button-solid-wp-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.toolbar-wp-snappink .bar-button-solid-wp-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-wp-snappink .bar-button-snapgreen-wp,
.toolbar-wp-snappink .bar-button-clear-wp-snapgreen,
.toolbar-wp-snappink .bar-button-wp-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-wp-snappink .bar-button-snapgreen-wp:hover:not(.disable-hover),
.toolbar-wp-snappink .bar-button-clear-wp-snapgreen:hover:not(.disable-hover),
.toolbar-wp-snappink .bar-button-wp-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-wp-snappink .bar-button-outline-wp-snapgreen {
  border-color: #5ab55e;
  color: #5ab55e;
  background-color: transparent;
}

.toolbar-wp-snappink .bar-button-outline-wp-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-wp-snappink .bar-button-solid-wp-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-wp-snappink .bar-button-solid-wp-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-wp-snappink .bar-button-snapindigo-wp,
.toolbar-wp-snappink .bar-button-clear-wp-snapindigo,
.toolbar-wp-snappink .bar-button-wp-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-wp-snappink .bar-button-snapindigo-wp:hover:not(.disable-hover),
.toolbar-wp-snappink .bar-button-clear-wp-snapindigo:hover:not(.disable-hover),
.toolbar-wp-snappink .bar-button-wp-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-wp-snappink .bar-button-outline-wp-snapindigo {
  border-color: #4e5fbb;
  color: #4e5fbb;
  background-color: transparent;
}

.toolbar-wp-snappink .bar-button-outline-wp-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-wp-snappink .bar-button-solid-wp-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-wp-snappink .bar-button-solid-wp-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-wp-snappink .bar-button-backgroundgrey-wp,
.toolbar-wp-snappink .bar-button-clear-wp-backgroundgrey,
.toolbar-wp-snappink .bar-button-wp-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-wp-snappink .bar-button-backgroundgrey-wp:hover:not(.disable-hover),
.toolbar-wp-snappink .bar-button-clear-wp-backgroundgrey:hover:not(.disable-hover),
.toolbar-wp-snappink .bar-button-wp-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-wp-snappink .bar-button-outline-wp-backgroundgrey {
  border-color: #dbdbdb;
  color: #dbdbdb;
  background-color: transparent;
}

.toolbar-wp-snappink .bar-button-outline-wp-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-wp-snappink .bar-button-solid-wp-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-wp-snappink .bar-button-solid-wp-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-wp-snappink .bar-button-whitecolor-wp,
.toolbar-wp-snappink .bar-button-clear-wp-whitecolor,
.toolbar-wp-snappink .bar-button-wp-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-snappink .bar-button-whitecolor-wp:hover:not(.disable-hover),
.toolbar-wp-snappink .bar-button-clear-wp-whitecolor:hover:not(.disable-hover),
.toolbar-wp-snappink .bar-button-wp-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-snappink .bar-button-outline-wp-whitecolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-snappink .bar-button-outline-wp-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-snappink .bar-button-solid-wp-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-snappink .bar-button-solid-wp-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-snappink .bar-button-grey-wp,
.toolbar-wp-snappink .bar-button-clear-wp-grey,
.toolbar-wp-snappink .bar-button-wp-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-wp-snappink .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-snappink .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-snappink .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-wp-snappink .bar-button-outline-wp-grey {
  border-color: #787678;
  color: #787678;
  background-color: transparent;
}

.toolbar-wp-snappink .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-wp-snappink .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-wp-snappink .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-wp-snappink .bar-button-blackcolor-wp,
.toolbar-wp-snappink .bar-button-clear-wp-blackcolor,
.toolbar-wp-snappink .bar-button-wp-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-snappink .bar-button-blackcolor-wp:hover:not(.disable-hover),
.toolbar-wp-snappink .bar-button-clear-wp-blackcolor:hover:not(.disable-hover),
.toolbar-wp-snappink .bar-button-wp-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-snappink .bar-button-outline-wp-blackcolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-snappink .bar-button-outline-wp-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-snappink .bar-button-solid-wp-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-snappink .bar-button-solid-wp-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-snappink .bar-button-mildred-wp,
.toolbar-wp-snappink .bar-button-clear-wp-mildred,
.toolbar-wp-snappink .bar-button-wp-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-wp-snappink .bar-button-mildred-wp:hover:not(.disable-hover),
.toolbar-wp-snappink .bar-button-clear-wp-mildred:hover:not(.disable-hover),
.toolbar-wp-snappink .bar-button-wp-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-wp-snappink .bar-button-outline-wp-mildred {
  border-color: #eb025e;
  color: #eb025e;
  background-color: transparent;
}

.toolbar-wp-snappink .bar-button-outline-wp-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-wp-snappink .bar-button-solid-wp-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-wp-snappink .bar-button-solid-wp-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-wp-snappink .bar-button-mildgreen-wp,
.toolbar-wp-snappink .bar-button-clear-wp-mildgreen,
.toolbar-wp-snappink .bar-button-wp-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-wp-snappink .bar-button-mildgreen-wp:hover:not(.disable-hover),
.toolbar-wp-snappink .bar-button-clear-wp-mildgreen:hover:not(.disable-hover),
.toolbar-wp-snappink .bar-button-wp-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-wp-snappink .bar-button-outline-wp-mildgreen {
  border-color: #61dda0;
  color: #61dda0;
  background-color: transparent;
}

.toolbar-wp-snappink .bar-button-outline-wp-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-wp-snappink .bar-button-solid-wp-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-wp-snappink .bar-button-solid-wp-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-wp-snappink .bar-button-sidebar-wp,
.toolbar-wp-snappink .bar-button-clear-wp-sidebar,
.toolbar-wp-snappink .bar-button-wp-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-wp-snappink .bar-button-sidebar-wp:hover:not(.disable-hover),
.toolbar-wp-snappink .bar-button-clear-wp-sidebar:hover:not(.disable-hover),
.toolbar-wp-snappink .bar-button-wp-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-wp-snappink .bar-button-outline-wp-sidebar {
  border-color: rgba(32, 32, 255, 0.772706);
  color: rgba(32, 32, 255, 0.772706);
  background-color: transparent;
}

.toolbar-wp-snappink .bar-button-outline-wp-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-wp-snappink .bar-button-solid-wp-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-wp-snappink .bar-button-solid-wp-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-wp-snappink .bar-button-white-wp,
.toolbar-wp-snappink .bar-button-clear-wp-white,
.toolbar-wp-snappink .bar-button-wp-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-wp-snappink .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-snappink .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-snappink .bar-button-wp-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-wp-snappink .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-snappink .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-snappink .bar-button-solid-wp-white {
  color: #000;
  background-color: #ffffff;
}

.toolbar-wp-snappink .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-snappink .bar-button-magenta-wp,
.toolbar-wp-snappink .bar-button-clear-wp-magenta,
.toolbar-wp-snappink .bar-button-wp-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-wp-snappink .bar-button-magenta-wp:hover:not(.disable-hover),
.toolbar-wp-snappink .bar-button-clear-wp-magenta:hover:not(.disable-hover),
.toolbar-wp-snappink .bar-button-wp-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-wp-snappink .bar-button-outline-wp-magenta {
  border-color: #c918c9;
  color: #c918c9;
  background-color: transparent;
}

.toolbar-wp-snappink .bar-button-outline-wp-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.toolbar-wp-snappink .bar-button-solid-wp-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-wp-snappink .bar-button-solid-wp-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-snappink-wp,
.bar-button-clear-wp-snappink,
.bar-button-wp-snappink {
  color: #3687f0;
  background-color: transparent;
}

.bar-button-snappink-wp:hover:not(.disable-hover),
.bar-button-clear-wp-snappink:hover:not(.disable-hover),
.bar-button-wp-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.bar-button-outline-wp-snappink {
  border-color: #327cdd;
  color: #327cdd;
  background-color: transparent;
}

.bar-button-outline-wp-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.bar-button-solid-wp-snappink {
  color: #fff;
  background-color: #3687f0;
}

.bar-button-solid-wp-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-wp-snapblue .toolbar-background-wp {
  background: #00d8ff;
}

.toolbar-wp-snapblue .bar-button-clear-wp,
.toolbar-wp-snapblue .bar-button-default-wp,
.toolbar-wp-snapblue .bar-button-outline-wp,
.toolbar-wp-snapblue .toolbar-title-wp {
  color: #fff;
}

.toolbar-wp-snapblue .bar-button-outline-wp {
  border-color: #fff;
}

.toolbar-wp-snapblue .bar-button-primary-wp,
.toolbar-wp-snapblue .bar-button-clear-wp-primary,
.toolbar-wp-snapblue .bar-button-wp-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-wp-snapblue .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-snapblue .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-snapblue .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-wp-snapblue .bar-button-outline-wp-primary {
  border-color: #14a1ff;
  color: #14a1ff;
  background-color: transparent;
}

.toolbar-wp-snapblue .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-wp-snapblue .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-wp-snapblue .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-wp-snapblue .bar-button-secondary-wp,
.toolbar-wp-snapblue .bar-button-clear-wp-secondary,
.toolbar-wp-snapblue .bar-button-wp-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-wp-snapblue .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-snapblue .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-snapblue .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-wp-snapblue .bar-button-outline-wp-secondary {
  border-color: #46b988;
  color: #46b988;
  background-color: transparent;
}

.toolbar-wp-snapblue .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-wp-snapblue .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-wp-snapblue .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-wp-snapblue .bar-button-danger-wp,
.toolbar-wp-snapblue .bar-button-clear-wp-danger,
.toolbar-wp-snapblue .bar-button-wp-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-wp-snapblue .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-snapblue .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-snapblue .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-wp-snapblue .bar-button-outline-wp-danger {
  border-color: #eb4f2c;
  color: #eb4f2c;
  background-color: transparent;
}

.toolbar-wp-snapblue .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-wp-snapblue .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-wp-snapblue .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-wp-snapblue .bar-button-light-wp,
.toolbar-wp-snapblue .bar-button-clear-wp-light,
.toolbar-wp-snapblue .bar-button-wp-light {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-snapblue .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-snapblue .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-snapblue .bar-button-wp-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-snapblue .bar-button-outline-wp-light {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-snapblue .bar-button-outline-wp-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-snapblue .bar-button-solid-wp-light {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-snapblue .bar-button-solid-wp-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-snapblue .bar-button-dark-wp,
.toolbar-wp-snapblue .bar-button-clear-wp-dark,
.toolbar-wp-snapblue .bar-button-wp-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-wp-snapblue .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-snapblue .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-snapblue .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-wp-snapblue .bar-button-outline-wp-dark {
  border-color: #2a3c5b;
  color: #2a3c5b;
  background-color: transparent;
}

.toolbar-wp-snapblue .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-wp-snapblue .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-wp-snapblue .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-wp-snapblue .bar-button-snappink-wp,
.toolbar-wp-snapblue .bar-button-clear-wp-snappink,
.toolbar-wp-snapblue .bar-button-wp-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-wp-snapblue .bar-button-snappink-wp:hover:not(.disable-hover),
.toolbar-wp-snapblue .bar-button-clear-wp-snappink:hover:not(.disable-hover),
.toolbar-wp-snapblue .bar-button-wp-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-wp-snapblue .bar-button-outline-wp-snappink {
  border-color: #327cdd;
  color: #327cdd;
  background-color: transparent;
}

.toolbar-wp-snapblue .bar-button-outline-wp-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-wp-snapblue .bar-button-solid-wp-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-wp-snapblue .bar-button-solid-wp-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-wp-snapblue .bar-button-snapblue-wp,
.toolbar-wp-snapblue .bar-button-clear-wp-snapblue,
.toolbar-wp-snapblue .bar-button-wp-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-wp-snapblue .bar-button-snapblue-wp:hover:not(.disable-hover),
.toolbar-wp-snapblue .bar-button-clear-wp-snapblue:hover:not(.disable-hover),
.toolbar-wp-snapblue .bar-button-wp-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-wp-snapblue .bar-button-outline-wp-snapblue {
  border-color: #14dbff;
  color: #14dbff;
  background-color: transparent;
}

.toolbar-wp-snapblue .bar-button-outline-wp-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-wp-snapblue .bar-button-solid-wp-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-wp-snapblue .bar-button-solid-wp-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-wp-snapblue .bar-button-snapyellow-wp,
.toolbar-wp-snapblue .bar-button-clear-wp-snapyellow,
.toolbar-wp-snapblue .bar-button-wp-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-wp-snapblue .bar-button-snapyellow-wp:hover:not(.disable-hover),
.toolbar-wp-snapblue .bar-button-clear-wp-snapyellow:hover:not(.disable-hover),
.toolbar-wp-snapblue .bar-button-wp-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-wp-snapblue .bar-button-outline-wp-snapyellow {
  border-color: #ebb206;
  color: #ebb206;
  background-color: transparent;
}

.toolbar-wp-snapblue .bar-button-outline-wp-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-wp-snapblue .bar-button-solid-wp-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.toolbar-wp-snapblue .bar-button-solid-wp-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-wp-snapblue .bar-button-snapgreen-wp,
.toolbar-wp-snapblue .bar-button-clear-wp-snapgreen,
.toolbar-wp-snapblue .bar-button-wp-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-wp-snapblue .bar-button-snapgreen-wp:hover:not(.disable-hover),
.toolbar-wp-snapblue .bar-button-clear-wp-snapgreen:hover:not(.disable-hover),
.toolbar-wp-snapblue .bar-button-wp-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-wp-snapblue .bar-button-outline-wp-snapgreen {
  border-color: #5ab55e;
  color: #5ab55e;
  background-color: transparent;
}

.toolbar-wp-snapblue .bar-button-outline-wp-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-wp-snapblue .bar-button-solid-wp-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-wp-snapblue .bar-button-solid-wp-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-wp-snapblue .bar-button-snapindigo-wp,
.toolbar-wp-snapblue .bar-button-clear-wp-snapindigo,
.toolbar-wp-snapblue .bar-button-wp-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-wp-snapblue .bar-button-snapindigo-wp:hover:not(.disable-hover),
.toolbar-wp-snapblue .bar-button-clear-wp-snapindigo:hover:not(.disable-hover),
.toolbar-wp-snapblue .bar-button-wp-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-wp-snapblue .bar-button-outline-wp-snapindigo {
  border-color: #4e5fbb;
  color: #4e5fbb;
  background-color: transparent;
}

.toolbar-wp-snapblue .bar-button-outline-wp-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-wp-snapblue .bar-button-solid-wp-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-wp-snapblue .bar-button-solid-wp-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-wp-snapblue .bar-button-backgroundgrey-wp,
.toolbar-wp-snapblue .bar-button-clear-wp-backgroundgrey,
.toolbar-wp-snapblue .bar-button-wp-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-wp-snapblue .bar-button-backgroundgrey-wp:hover:not(.disable-hover),
.toolbar-wp-snapblue .bar-button-clear-wp-backgroundgrey:hover:not(.disable-hover),
.toolbar-wp-snapblue .bar-button-wp-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-wp-snapblue .bar-button-outline-wp-backgroundgrey {
  border-color: #dbdbdb;
  color: #dbdbdb;
  background-color: transparent;
}

.toolbar-wp-snapblue .bar-button-outline-wp-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-wp-snapblue .bar-button-solid-wp-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-wp-snapblue .bar-button-solid-wp-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-wp-snapblue .bar-button-whitecolor-wp,
.toolbar-wp-snapblue .bar-button-clear-wp-whitecolor,
.toolbar-wp-snapblue .bar-button-wp-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-snapblue .bar-button-whitecolor-wp:hover:not(.disable-hover),
.toolbar-wp-snapblue .bar-button-clear-wp-whitecolor:hover:not(.disable-hover),
.toolbar-wp-snapblue .bar-button-wp-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-snapblue .bar-button-outline-wp-whitecolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-snapblue .bar-button-outline-wp-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-snapblue .bar-button-solid-wp-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-snapblue .bar-button-solid-wp-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-snapblue .bar-button-grey-wp,
.toolbar-wp-snapblue .bar-button-clear-wp-grey,
.toolbar-wp-snapblue .bar-button-wp-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-wp-snapblue .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-snapblue .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-snapblue .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-wp-snapblue .bar-button-outline-wp-grey {
  border-color: #787678;
  color: #787678;
  background-color: transparent;
}

.toolbar-wp-snapblue .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-wp-snapblue .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-wp-snapblue .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-wp-snapblue .bar-button-blackcolor-wp,
.toolbar-wp-snapblue .bar-button-clear-wp-blackcolor,
.toolbar-wp-snapblue .bar-button-wp-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-snapblue .bar-button-blackcolor-wp:hover:not(.disable-hover),
.toolbar-wp-snapblue .bar-button-clear-wp-blackcolor:hover:not(.disable-hover),
.toolbar-wp-snapblue .bar-button-wp-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-snapblue .bar-button-outline-wp-blackcolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-snapblue .bar-button-outline-wp-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-snapblue .bar-button-solid-wp-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-snapblue .bar-button-solid-wp-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-snapblue .bar-button-mildred-wp,
.toolbar-wp-snapblue .bar-button-clear-wp-mildred,
.toolbar-wp-snapblue .bar-button-wp-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-wp-snapblue .bar-button-mildred-wp:hover:not(.disable-hover),
.toolbar-wp-snapblue .bar-button-clear-wp-mildred:hover:not(.disable-hover),
.toolbar-wp-snapblue .bar-button-wp-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-wp-snapblue .bar-button-outline-wp-mildred {
  border-color: #eb025e;
  color: #eb025e;
  background-color: transparent;
}

.toolbar-wp-snapblue .bar-button-outline-wp-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-wp-snapblue .bar-button-solid-wp-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-wp-snapblue .bar-button-solid-wp-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-wp-snapblue .bar-button-mildgreen-wp,
.toolbar-wp-snapblue .bar-button-clear-wp-mildgreen,
.toolbar-wp-snapblue .bar-button-wp-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-wp-snapblue .bar-button-mildgreen-wp:hover:not(.disable-hover),
.toolbar-wp-snapblue .bar-button-clear-wp-mildgreen:hover:not(.disable-hover),
.toolbar-wp-snapblue .bar-button-wp-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-wp-snapblue .bar-button-outline-wp-mildgreen {
  border-color: #61dda0;
  color: #61dda0;
  background-color: transparent;
}

.toolbar-wp-snapblue .bar-button-outline-wp-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-wp-snapblue .bar-button-solid-wp-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-wp-snapblue .bar-button-solid-wp-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-wp-snapblue .bar-button-sidebar-wp,
.toolbar-wp-snapblue .bar-button-clear-wp-sidebar,
.toolbar-wp-snapblue .bar-button-wp-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-wp-snapblue .bar-button-sidebar-wp:hover:not(.disable-hover),
.toolbar-wp-snapblue .bar-button-clear-wp-sidebar:hover:not(.disable-hover),
.toolbar-wp-snapblue .bar-button-wp-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-wp-snapblue .bar-button-outline-wp-sidebar {
  border-color: rgba(32, 32, 255, 0.772706);
  color: rgba(32, 32, 255, 0.772706);
  background-color: transparent;
}

.toolbar-wp-snapblue .bar-button-outline-wp-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-wp-snapblue .bar-button-solid-wp-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-wp-snapblue .bar-button-solid-wp-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-wp-snapblue .bar-button-white-wp,
.toolbar-wp-snapblue .bar-button-clear-wp-white,
.toolbar-wp-snapblue .bar-button-wp-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-wp-snapblue .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-snapblue .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-snapblue .bar-button-wp-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-wp-snapblue .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-snapblue .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-snapblue .bar-button-solid-wp-white {
  color: #000;
  background-color: #ffffff;
}

.toolbar-wp-snapblue .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-snapblue .bar-button-magenta-wp,
.toolbar-wp-snapblue .bar-button-clear-wp-magenta,
.toolbar-wp-snapblue .bar-button-wp-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-wp-snapblue .bar-button-magenta-wp:hover:not(.disable-hover),
.toolbar-wp-snapblue .bar-button-clear-wp-magenta:hover:not(.disable-hover),
.toolbar-wp-snapblue .bar-button-wp-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-wp-snapblue .bar-button-outline-wp-magenta {
  border-color: #c918c9;
  color: #c918c9;
  background-color: transparent;
}

.toolbar-wp-snapblue .bar-button-outline-wp-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.toolbar-wp-snapblue .bar-button-solid-wp-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-wp-snapblue .bar-button-solid-wp-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-snapblue-wp,
.bar-button-clear-wp-snapblue,
.bar-button-wp-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.bar-button-snapblue-wp:hover:not(.disable-hover),
.bar-button-clear-wp-snapblue:hover:not(.disable-hover),
.bar-button-wp-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.bar-button-outline-wp-snapblue {
  border-color: #14dbff;
  color: #14dbff;
  background-color: transparent;
}

.bar-button-outline-wp-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.bar-button-solid-wp-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.bar-button-solid-wp-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-wp-snapyellow .toolbar-background-wp {
  background: #FFC107;
}

.toolbar-wp-snapyellow .bar-button-clear-wp,
.toolbar-wp-snapyellow .bar-button-default-wp,
.toolbar-wp-snapyellow .bar-button-outline-wp,
.toolbar-wp-snapyellow .toolbar-title-wp {
  color: #000;
}

.toolbar-wp-snapyellow .bar-button-outline-wp {
  border-color: #000;
}

.toolbar-wp-snapyellow .bar-button-primary-wp,
.toolbar-wp-snapyellow .bar-button-clear-wp-primary,
.toolbar-wp-snapyellow .bar-button-wp-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-wp-snapyellow .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-snapyellow .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-snapyellow .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-wp-snapyellow .bar-button-outline-wp-primary {
  border-color: #14a1ff;
  color: #14a1ff;
  background-color: transparent;
}

.toolbar-wp-snapyellow .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-wp-snapyellow .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-wp-snapyellow .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-wp-snapyellow .bar-button-secondary-wp,
.toolbar-wp-snapyellow .bar-button-clear-wp-secondary,
.toolbar-wp-snapyellow .bar-button-wp-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-wp-snapyellow .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-snapyellow .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-snapyellow .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-wp-snapyellow .bar-button-outline-wp-secondary {
  border-color: #46b988;
  color: #46b988;
  background-color: transparent;
}

.toolbar-wp-snapyellow .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-wp-snapyellow .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-wp-snapyellow .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-wp-snapyellow .bar-button-danger-wp,
.toolbar-wp-snapyellow .bar-button-clear-wp-danger,
.toolbar-wp-snapyellow .bar-button-wp-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-wp-snapyellow .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-snapyellow .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-snapyellow .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-wp-snapyellow .bar-button-outline-wp-danger {
  border-color: #eb4f2c;
  color: #eb4f2c;
  background-color: transparent;
}

.toolbar-wp-snapyellow .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-wp-snapyellow .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-wp-snapyellow .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-wp-snapyellow .bar-button-light-wp,
.toolbar-wp-snapyellow .bar-button-clear-wp-light,
.toolbar-wp-snapyellow .bar-button-wp-light {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-snapyellow .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-snapyellow .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-snapyellow .bar-button-wp-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-snapyellow .bar-button-outline-wp-light {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-snapyellow .bar-button-outline-wp-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-snapyellow .bar-button-solid-wp-light {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-snapyellow .bar-button-solid-wp-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-snapyellow .bar-button-dark-wp,
.toolbar-wp-snapyellow .bar-button-clear-wp-dark,
.toolbar-wp-snapyellow .bar-button-wp-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-wp-snapyellow .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-snapyellow .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-snapyellow .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-wp-snapyellow .bar-button-outline-wp-dark {
  border-color: #2a3c5b;
  color: #2a3c5b;
  background-color: transparent;
}

.toolbar-wp-snapyellow .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-wp-snapyellow .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-wp-snapyellow .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-wp-snapyellow .bar-button-snappink-wp,
.toolbar-wp-snapyellow .bar-button-clear-wp-snappink,
.toolbar-wp-snapyellow .bar-button-wp-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-wp-snapyellow .bar-button-snappink-wp:hover:not(.disable-hover),
.toolbar-wp-snapyellow .bar-button-clear-wp-snappink:hover:not(.disable-hover),
.toolbar-wp-snapyellow .bar-button-wp-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-wp-snapyellow .bar-button-outline-wp-snappink {
  border-color: #327cdd;
  color: #327cdd;
  background-color: transparent;
}

.toolbar-wp-snapyellow .bar-button-outline-wp-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-wp-snapyellow .bar-button-solid-wp-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-wp-snapyellow .bar-button-solid-wp-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-wp-snapyellow .bar-button-snapblue-wp,
.toolbar-wp-snapyellow .bar-button-clear-wp-snapblue,
.toolbar-wp-snapyellow .bar-button-wp-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-wp-snapyellow .bar-button-snapblue-wp:hover:not(.disable-hover),
.toolbar-wp-snapyellow .bar-button-clear-wp-snapblue:hover:not(.disable-hover),
.toolbar-wp-snapyellow .bar-button-wp-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-wp-snapyellow .bar-button-outline-wp-snapblue {
  border-color: #14dbff;
  color: #14dbff;
  background-color: transparent;
}

.toolbar-wp-snapyellow .bar-button-outline-wp-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-wp-snapyellow .bar-button-solid-wp-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-wp-snapyellow .bar-button-solid-wp-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-wp-snapyellow .bar-button-snapyellow-wp,
.toolbar-wp-snapyellow .bar-button-clear-wp-snapyellow,
.toolbar-wp-snapyellow .bar-button-wp-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-wp-snapyellow .bar-button-snapyellow-wp:hover:not(.disable-hover),
.toolbar-wp-snapyellow .bar-button-clear-wp-snapyellow:hover:not(.disable-hover),
.toolbar-wp-snapyellow .bar-button-wp-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-wp-snapyellow .bar-button-outline-wp-snapyellow {
  border-color: #ebb206;
  color: #ebb206;
  background-color: transparent;
}

.toolbar-wp-snapyellow .bar-button-outline-wp-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-wp-snapyellow .bar-button-solid-wp-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.toolbar-wp-snapyellow .bar-button-solid-wp-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-wp-snapyellow .bar-button-snapgreen-wp,
.toolbar-wp-snapyellow .bar-button-clear-wp-snapgreen,
.toolbar-wp-snapyellow .bar-button-wp-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-wp-snapyellow .bar-button-snapgreen-wp:hover:not(.disable-hover),
.toolbar-wp-snapyellow .bar-button-clear-wp-snapgreen:hover:not(.disable-hover),
.toolbar-wp-snapyellow .bar-button-wp-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-wp-snapyellow .bar-button-outline-wp-snapgreen {
  border-color: #5ab55e;
  color: #5ab55e;
  background-color: transparent;
}

.toolbar-wp-snapyellow .bar-button-outline-wp-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-wp-snapyellow .bar-button-solid-wp-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-wp-snapyellow .bar-button-solid-wp-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-wp-snapyellow .bar-button-snapindigo-wp,
.toolbar-wp-snapyellow .bar-button-clear-wp-snapindigo,
.toolbar-wp-snapyellow .bar-button-wp-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-wp-snapyellow .bar-button-snapindigo-wp:hover:not(.disable-hover),
.toolbar-wp-snapyellow .bar-button-clear-wp-snapindigo:hover:not(.disable-hover),
.toolbar-wp-snapyellow .bar-button-wp-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-wp-snapyellow .bar-button-outline-wp-snapindigo {
  border-color: #4e5fbb;
  color: #4e5fbb;
  background-color: transparent;
}

.toolbar-wp-snapyellow .bar-button-outline-wp-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-wp-snapyellow .bar-button-solid-wp-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-wp-snapyellow .bar-button-solid-wp-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-wp-snapyellow .bar-button-backgroundgrey-wp,
.toolbar-wp-snapyellow .bar-button-clear-wp-backgroundgrey,
.toolbar-wp-snapyellow .bar-button-wp-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-wp-snapyellow .bar-button-backgroundgrey-wp:hover:not(.disable-hover),
.toolbar-wp-snapyellow .bar-button-clear-wp-backgroundgrey:hover:not(.disable-hover),
.toolbar-wp-snapyellow .bar-button-wp-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-wp-snapyellow .bar-button-outline-wp-backgroundgrey {
  border-color: #dbdbdb;
  color: #dbdbdb;
  background-color: transparent;
}

.toolbar-wp-snapyellow .bar-button-outline-wp-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-wp-snapyellow .bar-button-solid-wp-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-wp-snapyellow .bar-button-solid-wp-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-wp-snapyellow .bar-button-whitecolor-wp,
.toolbar-wp-snapyellow .bar-button-clear-wp-whitecolor,
.toolbar-wp-snapyellow .bar-button-wp-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-snapyellow .bar-button-whitecolor-wp:hover:not(.disable-hover),
.toolbar-wp-snapyellow .bar-button-clear-wp-whitecolor:hover:not(.disable-hover),
.toolbar-wp-snapyellow .bar-button-wp-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-snapyellow .bar-button-outline-wp-whitecolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-snapyellow .bar-button-outline-wp-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-snapyellow .bar-button-solid-wp-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-snapyellow .bar-button-solid-wp-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-snapyellow .bar-button-grey-wp,
.toolbar-wp-snapyellow .bar-button-clear-wp-grey,
.toolbar-wp-snapyellow .bar-button-wp-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-wp-snapyellow .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-snapyellow .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-snapyellow .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-wp-snapyellow .bar-button-outline-wp-grey {
  border-color: #787678;
  color: #787678;
  background-color: transparent;
}

.toolbar-wp-snapyellow .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-wp-snapyellow .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-wp-snapyellow .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-wp-snapyellow .bar-button-blackcolor-wp,
.toolbar-wp-snapyellow .bar-button-clear-wp-blackcolor,
.toolbar-wp-snapyellow .bar-button-wp-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-snapyellow .bar-button-blackcolor-wp:hover:not(.disable-hover),
.toolbar-wp-snapyellow .bar-button-clear-wp-blackcolor:hover:not(.disable-hover),
.toolbar-wp-snapyellow .bar-button-wp-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-snapyellow .bar-button-outline-wp-blackcolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-snapyellow .bar-button-outline-wp-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-snapyellow .bar-button-solid-wp-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-snapyellow .bar-button-solid-wp-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-snapyellow .bar-button-mildred-wp,
.toolbar-wp-snapyellow .bar-button-clear-wp-mildred,
.toolbar-wp-snapyellow .bar-button-wp-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-wp-snapyellow .bar-button-mildred-wp:hover:not(.disable-hover),
.toolbar-wp-snapyellow .bar-button-clear-wp-mildred:hover:not(.disable-hover),
.toolbar-wp-snapyellow .bar-button-wp-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-wp-snapyellow .bar-button-outline-wp-mildred {
  border-color: #eb025e;
  color: #eb025e;
  background-color: transparent;
}

.toolbar-wp-snapyellow .bar-button-outline-wp-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-wp-snapyellow .bar-button-solid-wp-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-wp-snapyellow .bar-button-solid-wp-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-wp-snapyellow .bar-button-mildgreen-wp,
.toolbar-wp-snapyellow .bar-button-clear-wp-mildgreen,
.toolbar-wp-snapyellow .bar-button-wp-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-wp-snapyellow .bar-button-mildgreen-wp:hover:not(.disable-hover),
.toolbar-wp-snapyellow .bar-button-clear-wp-mildgreen:hover:not(.disable-hover),
.toolbar-wp-snapyellow .bar-button-wp-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-wp-snapyellow .bar-button-outline-wp-mildgreen {
  border-color: #61dda0;
  color: #61dda0;
  background-color: transparent;
}

.toolbar-wp-snapyellow .bar-button-outline-wp-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-wp-snapyellow .bar-button-solid-wp-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-wp-snapyellow .bar-button-solid-wp-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-wp-snapyellow .bar-button-sidebar-wp,
.toolbar-wp-snapyellow .bar-button-clear-wp-sidebar,
.toolbar-wp-snapyellow .bar-button-wp-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-wp-snapyellow .bar-button-sidebar-wp:hover:not(.disable-hover),
.toolbar-wp-snapyellow .bar-button-clear-wp-sidebar:hover:not(.disable-hover),
.toolbar-wp-snapyellow .bar-button-wp-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-wp-snapyellow .bar-button-outline-wp-sidebar {
  border-color: rgba(32, 32, 255, 0.772706);
  color: rgba(32, 32, 255, 0.772706);
  background-color: transparent;
}

.toolbar-wp-snapyellow .bar-button-outline-wp-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-wp-snapyellow .bar-button-solid-wp-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-wp-snapyellow .bar-button-solid-wp-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-wp-snapyellow .bar-button-white-wp,
.toolbar-wp-snapyellow .bar-button-clear-wp-white,
.toolbar-wp-snapyellow .bar-button-wp-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-wp-snapyellow .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-snapyellow .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-snapyellow .bar-button-wp-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-wp-snapyellow .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-snapyellow .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-snapyellow .bar-button-solid-wp-white {
  color: #000;
  background-color: #ffffff;
}

.toolbar-wp-snapyellow .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-snapyellow .bar-button-magenta-wp,
.toolbar-wp-snapyellow .bar-button-clear-wp-magenta,
.toolbar-wp-snapyellow .bar-button-wp-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-wp-snapyellow .bar-button-magenta-wp:hover:not(.disable-hover),
.toolbar-wp-snapyellow .bar-button-clear-wp-magenta:hover:not(.disable-hover),
.toolbar-wp-snapyellow .bar-button-wp-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-wp-snapyellow .bar-button-outline-wp-magenta {
  border-color: #c918c9;
  color: #c918c9;
  background-color: transparent;
}

.toolbar-wp-snapyellow .bar-button-outline-wp-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.toolbar-wp-snapyellow .bar-button-solid-wp-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-wp-snapyellow .bar-button-solid-wp-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-snapyellow-wp,
.bar-button-clear-wp-snapyellow,
.bar-button-wp-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.bar-button-snapyellow-wp:hover:not(.disable-hover),
.bar-button-clear-wp-snapyellow:hover:not(.disable-hover),
.bar-button-wp-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.bar-button-outline-wp-snapyellow {
  border-color: #ebb206;
  color: #ebb206;
  background-color: transparent;
}

.bar-button-outline-wp-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.bar-button-solid-wp-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.bar-button-solid-wp-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-wp-snapgreen .toolbar-background-wp {
  background: #4CAF50;
}

.toolbar-wp-snapgreen .bar-button-clear-wp,
.toolbar-wp-snapgreen .bar-button-default-wp,
.toolbar-wp-snapgreen .bar-button-outline-wp,
.toolbar-wp-snapgreen .toolbar-title-wp {
  color: #fff;
}

.toolbar-wp-snapgreen .bar-button-outline-wp {
  border-color: #fff;
}

.toolbar-wp-snapgreen .bar-button-primary-wp,
.toolbar-wp-snapgreen .bar-button-clear-wp-primary,
.toolbar-wp-snapgreen .bar-button-wp-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-wp-snapgreen .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-snapgreen .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-snapgreen .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-wp-snapgreen .bar-button-outline-wp-primary {
  border-color: #14a1ff;
  color: #14a1ff;
  background-color: transparent;
}

.toolbar-wp-snapgreen .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-wp-snapgreen .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-wp-snapgreen .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-wp-snapgreen .bar-button-secondary-wp,
.toolbar-wp-snapgreen .bar-button-clear-wp-secondary,
.toolbar-wp-snapgreen .bar-button-wp-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-wp-snapgreen .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-snapgreen .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-snapgreen .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-wp-snapgreen .bar-button-outline-wp-secondary {
  border-color: #46b988;
  color: #46b988;
  background-color: transparent;
}

.toolbar-wp-snapgreen .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-wp-snapgreen .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-wp-snapgreen .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-wp-snapgreen .bar-button-danger-wp,
.toolbar-wp-snapgreen .bar-button-clear-wp-danger,
.toolbar-wp-snapgreen .bar-button-wp-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-wp-snapgreen .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-snapgreen .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-snapgreen .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-wp-snapgreen .bar-button-outline-wp-danger {
  border-color: #eb4f2c;
  color: #eb4f2c;
  background-color: transparent;
}

.toolbar-wp-snapgreen .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-wp-snapgreen .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-wp-snapgreen .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-wp-snapgreen .bar-button-light-wp,
.toolbar-wp-snapgreen .bar-button-clear-wp-light,
.toolbar-wp-snapgreen .bar-button-wp-light {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-snapgreen .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-snapgreen .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-snapgreen .bar-button-wp-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-snapgreen .bar-button-outline-wp-light {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-snapgreen .bar-button-outline-wp-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-snapgreen .bar-button-solid-wp-light {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-snapgreen .bar-button-solid-wp-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-snapgreen .bar-button-dark-wp,
.toolbar-wp-snapgreen .bar-button-clear-wp-dark,
.toolbar-wp-snapgreen .bar-button-wp-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-wp-snapgreen .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-snapgreen .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-snapgreen .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-wp-snapgreen .bar-button-outline-wp-dark {
  border-color: #2a3c5b;
  color: #2a3c5b;
  background-color: transparent;
}

.toolbar-wp-snapgreen .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-wp-snapgreen .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-wp-snapgreen .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-wp-snapgreen .bar-button-snappink-wp,
.toolbar-wp-snapgreen .bar-button-clear-wp-snappink,
.toolbar-wp-snapgreen .bar-button-wp-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-wp-snapgreen .bar-button-snappink-wp:hover:not(.disable-hover),
.toolbar-wp-snapgreen .bar-button-clear-wp-snappink:hover:not(.disable-hover),
.toolbar-wp-snapgreen .bar-button-wp-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-wp-snapgreen .bar-button-outline-wp-snappink {
  border-color: #327cdd;
  color: #327cdd;
  background-color: transparent;
}

.toolbar-wp-snapgreen .bar-button-outline-wp-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-wp-snapgreen .bar-button-solid-wp-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-wp-snapgreen .bar-button-solid-wp-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-wp-snapgreen .bar-button-snapblue-wp,
.toolbar-wp-snapgreen .bar-button-clear-wp-snapblue,
.toolbar-wp-snapgreen .bar-button-wp-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-wp-snapgreen .bar-button-snapblue-wp:hover:not(.disable-hover),
.toolbar-wp-snapgreen .bar-button-clear-wp-snapblue:hover:not(.disable-hover),
.toolbar-wp-snapgreen .bar-button-wp-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-wp-snapgreen .bar-button-outline-wp-snapblue {
  border-color: #14dbff;
  color: #14dbff;
  background-color: transparent;
}

.toolbar-wp-snapgreen .bar-button-outline-wp-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-wp-snapgreen .bar-button-solid-wp-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-wp-snapgreen .bar-button-solid-wp-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-wp-snapgreen .bar-button-snapyellow-wp,
.toolbar-wp-snapgreen .bar-button-clear-wp-snapyellow,
.toolbar-wp-snapgreen .bar-button-wp-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-wp-snapgreen .bar-button-snapyellow-wp:hover:not(.disable-hover),
.toolbar-wp-snapgreen .bar-button-clear-wp-snapyellow:hover:not(.disable-hover),
.toolbar-wp-snapgreen .bar-button-wp-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-wp-snapgreen .bar-button-outline-wp-snapyellow {
  border-color: #ebb206;
  color: #ebb206;
  background-color: transparent;
}

.toolbar-wp-snapgreen .bar-button-outline-wp-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-wp-snapgreen .bar-button-solid-wp-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.toolbar-wp-snapgreen .bar-button-solid-wp-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-wp-snapgreen .bar-button-snapgreen-wp,
.toolbar-wp-snapgreen .bar-button-clear-wp-snapgreen,
.toolbar-wp-snapgreen .bar-button-wp-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-wp-snapgreen .bar-button-snapgreen-wp:hover:not(.disable-hover),
.toolbar-wp-snapgreen .bar-button-clear-wp-snapgreen:hover:not(.disable-hover),
.toolbar-wp-snapgreen .bar-button-wp-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-wp-snapgreen .bar-button-outline-wp-snapgreen {
  border-color: #5ab55e;
  color: #5ab55e;
  background-color: transparent;
}

.toolbar-wp-snapgreen .bar-button-outline-wp-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-wp-snapgreen .bar-button-solid-wp-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-wp-snapgreen .bar-button-solid-wp-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-wp-snapgreen .bar-button-snapindigo-wp,
.toolbar-wp-snapgreen .bar-button-clear-wp-snapindigo,
.toolbar-wp-snapgreen .bar-button-wp-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-wp-snapgreen .bar-button-snapindigo-wp:hover:not(.disable-hover),
.toolbar-wp-snapgreen .bar-button-clear-wp-snapindigo:hover:not(.disable-hover),
.toolbar-wp-snapgreen .bar-button-wp-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-wp-snapgreen .bar-button-outline-wp-snapindigo {
  border-color: #4e5fbb;
  color: #4e5fbb;
  background-color: transparent;
}

.toolbar-wp-snapgreen .bar-button-outline-wp-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-wp-snapgreen .bar-button-solid-wp-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-wp-snapgreen .bar-button-solid-wp-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-wp-snapgreen .bar-button-backgroundgrey-wp,
.toolbar-wp-snapgreen .bar-button-clear-wp-backgroundgrey,
.toolbar-wp-snapgreen .bar-button-wp-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-wp-snapgreen .bar-button-backgroundgrey-wp:hover:not(.disable-hover),
.toolbar-wp-snapgreen .bar-button-clear-wp-backgroundgrey:hover:not(.disable-hover),
.toolbar-wp-snapgreen .bar-button-wp-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-wp-snapgreen .bar-button-outline-wp-backgroundgrey {
  border-color: #dbdbdb;
  color: #dbdbdb;
  background-color: transparent;
}

.toolbar-wp-snapgreen .bar-button-outline-wp-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-wp-snapgreen .bar-button-solid-wp-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-wp-snapgreen .bar-button-solid-wp-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-wp-snapgreen .bar-button-whitecolor-wp,
.toolbar-wp-snapgreen .bar-button-clear-wp-whitecolor,
.toolbar-wp-snapgreen .bar-button-wp-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-snapgreen .bar-button-whitecolor-wp:hover:not(.disable-hover),
.toolbar-wp-snapgreen .bar-button-clear-wp-whitecolor:hover:not(.disable-hover),
.toolbar-wp-snapgreen .bar-button-wp-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-snapgreen .bar-button-outline-wp-whitecolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-snapgreen .bar-button-outline-wp-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-snapgreen .bar-button-solid-wp-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-snapgreen .bar-button-solid-wp-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-snapgreen .bar-button-grey-wp,
.toolbar-wp-snapgreen .bar-button-clear-wp-grey,
.toolbar-wp-snapgreen .bar-button-wp-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-wp-snapgreen .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-snapgreen .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-snapgreen .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-wp-snapgreen .bar-button-outline-wp-grey {
  border-color: #787678;
  color: #787678;
  background-color: transparent;
}

.toolbar-wp-snapgreen .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-wp-snapgreen .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-wp-snapgreen .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-wp-snapgreen .bar-button-blackcolor-wp,
.toolbar-wp-snapgreen .bar-button-clear-wp-blackcolor,
.toolbar-wp-snapgreen .bar-button-wp-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-snapgreen .bar-button-blackcolor-wp:hover:not(.disable-hover),
.toolbar-wp-snapgreen .bar-button-clear-wp-blackcolor:hover:not(.disable-hover),
.toolbar-wp-snapgreen .bar-button-wp-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-snapgreen .bar-button-outline-wp-blackcolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-snapgreen .bar-button-outline-wp-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-snapgreen .bar-button-solid-wp-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-snapgreen .bar-button-solid-wp-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-snapgreen .bar-button-mildred-wp,
.toolbar-wp-snapgreen .bar-button-clear-wp-mildred,
.toolbar-wp-snapgreen .bar-button-wp-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-wp-snapgreen .bar-button-mildred-wp:hover:not(.disable-hover),
.toolbar-wp-snapgreen .bar-button-clear-wp-mildred:hover:not(.disable-hover),
.toolbar-wp-snapgreen .bar-button-wp-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-wp-snapgreen .bar-button-outline-wp-mildred {
  border-color: #eb025e;
  color: #eb025e;
  background-color: transparent;
}

.toolbar-wp-snapgreen .bar-button-outline-wp-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-wp-snapgreen .bar-button-solid-wp-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-wp-snapgreen .bar-button-solid-wp-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-wp-snapgreen .bar-button-mildgreen-wp,
.toolbar-wp-snapgreen .bar-button-clear-wp-mildgreen,
.toolbar-wp-snapgreen .bar-button-wp-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-wp-snapgreen .bar-button-mildgreen-wp:hover:not(.disable-hover),
.toolbar-wp-snapgreen .bar-button-clear-wp-mildgreen:hover:not(.disable-hover),
.toolbar-wp-snapgreen .bar-button-wp-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-wp-snapgreen .bar-button-outline-wp-mildgreen {
  border-color: #61dda0;
  color: #61dda0;
  background-color: transparent;
}

.toolbar-wp-snapgreen .bar-button-outline-wp-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-wp-snapgreen .bar-button-solid-wp-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-wp-snapgreen .bar-button-solid-wp-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-wp-snapgreen .bar-button-sidebar-wp,
.toolbar-wp-snapgreen .bar-button-clear-wp-sidebar,
.toolbar-wp-snapgreen .bar-button-wp-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-wp-snapgreen .bar-button-sidebar-wp:hover:not(.disable-hover),
.toolbar-wp-snapgreen .bar-button-clear-wp-sidebar:hover:not(.disable-hover),
.toolbar-wp-snapgreen .bar-button-wp-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-wp-snapgreen .bar-button-outline-wp-sidebar {
  border-color: rgba(32, 32, 255, 0.772706);
  color: rgba(32, 32, 255, 0.772706);
  background-color: transparent;
}

.toolbar-wp-snapgreen .bar-button-outline-wp-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-wp-snapgreen .bar-button-solid-wp-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-wp-snapgreen .bar-button-solid-wp-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-wp-snapgreen .bar-button-white-wp,
.toolbar-wp-snapgreen .bar-button-clear-wp-white,
.toolbar-wp-snapgreen .bar-button-wp-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-wp-snapgreen .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-snapgreen .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-snapgreen .bar-button-wp-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-wp-snapgreen .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-snapgreen .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-snapgreen .bar-button-solid-wp-white {
  color: #000;
  background-color: #ffffff;
}

.toolbar-wp-snapgreen .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-snapgreen .bar-button-magenta-wp,
.toolbar-wp-snapgreen .bar-button-clear-wp-magenta,
.toolbar-wp-snapgreen .bar-button-wp-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-wp-snapgreen .bar-button-magenta-wp:hover:not(.disable-hover),
.toolbar-wp-snapgreen .bar-button-clear-wp-magenta:hover:not(.disable-hover),
.toolbar-wp-snapgreen .bar-button-wp-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-wp-snapgreen .bar-button-outline-wp-magenta {
  border-color: #c918c9;
  color: #c918c9;
  background-color: transparent;
}

.toolbar-wp-snapgreen .bar-button-outline-wp-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.toolbar-wp-snapgreen .bar-button-solid-wp-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-wp-snapgreen .bar-button-solid-wp-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-snapgreen-wp,
.bar-button-clear-wp-snapgreen,
.bar-button-wp-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.bar-button-snapgreen-wp:hover:not(.disable-hover),
.bar-button-clear-wp-snapgreen:hover:not(.disable-hover),
.bar-button-wp-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.bar-button-outline-wp-snapgreen {
  border-color: #5ab55e;
  color: #5ab55e;
  background-color: transparent;
}

.bar-button-outline-wp-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.bar-button-solid-wp-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.bar-button-solid-wp-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-wp-snapindigo .toolbar-background-wp {
  background: #3F51B5;
}

.toolbar-wp-snapindigo .bar-button-clear-wp,
.toolbar-wp-snapindigo .bar-button-default-wp,
.toolbar-wp-snapindigo .bar-button-outline-wp,
.toolbar-wp-snapindigo .toolbar-title-wp {
  color: #fff;
}

.toolbar-wp-snapindigo .bar-button-outline-wp {
  border-color: #fff;
}

.toolbar-wp-snapindigo .bar-button-primary-wp,
.toolbar-wp-snapindigo .bar-button-clear-wp-primary,
.toolbar-wp-snapindigo .bar-button-wp-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-wp-snapindigo .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-snapindigo .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-snapindigo .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-wp-snapindigo .bar-button-outline-wp-primary {
  border-color: #14a1ff;
  color: #14a1ff;
  background-color: transparent;
}

.toolbar-wp-snapindigo .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-wp-snapindigo .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-wp-snapindigo .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-wp-snapindigo .bar-button-secondary-wp,
.toolbar-wp-snapindigo .bar-button-clear-wp-secondary,
.toolbar-wp-snapindigo .bar-button-wp-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-wp-snapindigo .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-snapindigo .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-snapindigo .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-wp-snapindigo .bar-button-outline-wp-secondary {
  border-color: #46b988;
  color: #46b988;
  background-color: transparent;
}

.toolbar-wp-snapindigo .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-wp-snapindigo .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-wp-snapindigo .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-wp-snapindigo .bar-button-danger-wp,
.toolbar-wp-snapindigo .bar-button-clear-wp-danger,
.toolbar-wp-snapindigo .bar-button-wp-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-wp-snapindigo .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-snapindigo .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-snapindigo .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-wp-snapindigo .bar-button-outline-wp-danger {
  border-color: #eb4f2c;
  color: #eb4f2c;
  background-color: transparent;
}

.toolbar-wp-snapindigo .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-wp-snapindigo .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-wp-snapindigo .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-wp-snapindigo .bar-button-light-wp,
.toolbar-wp-snapindigo .bar-button-clear-wp-light,
.toolbar-wp-snapindigo .bar-button-wp-light {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-snapindigo .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-snapindigo .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-snapindigo .bar-button-wp-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-snapindigo .bar-button-outline-wp-light {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-snapindigo .bar-button-outline-wp-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-snapindigo .bar-button-solid-wp-light {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-snapindigo .bar-button-solid-wp-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-snapindigo .bar-button-dark-wp,
.toolbar-wp-snapindigo .bar-button-clear-wp-dark,
.toolbar-wp-snapindigo .bar-button-wp-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-wp-snapindigo .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-snapindigo .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-snapindigo .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-wp-snapindigo .bar-button-outline-wp-dark {
  border-color: #2a3c5b;
  color: #2a3c5b;
  background-color: transparent;
}

.toolbar-wp-snapindigo .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-wp-snapindigo .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-wp-snapindigo .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-wp-snapindigo .bar-button-snappink-wp,
.toolbar-wp-snapindigo .bar-button-clear-wp-snappink,
.toolbar-wp-snapindigo .bar-button-wp-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-wp-snapindigo .bar-button-snappink-wp:hover:not(.disable-hover),
.toolbar-wp-snapindigo .bar-button-clear-wp-snappink:hover:not(.disable-hover),
.toolbar-wp-snapindigo .bar-button-wp-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-wp-snapindigo .bar-button-outline-wp-snappink {
  border-color: #327cdd;
  color: #327cdd;
  background-color: transparent;
}

.toolbar-wp-snapindigo .bar-button-outline-wp-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-wp-snapindigo .bar-button-solid-wp-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-wp-snapindigo .bar-button-solid-wp-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-wp-snapindigo .bar-button-snapblue-wp,
.toolbar-wp-snapindigo .bar-button-clear-wp-snapblue,
.toolbar-wp-snapindigo .bar-button-wp-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-wp-snapindigo .bar-button-snapblue-wp:hover:not(.disable-hover),
.toolbar-wp-snapindigo .bar-button-clear-wp-snapblue:hover:not(.disable-hover),
.toolbar-wp-snapindigo .bar-button-wp-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-wp-snapindigo .bar-button-outline-wp-snapblue {
  border-color: #14dbff;
  color: #14dbff;
  background-color: transparent;
}

.toolbar-wp-snapindigo .bar-button-outline-wp-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-wp-snapindigo .bar-button-solid-wp-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-wp-snapindigo .bar-button-solid-wp-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-wp-snapindigo .bar-button-snapyellow-wp,
.toolbar-wp-snapindigo .bar-button-clear-wp-snapyellow,
.toolbar-wp-snapindigo .bar-button-wp-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-wp-snapindigo .bar-button-snapyellow-wp:hover:not(.disable-hover),
.toolbar-wp-snapindigo .bar-button-clear-wp-snapyellow:hover:not(.disable-hover),
.toolbar-wp-snapindigo .bar-button-wp-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-wp-snapindigo .bar-button-outline-wp-snapyellow {
  border-color: #ebb206;
  color: #ebb206;
  background-color: transparent;
}

.toolbar-wp-snapindigo .bar-button-outline-wp-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-wp-snapindigo .bar-button-solid-wp-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.toolbar-wp-snapindigo .bar-button-solid-wp-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-wp-snapindigo .bar-button-snapgreen-wp,
.toolbar-wp-snapindigo .bar-button-clear-wp-snapgreen,
.toolbar-wp-snapindigo .bar-button-wp-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-wp-snapindigo .bar-button-snapgreen-wp:hover:not(.disable-hover),
.toolbar-wp-snapindigo .bar-button-clear-wp-snapgreen:hover:not(.disable-hover),
.toolbar-wp-snapindigo .bar-button-wp-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-wp-snapindigo .bar-button-outline-wp-snapgreen {
  border-color: #5ab55e;
  color: #5ab55e;
  background-color: transparent;
}

.toolbar-wp-snapindigo .bar-button-outline-wp-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-wp-snapindigo .bar-button-solid-wp-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-wp-snapindigo .bar-button-solid-wp-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-wp-snapindigo .bar-button-snapindigo-wp,
.toolbar-wp-snapindigo .bar-button-clear-wp-snapindigo,
.toolbar-wp-snapindigo .bar-button-wp-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-wp-snapindigo .bar-button-snapindigo-wp:hover:not(.disable-hover),
.toolbar-wp-snapindigo .bar-button-clear-wp-snapindigo:hover:not(.disable-hover),
.toolbar-wp-snapindigo .bar-button-wp-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-wp-snapindigo .bar-button-outline-wp-snapindigo {
  border-color: #4e5fbb;
  color: #4e5fbb;
  background-color: transparent;
}

.toolbar-wp-snapindigo .bar-button-outline-wp-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-wp-snapindigo .bar-button-solid-wp-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-wp-snapindigo .bar-button-solid-wp-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-wp-snapindigo .bar-button-backgroundgrey-wp,
.toolbar-wp-snapindigo .bar-button-clear-wp-backgroundgrey,
.toolbar-wp-snapindigo .bar-button-wp-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-wp-snapindigo .bar-button-backgroundgrey-wp:hover:not(.disable-hover),
.toolbar-wp-snapindigo .bar-button-clear-wp-backgroundgrey:hover:not(.disable-hover),
.toolbar-wp-snapindigo .bar-button-wp-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-wp-snapindigo .bar-button-outline-wp-backgroundgrey {
  border-color: #dbdbdb;
  color: #dbdbdb;
  background-color: transparent;
}

.toolbar-wp-snapindigo .bar-button-outline-wp-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-wp-snapindigo .bar-button-solid-wp-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-wp-snapindigo .bar-button-solid-wp-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-wp-snapindigo .bar-button-whitecolor-wp,
.toolbar-wp-snapindigo .bar-button-clear-wp-whitecolor,
.toolbar-wp-snapindigo .bar-button-wp-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-snapindigo .bar-button-whitecolor-wp:hover:not(.disable-hover),
.toolbar-wp-snapindigo .bar-button-clear-wp-whitecolor:hover:not(.disable-hover),
.toolbar-wp-snapindigo .bar-button-wp-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-snapindigo .bar-button-outline-wp-whitecolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-snapindigo .bar-button-outline-wp-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-snapindigo .bar-button-solid-wp-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-snapindigo .bar-button-solid-wp-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-snapindigo .bar-button-grey-wp,
.toolbar-wp-snapindigo .bar-button-clear-wp-grey,
.toolbar-wp-snapindigo .bar-button-wp-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-wp-snapindigo .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-snapindigo .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-snapindigo .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-wp-snapindigo .bar-button-outline-wp-grey {
  border-color: #787678;
  color: #787678;
  background-color: transparent;
}

.toolbar-wp-snapindigo .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-wp-snapindigo .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-wp-snapindigo .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-wp-snapindigo .bar-button-blackcolor-wp,
.toolbar-wp-snapindigo .bar-button-clear-wp-blackcolor,
.toolbar-wp-snapindigo .bar-button-wp-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-snapindigo .bar-button-blackcolor-wp:hover:not(.disable-hover),
.toolbar-wp-snapindigo .bar-button-clear-wp-blackcolor:hover:not(.disable-hover),
.toolbar-wp-snapindigo .bar-button-wp-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-snapindigo .bar-button-outline-wp-blackcolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-snapindigo .bar-button-outline-wp-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-snapindigo .bar-button-solid-wp-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-snapindigo .bar-button-solid-wp-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-snapindigo .bar-button-mildred-wp,
.toolbar-wp-snapindigo .bar-button-clear-wp-mildred,
.toolbar-wp-snapindigo .bar-button-wp-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-wp-snapindigo .bar-button-mildred-wp:hover:not(.disable-hover),
.toolbar-wp-snapindigo .bar-button-clear-wp-mildred:hover:not(.disable-hover),
.toolbar-wp-snapindigo .bar-button-wp-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-wp-snapindigo .bar-button-outline-wp-mildred {
  border-color: #eb025e;
  color: #eb025e;
  background-color: transparent;
}

.toolbar-wp-snapindigo .bar-button-outline-wp-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-wp-snapindigo .bar-button-solid-wp-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-wp-snapindigo .bar-button-solid-wp-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-wp-snapindigo .bar-button-mildgreen-wp,
.toolbar-wp-snapindigo .bar-button-clear-wp-mildgreen,
.toolbar-wp-snapindigo .bar-button-wp-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-wp-snapindigo .bar-button-mildgreen-wp:hover:not(.disable-hover),
.toolbar-wp-snapindigo .bar-button-clear-wp-mildgreen:hover:not(.disable-hover),
.toolbar-wp-snapindigo .bar-button-wp-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-wp-snapindigo .bar-button-outline-wp-mildgreen {
  border-color: #61dda0;
  color: #61dda0;
  background-color: transparent;
}

.toolbar-wp-snapindigo .bar-button-outline-wp-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-wp-snapindigo .bar-button-solid-wp-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-wp-snapindigo .bar-button-solid-wp-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-wp-snapindigo .bar-button-sidebar-wp,
.toolbar-wp-snapindigo .bar-button-clear-wp-sidebar,
.toolbar-wp-snapindigo .bar-button-wp-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-wp-snapindigo .bar-button-sidebar-wp:hover:not(.disable-hover),
.toolbar-wp-snapindigo .bar-button-clear-wp-sidebar:hover:not(.disable-hover),
.toolbar-wp-snapindigo .bar-button-wp-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-wp-snapindigo .bar-button-outline-wp-sidebar {
  border-color: rgba(32, 32, 255, 0.772706);
  color: rgba(32, 32, 255, 0.772706);
  background-color: transparent;
}

.toolbar-wp-snapindigo .bar-button-outline-wp-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-wp-snapindigo .bar-button-solid-wp-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-wp-snapindigo .bar-button-solid-wp-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-wp-snapindigo .bar-button-white-wp,
.toolbar-wp-snapindigo .bar-button-clear-wp-white,
.toolbar-wp-snapindigo .bar-button-wp-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-wp-snapindigo .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-snapindigo .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-snapindigo .bar-button-wp-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-wp-snapindigo .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-snapindigo .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-snapindigo .bar-button-solid-wp-white {
  color: #000;
  background-color: #ffffff;
}

.toolbar-wp-snapindigo .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-snapindigo .bar-button-magenta-wp,
.toolbar-wp-snapindigo .bar-button-clear-wp-magenta,
.toolbar-wp-snapindigo .bar-button-wp-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-wp-snapindigo .bar-button-magenta-wp:hover:not(.disable-hover),
.toolbar-wp-snapindigo .bar-button-clear-wp-magenta:hover:not(.disable-hover),
.toolbar-wp-snapindigo .bar-button-wp-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-wp-snapindigo .bar-button-outline-wp-magenta {
  border-color: #c918c9;
  color: #c918c9;
  background-color: transparent;
}

.toolbar-wp-snapindigo .bar-button-outline-wp-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.toolbar-wp-snapindigo .bar-button-solid-wp-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-wp-snapindigo .bar-button-solid-wp-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-snapindigo-wp,
.bar-button-clear-wp-snapindigo,
.bar-button-wp-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.bar-button-snapindigo-wp:hover:not(.disable-hover),
.bar-button-clear-wp-snapindigo:hover:not(.disable-hover),
.bar-button-wp-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.bar-button-outline-wp-snapindigo {
  border-color: #4e5fbb;
  color: #4e5fbb;
  background-color: transparent;
}

.bar-button-outline-wp-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.bar-button-solid-wp-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.bar-button-solid-wp-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-wp-backgroundgrey .toolbar-background-wp {
  background: #EEEEEE;
}

.toolbar-wp-backgroundgrey .bar-button-clear-wp,
.toolbar-wp-backgroundgrey .bar-button-default-wp,
.toolbar-wp-backgroundgrey .bar-button-outline-wp,
.toolbar-wp-backgroundgrey .toolbar-title-wp {
  color: #000;
}

.toolbar-wp-backgroundgrey .bar-button-outline-wp {
  border-color: #000;
}

.toolbar-wp-backgroundgrey .bar-button-primary-wp,
.toolbar-wp-backgroundgrey .bar-button-clear-wp-primary,
.toolbar-wp-backgroundgrey .bar-button-wp-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-wp-backgroundgrey .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-backgroundgrey .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-backgroundgrey .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-wp-backgroundgrey .bar-button-outline-wp-primary {
  border-color: #14a1ff;
  color: #14a1ff;
  background-color: transparent;
}

.toolbar-wp-backgroundgrey .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-wp-backgroundgrey .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-wp-backgroundgrey .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-wp-backgroundgrey .bar-button-secondary-wp,
.toolbar-wp-backgroundgrey .bar-button-clear-wp-secondary,
.toolbar-wp-backgroundgrey .bar-button-wp-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-wp-backgroundgrey .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-backgroundgrey .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-backgroundgrey .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-wp-backgroundgrey .bar-button-outline-wp-secondary {
  border-color: #46b988;
  color: #46b988;
  background-color: transparent;
}

.toolbar-wp-backgroundgrey .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-wp-backgroundgrey .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-wp-backgroundgrey .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-wp-backgroundgrey .bar-button-danger-wp,
.toolbar-wp-backgroundgrey .bar-button-clear-wp-danger,
.toolbar-wp-backgroundgrey .bar-button-wp-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-wp-backgroundgrey .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-backgroundgrey .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-backgroundgrey .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-wp-backgroundgrey .bar-button-outline-wp-danger {
  border-color: #eb4f2c;
  color: #eb4f2c;
  background-color: transparent;
}

.toolbar-wp-backgroundgrey .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-wp-backgroundgrey .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-wp-backgroundgrey .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-wp-backgroundgrey .bar-button-light-wp,
.toolbar-wp-backgroundgrey .bar-button-clear-wp-light,
.toolbar-wp-backgroundgrey .bar-button-wp-light {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-backgroundgrey .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-backgroundgrey .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-backgroundgrey .bar-button-wp-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-backgroundgrey .bar-button-outline-wp-light {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-backgroundgrey .bar-button-outline-wp-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-backgroundgrey .bar-button-solid-wp-light {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-backgroundgrey .bar-button-solid-wp-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-backgroundgrey .bar-button-dark-wp,
.toolbar-wp-backgroundgrey .bar-button-clear-wp-dark,
.toolbar-wp-backgroundgrey .bar-button-wp-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-wp-backgroundgrey .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-backgroundgrey .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-backgroundgrey .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-wp-backgroundgrey .bar-button-outline-wp-dark {
  border-color: #2a3c5b;
  color: #2a3c5b;
  background-color: transparent;
}

.toolbar-wp-backgroundgrey .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-wp-backgroundgrey .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-wp-backgroundgrey .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-wp-backgroundgrey .bar-button-snappink-wp,
.toolbar-wp-backgroundgrey .bar-button-clear-wp-snappink,
.toolbar-wp-backgroundgrey .bar-button-wp-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-wp-backgroundgrey .bar-button-snappink-wp:hover:not(.disable-hover),
.toolbar-wp-backgroundgrey .bar-button-clear-wp-snappink:hover:not(.disable-hover),
.toolbar-wp-backgroundgrey .bar-button-wp-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-wp-backgroundgrey .bar-button-outline-wp-snappink {
  border-color: #327cdd;
  color: #327cdd;
  background-color: transparent;
}

.toolbar-wp-backgroundgrey .bar-button-outline-wp-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-wp-backgroundgrey .bar-button-solid-wp-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-wp-backgroundgrey .bar-button-solid-wp-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-wp-backgroundgrey .bar-button-snapblue-wp,
.toolbar-wp-backgroundgrey .bar-button-clear-wp-snapblue,
.toolbar-wp-backgroundgrey .bar-button-wp-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-wp-backgroundgrey .bar-button-snapblue-wp:hover:not(.disable-hover),
.toolbar-wp-backgroundgrey .bar-button-clear-wp-snapblue:hover:not(.disable-hover),
.toolbar-wp-backgroundgrey .bar-button-wp-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-wp-backgroundgrey .bar-button-outline-wp-snapblue {
  border-color: #14dbff;
  color: #14dbff;
  background-color: transparent;
}

.toolbar-wp-backgroundgrey .bar-button-outline-wp-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-wp-backgroundgrey .bar-button-solid-wp-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-wp-backgroundgrey .bar-button-solid-wp-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-wp-backgroundgrey .bar-button-snapyellow-wp,
.toolbar-wp-backgroundgrey .bar-button-clear-wp-snapyellow,
.toolbar-wp-backgroundgrey .bar-button-wp-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-wp-backgroundgrey .bar-button-snapyellow-wp:hover:not(.disable-hover),
.toolbar-wp-backgroundgrey .bar-button-clear-wp-snapyellow:hover:not(.disable-hover),
.toolbar-wp-backgroundgrey .bar-button-wp-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-wp-backgroundgrey .bar-button-outline-wp-snapyellow {
  border-color: #ebb206;
  color: #ebb206;
  background-color: transparent;
}

.toolbar-wp-backgroundgrey .bar-button-outline-wp-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-wp-backgroundgrey .bar-button-solid-wp-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.toolbar-wp-backgroundgrey .bar-button-solid-wp-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-wp-backgroundgrey .bar-button-snapgreen-wp,
.toolbar-wp-backgroundgrey .bar-button-clear-wp-snapgreen,
.toolbar-wp-backgroundgrey .bar-button-wp-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-wp-backgroundgrey .bar-button-snapgreen-wp:hover:not(.disable-hover),
.toolbar-wp-backgroundgrey .bar-button-clear-wp-snapgreen:hover:not(.disable-hover),
.toolbar-wp-backgroundgrey .bar-button-wp-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-wp-backgroundgrey .bar-button-outline-wp-snapgreen {
  border-color: #5ab55e;
  color: #5ab55e;
  background-color: transparent;
}

.toolbar-wp-backgroundgrey .bar-button-outline-wp-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-wp-backgroundgrey .bar-button-solid-wp-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-wp-backgroundgrey .bar-button-solid-wp-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-wp-backgroundgrey .bar-button-snapindigo-wp,
.toolbar-wp-backgroundgrey .bar-button-clear-wp-snapindigo,
.toolbar-wp-backgroundgrey .bar-button-wp-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-wp-backgroundgrey .bar-button-snapindigo-wp:hover:not(.disable-hover),
.toolbar-wp-backgroundgrey .bar-button-clear-wp-snapindigo:hover:not(.disable-hover),
.toolbar-wp-backgroundgrey .bar-button-wp-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-wp-backgroundgrey .bar-button-outline-wp-snapindigo {
  border-color: #4e5fbb;
  color: #4e5fbb;
  background-color: transparent;
}

.toolbar-wp-backgroundgrey .bar-button-outline-wp-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-wp-backgroundgrey .bar-button-solid-wp-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-wp-backgroundgrey .bar-button-solid-wp-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-wp-backgroundgrey .bar-button-backgroundgrey-wp,
.toolbar-wp-backgroundgrey .bar-button-clear-wp-backgroundgrey,
.toolbar-wp-backgroundgrey .bar-button-wp-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-wp-backgroundgrey .bar-button-backgroundgrey-wp:hover:not(.disable-hover),
.toolbar-wp-backgroundgrey .bar-button-clear-wp-backgroundgrey:hover:not(.disable-hover),
.toolbar-wp-backgroundgrey .bar-button-wp-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-wp-backgroundgrey .bar-button-outline-wp-backgroundgrey {
  border-color: #dbdbdb;
  color: #dbdbdb;
  background-color: transparent;
}

.toolbar-wp-backgroundgrey .bar-button-outline-wp-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-wp-backgroundgrey .bar-button-solid-wp-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-wp-backgroundgrey .bar-button-solid-wp-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-wp-backgroundgrey .bar-button-whitecolor-wp,
.toolbar-wp-backgroundgrey .bar-button-clear-wp-whitecolor,
.toolbar-wp-backgroundgrey .bar-button-wp-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-backgroundgrey .bar-button-whitecolor-wp:hover:not(.disable-hover),
.toolbar-wp-backgroundgrey .bar-button-clear-wp-whitecolor:hover:not(.disable-hover),
.toolbar-wp-backgroundgrey .bar-button-wp-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-backgroundgrey .bar-button-outline-wp-whitecolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-backgroundgrey .bar-button-outline-wp-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-backgroundgrey .bar-button-solid-wp-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-backgroundgrey .bar-button-solid-wp-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-backgroundgrey .bar-button-grey-wp,
.toolbar-wp-backgroundgrey .bar-button-clear-wp-grey,
.toolbar-wp-backgroundgrey .bar-button-wp-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-wp-backgroundgrey .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-backgroundgrey .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-backgroundgrey .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-wp-backgroundgrey .bar-button-outline-wp-grey {
  border-color: #787678;
  color: #787678;
  background-color: transparent;
}

.toolbar-wp-backgroundgrey .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-wp-backgroundgrey .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-wp-backgroundgrey .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-wp-backgroundgrey .bar-button-blackcolor-wp,
.toolbar-wp-backgroundgrey .bar-button-clear-wp-blackcolor,
.toolbar-wp-backgroundgrey .bar-button-wp-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-backgroundgrey .bar-button-blackcolor-wp:hover:not(.disable-hover),
.toolbar-wp-backgroundgrey .bar-button-clear-wp-blackcolor:hover:not(.disable-hover),
.toolbar-wp-backgroundgrey .bar-button-wp-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-backgroundgrey .bar-button-outline-wp-blackcolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-backgroundgrey .bar-button-outline-wp-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-backgroundgrey .bar-button-solid-wp-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-backgroundgrey .bar-button-solid-wp-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-backgroundgrey .bar-button-mildred-wp,
.toolbar-wp-backgroundgrey .bar-button-clear-wp-mildred,
.toolbar-wp-backgroundgrey .bar-button-wp-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-wp-backgroundgrey .bar-button-mildred-wp:hover:not(.disable-hover),
.toolbar-wp-backgroundgrey .bar-button-clear-wp-mildred:hover:not(.disable-hover),
.toolbar-wp-backgroundgrey .bar-button-wp-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-wp-backgroundgrey .bar-button-outline-wp-mildred {
  border-color: #eb025e;
  color: #eb025e;
  background-color: transparent;
}

.toolbar-wp-backgroundgrey .bar-button-outline-wp-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-wp-backgroundgrey .bar-button-solid-wp-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-wp-backgroundgrey .bar-button-solid-wp-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-wp-backgroundgrey .bar-button-mildgreen-wp,
.toolbar-wp-backgroundgrey .bar-button-clear-wp-mildgreen,
.toolbar-wp-backgroundgrey .bar-button-wp-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-wp-backgroundgrey .bar-button-mildgreen-wp:hover:not(.disable-hover),
.toolbar-wp-backgroundgrey .bar-button-clear-wp-mildgreen:hover:not(.disable-hover),
.toolbar-wp-backgroundgrey .bar-button-wp-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-wp-backgroundgrey .bar-button-outline-wp-mildgreen {
  border-color: #61dda0;
  color: #61dda0;
  background-color: transparent;
}

.toolbar-wp-backgroundgrey .bar-button-outline-wp-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-wp-backgroundgrey .bar-button-solid-wp-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-wp-backgroundgrey .bar-button-solid-wp-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-wp-backgroundgrey .bar-button-sidebar-wp,
.toolbar-wp-backgroundgrey .bar-button-clear-wp-sidebar,
.toolbar-wp-backgroundgrey .bar-button-wp-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-wp-backgroundgrey .bar-button-sidebar-wp:hover:not(.disable-hover),
.toolbar-wp-backgroundgrey .bar-button-clear-wp-sidebar:hover:not(.disable-hover),
.toolbar-wp-backgroundgrey .bar-button-wp-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-wp-backgroundgrey .bar-button-outline-wp-sidebar {
  border-color: rgba(32, 32, 255, 0.772706);
  color: rgba(32, 32, 255, 0.772706);
  background-color: transparent;
}

.toolbar-wp-backgroundgrey .bar-button-outline-wp-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-wp-backgroundgrey .bar-button-solid-wp-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-wp-backgroundgrey .bar-button-solid-wp-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-wp-backgroundgrey .bar-button-white-wp,
.toolbar-wp-backgroundgrey .bar-button-clear-wp-white,
.toolbar-wp-backgroundgrey .bar-button-wp-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-wp-backgroundgrey .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-backgroundgrey .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-backgroundgrey .bar-button-wp-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-wp-backgroundgrey .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-backgroundgrey .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-backgroundgrey .bar-button-solid-wp-white {
  color: #000;
  background-color: #ffffff;
}

.toolbar-wp-backgroundgrey .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-backgroundgrey .bar-button-magenta-wp,
.toolbar-wp-backgroundgrey .bar-button-clear-wp-magenta,
.toolbar-wp-backgroundgrey .bar-button-wp-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-wp-backgroundgrey .bar-button-magenta-wp:hover:not(.disable-hover),
.toolbar-wp-backgroundgrey .bar-button-clear-wp-magenta:hover:not(.disable-hover),
.toolbar-wp-backgroundgrey .bar-button-wp-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-wp-backgroundgrey .bar-button-outline-wp-magenta {
  border-color: #c918c9;
  color: #c918c9;
  background-color: transparent;
}

.toolbar-wp-backgroundgrey .bar-button-outline-wp-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.toolbar-wp-backgroundgrey .bar-button-solid-wp-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-wp-backgroundgrey .bar-button-solid-wp-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-backgroundgrey-wp,
.bar-button-clear-wp-backgroundgrey,
.bar-button-wp-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.bar-button-backgroundgrey-wp:hover:not(.disable-hover),
.bar-button-clear-wp-backgroundgrey:hover:not(.disable-hover),
.bar-button-wp-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.bar-button-outline-wp-backgroundgrey {
  border-color: #dbdbdb;
  color: #dbdbdb;
  background-color: transparent;
}

.bar-button-outline-wp-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.bar-button-solid-wp-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.bar-button-solid-wp-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-wp-whitecolor .toolbar-background-wp {
  background: #000;
}

.toolbar-wp-whitecolor .bar-button-clear-wp,
.toolbar-wp-whitecolor .bar-button-default-wp,
.toolbar-wp-whitecolor .bar-button-outline-wp,
.toolbar-wp-whitecolor .toolbar-title-wp {
  color: #fff;
}

.toolbar-wp-whitecolor .bar-button-outline-wp {
  border-color: #fff;
}

.toolbar-wp-whitecolor .bar-button-primary-wp,
.toolbar-wp-whitecolor .bar-button-clear-wp-primary,
.toolbar-wp-whitecolor .bar-button-wp-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-wp-whitecolor .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-whitecolor .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-whitecolor .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-wp-whitecolor .bar-button-outline-wp-primary {
  border-color: #14a1ff;
  color: #14a1ff;
  background-color: transparent;
}

.toolbar-wp-whitecolor .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-wp-whitecolor .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-wp-whitecolor .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-wp-whitecolor .bar-button-secondary-wp,
.toolbar-wp-whitecolor .bar-button-clear-wp-secondary,
.toolbar-wp-whitecolor .bar-button-wp-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-wp-whitecolor .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-whitecolor .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-whitecolor .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-wp-whitecolor .bar-button-outline-wp-secondary {
  border-color: #46b988;
  color: #46b988;
  background-color: transparent;
}

.toolbar-wp-whitecolor .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-wp-whitecolor .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-wp-whitecolor .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-wp-whitecolor .bar-button-danger-wp,
.toolbar-wp-whitecolor .bar-button-clear-wp-danger,
.toolbar-wp-whitecolor .bar-button-wp-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-wp-whitecolor .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-whitecolor .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-whitecolor .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-wp-whitecolor .bar-button-outline-wp-danger {
  border-color: #eb4f2c;
  color: #eb4f2c;
  background-color: transparent;
}

.toolbar-wp-whitecolor .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-wp-whitecolor .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-wp-whitecolor .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-wp-whitecolor .bar-button-light-wp,
.toolbar-wp-whitecolor .bar-button-clear-wp-light,
.toolbar-wp-whitecolor .bar-button-wp-light {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-whitecolor .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-whitecolor .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-whitecolor .bar-button-wp-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-whitecolor .bar-button-outline-wp-light {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-whitecolor .bar-button-outline-wp-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-whitecolor .bar-button-solid-wp-light {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-whitecolor .bar-button-solid-wp-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-whitecolor .bar-button-dark-wp,
.toolbar-wp-whitecolor .bar-button-clear-wp-dark,
.toolbar-wp-whitecolor .bar-button-wp-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-wp-whitecolor .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-whitecolor .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-whitecolor .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-wp-whitecolor .bar-button-outline-wp-dark {
  border-color: #2a3c5b;
  color: #2a3c5b;
  background-color: transparent;
}

.toolbar-wp-whitecolor .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-wp-whitecolor .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-wp-whitecolor .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-wp-whitecolor .bar-button-snappink-wp,
.toolbar-wp-whitecolor .bar-button-clear-wp-snappink,
.toolbar-wp-whitecolor .bar-button-wp-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-wp-whitecolor .bar-button-snappink-wp:hover:not(.disable-hover),
.toolbar-wp-whitecolor .bar-button-clear-wp-snappink:hover:not(.disable-hover),
.toolbar-wp-whitecolor .bar-button-wp-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-wp-whitecolor .bar-button-outline-wp-snappink {
  border-color: #327cdd;
  color: #327cdd;
  background-color: transparent;
}

.toolbar-wp-whitecolor .bar-button-outline-wp-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-wp-whitecolor .bar-button-solid-wp-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-wp-whitecolor .bar-button-solid-wp-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-wp-whitecolor .bar-button-snapblue-wp,
.toolbar-wp-whitecolor .bar-button-clear-wp-snapblue,
.toolbar-wp-whitecolor .bar-button-wp-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-wp-whitecolor .bar-button-snapblue-wp:hover:not(.disable-hover),
.toolbar-wp-whitecolor .bar-button-clear-wp-snapblue:hover:not(.disable-hover),
.toolbar-wp-whitecolor .bar-button-wp-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-wp-whitecolor .bar-button-outline-wp-snapblue {
  border-color: #14dbff;
  color: #14dbff;
  background-color: transparent;
}

.toolbar-wp-whitecolor .bar-button-outline-wp-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-wp-whitecolor .bar-button-solid-wp-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-wp-whitecolor .bar-button-solid-wp-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-wp-whitecolor .bar-button-snapyellow-wp,
.toolbar-wp-whitecolor .bar-button-clear-wp-snapyellow,
.toolbar-wp-whitecolor .bar-button-wp-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-wp-whitecolor .bar-button-snapyellow-wp:hover:not(.disable-hover),
.toolbar-wp-whitecolor .bar-button-clear-wp-snapyellow:hover:not(.disable-hover),
.toolbar-wp-whitecolor .bar-button-wp-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-wp-whitecolor .bar-button-outline-wp-snapyellow {
  border-color: #ebb206;
  color: #ebb206;
  background-color: transparent;
}

.toolbar-wp-whitecolor .bar-button-outline-wp-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-wp-whitecolor .bar-button-solid-wp-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.toolbar-wp-whitecolor .bar-button-solid-wp-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-wp-whitecolor .bar-button-snapgreen-wp,
.toolbar-wp-whitecolor .bar-button-clear-wp-snapgreen,
.toolbar-wp-whitecolor .bar-button-wp-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-wp-whitecolor .bar-button-snapgreen-wp:hover:not(.disable-hover),
.toolbar-wp-whitecolor .bar-button-clear-wp-snapgreen:hover:not(.disable-hover),
.toolbar-wp-whitecolor .bar-button-wp-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-wp-whitecolor .bar-button-outline-wp-snapgreen {
  border-color: #5ab55e;
  color: #5ab55e;
  background-color: transparent;
}

.toolbar-wp-whitecolor .bar-button-outline-wp-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-wp-whitecolor .bar-button-solid-wp-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-wp-whitecolor .bar-button-solid-wp-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-wp-whitecolor .bar-button-snapindigo-wp,
.toolbar-wp-whitecolor .bar-button-clear-wp-snapindigo,
.toolbar-wp-whitecolor .bar-button-wp-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-wp-whitecolor .bar-button-snapindigo-wp:hover:not(.disable-hover),
.toolbar-wp-whitecolor .bar-button-clear-wp-snapindigo:hover:not(.disable-hover),
.toolbar-wp-whitecolor .bar-button-wp-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-wp-whitecolor .bar-button-outline-wp-snapindigo {
  border-color: #4e5fbb;
  color: #4e5fbb;
  background-color: transparent;
}

.toolbar-wp-whitecolor .bar-button-outline-wp-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-wp-whitecolor .bar-button-solid-wp-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-wp-whitecolor .bar-button-solid-wp-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-wp-whitecolor .bar-button-backgroundgrey-wp,
.toolbar-wp-whitecolor .bar-button-clear-wp-backgroundgrey,
.toolbar-wp-whitecolor .bar-button-wp-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-wp-whitecolor .bar-button-backgroundgrey-wp:hover:not(.disable-hover),
.toolbar-wp-whitecolor .bar-button-clear-wp-backgroundgrey:hover:not(.disable-hover),
.toolbar-wp-whitecolor .bar-button-wp-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-wp-whitecolor .bar-button-outline-wp-backgroundgrey {
  border-color: #dbdbdb;
  color: #dbdbdb;
  background-color: transparent;
}

.toolbar-wp-whitecolor .bar-button-outline-wp-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-wp-whitecolor .bar-button-solid-wp-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-wp-whitecolor .bar-button-solid-wp-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-wp-whitecolor .bar-button-whitecolor-wp,
.toolbar-wp-whitecolor .bar-button-clear-wp-whitecolor,
.toolbar-wp-whitecolor .bar-button-wp-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-whitecolor .bar-button-whitecolor-wp:hover:not(.disable-hover),
.toolbar-wp-whitecolor .bar-button-clear-wp-whitecolor:hover:not(.disable-hover),
.toolbar-wp-whitecolor .bar-button-wp-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-whitecolor .bar-button-outline-wp-whitecolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-whitecolor .bar-button-outline-wp-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-whitecolor .bar-button-solid-wp-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-whitecolor .bar-button-solid-wp-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-whitecolor .bar-button-grey-wp,
.toolbar-wp-whitecolor .bar-button-clear-wp-grey,
.toolbar-wp-whitecolor .bar-button-wp-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-wp-whitecolor .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-whitecolor .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-whitecolor .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-wp-whitecolor .bar-button-outline-wp-grey {
  border-color: #787678;
  color: #787678;
  background-color: transparent;
}

.toolbar-wp-whitecolor .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-wp-whitecolor .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-wp-whitecolor .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-wp-whitecolor .bar-button-blackcolor-wp,
.toolbar-wp-whitecolor .bar-button-clear-wp-blackcolor,
.toolbar-wp-whitecolor .bar-button-wp-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-whitecolor .bar-button-blackcolor-wp:hover:not(.disable-hover),
.toolbar-wp-whitecolor .bar-button-clear-wp-blackcolor:hover:not(.disable-hover),
.toolbar-wp-whitecolor .bar-button-wp-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-whitecolor .bar-button-outline-wp-blackcolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-whitecolor .bar-button-outline-wp-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-whitecolor .bar-button-solid-wp-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-whitecolor .bar-button-solid-wp-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-whitecolor .bar-button-mildred-wp,
.toolbar-wp-whitecolor .bar-button-clear-wp-mildred,
.toolbar-wp-whitecolor .bar-button-wp-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-wp-whitecolor .bar-button-mildred-wp:hover:not(.disable-hover),
.toolbar-wp-whitecolor .bar-button-clear-wp-mildred:hover:not(.disable-hover),
.toolbar-wp-whitecolor .bar-button-wp-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-wp-whitecolor .bar-button-outline-wp-mildred {
  border-color: #eb025e;
  color: #eb025e;
  background-color: transparent;
}

.toolbar-wp-whitecolor .bar-button-outline-wp-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-wp-whitecolor .bar-button-solid-wp-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-wp-whitecolor .bar-button-solid-wp-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-wp-whitecolor .bar-button-mildgreen-wp,
.toolbar-wp-whitecolor .bar-button-clear-wp-mildgreen,
.toolbar-wp-whitecolor .bar-button-wp-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-wp-whitecolor .bar-button-mildgreen-wp:hover:not(.disable-hover),
.toolbar-wp-whitecolor .bar-button-clear-wp-mildgreen:hover:not(.disable-hover),
.toolbar-wp-whitecolor .bar-button-wp-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-wp-whitecolor .bar-button-outline-wp-mildgreen {
  border-color: #61dda0;
  color: #61dda0;
  background-color: transparent;
}

.toolbar-wp-whitecolor .bar-button-outline-wp-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-wp-whitecolor .bar-button-solid-wp-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-wp-whitecolor .bar-button-solid-wp-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-wp-whitecolor .bar-button-sidebar-wp,
.toolbar-wp-whitecolor .bar-button-clear-wp-sidebar,
.toolbar-wp-whitecolor .bar-button-wp-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-wp-whitecolor .bar-button-sidebar-wp:hover:not(.disable-hover),
.toolbar-wp-whitecolor .bar-button-clear-wp-sidebar:hover:not(.disable-hover),
.toolbar-wp-whitecolor .bar-button-wp-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-wp-whitecolor .bar-button-outline-wp-sidebar {
  border-color: rgba(32, 32, 255, 0.772706);
  color: rgba(32, 32, 255, 0.772706);
  background-color: transparent;
}

.toolbar-wp-whitecolor .bar-button-outline-wp-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-wp-whitecolor .bar-button-solid-wp-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-wp-whitecolor .bar-button-solid-wp-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-wp-whitecolor .bar-button-white-wp,
.toolbar-wp-whitecolor .bar-button-clear-wp-white,
.toolbar-wp-whitecolor .bar-button-wp-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-wp-whitecolor .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-whitecolor .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-whitecolor .bar-button-wp-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-wp-whitecolor .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-whitecolor .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-whitecolor .bar-button-solid-wp-white {
  color: #000;
  background-color: #ffffff;
}

.toolbar-wp-whitecolor .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-whitecolor .bar-button-magenta-wp,
.toolbar-wp-whitecolor .bar-button-clear-wp-magenta,
.toolbar-wp-whitecolor .bar-button-wp-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-wp-whitecolor .bar-button-magenta-wp:hover:not(.disable-hover),
.toolbar-wp-whitecolor .bar-button-clear-wp-magenta:hover:not(.disable-hover),
.toolbar-wp-whitecolor .bar-button-wp-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-wp-whitecolor .bar-button-outline-wp-magenta {
  border-color: #c918c9;
  color: #c918c9;
  background-color: transparent;
}

.toolbar-wp-whitecolor .bar-button-outline-wp-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.toolbar-wp-whitecolor .bar-button-solid-wp-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-wp-whitecolor .bar-button-solid-wp-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-whitecolor-wp,
.bar-button-clear-wp-whitecolor,
.bar-button-wp-whitecolor {
  color: #000;
  background-color: transparent;
}

.bar-button-whitecolor-wp:hover:not(.disable-hover),
.bar-button-clear-wp-whitecolor:hover:not(.disable-hover),
.bar-button-wp-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.bar-button-outline-wp-whitecolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.bar-button-outline-wp-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.bar-button-solid-wp-whitecolor {
  color: #fff;
  background-color: #000;
}

.bar-button-solid-wp-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-grey .toolbar-background-wp {
  background: #828082;
}

.toolbar-wp-grey .bar-button-clear-wp,
.toolbar-wp-grey .bar-button-default-wp,
.toolbar-wp-grey .bar-button-outline-wp,
.toolbar-wp-grey .toolbar-title-wp {
  color: #fff;
}

.toolbar-wp-grey .bar-button-outline-wp {
  border-color: #fff;
}

.toolbar-wp-grey .bar-button-primary-wp,
.toolbar-wp-grey .bar-button-clear-wp-primary,
.toolbar-wp-grey .bar-button-wp-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-wp-grey .bar-button-outline-wp-primary {
  border-color: #14a1ff;
  color: #14a1ff;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-wp-grey .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-wp-grey .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-wp-grey .bar-button-secondary-wp,
.toolbar-wp-grey .bar-button-clear-wp-secondary,
.toolbar-wp-grey .bar-button-wp-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-wp-grey .bar-button-outline-wp-secondary {
  border-color: #46b988;
  color: #46b988;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-wp-grey .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-wp-grey .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-wp-grey .bar-button-danger-wp,
.toolbar-wp-grey .bar-button-clear-wp-danger,
.toolbar-wp-grey .bar-button-wp-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-wp-grey .bar-button-outline-wp-danger {
  border-color: #eb4f2c;
  color: #eb4f2c;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-wp-grey .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-wp-grey .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-wp-grey .bar-button-light-wp,
.toolbar-wp-grey .bar-button-clear-wp-light,
.toolbar-wp-grey .bar-button-wp-light {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-grey .bar-button-outline-wp-light {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-grey .bar-button-solid-wp-light {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-grey .bar-button-solid-wp-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-grey .bar-button-dark-wp,
.toolbar-wp-grey .bar-button-clear-wp-dark,
.toolbar-wp-grey .bar-button-wp-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-wp-grey .bar-button-outline-wp-dark {
  border-color: #2a3c5b;
  color: #2a3c5b;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-wp-grey .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-wp-grey .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-wp-grey .bar-button-snappink-wp,
.toolbar-wp-grey .bar-button-clear-wp-snappink,
.toolbar-wp-grey .bar-button-wp-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-snappink-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-snappink:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-wp-grey .bar-button-outline-wp-snappink {
  border-color: #327cdd;
  color: #327cdd;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-wp-grey .bar-button-solid-wp-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-wp-grey .bar-button-solid-wp-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-wp-grey .bar-button-snapblue-wp,
.toolbar-wp-grey .bar-button-clear-wp-snapblue,
.toolbar-wp-grey .bar-button-wp-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-snapblue-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-snapblue:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-wp-grey .bar-button-outline-wp-snapblue {
  border-color: #14dbff;
  color: #14dbff;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-wp-grey .bar-button-solid-wp-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-wp-grey .bar-button-solid-wp-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-wp-grey .bar-button-snapyellow-wp,
.toolbar-wp-grey .bar-button-clear-wp-snapyellow,
.toolbar-wp-grey .bar-button-wp-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-snapyellow-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-snapyellow:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-wp-grey .bar-button-outline-wp-snapyellow {
  border-color: #ebb206;
  color: #ebb206;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-wp-grey .bar-button-solid-wp-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.toolbar-wp-grey .bar-button-solid-wp-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-wp-grey .bar-button-snapgreen-wp,
.toolbar-wp-grey .bar-button-clear-wp-snapgreen,
.toolbar-wp-grey .bar-button-wp-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-snapgreen-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-snapgreen:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-wp-grey .bar-button-outline-wp-snapgreen {
  border-color: #5ab55e;
  color: #5ab55e;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-wp-grey .bar-button-solid-wp-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-wp-grey .bar-button-solid-wp-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-wp-grey .bar-button-snapindigo-wp,
.toolbar-wp-grey .bar-button-clear-wp-snapindigo,
.toolbar-wp-grey .bar-button-wp-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-snapindigo-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-snapindigo:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-wp-grey .bar-button-outline-wp-snapindigo {
  border-color: #4e5fbb;
  color: #4e5fbb;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-wp-grey .bar-button-solid-wp-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-wp-grey .bar-button-solid-wp-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-wp-grey .bar-button-backgroundgrey-wp,
.toolbar-wp-grey .bar-button-clear-wp-backgroundgrey,
.toolbar-wp-grey .bar-button-wp-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-backgroundgrey-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-backgroundgrey:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-wp-grey .bar-button-outline-wp-backgroundgrey {
  border-color: #dbdbdb;
  color: #dbdbdb;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-wp-grey .bar-button-solid-wp-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-wp-grey .bar-button-solid-wp-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-wp-grey .bar-button-whitecolor-wp,
.toolbar-wp-grey .bar-button-clear-wp-whitecolor,
.toolbar-wp-grey .bar-button-wp-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-whitecolor-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-whitecolor:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-grey .bar-button-outline-wp-whitecolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-grey .bar-button-solid-wp-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-grey .bar-button-solid-wp-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-grey .bar-button-grey-wp,
.toolbar-wp-grey .bar-button-clear-wp-grey,
.toolbar-wp-grey .bar-button-wp-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-wp-grey .bar-button-outline-wp-grey {
  border-color: #787678;
  color: #787678;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-wp-grey .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-wp-grey .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-wp-grey .bar-button-blackcolor-wp,
.toolbar-wp-grey .bar-button-clear-wp-blackcolor,
.toolbar-wp-grey .bar-button-wp-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-blackcolor-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-blackcolor:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-grey .bar-button-outline-wp-blackcolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-grey .bar-button-solid-wp-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-grey .bar-button-solid-wp-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-grey .bar-button-mildred-wp,
.toolbar-wp-grey .bar-button-clear-wp-mildred,
.toolbar-wp-grey .bar-button-wp-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-mildred-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-mildred:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-wp-grey .bar-button-outline-wp-mildred {
  border-color: #eb025e;
  color: #eb025e;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-wp-grey .bar-button-solid-wp-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-wp-grey .bar-button-solid-wp-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-wp-grey .bar-button-mildgreen-wp,
.toolbar-wp-grey .bar-button-clear-wp-mildgreen,
.toolbar-wp-grey .bar-button-wp-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-mildgreen-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-mildgreen:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-wp-grey .bar-button-outline-wp-mildgreen {
  border-color: #61dda0;
  color: #61dda0;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-wp-grey .bar-button-solid-wp-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-wp-grey .bar-button-solid-wp-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-wp-grey .bar-button-sidebar-wp,
.toolbar-wp-grey .bar-button-clear-wp-sidebar,
.toolbar-wp-grey .bar-button-wp-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-sidebar-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-sidebar:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-wp-grey .bar-button-outline-wp-sidebar {
  border-color: rgba(32, 32, 255, 0.772706);
  color: rgba(32, 32, 255, 0.772706);
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-wp-grey .bar-button-solid-wp-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-wp-grey .bar-button-solid-wp-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-wp-grey .bar-button-white-wp,
.toolbar-wp-grey .bar-button-clear-wp-white,
.toolbar-wp-grey .bar-button-wp-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-wp-grey .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-grey .bar-button-solid-wp-white {
  color: #000;
  background-color: #ffffff;
}

.toolbar-wp-grey .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-grey .bar-button-magenta-wp,
.toolbar-wp-grey .bar-button-clear-wp-magenta,
.toolbar-wp-grey .bar-button-wp-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-magenta-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-magenta:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-wp-grey .bar-button-outline-wp-magenta {
  border-color: #c918c9;
  color: #c918c9;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.toolbar-wp-grey .bar-button-solid-wp-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-wp-grey .bar-button-solid-wp-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-grey-wp,
.bar-button-clear-wp-grey,
.bar-button-wp-grey {
  color: #828082;
  background-color: transparent;
}

.bar-button-grey-wp:hover:not(.disable-hover),
.bar-button-clear-wp-grey:hover:not(.disable-hover),
.bar-button-wp-grey:hover:not(.disable-hover) {
  color: #828082;
}

.bar-button-outline-wp-grey {
  border-color: #787678;
  color: #787678;
  background-color: transparent;
}

.bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #787678;
}

.bar-button-solid-wp-grey {
  color: #fff;
  background-color: #828082;
}

.bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-wp-blackcolor .toolbar-background-wp {
  background: #000;
}

.toolbar-wp-blackcolor .bar-button-clear-wp,
.toolbar-wp-blackcolor .bar-button-default-wp,
.toolbar-wp-blackcolor .bar-button-outline-wp,
.toolbar-wp-blackcolor .toolbar-title-wp {
  color: #fff;
}

.toolbar-wp-blackcolor .bar-button-outline-wp {
  border-color: #fff;
}

.toolbar-wp-blackcolor .bar-button-primary-wp,
.toolbar-wp-blackcolor .bar-button-clear-wp-primary,
.toolbar-wp-blackcolor .bar-button-wp-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-wp-blackcolor .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-blackcolor .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-blackcolor .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-wp-blackcolor .bar-button-outline-wp-primary {
  border-color: #14a1ff;
  color: #14a1ff;
  background-color: transparent;
}

.toolbar-wp-blackcolor .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-wp-blackcolor .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-wp-blackcolor .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-wp-blackcolor .bar-button-secondary-wp,
.toolbar-wp-blackcolor .bar-button-clear-wp-secondary,
.toolbar-wp-blackcolor .bar-button-wp-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-wp-blackcolor .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-blackcolor .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-blackcolor .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-wp-blackcolor .bar-button-outline-wp-secondary {
  border-color: #46b988;
  color: #46b988;
  background-color: transparent;
}

.toolbar-wp-blackcolor .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-wp-blackcolor .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-wp-blackcolor .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-wp-blackcolor .bar-button-danger-wp,
.toolbar-wp-blackcolor .bar-button-clear-wp-danger,
.toolbar-wp-blackcolor .bar-button-wp-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-wp-blackcolor .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-blackcolor .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-blackcolor .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-wp-blackcolor .bar-button-outline-wp-danger {
  border-color: #eb4f2c;
  color: #eb4f2c;
  background-color: transparent;
}

.toolbar-wp-blackcolor .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-wp-blackcolor .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-wp-blackcolor .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-wp-blackcolor .bar-button-light-wp,
.toolbar-wp-blackcolor .bar-button-clear-wp-light,
.toolbar-wp-blackcolor .bar-button-wp-light {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-blackcolor .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-blackcolor .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-blackcolor .bar-button-wp-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-blackcolor .bar-button-outline-wp-light {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-blackcolor .bar-button-outline-wp-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-blackcolor .bar-button-solid-wp-light {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-blackcolor .bar-button-solid-wp-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-blackcolor .bar-button-dark-wp,
.toolbar-wp-blackcolor .bar-button-clear-wp-dark,
.toolbar-wp-blackcolor .bar-button-wp-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-wp-blackcolor .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-blackcolor .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-blackcolor .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-wp-blackcolor .bar-button-outline-wp-dark {
  border-color: #2a3c5b;
  color: #2a3c5b;
  background-color: transparent;
}

.toolbar-wp-blackcolor .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-wp-blackcolor .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-wp-blackcolor .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-wp-blackcolor .bar-button-snappink-wp,
.toolbar-wp-blackcolor .bar-button-clear-wp-snappink,
.toolbar-wp-blackcolor .bar-button-wp-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-wp-blackcolor .bar-button-snappink-wp:hover:not(.disable-hover),
.toolbar-wp-blackcolor .bar-button-clear-wp-snappink:hover:not(.disable-hover),
.toolbar-wp-blackcolor .bar-button-wp-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-wp-blackcolor .bar-button-outline-wp-snappink {
  border-color: #327cdd;
  color: #327cdd;
  background-color: transparent;
}

.toolbar-wp-blackcolor .bar-button-outline-wp-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-wp-blackcolor .bar-button-solid-wp-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-wp-blackcolor .bar-button-solid-wp-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-wp-blackcolor .bar-button-snapblue-wp,
.toolbar-wp-blackcolor .bar-button-clear-wp-snapblue,
.toolbar-wp-blackcolor .bar-button-wp-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-wp-blackcolor .bar-button-snapblue-wp:hover:not(.disable-hover),
.toolbar-wp-blackcolor .bar-button-clear-wp-snapblue:hover:not(.disable-hover),
.toolbar-wp-blackcolor .bar-button-wp-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-wp-blackcolor .bar-button-outline-wp-snapblue {
  border-color: #14dbff;
  color: #14dbff;
  background-color: transparent;
}

.toolbar-wp-blackcolor .bar-button-outline-wp-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-wp-blackcolor .bar-button-solid-wp-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-wp-blackcolor .bar-button-solid-wp-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-wp-blackcolor .bar-button-snapyellow-wp,
.toolbar-wp-blackcolor .bar-button-clear-wp-snapyellow,
.toolbar-wp-blackcolor .bar-button-wp-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-wp-blackcolor .bar-button-snapyellow-wp:hover:not(.disable-hover),
.toolbar-wp-blackcolor .bar-button-clear-wp-snapyellow:hover:not(.disable-hover),
.toolbar-wp-blackcolor .bar-button-wp-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-wp-blackcolor .bar-button-outline-wp-snapyellow {
  border-color: #ebb206;
  color: #ebb206;
  background-color: transparent;
}

.toolbar-wp-blackcolor .bar-button-outline-wp-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-wp-blackcolor .bar-button-solid-wp-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.toolbar-wp-blackcolor .bar-button-solid-wp-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-wp-blackcolor .bar-button-snapgreen-wp,
.toolbar-wp-blackcolor .bar-button-clear-wp-snapgreen,
.toolbar-wp-blackcolor .bar-button-wp-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-wp-blackcolor .bar-button-snapgreen-wp:hover:not(.disable-hover),
.toolbar-wp-blackcolor .bar-button-clear-wp-snapgreen:hover:not(.disable-hover),
.toolbar-wp-blackcolor .bar-button-wp-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-wp-blackcolor .bar-button-outline-wp-snapgreen {
  border-color: #5ab55e;
  color: #5ab55e;
  background-color: transparent;
}

.toolbar-wp-blackcolor .bar-button-outline-wp-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-wp-blackcolor .bar-button-solid-wp-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-wp-blackcolor .bar-button-solid-wp-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-wp-blackcolor .bar-button-snapindigo-wp,
.toolbar-wp-blackcolor .bar-button-clear-wp-snapindigo,
.toolbar-wp-blackcolor .bar-button-wp-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-wp-blackcolor .bar-button-snapindigo-wp:hover:not(.disable-hover),
.toolbar-wp-blackcolor .bar-button-clear-wp-snapindigo:hover:not(.disable-hover),
.toolbar-wp-blackcolor .bar-button-wp-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-wp-blackcolor .bar-button-outline-wp-snapindigo {
  border-color: #4e5fbb;
  color: #4e5fbb;
  background-color: transparent;
}

.toolbar-wp-blackcolor .bar-button-outline-wp-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-wp-blackcolor .bar-button-solid-wp-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-wp-blackcolor .bar-button-solid-wp-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-wp-blackcolor .bar-button-backgroundgrey-wp,
.toolbar-wp-blackcolor .bar-button-clear-wp-backgroundgrey,
.toolbar-wp-blackcolor .bar-button-wp-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-wp-blackcolor .bar-button-backgroundgrey-wp:hover:not(.disable-hover),
.toolbar-wp-blackcolor .bar-button-clear-wp-backgroundgrey:hover:not(.disable-hover),
.toolbar-wp-blackcolor .bar-button-wp-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-wp-blackcolor .bar-button-outline-wp-backgroundgrey {
  border-color: #dbdbdb;
  color: #dbdbdb;
  background-color: transparent;
}

.toolbar-wp-blackcolor .bar-button-outline-wp-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-wp-blackcolor .bar-button-solid-wp-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-wp-blackcolor .bar-button-solid-wp-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-wp-blackcolor .bar-button-whitecolor-wp,
.toolbar-wp-blackcolor .bar-button-clear-wp-whitecolor,
.toolbar-wp-blackcolor .bar-button-wp-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-blackcolor .bar-button-whitecolor-wp:hover:not(.disable-hover),
.toolbar-wp-blackcolor .bar-button-clear-wp-whitecolor:hover:not(.disable-hover),
.toolbar-wp-blackcolor .bar-button-wp-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-blackcolor .bar-button-outline-wp-whitecolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-blackcolor .bar-button-outline-wp-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-blackcolor .bar-button-solid-wp-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-blackcolor .bar-button-solid-wp-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-blackcolor .bar-button-grey-wp,
.toolbar-wp-blackcolor .bar-button-clear-wp-grey,
.toolbar-wp-blackcolor .bar-button-wp-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-wp-blackcolor .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-blackcolor .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-blackcolor .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-wp-blackcolor .bar-button-outline-wp-grey {
  border-color: #787678;
  color: #787678;
  background-color: transparent;
}

.toolbar-wp-blackcolor .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-wp-blackcolor .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-wp-blackcolor .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-wp-blackcolor .bar-button-blackcolor-wp,
.toolbar-wp-blackcolor .bar-button-clear-wp-blackcolor,
.toolbar-wp-blackcolor .bar-button-wp-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-blackcolor .bar-button-blackcolor-wp:hover:not(.disable-hover),
.toolbar-wp-blackcolor .bar-button-clear-wp-blackcolor:hover:not(.disable-hover),
.toolbar-wp-blackcolor .bar-button-wp-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-blackcolor .bar-button-outline-wp-blackcolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-blackcolor .bar-button-outline-wp-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-blackcolor .bar-button-solid-wp-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-blackcolor .bar-button-solid-wp-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-blackcolor .bar-button-mildred-wp,
.toolbar-wp-blackcolor .bar-button-clear-wp-mildred,
.toolbar-wp-blackcolor .bar-button-wp-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-wp-blackcolor .bar-button-mildred-wp:hover:not(.disable-hover),
.toolbar-wp-blackcolor .bar-button-clear-wp-mildred:hover:not(.disable-hover),
.toolbar-wp-blackcolor .bar-button-wp-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-wp-blackcolor .bar-button-outline-wp-mildred {
  border-color: #eb025e;
  color: #eb025e;
  background-color: transparent;
}

.toolbar-wp-blackcolor .bar-button-outline-wp-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-wp-blackcolor .bar-button-solid-wp-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-wp-blackcolor .bar-button-solid-wp-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-wp-blackcolor .bar-button-mildgreen-wp,
.toolbar-wp-blackcolor .bar-button-clear-wp-mildgreen,
.toolbar-wp-blackcolor .bar-button-wp-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-wp-blackcolor .bar-button-mildgreen-wp:hover:not(.disable-hover),
.toolbar-wp-blackcolor .bar-button-clear-wp-mildgreen:hover:not(.disable-hover),
.toolbar-wp-blackcolor .bar-button-wp-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-wp-blackcolor .bar-button-outline-wp-mildgreen {
  border-color: #61dda0;
  color: #61dda0;
  background-color: transparent;
}

.toolbar-wp-blackcolor .bar-button-outline-wp-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-wp-blackcolor .bar-button-solid-wp-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-wp-blackcolor .bar-button-solid-wp-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-wp-blackcolor .bar-button-sidebar-wp,
.toolbar-wp-blackcolor .bar-button-clear-wp-sidebar,
.toolbar-wp-blackcolor .bar-button-wp-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-wp-blackcolor .bar-button-sidebar-wp:hover:not(.disable-hover),
.toolbar-wp-blackcolor .bar-button-clear-wp-sidebar:hover:not(.disable-hover),
.toolbar-wp-blackcolor .bar-button-wp-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-wp-blackcolor .bar-button-outline-wp-sidebar {
  border-color: rgba(32, 32, 255, 0.772706);
  color: rgba(32, 32, 255, 0.772706);
  background-color: transparent;
}

.toolbar-wp-blackcolor .bar-button-outline-wp-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-wp-blackcolor .bar-button-solid-wp-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-wp-blackcolor .bar-button-solid-wp-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-wp-blackcolor .bar-button-white-wp,
.toolbar-wp-blackcolor .bar-button-clear-wp-white,
.toolbar-wp-blackcolor .bar-button-wp-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-wp-blackcolor .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-blackcolor .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-blackcolor .bar-button-wp-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-wp-blackcolor .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-blackcolor .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-blackcolor .bar-button-solid-wp-white {
  color: #000;
  background-color: #ffffff;
}

.toolbar-wp-blackcolor .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-blackcolor .bar-button-magenta-wp,
.toolbar-wp-blackcolor .bar-button-clear-wp-magenta,
.toolbar-wp-blackcolor .bar-button-wp-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-wp-blackcolor .bar-button-magenta-wp:hover:not(.disable-hover),
.toolbar-wp-blackcolor .bar-button-clear-wp-magenta:hover:not(.disable-hover),
.toolbar-wp-blackcolor .bar-button-wp-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-wp-blackcolor .bar-button-outline-wp-magenta {
  border-color: #c918c9;
  color: #c918c9;
  background-color: transparent;
}

.toolbar-wp-blackcolor .bar-button-outline-wp-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.toolbar-wp-blackcolor .bar-button-solid-wp-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-wp-blackcolor .bar-button-solid-wp-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-blackcolor-wp,
.bar-button-clear-wp-blackcolor,
.bar-button-wp-blackcolor {
  color: #000;
  background-color: transparent;
}

.bar-button-blackcolor-wp:hover:not(.disable-hover),
.bar-button-clear-wp-blackcolor:hover:not(.disable-hover),
.bar-button-wp-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.bar-button-outline-wp-blackcolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.bar-button-outline-wp-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.bar-button-solid-wp-blackcolor {
  color: #fff;
  background-color: #000;
}

.bar-button-solid-wp-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-mildred .toolbar-background-wp {
  background: #FF0266;
}

.toolbar-wp-mildred .bar-button-clear-wp,
.toolbar-wp-mildred .bar-button-default-wp,
.toolbar-wp-mildred .bar-button-outline-wp,
.toolbar-wp-mildred .toolbar-title-wp {
  color: #fff;
}

.toolbar-wp-mildred .bar-button-outline-wp {
  border-color: #fff;
}

.toolbar-wp-mildred .bar-button-primary-wp,
.toolbar-wp-mildred .bar-button-clear-wp-primary,
.toolbar-wp-mildred .bar-button-wp-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-wp-mildred .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-mildred .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-mildred .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-wp-mildred .bar-button-outline-wp-primary {
  border-color: #14a1ff;
  color: #14a1ff;
  background-color: transparent;
}

.toolbar-wp-mildred .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-wp-mildred .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-wp-mildred .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-wp-mildred .bar-button-secondary-wp,
.toolbar-wp-mildred .bar-button-clear-wp-secondary,
.toolbar-wp-mildred .bar-button-wp-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-wp-mildred .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-mildred .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-mildred .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-wp-mildred .bar-button-outline-wp-secondary {
  border-color: #46b988;
  color: #46b988;
  background-color: transparent;
}

.toolbar-wp-mildred .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-wp-mildred .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-wp-mildred .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-wp-mildred .bar-button-danger-wp,
.toolbar-wp-mildred .bar-button-clear-wp-danger,
.toolbar-wp-mildred .bar-button-wp-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-wp-mildred .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-mildred .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-mildred .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-wp-mildred .bar-button-outline-wp-danger {
  border-color: #eb4f2c;
  color: #eb4f2c;
  background-color: transparent;
}

.toolbar-wp-mildred .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-wp-mildred .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-wp-mildred .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-wp-mildred .bar-button-light-wp,
.toolbar-wp-mildred .bar-button-clear-wp-light,
.toolbar-wp-mildred .bar-button-wp-light {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-mildred .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-mildred .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-mildred .bar-button-wp-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-mildred .bar-button-outline-wp-light {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-mildred .bar-button-outline-wp-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-mildred .bar-button-solid-wp-light {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-mildred .bar-button-solid-wp-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-mildred .bar-button-dark-wp,
.toolbar-wp-mildred .bar-button-clear-wp-dark,
.toolbar-wp-mildred .bar-button-wp-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-wp-mildred .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-mildred .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-mildred .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-wp-mildred .bar-button-outline-wp-dark {
  border-color: #2a3c5b;
  color: #2a3c5b;
  background-color: transparent;
}

.toolbar-wp-mildred .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-wp-mildred .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-wp-mildred .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-wp-mildred .bar-button-snappink-wp,
.toolbar-wp-mildred .bar-button-clear-wp-snappink,
.toolbar-wp-mildred .bar-button-wp-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-wp-mildred .bar-button-snappink-wp:hover:not(.disable-hover),
.toolbar-wp-mildred .bar-button-clear-wp-snappink:hover:not(.disable-hover),
.toolbar-wp-mildred .bar-button-wp-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-wp-mildred .bar-button-outline-wp-snappink {
  border-color: #327cdd;
  color: #327cdd;
  background-color: transparent;
}

.toolbar-wp-mildred .bar-button-outline-wp-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-wp-mildred .bar-button-solid-wp-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-wp-mildred .bar-button-solid-wp-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-wp-mildred .bar-button-snapblue-wp,
.toolbar-wp-mildred .bar-button-clear-wp-snapblue,
.toolbar-wp-mildred .bar-button-wp-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-wp-mildred .bar-button-snapblue-wp:hover:not(.disable-hover),
.toolbar-wp-mildred .bar-button-clear-wp-snapblue:hover:not(.disable-hover),
.toolbar-wp-mildred .bar-button-wp-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-wp-mildred .bar-button-outline-wp-snapblue {
  border-color: #14dbff;
  color: #14dbff;
  background-color: transparent;
}

.toolbar-wp-mildred .bar-button-outline-wp-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-wp-mildred .bar-button-solid-wp-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-wp-mildred .bar-button-solid-wp-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-wp-mildred .bar-button-snapyellow-wp,
.toolbar-wp-mildred .bar-button-clear-wp-snapyellow,
.toolbar-wp-mildred .bar-button-wp-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-wp-mildred .bar-button-snapyellow-wp:hover:not(.disable-hover),
.toolbar-wp-mildred .bar-button-clear-wp-snapyellow:hover:not(.disable-hover),
.toolbar-wp-mildred .bar-button-wp-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-wp-mildred .bar-button-outline-wp-snapyellow {
  border-color: #ebb206;
  color: #ebb206;
  background-color: transparent;
}

.toolbar-wp-mildred .bar-button-outline-wp-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-wp-mildred .bar-button-solid-wp-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.toolbar-wp-mildred .bar-button-solid-wp-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-wp-mildred .bar-button-snapgreen-wp,
.toolbar-wp-mildred .bar-button-clear-wp-snapgreen,
.toolbar-wp-mildred .bar-button-wp-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-wp-mildred .bar-button-snapgreen-wp:hover:not(.disable-hover),
.toolbar-wp-mildred .bar-button-clear-wp-snapgreen:hover:not(.disable-hover),
.toolbar-wp-mildred .bar-button-wp-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-wp-mildred .bar-button-outline-wp-snapgreen {
  border-color: #5ab55e;
  color: #5ab55e;
  background-color: transparent;
}

.toolbar-wp-mildred .bar-button-outline-wp-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-wp-mildred .bar-button-solid-wp-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-wp-mildred .bar-button-solid-wp-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-wp-mildred .bar-button-snapindigo-wp,
.toolbar-wp-mildred .bar-button-clear-wp-snapindigo,
.toolbar-wp-mildred .bar-button-wp-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-wp-mildred .bar-button-snapindigo-wp:hover:not(.disable-hover),
.toolbar-wp-mildred .bar-button-clear-wp-snapindigo:hover:not(.disable-hover),
.toolbar-wp-mildred .bar-button-wp-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-wp-mildred .bar-button-outline-wp-snapindigo {
  border-color: #4e5fbb;
  color: #4e5fbb;
  background-color: transparent;
}

.toolbar-wp-mildred .bar-button-outline-wp-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-wp-mildred .bar-button-solid-wp-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-wp-mildred .bar-button-solid-wp-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-wp-mildred .bar-button-backgroundgrey-wp,
.toolbar-wp-mildred .bar-button-clear-wp-backgroundgrey,
.toolbar-wp-mildred .bar-button-wp-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-wp-mildred .bar-button-backgroundgrey-wp:hover:not(.disable-hover),
.toolbar-wp-mildred .bar-button-clear-wp-backgroundgrey:hover:not(.disable-hover),
.toolbar-wp-mildred .bar-button-wp-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-wp-mildred .bar-button-outline-wp-backgroundgrey {
  border-color: #dbdbdb;
  color: #dbdbdb;
  background-color: transparent;
}

.toolbar-wp-mildred .bar-button-outline-wp-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-wp-mildred .bar-button-solid-wp-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-wp-mildred .bar-button-solid-wp-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-wp-mildred .bar-button-whitecolor-wp,
.toolbar-wp-mildred .bar-button-clear-wp-whitecolor,
.toolbar-wp-mildred .bar-button-wp-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-mildred .bar-button-whitecolor-wp:hover:not(.disable-hover),
.toolbar-wp-mildred .bar-button-clear-wp-whitecolor:hover:not(.disable-hover),
.toolbar-wp-mildred .bar-button-wp-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-mildred .bar-button-outline-wp-whitecolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-mildred .bar-button-outline-wp-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-mildred .bar-button-solid-wp-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-mildred .bar-button-solid-wp-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-mildred .bar-button-grey-wp,
.toolbar-wp-mildred .bar-button-clear-wp-grey,
.toolbar-wp-mildred .bar-button-wp-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-wp-mildred .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-mildred .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-mildred .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-wp-mildred .bar-button-outline-wp-grey {
  border-color: #787678;
  color: #787678;
  background-color: transparent;
}

.toolbar-wp-mildred .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-wp-mildred .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-wp-mildred .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-wp-mildred .bar-button-blackcolor-wp,
.toolbar-wp-mildred .bar-button-clear-wp-blackcolor,
.toolbar-wp-mildred .bar-button-wp-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-mildred .bar-button-blackcolor-wp:hover:not(.disable-hover),
.toolbar-wp-mildred .bar-button-clear-wp-blackcolor:hover:not(.disable-hover),
.toolbar-wp-mildred .bar-button-wp-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-mildred .bar-button-outline-wp-blackcolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-mildred .bar-button-outline-wp-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-mildred .bar-button-solid-wp-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-mildred .bar-button-solid-wp-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-mildred .bar-button-mildred-wp,
.toolbar-wp-mildred .bar-button-clear-wp-mildred,
.toolbar-wp-mildred .bar-button-wp-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-wp-mildred .bar-button-mildred-wp:hover:not(.disable-hover),
.toolbar-wp-mildred .bar-button-clear-wp-mildred:hover:not(.disable-hover),
.toolbar-wp-mildred .bar-button-wp-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-wp-mildred .bar-button-outline-wp-mildred {
  border-color: #eb025e;
  color: #eb025e;
  background-color: transparent;
}

.toolbar-wp-mildred .bar-button-outline-wp-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-wp-mildred .bar-button-solid-wp-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-wp-mildred .bar-button-solid-wp-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-wp-mildred .bar-button-mildgreen-wp,
.toolbar-wp-mildred .bar-button-clear-wp-mildgreen,
.toolbar-wp-mildred .bar-button-wp-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-wp-mildred .bar-button-mildgreen-wp:hover:not(.disable-hover),
.toolbar-wp-mildred .bar-button-clear-wp-mildgreen:hover:not(.disable-hover),
.toolbar-wp-mildred .bar-button-wp-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-wp-mildred .bar-button-outline-wp-mildgreen {
  border-color: #61dda0;
  color: #61dda0;
  background-color: transparent;
}

.toolbar-wp-mildred .bar-button-outline-wp-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-wp-mildred .bar-button-solid-wp-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-wp-mildred .bar-button-solid-wp-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-wp-mildred .bar-button-sidebar-wp,
.toolbar-wp-mildred .bar-button-clear-wp-sidebar,
.toolbar-wp-mildred .bar-button-wp-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-wp-mildred .bar-button-sidebar-wp:hover:not(.disable-hover),
.toolbar-wp-mildred .bar-button-clear-wp-sidebar:hover:not(.disable-hover),
.toolbar-wp-mildred .bar-button-wp-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-wp-mildred .bar-button-outline-wp-sidebar {
  border-color: rgba(32, 32, 255, 0.772706);
  color: rgba(32, 32, 255, 0.772706);
  background-color: transparent;
}

.toolbar-wp-mildred .bar-button-outline-wp-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-wp-mildred .bar-button-solid-wp-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-wp-mildred .bar-button-solid-wp-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-wp-mildred .bar-button-white-wp,
.toolbar-wp-mildred .bar-button-clear-wp-white,
.toolbar-wp-mildred .bar-button-wp-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-wp-mildred .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-mildred .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-mildred .bar-button-wp-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-wp-mildred .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-mildred .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-mildred .bar-button-solid-wp-white {
  color: #000;
  background-color: #ffffff;
}

.toolbar-wp-mildred .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-mildred .bar-button-magenta-wp,
.toolbar-wp-mildred .bar-button-clear-wp-magenta,
.toolbar-wp-mildred .bar-button-wp-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-wp-mildred .bar-button-magenta-wp:hover:not(.disable-hover),
.toolbar-wp-mildred .bar-button-clear-wp-magenta:hover:not(.disable-hover),
.toolbar-wp-mildred .bar-button-wp-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-wp-mildred .bar-button-outline-wp-magenta {
  border-color: #c918c9;
  color: #c918c9;
  background-color: transparent;
}

.toolbar-wp-mildred .bar-button-outline-wp-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.toolbar-wp-mildred .bar-button-solid-wp-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-wp-mildred .bar-button-solid-wp-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-mildred-wp,
.bar-button-clear-wp-mildred,
.bar-button-wp-mildred {
  color: #FF0266;
  background-color: transparent;
}

.bar-button-mildred-wp:hover:not(.disable-hover),
.bar-button-clear-wp-mildred:hover:not(.disable-hover),
.bar-button-wp-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.bar-button-outline-wp-mildred {
  border-color: #eb025e;
  color: #eb025e;
  background-color: transparent;
}

.bar-button-outline-wp-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.bar-button-solid-wp-mildred {
  color: #fff;
  background-color: #FF0266;
}

.bar-button-solid-wp-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-wp-mildgreen .toolbar-background-wp {
  background: #69F0AE;
}

.toolbar-wp-mildgreen .bar-button-clear-wp,
.toolbar-wp-mildgreen .bar-button-default-wp,
.toolbar-wp-mildgreen .bar-button-outline-wp,
.toolbar-wp-mildgreen .toolbar-title-wp {
  color: #fff;
}

.toolbar-wp-mildgreen .bar-button-outline-wp {
  border-color: #fff;
}

.toolbar-wp-mildgreen .bar-button-primary-wp,
.toolbar-wp-mildgreen .bar-button-clear-wp-primary,
.toolbar-wp-mildgreen .bar-button-wp-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-wp-mildgreen .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-mildgreen .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-mildgreen .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-wp-mildgreen .bar-button-outline-wp-primary {
  border-color: #14a1ff;
  color: #14a1ff;
  background-color: transparent;
}

.toolbar-wp-mildgreen .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-wp-mildgreen .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-wp-mildgreen .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-wp-mildgreen .bar-button-secondary-wp,
.toolbar-wp-mildgreen .bar-button-clear-wp-secondary,
.toolbar-wp-mildgreen .bar-button-wp-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-wp-mildgreen .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-mildgreen .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-mildgreen .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-wp-mildgreen .bar-button-outline-wp-secondary {
  border-color: #46b988;
  color: #46b988;
  background-color: transparent;
}

.toolbar-wp-mildgreen .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-wp-mildgreen .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-wp-mildgreen .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-wp-mildgreen .bar-button-danger-wp,
.toolbar-wp-mildgreen .bar-button-clear-wp-danger,
.toolbar-wp-mildgreen .bar-button-wp-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-wp-mildgreen .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-mildgreen .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-mildgreen .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-wp-mildgreen .bar-button-outline-wp-danger {
  border-color: #eb4f2c;
  color: #eb4f2c;
  background-color: transparent;
}

.toolbar-wp-mildgreen .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-wp-mildgreen .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-wp-mildgreen .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-wp-mildgreen .bar-button-light-wp,
.toolbar-wp-mildgreen .bar-button-clear-wp-light,
.toolbar-wp-mildgreen .bar-button-wp-light {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-mildgreen .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-mildgreen .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-mildgreen .bar-button-wp-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-mildgreen .bar-button-outline-wp-light {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-mildgreen .bar-button-outline-wp-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-mildgreen .bar-button-solid-wp-light {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-mildgreen .bar-button-solid-wp-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-mildgreen .bar-button-dark-wp,
.toolbar-wp-mildgreen .bar-button-clear-wp-dark,
.toolbar-wp-mildgreen .bar-button-wp-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-wp-mildgreen .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-mildgreen .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-mildgreen .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-wp-mildgreen .bar-button-outline-wp-dark {
  border-color: #2a3c5b;
  color: #2a3c5b;
  background-color: transparent;
}

.toolbar-wp-mildgreen .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-wp-mildgreen .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-wp-mildgreen .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-wp-mildgreen .bar-button-snappink-wp,
.toolbar-wp-mildgreen .bar-button-clear-wp-snappink,
.toolbar-wp-mildgreen .bar-button-wp-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-wp-mildgreen .bar-button-snappink-wp:hover:not(.disable-hover),
.toolbar-wp-mildgreen .bar-button-clear-wp-snappink:hover:not(.disable-hover),
.toolbar-wp-mildgreen .bar-button-wp-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-wp-mildgreen .bar-button-outline-wp-snappink {
  border-color: #327cdd;
  color: #327cdd;
  background-color: transparent;
}

.toolbar-wp-mildgreen .bar-button-outline-wp-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-wp-mildgreen .bar-button-solid-wp-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-wp-mildgreen .bar-button-solid-wp-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-wp-mildgreen .bar-button-snapblue-wp,
.toolbar-wp-mildgreen .bar-button-clear-wp-snapblue,
.toolbar-wp-mildgreen .bar-button-wp-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-wp-mildgreen .bar-button-snapblue-wp:hover:not(.disable-hover),
.toolbar-wp-mildgreen .bar-button-clear-wp-snapblue:hover:not(.disable-hover),
.toolbar-wp-mildgreen .bar-button-wp-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-wp-mildgreen .bar-button-outline-wp-snapblue {
  border-color: #14dbff;
  color: #14dbff;
  background-color: transparent;
}

.toolbar-wp-mildgreen .bar-button-outline-wp-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-wp-mildgreen .bar-button-solid-wp-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-wp-mildgreen .bar-button-solid-wp-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-wp-mildgreen .bar-button-snapyellow-wp,
.toolbar-wp-mildgreen .bar-button-clear-wp-snapyellow,
.toolbar-wp-mildgreen .bar-button-wp-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-wp-mildgreen .bar-button-snapyellow-wp:hover:not(.disable-hover),
.toolbar-wp-mildgreen .bar-button-clear-wp-snapyellow:hover:not(.disable-hover),
.toolbar-wp-mildgreen .bar-button-wp-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-wp-mildgreen .bar-button-outline-wp-snapyellow {
  border-color: #ebb206;
  color: #ebb206;
  background-color: transparent;
}

.toolbar-wp-mildgreen .bar-button-outline-wp-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-wp-mildgreen .bar-button-solid-wp-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.toolbar-wp-mildgreen .bar-button-solid-wp-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-wp-mildgreen .bar-button-snapgreen-wp,
.toolbar-wp-mildgreen .bar-button-clear-wp-snapgreen,
.toolbar-wp-mildgreen .bar-button-wp-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-wp-mildgreen .bar-button-snapgreen-wp:hover:not(.disable-hover),
.toolbar-wp-mildgreen .bar-button-clear-wp-snapgreen:hover:not(.disable-hover),
.toolbar-wp-mildgreen .bar-button-wp-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-wp-mildgreen .bar-button-outline-wp-snapgreen {
  border-color: #5ab55e;
  color: #5ab55e;
  background-color: transparent;
}

.toolbar-wp-mildgreen .bar-button-outline-wp-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-wp-mildgreen .bar-button-solid-wp-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-wp-mildgreen .bar-button-solid-wp-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-wp-mildgreen .bar-button-snapindigo-wp,
.toolbar-wp-mildgreen .bar-button-clear-wp-snapindigo,
.toolbar-wp-mildgreen .bar-button-wp-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-wp-mildgreen .bar-button-snapindigo-wp:hover:not(.disable-hover),
.toolbar-wp-mildgreen .bar-button-clear-wp-snapindigo:hover:not(.disable-hover),
.toolbar-wp-mildgreen .bar-button-wp-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-wp-mildgreen .bar-button-outline-wp-snapindigo {
  border-color: #4e5fbb;
  color: #4e5fbb;
  background-color: transparent;
}

.toolbar-wp-mildgreen .bar-button-outline-wp-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-wp-mildgreen .bar-button-solid-wp-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-wp-mildgreen .bar-button-solid-wp-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-wp-mildgreen .bar-button-backgroundgrey-wp,
.toolbar-wp-mildgreen .bar-button-clear-wp-backgroundgrey,
.toolbar-wp-mildgreen .bar-button-wp-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-wp-mildgreen .bar-button-backgroundgrey-wp:hover:not(.disable-hover),
.toolbar-wp-mildgreen .bar-button-clear-wp-backgroundgrey:hover:not(.disable-hover),
.toolbar-wp-mildgreen .bar-button-wp-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-wp-mildgreen .bar-button-outline-wp-backgroundgrey {
  border-color: #dbdbdb;
  color: #dbdbdb;
  background-color: transparent;
}

.toolbar-wp-mildgreen .bar-button-outline-wp-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-wp-mildgreen .bar-button-solid-wp-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-wp-mildgreen .bar-button-solid-wp-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-wp-mildgreen .bar-button-whitecolor-wp,
.toolbar-wp-mildgreen .bar-button-clear-wp-whitecolor,
.toolbar-wp-mildgreen .bar-button-wp-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-mildgreen .bar-button-whitecolor-wp:hover:not(.disable-hover),
.toolbar-wp-mildgreen .bar-button-clear-wp-whitecolor:hover:not(.disable-hover),
.toolbar-wp-mildgreen .bar-button-wp-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-mildgreen .bar-button-outline-wp-whitecolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-mildgreen .bar-button-outline-wp-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-mildgreen .bar-button-solid-wp-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-mildgreen .bar-button-solid-wp-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-mildgreen .bar-button-grey-wp,
.toolbar-wp-mildgreen .bar-button-clear-wp-grey,
.toolbar-wp-mildgreen .bar-button-wp-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-wp-mildgreen .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-mildgreen .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-mildgreen .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-wp-mildgreen .bar-button-outline-wp-grey {
  border-color: #787678;
  color: #787678;
  background-color: transparent;
}

.toolbar-wp-mildgreen .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-wp-mildgreen .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-wp-mildgreen .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-wp-mildgreen .bar-button-blackcolor-wp,
.toolbar-wp-mildgreen .bar-button-clear-wp-blackcolor,
.toolbar-wp-mildgreen .bar-button-wp-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-mildgreen .bar-button-blackcolor-wp:hover:not(.disable-hover),
.toolbar-wp-mildgreen .bar-button-clear-wp-blackcolor:hover:not(.disable-hover),
.toolbar-wp-mildgreen .bar-button-wp-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-mildgreen .bar-button-outline-wp-blackcolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-mildgreen .bar-button-outline-wp-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-mildgreen .bar-button-solid-wp-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-mildgreen .bar-button-solid-wp-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-mildgreen .bar-button-mildred-wp,
.toolbar-wp-mildgreen .bar-button-clear-wp-mildred,
.toolbar-wp-mildgreen .bar-button-wp-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-wp-mildgreen .bar-button-mildred-wp:hover:not(.disable-hover),
.toolbar-wp-mildgreen .bar-button-clear-wp-mildred:hover:not(.disable-hover),
.toolbar-wp-mildgreen .bar-button-wp-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-wp-mildgreen .bar-button-outline-wp-mildred {
  border-color: #eb025e;
  color: #eb025e;
  background-color: transparent;
}

.toolbar-wp-mildgreen .bar-button-outline-wp-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-wp-mildgreen .bar-button-solid-wp-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-wp-mildgreen .bar-button-solid-wp-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-wp-mildgreen .bar-button-mildgreen-wp,
.toolbar-wp-mildgreen .bar-button-clear-wp-mildgreen,
.toolbar-wp-mildgreen .bar-button-wp-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-wp-mildgreen .bar-button-mildgreen-wp:hover:not(.disable-hover),
.toolbar-wp-mildgreen .bar-button-clear-wp-mildgreen:hover:not(.disable-hover),
.toolbar-wp-mildgreen .bar-button-wp-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-wp-mildgreen .bar-button-outline-wp-mildgreen {
  border-color: #61dda0;
  color: #61dda0;
  background-color: transparent;
}

.toolbar-wp-mildgreen .bar-button-outline-wp-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-wp-mildgreen .bar-button-solid-wp-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-wp-mildgreen .bar-button-solid-wp-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-wp-mildgreen .bar-button-sidebar-wp,
.toolbar-wp-mildgreen .bar-button-clear-wp-sidebar,
.toolbar-wp-mildgreen .bar-button-wp-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-wp-mildgreen .bar-button-sidebar-wp:hover:not(.disable-hover),
.toolbar-wp-mildgreen .bar-button-clear-wp-sidebar:hover:not(.disable-hover),
.toolbar-wp-mildgreen .bar-button-wp-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-wp-mildgreen .bar-button-outline-wp-sidebar {
  border-color: rgba(32, 32, 255, 0.772706);
  color: rgba(32, 32, 255, 0.772706);
  background-color: transparent;
}

.toolbar-wp-mildgreen .bar-button-outline-wp-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-wp-mildgreen .bar-button-solid-wp-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-wp-mildgreen .bar-button-solid-wp-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-wp-mildgreen .bar-button-white-wp,
.toolbar-wp-mildgreen .bar-button-clear-wp-white,
.toolbar-wp-mildgreen .bar-button-wp-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-wp-mildgreen .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-mildgreen .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-mildgreen .bar-button-wp-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-wp-mildgreen .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-mildgreen .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-mildgreen .bar-button-solid-wp-white {
  color: #000;
  background-color: #ffffff;
}

.toolbar-wp-mildgreen .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-mildgreen .bar-button-magenta-wp,
.toolbar-wp-mildgreen .bar-button-clear-wp-magenta,
.toolbar-wp-mildgreen .bar-button-wp-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-wp-mildgreen .bar-button-magenta-wp:hover:not(.disable-hover),
.toolbar-wp-mildgreen .bar-button-clear-wp-magenta:hover:not(.disable-hover),
.toolbar-wp-mildgreen .bar-button-wp-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-wp-mildgreen .bar-button-outline-wp-magenta {
  border-color: #c918c9;
  color: #c918c9;
  background-color: transparent;
}

.toolbar-wp-mildgreen .bar-button-outline-wp-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.toolbar-wp-mildgreen .bar-button-solid-wp-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-wp-mildgreen .bar-button-solid-wp-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-mildgreen-wp,
.bar-button-clear-wp-mildgreen,
.bar-button-wp-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.bar-button-mildgreen-wp:hover:not(.disable-hover),
.bar-button-clear-wp-mildgreen:hover:not(.disable-hover),
.bar-button-wp-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.bar-button-outline-wp-mildgreen {
  border-color: #61dda0;
  color: #61dda0;
  background-color: transparent;
}

.bar-button-outline-wp-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.bar-button-solid-wp-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.bar-button-solid-wp-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-wp-sidebar .toolbar-background-wp {
  background: #0000ffc0;
}

.toolbar-wp-sidebar .bar-button-clear-wp,
.toolbar-wp-sidebar .bar-button-default-wp,
.toolbar-wp-sidebar .bar-button-outline-wp,
.toolbar-wp-sidebar .toolbar-title-wp {
  color: #fff;
}

.toolbar-wp-sidebar .bar-button-outline-wp {
  border-color: #fff;
}

.toolbar-wp-sidebar .bar-button-primary-wp,
.toolbar-wp-sidebar .bar-button-clear-wp-primary,
.toolbar-wp-sidebar .bar-button-wp-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-wp-sidebar .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-sidebar .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-sidebar .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-wp-sidebar .bar-button-outline-wp-primary {
  border-color: #14a1ff;
  color: #14a1ff;
  background-color: transparent;
}

.toolbar-wp-sidebar .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-wp-sidebar .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-wp-sidebar .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-wp-sidebar .bar-button-secondary-wp,
.toolbar-wp-sidebar .bar-button-clear-wp-secondary,
.toolbar-wp-sidebar .bar-button-wp-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-wp-sidebar .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-sidebar .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-sidebar .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-wp-sidebar .bar-button-outline-wp-secondary {
  border-color: #46b988;
  color: #46b988;
  background-color: transparent;
}

.toolbar-wp-sidebar .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-wp-sidebar .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-wp-sidebar .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-wp-sidebar .bar-button-danger-wp,
.toolbar-wp-sidebar .bar-button-clear-wp-danger,
.toolbar-wp-sidebar .bar-button-wp-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-wp-sidebar .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-sidebar .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-sidebar .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-wp-sidebar .bar-button-outline-wp-danger {
  border-color: #eb4f2c;
  color: #eb4f2c;
  background-color: transparent;
}

.toolbar-wp-sidebar .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-wp-sidebar .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-wp-sidebar .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-wp-sidebar .bar-button-light-wp,
.toolbar-wp-sidebar .bar-button-clear-wp-light,
.toolbar-wp-sidebar .bar-button-wp-light {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-sidebar .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-sidebar .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-sidebar .bar-button-wp-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-sidebar .bar-button-outline-wp-light {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-sidebar .bar-button-outline-wp-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-sidebar .bar-button-solid-wp-light {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-sidebar .bar-button-solid-wp-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-sidebar .bar-button-dark-wp,
.toolbar-wp-sidebar .bar-button-clear-wp-dark,
.toolbar-wp-sidebar .bar-button-wp-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-wp-sidebar .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-sidebar .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-sidebar .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-wp-sidebar .bar-button-outline-wp-dark {
  border-color: #2a3c5b;
  color: #2a3c5b;
  background-color: transparent;
}

.toolbar-wp-sidebar .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-wp-sidebar .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-wp-sidebar .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-wp-sidebar .bar-button-snappink-wp,
.toolbar-wp-sidebar .bar-button-clear-wp-snappink,
.toolbar-wp-sidebar .bar-button-wp-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-wp-sidebar .bar-button-snappink-wp:hover:not(.disable-hover),
.toolbar-wp-sidebar .bar-button-clear-wp-snappink:hover:not(.disable-hover),
.toolbar-wp-sidebar .bar-button-wp-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-wp-sidebar .bar-button-outline-wp-snappink {
  border-color: #327cdd;
  color: #327cdd;
  background-color: transparent;
}

.toolbar-wp-sidebar .bar-button-outline-wp-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-wp-sidebar .bar-button-solid-wp-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-wp-sidebar .bar-button-solid-wp-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-wp-sidebar .bar-button-snapblue-wp,
.toolbar-wp-sidebar .bar-button-clear-wp-snapblue,
.toolbar-wp-sidebar .bar-button-wp-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-wp-sidebar .bar-button-snapblue-wp:hover:not(.disable-hover),
.toolbar-wp-sidebar .bar-button-clear-wp-snapblue:hover:not(.disable-hover),
.toolbar-wp-sidebar .bar-button-wp-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-wp-sidebar .bar-button-outline-wp-snapblue {
  border-color: #14dbff;
  color: #14dbff;
  background-color: transparent;
}

.toolbar-wp-sidebar .bar-button-outline-wp-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-wp-sidebar .bar-button-solid-wp-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-wp-sidebar .bar-button-solid-wp-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-wp-sidebar .bar-button-snapyellow-wp,
.toolbar-wp-sidebar .bar-button-clear-wp-snapyellow,
.toolbar-wp-sidebar .bar-button-wp-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-wp-sidebar .bar-button-snapyellow-wp:hover:not(.disable-hover),
.toolbar-wp-sidebar .bar-button-clear-wp-snapyellow:hover:not(.disable-hover),
.toolbar-wp-sidebar .bar-button-wp-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-wp-sidebar .bar-button-outline-wp-snapyellow {
  border-color: #ebb206;
  color: #ebb206;
  background-color: transparent;
}

.toolbar-wp-sidebar .bar-button-outline-wp-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-wp-sidebar .bar-button-solid-wp-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.toolbar-wp-sidebar .bar-button-solid-wp-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-wp-sidebar .bar-button-snapgreen-wp,
.toolbar-wp-sidebar .bar-button-clear-wp-snapgreen,
.toolbar-wp-sidebar .bar-button-wp-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-wp-sidebar .bar-button-snapgreen-wp:hover:not(.disable-hover),
.toolbar-wp-sidebar .bar-button-clear-wp-snapgreen:hover:not(.disable-hover),
.toolbar-wp-sidebar .bar-button-wp-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-wp-sidebar .bar-button-outline-wp-snapgreen {
  border-color: #5ab55e;
  color: #5ab55e;
  background-color: transparent;
}

.toolbar-wp-sidebar .bar-button-outline-wp-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-wp-sidebar .bar-button-solid-wp-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-wp-sidebar .bar-button-solid-wp-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-wp-sidebar .bar-button-snapindigo-wp,
.toolbar-wp-sidebar .bar-button-clear-wp-snapindigo,
.toolbar-wp-sidebar .bar-button-wp-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-wp-sidebar .bar-button-snapindigo-wp:hover:not(.disable-hover),
.toolbar-wp-sidebar .bar-button-clear-wp-snapindigo:hover:not(.disable-hover),
.toolbar-wp-sidebar .bar-button-wp-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-wp-sidebar .bar-button-outline-wp-snapindigo {
  border-color: #4e5fbb;
  color: #4e5fbb;
  background-color: transparent;
}

.toolbar-wp-sidebar .bar-button-outline-wp-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-wp-sidebar .bar-button-solid-wp-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-wp-sidebar .bar-button-solid-wp-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-wp-sidebar .bar-button-backgroundgrey-wp,
.toolbar-wp-sidebar .bar-button-clear-wp-backgroundgrey,
.toolbar-wp-sidebar .bar-button-wp-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-wp-sidebar .bar-button-backgroundgrey-wp:hover:not(.disable-hover),
.toolbar-wp-sidebar .bar-button-clear-wp-backgroundgrey:hover:not(.disable-hover),
.toolbar-wp-sidebar .bar-button-wp-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-wp-sidebar .bar-button-outline-wp-backgroundgrey {
  border-color: #dbdbdb;
  color: #dbdbdb;
  background-color: transparent;
}

.toolbar-wp-sidebar .bar-button-outline-wp-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-wp-sidebar .bar-button-solid-wp-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-wp-sidebar .bar-button-solid-wp-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-wp-sidebar .bar-button-whitecolor-wp,
.toolbar-wp-sidebar .bar-button-clear-wp-whitecolor,
.toolbar-wp-sidebar .bar-button-wp-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-sidebar .bar-button-whitecolor-wp:hover:not(.disable-hover),
.toolbar-wp-sidebar .bar-button-clear-wp-whitecolor:hover:not(.disable-hover),
.toolbar-wp-sidebar .bar-button-wp-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-sidebar .bar-button-outline-wp-whitecolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-sidebar .bar-button-outline-wp-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-sidebar .bar-button-solid-wp-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-sidebar .bar-button-solid-wp-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-sidebar .bar-button-grey-wp,
.toolbar-wp-sidebar .bar-button-clear-wp-grey,
.toolbar-wp-sidebar .bar-button-wp-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-wp-sidebar .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-sidebar .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-sidebar .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-wp-sidebar .bar-button-outline-wp-grey {
  border-color: #787678;
  color: #787678;
  background-color: transparent;
}

.toolbar-wp-sidebar .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-wp-sidebar .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-wp-sidebar .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-wp-sidebar .bar-button-blackcolor-wp,
.toolbar-wp-sidebar .bar-button-clear-wp-blackcolor,
.toolbar-wp-sidebar .bar-button-wp-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-sidebar .bar-button-blackcolor-wp:hover:not(.disable-hover),
.toolbar-wp-sidebar .bar-button-clear-wp-blackcolor:hover:not(.disable-hover),
.toolbar-wp-sidebar .bar-button-wp-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-sidebar .bar-button-outline-wp-blackcolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-sidebar .bar-button-outline-wp-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-sidebar .bar-button-solid-wp-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-sidebar .bar-button-solid-wp-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-sidebar .bar-button-mildred-wp,
.toolbar-wp-sidebar .bar-button-clear-wp-mildred,
.toolbar-wp-sidebar .bar-button-wp-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-wp-sidebar .bar-button-mildred-wp:hover:not(.disable-hover),
.toolbar-wp-sidebar .bar-button-clear-wp-mildred:hover:not(.disable-hover),
.toolbar-wp-sidebar .bar-button-wp-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-wp-sidebar .bar-button-outline-wp-mildred {
  border-color: #eb025e;
  color: #eb025e;
  background-color: transparent;
}

.toolbar-wp-sidebar .bar-button-outline-wp-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-wp-sidebar .bar-button-solid-wp-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-wp-sidebar .bar-button-solid-wp-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-wp-sidebar .bar-button-mildgreen-wp,
.toolbar-wp-sidebar .bar-button-clear-wp-mildgreen,
.toolbar-wp-sidebar .bar-button-wp-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-wp-sidebar .bar-button-mildgreen-wp:hover:not(.disable-hover),
.toolbar-wp-sidebar .bar-button-clear-wp-mildgreen:hover:not(.disable-hover),
.toolbar-wp-sidebar .bar-button-wp-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-wp-sidebar .bar-button-outline-wp-mildgreen {
  border-color: #61dda0;
  color: #61dda0;
  background-color: transparent;
}

.toolbar-wp-sidebar .bar-button-outline-wp-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-wp-sidebar .bar-button-solid-wp-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-wp-sidebar .bar-button-solid-wp-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-wp-sidebar .bar-button-sidebar-wp,
.toolbar-wp-sidebar .bar-button-clear-wp-sidebar,
.toolbar-wp-sidebar .bar-button-wp-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-wp-sidebar .bar-button-sidebar-wp:hover:not(.disable-hover),
.toolbar-wp-sidebar .bar-button-clear-wp-sidebar:hover:not(.disable-hover),
.toolbar-wp-sidebar .bar-button-wp-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-wp-sidebar .bar-button-outline-wp-sidebar {
  border-color: rgba(32, 32, 255, 0.772706);
  color: rgba(32, 32, 255, 0.772706);
  background-color: transparent;
}

.toolbar-wp-sidebar .bar-button-outline-wp-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-wp-sidebar .bar-button-solid-wp-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-wp-sidebar .bar-button-solid-wp-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-wp-sidebar .bar-button-white-wp,
.toolbar-wp-sidebar .bar-button-clear-wp-white,
.toolbar-wp-sidebar .bar-button-wp-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-wp-sidebar .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-sidebar .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-sidebar .bar-button-wp-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-wp-sidebar .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-sidebar .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-sidebar .bar-button-solid-wp-white {
  color: #000;
  background-color: #ffffff;
}

.toolbar-wp-sidebar .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-sidebar .bar-button-magenta-wp,
.toolbar-wp-sidebar .bar-button-clear-wp-magenta,
.toolbar-wp-sidebar .bar-button-wp-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-wp-sidebar .bar-button-magenta-wp:hover:not(.disable-hover),
.toolbar-wp-sidebar .bar-button-clear-wp-magenta:hover:not(.disable-hover),
.toolbar-wp-sidebar .bar-button-wp-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-wp-sidebar .bar-button-outline-wp-magenta {
  border-color: #c918c9;
  color: #c918c9;
  background-color: transparent;
}

.toolbar-wp-sidebar .bar-button-outline-wp-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.toolbar-wp-sidebar .bar-button-solid-wp-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-wp-sidebar .bar-button-solid-wp-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-sidebar-wp,
.bar-button-clear-wp-sidebar,
.bar-button-wp-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.bar-button-sidebar-wp:hover:not(.disable-hover),
.bar-button-clear-wp-sidebar:hover:not(.disable-hover),
.bar-button-wp-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.bar-button-outline-wp-sidebar {
  border-color: rgba(32, 32, 255, 0.772706);
  color: rgba(32, 32, 255, 0.772706);
  background-color: transparent;
}

.bar-button-outline-wp-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.bar-button-solid-wp-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.bar-button-solid-wp-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-wp-white .toolbar-background-wp {
  background: #ffffff;
}

.toolbar-wp-white .bar-button-clear-wp,
.toolbar-wp-white .bar-button-default-wp,
.toolbar-wp-white .bar-button-outline-wp,
.toolbar-wp-white .toolbar-title-wp {
  color: #000;
}

.toolbar-wp-white .bar-button-outline-wp {
  border-color: #000;
}

.toolbar-wp-white .bar-button-primary-wp,
.toolbar-wp-white .bar-button-clear-wp-primary,
.toolbar-wp-white .bar-button-wp-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-wp-white .bar-button-outline-wp-primary {
  border-color: #14a1ff;
  color: #14a1ff;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-wp-white .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-wp-white .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-wp-white .bar-button-secondary-wp,
.toolbar-wp-white .bar-button-clear-wp-secondary,
.toolbar-wp-white .bar-button-wp-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-wp-white .bar-button-outline-wp-secondary {
  border-color: #46b988;
  color: #46b988;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-wp-white .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-wp-white .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-wp-white .bar-button-danger-wp,
.toolbar-wp-white .bar-button-clear-wp-danger,
.toolbar-wp-white .bar-button-wp-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-wp-white .bar-button-outline-wp-danger {
  border-color: #eb4f2c;
  color: #eb4f2c;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-wp-white .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-wp-white .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-wp-white .bar-button-light-wp,
.toolbar-wp-white .bar-button-clear-wp-light,
.toolbar-wp-white .bar-button-wp-light {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-white .bar-button-outline-wp-light {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-white .bar-button-solid-wp-light {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-white .bar-button-solid-wp-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-white .bar-button-dark-wp,
.toolbar-wp-white .bar-button-clear-wp-dark,
.toolbar-wp-white .bar-button-wp-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-wp-white .bar-button-outline-wp-dark {
  border-color: #2a3c5b;
  color: #2a3c5b;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-wp-white .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-wp-white .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-wp-white .bar-button-snappink-wp,
.toolbar-wp-white .bar-button-clear-wp-snappink,
.toolbar-wp-white .bar-button-wp-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-snappink-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-snappink:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-wp-white .bar-button-outline-wp-snappink {
  border-color: #327cdd;
  color: #327cdd;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-wp-white .bar-button-solid-wp-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-wp-white .bar-button-solid-wp-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-wp-white .bar-button-snapblue-wp,
.toolbar-wp-white .bar-button-clear-wp-snapblue,
.toolbar-wp-white .bar-button-wp-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-snapblue-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-snapblue:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-wp-white .bar-button-outline-wp-snapblue {
  border-color: #14dbff;
  color: #14dbff;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-wp-white .bar-button-solid-wp-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-wp-white .bar-button-solid-wp-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-wp-white .bar-button-snapyellow-wp,
.toolbar-wp-white .bar-button-clear-wp-snapyellow,
.toolbar-wp-white .bar-button-wp-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-snapyellow-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-snapyellow:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-wp-white .bar-button-outline-wp-snapyellow {
  border-color: #ebb206;
  color: #ebb206;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-wp-white .bar-button-solid-wp-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.toolbar-wp-white .bar-button-solid-wp-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-wp-white .bar-button-snapgreen-wp,
.toolbar-wp-white .bar-button-clear-wp-snapgreen,
.toolbar-wp-white .bar-button-wp-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-snapgreen-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-snapgreen:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-wp-white .bar-button-outline-wp-snapgreen {
  border-color: #5ab55e;
  color: #5ab55e;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-wp-white .bar-button-solid-wp-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-wp-white .bar-button-solid-wp-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-wp-white .bar-button-snapindigo-wp,
.toolbar-wp-white .bar-button-clear-wp-snapindigo,
.toolbar-wp-white .bar-button-wp-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-snapindigo-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-snapindigo:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-wp-white .bar-button-outline-wp-snapindigo {
  border-color: #4e5fbb;
  color: #4e5fbb;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-wp-white .bar-button-solid-wp-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-wp-white .bar-button-solid-wp-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-wp-white .bar-button-backgroundgrey-wp,
.toolbar-wp-white .bar-button-clear-wp-backgroundgrey,
.toolbar-wp-white .bar-button-wp-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-backgroundgrey-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-backgroundgrey:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-wp-white .bar-button-outline-wp-backgroundgrey {
  border-color: #dbdbdb;
  color: #dbdbdb;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-wp-white .bar-button-solid-wp-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-wp-white .bar-button-solid-wp-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-wp-white .bar-button-whitecolor-wp,
.toolbar-wp-white .bar-button-clear-wp-whitecolor,
.toolbar-wp-white .bar-button-wp-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-whitecolor-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-whitecolor:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-white .bar-button-outline-wp-whitecolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-white .bar-button-solid-wp-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-white .bar-button-solid-wp-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-white .bar-button-grey-wp,
.toolbar-wp-white .bar-button-clear-wp-grey,
.toolbar-wp-white .bar-button-wp-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-wp-white .bar-button-outline-wp-grey {
  border-color: #787678;
  color: #787678;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-wp-white .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-wp-white .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-wp-white .bar-button-blackcolor-wp,
.toolbar-wp-white .bar-button-clear-wp-blackcolor,
.toolbar-wp-white .bar-button-wp-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-blackcolor-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-blackcolor:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-white .bar-button-outline-wp-blackcolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-white .bar-button-solid-wp-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-white .bar-button-solid-wp-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-white .bar-button-mildred-wp,
.toolbar-wp-white .bar-button-clear-wp-mildred,
.toolbar-wp-white .bar-button-wp-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-mildred-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-mildred:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-wp-white .bar-button-outline-wp-mildred {
  border-color: #eb025e;
  color: #eb025e;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-wp-white .bar-button-solid-wp-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-wp-white .bar-button-solid-wp-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-wp-white .bar-button-mildgreen-wp,
.toolbar-wp-white .bar-button-clear-wp-mildgreen,
.toolbar-wp-white .bar-button-wp-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-mildgreen-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-mildgreen:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-wp-white .bar-button-outline-wp-mildgreen {
  border-color: #61dda0;
  color: #61dda0;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-wp-white .bar-button-solid-wp-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-wp-white .bar-button-solid-wp-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-wp-white .bar-button-sidebar-wp,
.toolbar-wp-white .bar-button-clear-wp-sidebar,
.toolbar-wp-white .bar-button-wp-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-sidebar-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-sidebar:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-wp-white .bar-button-outline-wp-sidebar {
  border-color: rgba(32, 32, 255, 0.772706);
  color: rgba(32, 32, 255, 0.772706);
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-wp-white .bar-button-solid-wp-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-wp-white .bar-button-solid-wp-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-wp-white .bar-button-white-wp,
.toolbar-wp-white .bar-button-clear-wp-white,
.toolbar-wp-white .bar-button-wp-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-wp-white .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-white .bar-button-solid-wp-white {
  color: #000;
  background-color: #ffffff;
}

.toolbar-wp-white .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-white .bar-button-magenta-wp,
.toolbar-wp-white .bar-button-clear-wp-magenta,
.toolbar-wp-white .bar-button-wp-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-magenta-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-magenta:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-wp-white .bar-button-outline-wp-magenta {
  border-color: #c918c9;
  color: #c918c9;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.toolbar-wp-white .bar-button-solid-wp-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-wp-white .bar-button-solid-wp-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-white-wp,
.bar-button-clear-wp-white,
.bar-button-wp-white {
  color: #ffffff;
  background-color: transparent;
}

.bar-button-white-wp:hover:not(.disable-hover),
.bar-button-clear-wp-white:hover:not(.disable-hover),
.bar-button-wp-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.bar-button-solid-wp-white {
  color: #000;
  background-color: #ffffff;
}

.bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-magenta .toolbar-background-wp {
  background: #c404c4;
}

.toolbar-wp-magenta .bar-button-clear-wp,
.toolbar-wp-magenta .bar-button-default-wp,
.toolbar-wp-magenta .bar-button-outline-wp,
.toolbar-wp-magenta .toolbar-title-wp {
  color: #fff;
}

.toolbar-wp-magenta .bar-button-outline-wp {
  border-color: #fff;
}

.toolbar-wp-magenta .bar-button-primary-wp,
.toolbar-wp-magenta .bar-button-clear-wp-primary,
.toolbar-wp-magenta .bar-button-wp-primary {
  color: #0099ff;
  background-color: transparent;
}

.toolbar-wp-magenta .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-magenta .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-magenta .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #0099ff;
}

.toolbar-wp-magenta .bar-button-outline-wp-primary {
  border-color: #14a1ff;
  color: #14a1ff;
  background-color: transparent;
}

.toolbar-wp-magenta .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-wp-magenta .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #0099ff;
}

.toolbar-wp-magenta .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #14a1ff;
}

.toolbar-wp-magenta .bar-button-secondary-wp,
.toolbar-wp-magenta .bar-button-clear-wp-secondary,
.toolbar-wp-magenta .bar-button-wp-secondary {
  color: #36B37E;
  background-color: transparent;
}

.toolbar-wp-magenta .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-magenta .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-magenta .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #36B37E;
}

.toolbar-wp-magenta .bar-button-outline-wp-secondary {
  border-color: #46b988;
  color: #46b988;
  background-color: transparent;
}

.toolbar-wp-magenta .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-wp-magenta .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #36B37E;
}

.toolbar-wp-magenta .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #46b988;
}

.toolbar-wp-magenta .bar-button-danger-wp,
.toolbar-wp-magenta .bar-button-clear-wp-danger,
.toolbar-wp-magenta .bar-button-wp-danger {
  color: #FF5630;
  background-color: transparent;
}

.toolbar-wp-magenta .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-magenta .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-magenta .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #FF5630;
}

.toolbar-wp-magenta .bar-button-outline-wp-danger {
  border-color: #eb4f2c;
  color: #eb4f2c;
  background-color: transparent;
}

.toolbar-wp-magenta .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-wp-magenta .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #FF5630;
}

.toolbar-wp-magenta .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #eb4f2c;
}

.toolbar-wp-magenta .bar-button-light-wp,
.toolbar-wp-magenta .bar-button-clear-wp-light,
.toolbar-wp-magenta .bar-button-wp-light {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-magenta .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-magenta .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-magenta .bar-button-wp-light:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-magenta .bar-button-outline-wp-light {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-magenta .bar-button-outline-wp-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-magenta .bar-button-solid-wp-light {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-magenta .bar-button-solid-wp-light.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-magenta .bar-button-dark-wp,
.toolbar-wp-magenta .bar-button-clear-wp-dark,
.toolbar-wp-magenta .bar-button-wp-dark {
  color: #172B4D;
  background-color: transparent;
}

.toolbar-wp-magenta .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-magenta .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-magenta .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #172B4D;
}

.toolbar-wp-magenta .bar-button-outline-wp-dark {
  border-color: #2a3c5b;
  color: #2a3c5b;
  background-color: transparent;
}

.toolbar-wp-magenta .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-wp-magenta .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #172B4D;
}

.toolbar-wp-magenta .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #2a3c5b;
}

.toolbar-wp-magenta .bar-button-snappink-wp,
.toolbar-wp-magenta .bar-button-clear-wp-snappink,
.toolbar-wp-magenta .bar-button-wp-snappink {
  color: #3687f0;
  background-color: transparent;
}

.toolbar-wp-magenta .bar-button-snappink-wp:hover:not(.disable-hover),
.toolbar-wp-magenta .bar-button-clear-wp-snappink:hover:not(.disable-hover),
.toolbar-wp-magenta .bar-button-wp-snappink:hover:not(.disable-hover) {
  color: #3687f0;
}

.toolbar-wp-magenta .bar-button-outline-wp-snappink {
  border-color: #327cdd;
  color: #327cdd;
  background-color: transparent;
}

.toolbar-wp-magenta .bar-button-outline-wp-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-wp-magenta .bar-button-solid-wp-snappink {
  color: #fff;
  background-color: #3687f0;
}

.toolbar-wp-magenta .bar-button-solid-wp-snappink.activated {
  color: #fff;
  background-color: #327cdd;
}

.toolbar-wp-magenta .bar-button-snapblue-wp,
.toolbar-wp-magenta .bar-button-clear-wp-snapblue,
.toolbar-wp-magenta .bar-button-wp-snapblue {
  color: #00d8ff;
  background-color: transparent;
}

.toolbar-wp-magenta .bar-button-snapblue-wp:hover:not(.disable-hover),
.toolbar-wp-magenta .bar-button-clear-wp-snapblue:hover:not(.disable-hover),
.toolbar-wp-magenta .bar-button-wp-snapblue:hover:not(.disable-hover) {
  color: #00d8ff;
}

.toolbar-wp-magenta .bar-button-outline-wp-snapblue {
  border-color: #14dbff;
  color: #14dbff;
  background-color: transparent;
}

.toolbar-wp-magenta .bar-button-outline-wp-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-wp-magenta .bar-button-solid-wp-snapblue {
  color: #fff;
  background-color: #00d8ff;
}

.toolbar-wp-magenta .bar-button-solid-wp-snapblue.activated {
  color: #fff;
  background-color: #14dbff;
}

.toolbar-wp-magenta .bar-button-snapyellow-wp,
.toolbar-wp-magenta .bar-button-clear-wp-snapyellow,
.toolbar-wp-magenta .bar-button-wp-snapyellow {
  color: #FFC107;
  background-color: transparent;
}

.toolbar-wp-magenta .bar-button-snapyellow-wp:hover:not(.disable-hover),
.toolbar-wp-magenta .bar-button-clear-wp-snapyellow:hover:not(.disable-hover),
.toolbar-wp-magenta .bar-button-wp-snapyellow:hover:not(.disable-hover) {
  color: #FFC107;
}

.toolbar-wp-magenta .bar-button-outline-wp-snapyellow {
  border-color: #ebb206;
  color: #ebb206;
  background-color: transparent;
}

.toolbar-wp-magenta .bar-button-outline-wp-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-wp-magenta .bar-button-solid-wp-snapyellow {
  color: #000;
  background-color: #FFC107;
}

.toolbar-wp-magenta .bar-button-solid-wp-snapyellow.activated {
  color: #000;
  background-color: #ebb206;
}

.toolbar-wp-magenta .bar-button-snapgreen-wp,
.toolbar-wp-magenta .bar-button-clear-wp-snapgreen,
.toolbar-wp-magenta .bar-button-wp-snapgreen {
  color: #4CAF50;
  background-color: transparent;
}

.toolbar-wp-magenta .bar-button-snapgreen-wp:hover:not(.disable-hover),
.toolbar-wp-magenta .bar-button-clear-wp-snapgreen:hover:not(.disable-hover),
.toolbar-wp-magenta .bar-button-wp-snapgreen:hover:not(.disable-hover) {
  color: #4CAF50;
}

.toolbar-wp-magenta .bar-button-outline-wp-snapgreen {
  border-color: #5ab55e;
  color: #5ab55e;
  background-color: transparent;
}

.toolbar-wp-magenta .bar-button-outline-wp-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-wp-magenta .bar-button-solid-wp-snapgreen {
  color: #fff;
  background-color: #4CAF50;
}

.toolbar-wp-magenta .bar-button-solid-wp-snapgreen.activated {
  color: #fff;
  background-color: #5ab55e;
}

.toolbar-wp-magenta .bar-button-snapindigo-wp,
.toolbar-wp-magenta .bar-button-clear-wp-snapindigo,
.toolbar-wp-magenta .bar-button-wp-snapindigo {
  color: #3F51B5;
  background-color: transparent;
}

.toolbar-wp-magenta .bar-button-snapindigo-wp:hover:not(.disable-hover),
.toolbar-wp-magenta .bar-button-clear-wp-snapindigo:hover:not(.disable-hover),
.toolbar-wp-magenta .bar-button-wp-snapindigo:hover:not(.disable-hover) {
  color: #3F51B5;
}

.toolbar-wp-magenta .bar-button-outline-wp-snapindigo {
  border-color: #4e5fbb;
  color: #4e5fbb;
  background-color: transparent;
}

.toolbar-wp-magenta .bar-button-outline-wp-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-wp-magenta .bar-button-solid-wp-snapindigo {
  color: #fff;
  background-color: #3F51B5;
}

.toolbar-wp-magenta .bar-button-solid-wp-snapindigo.activated {
  color: #fff;
  background-color: #4e5fbb;
}

.toolbar-wp-magenta .bar-button-backgroundgrey-wp,
.toolbar-wp-magenta .bar-button-clear-wp-backgroundgrey,
.toolbar-wp-magenta .bar-button-wp-backgroundgrey {
  color: #EEEEEE;
  background-color: transparent;
}

.toolbar-wp-magenta .bar-button-backgroundgrey-wp:hover:not(.disable-hover),
.toolbar-wp-magenta .bar-button-clear-wp-backgroundgrey:hover:not(.disable-hover),
.toolbar-wp-magenta .bar-button-wp-backgroundgrey:hover:not(.disable-hover) {
  color: #EEEEEE;
}

.toolbar-wp-magenta .bar-button-outline-wp-backgroundgrey {
  border-color: #dbdbdb;
  color: #dbdbdb;
  background-color: transparent;
}

.toolbar-wp-magenta .bar-button-outline-wp-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-wp-magenta .bar-button-solid-wp-backgroundgrey {
  color: #000;
  background-color: #EEEEEE;
}

.toolbar-wp-magenta .bar-button-solid-wp-backgroundgrey.activated {
  color: #000;
  background-color: #dbdbdb;
}

.toolbar-wp-magenta .bar-button-whitecolor-wp,
.toolbar-wp-magenta .bar-button-clear-wp-whitecolor,
.toolbar-wp-magenta .bar-button-wp-whitecolor {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-magenta .bar-button-whitecolor-wp:hover:not(.disable-hover),
.toolbar-wp-magenta .bar-button-clear-wp-whitecolor:hover:not(.disable-hover),
.toolbar-wp-magenta .bar-button-wp-whitecolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-magenta .bar-button-outline-wp-whitecolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-magenta .bar-button-outline-wp-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-magenta .bar-button-solid-wp-whitecolor {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-magenta .bar-button-solid-wp-whitecolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-magenta .bar-button-grey-wp,
.toolbar-wp-magenta .bar-button-clear-wp-grey,
.toolbar-wp-magenta .bar-button-wp-grey {
  color: #828082;
  background-color: transparent;
}

.toolbar-wp-magenta .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-magenta .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-magenta .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #828082;
}

.toolbar-wp-magenta .bar-button-outline-wp-grey {
  border-color: #787678;
  color: #787678;
  background-color: transparent;
}

.toolbar-wp-magenta .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-wp-magenta .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #828082;
}

.toolbar-wp-magenta .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #787678;
}

.toolbar-wp-magenta .bar-button-blackcolor-wp,
.toolbar-wp-magenta .bar-button-clear-wp-blackcolor,
.toolbar-wp-magenta .bar-button-wp-blackcolor {
  color: #000;
  background-color: transparent;
}

.toolbar-wp-magenta .bar-button-blackcolor-wp:hover:not(.disable-hover),
.toolbar-wp-magenta .bar-button-clear-wp-blackcolor:hover:not(.disable-hover),
.toolbar-wp-magenta .bar-button-wp-blackcolor:hover:not(.disable-hover) {
  color: #000;
}

.toolbar-wp-magenta .bar-button-outline-wp-blackcolor {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-magenta .bar-button-outline-wp-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-magenta .bar-button-solid-wp-blackcolor {
  color: #fff;
  background-color: #000;
}

.toolbar-wp-magenta .bar-button-solid-wp-blackcolor.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-magenta .bar-button-mildred-wp,
.toolbar-wp-magenta .bar-button-clear-wp-mildred,
.toolbar-wp-magenta .bar-button-wp-mildred {
  color: #FF0266;
  background-color: transparent;
}

.toolbar-wp-magenta .bar-button-mildred-wp:hover:not(.disable-hover),
.toolbar-wp-magenta .bar-button-clear-wp-mildred:hover:not(.disable-hover),
.toolbar-wp-magenta .bar-button-wp-mildred:hover:not(.disable-hover) {
  color: #FF0266;
}

.toolbar-wp-magenta .bar-button-outline-wp-mildred {
  border-color: #eb025e;
  color: #eb025e;
  background-color: transparent;
}

.toolbar-wp-magenta .bar-button-outline-wp-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-wp-magenta .bar-button-solid-wp-mildred {
  color: #fff;
  background-color: #FF0266;
}

.toolbar-wp-magenta .bar-button-solid-wp-mildred.activated {
  color: #fff;
  background-color: #eb025e;
}

.toolbar-wp-magenta .bar-button-mildgreen-wp,
.toolbar-wp-magenta .bar-button-clear-wp-mildgreen,
.toolbar-wp-magenta .bar-button-wp-mildgreen {
  color: #69F0AE;
  background-color: transparent;
}

.toolbar-wp-magenta .bar-button-mildgreen-wp:hover:not(.disable-hover),
.toolbar-wp-magenta .bar-button-clear-wp-mildgreen:hover:not(.disable-hover),
.toolbar-wp-magenta .bar-button-wp-mildgreen:hover:not(.disable-hover) {
  color: #69F0AE;
}

.toolbar-wp-magenta .bar-button-outline-wp-mildgreen {
  border-color: #61dda0;
  color: #61dda0;
  background-color: transparent;
}

.toolbar-wp-magenta .bar-button-outline-wp-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-wp-magenta .bar-button-solid-wp-mildgreen {
  color: #fff;
  background-color: #69F0AE;
}

.toolbar-wp-magenta .bar-button-solid-wp-mildgreen.activated {
  color: #fff;
  background-color: #61dda0;
}

.toolbar-wp-magenta .bar-button-sidebar-wp,
.toolbar-wp-magenta .bar-button-clear-wp-sidebar,
.toolbar-wp-magenta .bar-button-wp-sidebar {
  color: #0000ffc0;
  background-color: transparent;
}

.toolbar-wp-magenta .bar-button-sidebar-wp:hover:not(.disable-hover),
.toolbar-wp-magenta .bar-button-clear-wp-sidebar:hover:not(.disable-hover),
.toolbar-wp-magenta .bar-button-wp-sidebar:hover:not(.disable-hover) {
  color: #0000ffc0;
}

.toolbar-wp-magenta .bar-button-outline-wp-sidebar {
  border-color: rgba(32, 32, 255, 0.772706);
  color: rgba(32, 32, 255, 0.772706);
  background-color: transparent;
}

.toolbar-wp-magenta .bar-button-outline-wp-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-wp-magenta .bar-button-solid-wp-sidebar {
  color: #fff;
  background-color: #0000ffc0;
}

.toolbar-wp-magenta .bar-button-solid-wp-sidebar.activated {
  color: #fff;
  background-color: rgba(32, 32, 255, 0.772706);
}

.toolbar-wp-magenta .bar-button-white-wp,
.toolbar-wp-magenta .bar-button-clear-wp-white,
.toolbar-wp-magenta .bar-button-wp-white {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-wp-magenta .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-magenta .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-magenta .bar-button-wp-white:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-wp-magenta .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-magenta .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-magenta .bar-button-solid-wp-white {
  color: #000;
  background-color: #ffffff;
}

.toolbar-wp-magenta .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-magenta .bar-button-magenta-wp,
.toolbar-wp-magenta .bar-button-clear-wp-magenta,
.toolbar-wp-magenta .bar-button-wp-magenta {
  color: #c404c4;
  background-color: transparent;
}

.toolbar-wp-magenta .bar-button-magenta-wp:hover:not(.disable-hover),
.toolbar-wp-magenta .bar-button-clear-wp-magenta:hover:not(.disable-hover),
.toolbar-wp-magenta .bar-button-wp-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.toolbar-wp-magenta .bar-button-outline-wp-magenta {
  border-color: #c918c9;
  color: #c918c9;
  background-color: transparent;
}

.toolbar-wp-magenta .bar-button-outline-wp-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.toolbar-wp-magenta .bar-button-solid-wp-magenta {
  color: #fff;
  background-color: #c404c4;
}

.toolbar-wp-magenta .bar-button-solid-wp-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-magenta-wp,
.bar-button-clear-wp-magenta,
.bar-button-wp-magenta {
  color: #c404c4;
  background-color: transparent;
}

.bar-button-magenta-wp:hover:not(.disable-hover),
.bar-button-clear-wp-magenta:hover:not(.disable-hover),
.bar-button-wp-magenta:hover:not(.disable-hover) {
  color: #c404c4;
}

.bar-button-outline-wp-magenta {
  border-color: #c918c9;
  color: #c918c9;
  background-color: transparent;
}

.bar-button-outline-wp-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-solid-wp-magenta {
  color: #fff;
  background-color: #c404c4;
}

.bar-button-solid-wp-magenta.activated {
  color: #fff;
  background-color: #c918c9;
}

.bar-button-strong-wp {
  font-weight: bold;
}

.text-ios-primary {
  color: #0099ff;
}

.text-ios-secondary {
  color: #36B37E;
}

.text-ios-danger {
  color: #FF5630;
}

.text-ios-light {
  color: #000;
}

.text-ios-dark {
  color: #172B4D;
}

.text-ios-snappink {
  color: #3687f0;
}

.text-ios-snapblue {
  color: #00d8ff;
}

.text-ios-snapyellow {
  color: #FFC107;
}

.text-ios-snapgreen {
  color: #4CAF50;
}

.text-ios-snapindigo {
  color: #3F51B5;
}

.text-ios-backgroundgrey {
  color: #EEEEEE;
}

.text-ios-whitecolor {
  color: #000;
}

.text-ios-grey {
  color: #828082;
}

.text-ios-blackcolor {
  color: #000;
}

.text-ios-mildred {
  color: #FF0266;
}

.text-ios-mildgreen {
  color: #69F0AE;
}

.text-ios-sidebar {
  color: #0000ffc0;
}

.text-ios-white {
  color: #ffffff;
}

.text-ios-magenta {
  color: #c404c4;
}

.text-md-primary {
  color: #0099ff;
}

.text-md-secondary {
  color: #36B37E;
}

.text-md-danger {
  color: #FF5630;
}

.text-md-light {
  color: #000;
}

.text-md-dark {
  color: #172B4D;
}

.text-md-snappink {
  color: #3687f0;
}

.text-md-snapblue {
  color: #00d8ff;
}

.text-md-snapyellow {
  color: #FFC107;
}

.text-md-snapgreen {
  color: #4CAF50;
}

.text-md-snapindigo {
  color: #3F51B5;
}

.text-md-backgroundgrey {
  color: #EEEEEE;
}

.text-md-whitecolor {
  color: #000;
}

.text-md-grey {
  color: #828082;
}

.text-md-blackcolor {
  color: #000;
}

.text-md-mildred {
  color: #FF0266;
}

.text-md-mildgreen {
  color: #69F0AE;
}

.text-md-sidebar {
  color: #0000ffc0;
}

.text-md-white {
  color: #ffffff;
}

.text-md-magenta {
  color: #c404c4;
}

.text-wp-primary {
  color: #0099ff;
}

.text-wp-secondary {
  color: #36B37E;
}

.text-wp-danger {
  color: #FF5630;
}

.text-wp-light {
  color: #000;
}

.text-wp-dark {
  color: #172B4D;
}

.text-wp-snappink {
  color: #3687f0;
}

.text-wp-snapblue {
  color: #00d8ff;
}

.text-wp-snapyellow {
  color: #FFC107;
}

.text-wp-snapgreen {
  color: #4CAF50;
}

.text-wp-snapindigo {
  color: #3F51B5;
}

.text-wp-backgroundgrey {
  color: #EEEEEE;
}

.text-wp-whitecolor {
  color: #000;
}

.text-wp-grey {
  color: #828082;
}

.text-wp-blackcolor {
  color: #000;
}

.text-wp-mildred {
  color: #FF0266;
}

.text-wp-mildgreen {
  color: #69F0AE;
}

.text-wp-sidebar {
  color: #0000ffc0;
}

.text-wp-white {
  color: #ffffff;
}

.text-wp-magenta {
  color: #c404c4;
}

.virtual-loading {
  opacity: 0;
}

.virtual-scroll {
  position: relative;
  contain: content;
}

.virtual-scroll .virtual-position,
.virtual-scroll .virtual-position.item {
  left: 0;
  top: 0;
  position: absolute;
  -webkit-transition-duration: 0ms;
  transition-duration: 0ms;
  contain: content;
}

.virtual-scroll .virtual-last {
  display: none;
}

.ios ion-nav > .ion-page > .toolbar.statusbar-padding:first-child,
.ios ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child,
.ios ion-tab > .ion-page > .toolbar.statusbar-padding:first-child,
.ios ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child,
.ios ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child,
.ios ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child,
.ios ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child {
  padding-top: calc(20px + 4px);
  padding-top: calc(constant(safe-area-inset-top) + 4px);
  padding-top: calc(env(safe-area-inset-top) + 4px);
  min-height: calc(44px + 20px);
  min-height: calc(44px + constant(safe-area-inset-top));
  min-height: calc(44px + env(safe-area-inset-top));
}

.ios ion-nav > .ion-page > ion-content.statusbar-padding:first-child .scroll-content,
.ios ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content,
.ios ion-tab > .ion-page > ion-content.statusbar-padding:first-child .scroll-content,
.ios ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content,
.ios ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child .scroll-content,
.ios ion-menu > .menu-inner > ion-content.statusbar-padding:first-child .scroll-content,
.ios ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child .scroll-content {
  padding-top: 20px;
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
}

.ios ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.ios ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.ios ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.ios ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.ios ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.ios ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.ios ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.ios ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.ios ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.ios ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.ios ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.ios ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.ios ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.ios ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content {
  padding-top: calc(16px + 20px);
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
}

.ios ion-nav > .ion-page > .toolbar.statusbar-padding:first-child ion-segment,
.ios ion-nav > .ion-page > .toolbar.statusbar-padding:first-child ion-title,
.ios ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-segment,
.ios ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-title,
.ios ion-tab > .ion-page > .toolbar.statusbar-padding:first-child ion-segment,
.ios ion-tab > .ion-page > .toolbar.statusbar-padding:first-child ion-title,
.ios ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-segment,
.ios ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-title,
.ios ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child ion-segment,
.ios ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child ion-title,
.ios ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child ion-segment,
.ios ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child ion-title,
.ios ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child ion-segment,
.ios ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child ion-title {
  padding-top: 20px;
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
  height: calc(44px + 20px);
  height: calc(44px + constant(safe-area-inset-top));
  height: calc(44px + env(safe-area-inset-top));
  min-height: calc(44px + 20px);
  min-height: calc(44px + constant(safe-area-inset-top));
  min-height: calc(44px + env(safe-area-inset-top));
}

@media only screen and (max-width: 767px) {
  .ios .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child {
    padding-top: calc(20px + 4px);
    padding-top: calc(constant(safe-area-inset-top) + 4px);
    padding-top: calc(env(safe-area-inset-top) + 4px);
    min-height: calc(44px + 20px);
    min-height: calc(44px + constant(safe-area-inset-top));
    min-height: calc(44px + env(safe-area-inset-top));
  }
  .ios .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content {
    padding-top: 20px;
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
  }
  .ios .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
  .ios .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content {
    padding-top: calc(16px + 20px);
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
  }
  .ios .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-segment,
  .ios .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-title {
    padding-top: 20px;
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
    height: calc(44px + 20px);
    height: calc(44px + constant(safe-area-inset-top));
    height: calc(44px + env(safe-area-inset-top));
    min-height: calc(44px + 20px);
    min-height: calc(44px + constant(safe-area-inset-top));
    min-height: calc(44px + env(safe-area-inset-top));
  }
}

.ios .tabs:not(.tabs-ios[tabsPlacement=top]) .tabbar {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

.ios ion-footer .toolbar:last-child {
  padding-bottom: calc(constant(safe-area-inset-bottom) + 4px);
  padding-bottom: calc(env(safe-area-inset-bottom) + 4px);
  min-height: calc(44px + constant(safe-area-inset-bottom));
  min-height: calc(44px + env(safe-area-inset-bottom));
}

.ios .tabs:not(.tabs-ios[tabsPlacement='top']) ion-footer .toolbar:last-child {
  padding-bottom: 4px;
  min-height: 44px;
}

.md ion-nav > .ion-page > .toolbar.statusbar-padding:first-child,
.md ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child,
.md ion-tab > .ion-page > .toolbar.statusbar-padding:first-child,
.md ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child,
.md ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child,
.md ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child,
.md ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child {
  padding-top: calc(20px + 4px);
  padding-top: calc(constant(safe-area-inset-top) + 4px);
  padding-top: calc(env(safe-area-inset-top) + 4px);
  min-height: calc(56px + 20px);
  min-height: calc(56px + constant(safe-area-inset-top));
  min-height: calc(56px + env(safe-area-inset-top));
}

.md ion-nav > .ion-page > ion-content.statusbar-padding:first-child .scroll-content,
.md ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content,
.md ion-tab > .ion-page > ion-content.statusbar-padding:first-child .scroll-content,
.md ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content,
.md ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child .scroll-content,
.md ion-menu > .menu-inner > ion-content.statusbar-padding:first-child .scroll-content,
.md ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child .scroll-content {
  padding-top: 20px;
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
}

.md ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.md ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.md ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.md ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.md ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.md ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.md ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.md ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.md ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.md ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.md ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.md ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.md ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.md ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content {
  padding-top: calc(16px + 20px);
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
}

@media only screen and (max-width: 767px) {
  .md .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child {
    padding-top: calc(20px + 4px);
    padding-top: calc(constant(safe-area-inset-top) + 4px);
    padding-top: calc(env(safe-area-inset-top) + 4px);
    min-height: calc(56px + 20px);
    min-height: calc(56px + constant(safe-area-inset-top));
    min-height: calc(56px + env(safe-area-inset-top));
  }
  .md .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content {
    padding-top: 20px;
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
  }
  .md .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
  .md .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content {
    padding-top: calc(16px + 20px);
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
  }
}

.md .tabs:not(.tabs-ios[tabsPlacement=top]) .tabbar {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

.md ion-footer .toolbar:last-child {
  padding-bottom: calc(constant(safe-area-inset-bottom) + 4px);
  padding-bottom: calc(env(safe-area-inset-bottom) + 4px);
  min-height: calc(56px + constant(safe-area-inset-bottom));
  min-height: calc(56px + env(safe-area-inset-bottom));
}

.md .tabs:not(.tabs-ios[tabsPlacement='top']) ion-footer .toolbar:last-child {
  padding-bottom: 4px;
  min-height: 56px;
}

.wp ion-nav > .ion-page > .toolbar.statusbar-padding:first-child,
.wp ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child,
.wp ion-tab > .ion-page > .toolbar.statusbar-padding:first-child,
.wp ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child,
.wp ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child,
.wp ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child,
.wp ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child {
  padding-top: calc(20px + 4px);
  padding-top: calc(constant(safe-area-inset-top) + 4px);
  padding-top: calc(env(safe-area-inset-top) + 4px);
  min-height: calc(46px + 20px);
  min-height: calc(46px + constant(safe-area-inset-top));
  min-height: calc(46px + env(safe-area-inset-top));
}

.wp ion-nav > .ion-page > ion-content.statusbar-padding:first-child .scroll-content,
.wp ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content,
.wp ion-tab > .ion-page > ion-content.statusbar-padding:first-child .scroll-content,
.wp ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content,
.wp ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child .scroll-content,
.wp ion-menu > .menu-inner > ion-content.statusbar-padding:first-child .scroll-content,
.wp ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child .scroll-content {
  padding-top: 20px;
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
}

.wp ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.wp ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.wp ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.wp ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.wp ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.wp ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.wp ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.wp ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.wp ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.wp ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.wp ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.wp ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.wp ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.wp ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content {
  padding-top: calc(16px + 20px);
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
}

@media only screen and (max-width: 767px) {
  .wp .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child {
    padding-top: calc(20px + 4px);
    padding-top: calc(constant(safe-area-inset-top) + 4px);
    padding-top: calc(env(safe-area-inset-top) + 4px);
    min-height: calc(46px + 20px);
    min-height: calc(46px + constant(safe-area-inset-top));
    min-height: calc(46px + env(safe-area-inset-top));
  }
  .wp .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content {
    padding-top: 20px;
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
  }
  .wp .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
  .wp .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content {
    padding-top: calc(16px + 20px);
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
  }
}

.wp .tabs:not(.tabs-ios[tabsPlacement=top]) .tabbar {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

.wp ion-footer .toolbar:last-child {
  padding-bottom: calc(constant(safe-area-inset-bottom) + 4px);
  padding-bottom: calc(env(safe-area-inset-bottom) + 4px);
  min-height: calc(46px + constant(safe-area-inset-bottom));
  min-height: calc(46px + env(safe-area-inset-bottom));
}

.wp .tabs:not(.tabs-ios[tabsPlacement='top']) ion-footer .toolbar:last-child {
  padding-bottom: 4px;
  min-height: 46px;
}

ion-stepper .ionic-stepper-horizontal-container,
ion-stepper .ionic-stepper-vertical-container {
  display: block;
}

ion-stepper .ionic-stepper-horizontal-header-container {
  white-space: nowrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

ion-stepper .ionic-stepper-vertical-content-container {
  margin-left: 36px;
  position: relative;
}

ion-stepper .ionic-stepper-vertical-content {
  overflow: hidden;
}

ion-stepper .ionic-vertical-content {
  padding: 0 24px 24px 24px;
}

ion-stepper .ionic-stepper-vertical-line::before {
  content: '';
  position: absolute;
  top: -16px;
  bottom: -16px;
  left: 0;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #e0e0e0;
}

ion-stepper .ionic-stepper-horizontal-line {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #e0e0e0;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  height: 0;
  margin: 0 -16px;
  min-width: 10px;
}

ion-step-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 72px;
  overflow: hidden;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 24px;
}

ion-step-header .ionic-step-header-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 8px;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  width: 24px;
  height: 24px;
  border-radius: 12px;
  background-color: rgba(0, 0, 0, 0.38);
  color: #fff;
  -webkit-transition: background-color 225ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: background-color 225ms cubic-bezier(0.4, 0, 0.2, 1);
}

ion-step-header .ionic-step-header-icon-error {
  background-color: rgba(244, 67, 54, 0.38);
}

ion-step-header .ionic-step-header-icon-active {
  background-color: #4185f4;
}

ion-step-header .ionic-step-header-icon-active.ionic-step-header-icon-error {
  background-color: #f44336;
}

ion-step-header .ionic-step-header-text-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden;
  outline: 0;
  cursor: pointer;
  position: relative;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

ion-step-header .ionic-step-header-text-container.mt {
  margin-top: 14px;
}

ion-step-header .ionic-step-header-label {
  display: inline-block;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.38);
  min-width: 50px;
  vertical-align: middle;
  width: 100%;
  -webkit-transition: color 225ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: color 225ms cubic-bezier(0.4, 0, 0.2, 1);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

ion-step-header .ionic-step-header-label-error {
  color: rgba(244, 67, 54, 0.38);
}

ion-step-header .ionic-step-header-label-active {
  color: rgba(0, 0, 0, 0.87);
}

ion-step-header .ionic-step-header-label-active.ionic-step-header-label-error {
  color: #f44336;
}

ion-step-header .ionic-step-header-description {
  display: inline-block;
  color: rgba(0, 0, 0, 0.38);
  min-width: 50px;
  vertical-align: middle;
  width: 100%;
  font-size: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

ion-step-header .ionic-step-header-description-error {
  color: rgba(244, 67, 54, 0.38);
}

/* ANIMATION */
/* SHADOWS */
/*
 *
 *   MaterialWrap - Bootstrap + Material Design Admin Theme

 
*/
/*
 * CSS Transform - Scale and Rotate
 */
.letter-sp-1 {
  letter-spacing: 1px;
}

.letter-sp-2 {
  letter-spacing: 2px;
}

.letter-sp-3 {
  letter-spacing: 3px;
}

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

.m-5 {
  margin: 5px !important;
}

.m-10 {
  margin: 10px !important;
}

.m-15 {
  margin: 15px !important;
}

.m-20 {
  margin: 20px !important;
}

.m-30 {
  margin: 30px !important;
}

.m-50 {
  margin: 50px !important;
}

.m-b-100 {
  margin-bottom: 100px !important;
}

.m-b-15 {
  margin-bottom: 15px !important;
}

.m-b-20 {
  margin-bottom: 20px !important;
}

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

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

.m-l-5 {
  margin-left: 5px !important;
}

.m-l-10 {
  margin-left: 10px !important;
}

.m-l-15 {
  margin-left: 15px !important;
}

.m-l-20 {
  margin-left: 20px !important;
}

.m-l-30 {
  margin-left: 30px !important;
}

.m-l-40 {
  margin-left: 40px !important;
}

.m-l-50 {
  margin-left: 50px !important;
}

.m-l-n-1 {
  margin-left: -1px !important;
}

.m-l-n-5 {
  margin-left: -5px !important;
}

.m-l-n-10 {
  margin-left: -10px !important;
}

.m-l-n-15 {
  margin-left: -15px !important;
}

.m-l-n-20 {
  margin-left: -20px !important;
}

.m-l-n-30 {
  margin-left: -30px !important;
}

.m-l-n-40 {
  margin-left: -40px !important;
}

.m-l-n-50 {
  margin-left: -50px !important;
}

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

.m-t-1 {
  margin-top: 1px !important;
}

.m-t-2 {
  margin-top: 2px;
}

.m-t-2p {
  margin-top: 2% !important;
}

.m-t-5p {
  margin-top: 5% !important;
}

.m-t-25p {
  margin-top: 25% !important;
}

.m-t-30p {
  margin-top: 30% !important;
}

.m-t-4 {
  margin-top: 4px !important;
}

.m-t-5 {
  margin-top: 5px !important;
}

.m-t-5p {
  margin-top: 5% !important;
}

.m-t-10 {
  margin-top: 10px !important;
}

.m-t-15 {
  margin-top: 15px !important;
}

.m-t-20 {
  margin-top: 20px !important;
}

.m-t-30 {
  margin-top: 30px !important;
}

.m-t-40 {
  margin-top: 40px !important;
}

.m-t-50 {
  margin-top: 50px !important;
}

.m-t-75 {
  margin-top: 75px !important;
}

.m-t-100 {
  margin-top: 100px !important;
}

.m-t-120 {
  margin-top: 120px !important;
}

.m-t-140 {
  margin-top: 140px !important;
}

.m-t-n-1 {
  margin-top: -1px !important;
}

.m-t-n-5 {
  margin-top: -5px !important;
}

.m-t-n-10 {
  margin-top: -10px !important;
}

.m-t-n-15 {
  margin-top: -15px !important;
}

.m-t-n-20 {
  margin-top: -20px !important;
}

.m-t-n-30 {
  margin-top: -30px !important;
}

.m-t-n-40 {
  margin-top: -40px !important;
}

.m-t-n-50 {
  margin-top: -50px !important;
}

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

.m-r-1 {
  margin-right: 1px !important;
}

.m-r-5 {
  margin-right: 5px !important;
}

.m-r-10 {
  margin-right: 10px !important;
}

.m-r-15 {
  margin-right: 15px !important;
}

.m-r-20 {
  margin-right: 20px !important;
}

.m-r-30 {
  margin-right: 30px !important;
}

.m-r-40 {
  margin-right: 40px !important;
}

.m-r-50 {
  margin-right: 50px !important;
}

.m-r-n-1 {
  margin-right: -1px !important;
}

.m-r-n-5 {
  margin-right: -5px !important;
}

.m-r-n-10 {
  margin-right: -10px !important;
}

.m-r-n-15 {
  margin-right: -15px !important;
}

.m-r-n-20 {
  margin-right: -20px !important;
}

.m-r-n-30 {
  margin-right: -30px !important;
}

.m-r-n-40 {
  margin-right: -40px !important;
}

.m-r-n-50 {
  margin-right: -50px !important;
}

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

.m-b-1 {
  margin-bottom: 1px !important;
}

.m-b-4 {
  margin-bottom: 4px !important;
}

.m-b-5 {
  margin-bottom: 5px !important;
}

.m-b-10 {
  margin-bottom: 10px !important;
}

.m-b-15 {
  margin-bottom: 15px !important;
}

.m-b-20 {
  margin-bottom: 20px !important;
}

.m-b-30 {
  margin-bottom: 30px !important;
}

.m-b-40 {
  margin-bottom: 40px !important;
}

.m-b-50 {
  margin-bottom: 50px !important;
}

.m-b-n-1 {
  margin-bottom: -1px !important;
}

.m-b-n-5 {
  margin-bottom: -5px !important;
}

.m-b-n-10 {
  margin-bottom: -10px !important;
}

.m-b-n-15 {
  margin-bottom: -15px !important;
}

.m-b-n-20 {
  margin-bottom: -20px !important;
}

.m-b-n-30 {
  margin-bottom: -30px !important;
}

.m-b-n-40 {
  margin-bottom: -40px !important;
}

.m-b-n-50 {
  margin-bottom: -50px !important;
}

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

.p-5 {
  padding: 5px !important;
}

.p-10 {
  padding: 10px !important;
}

.p-15 {
  padding: 15px !important;
}

.p-20 {
  padding: 20px !important;
}

.p-25 {
  padding: 25px !important;
}

.p-30 {
  padding: 30px !important;
}

.p-40 {
  padding: 40px !important;
}

.p-50 {
  padding: 50px !important;
}

.p-75 {
  padding: 75px !important;
}

.p-100 {
  padding: 100px !important;
}

.p-lr {
  padding: 0px 4% 0px 4%;
}

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

.p-l-5 {
  padding-left: 5px !important;
}

.p-l-10 {
  padding-left: 10px !important;
}

.p-l-12 {
  padding-left: 12px !important;
}

.p-l-15 {
  padding-left: 15px !important;
}

.p-l-16 {
  padding-left: 16px !important;
}

.p-l-20 {
  padding-left: 20px !important;
}

.p-l-25 {
  padding-left: 25px !important;
}

.p-l-30 {
  padding-left: 30px !important;
}

.p-l-40 {
  padding-left: 40px !important;
}

.p-l-50 {
  padding-left: 50px !important;
}

.p-l-75 {
  padding-left: 75px !important;
}

.p-l-100 {
  padding-left: 100px !important;
}

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

.p-r-5 {
  padding-right: 5px !important;
}

.p-r-10 {
  padding-right: 10px !important;
}

.p-r-12 {
  padding-right: 12px !important;
}

.p-r-15 {
  padding-right: 15px !important;
}

.p-r-20 {
  padding-right: 20px !important;
}

.p-r-25 {
  padding-right: 25px !important;
}

.p-r-30 {
  padding-right: 30px !important;
}

.p-r-40 {
  padding-right: 40px !important;
}

.p-r-50 {
  padding-right: 50px !important;
}

.p-r-75 {
  padding-right: 75px !important;
}

.p-r-100 {
  padding-right: 100px !important;
}

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

.p-b-5 {
  padding-bottom: 5px !important;
}

.p-b-10 {
  padding-bottom: 10px !important;
}

.p-b-15 {
  padding-bottom: 15px !important;
}

.p-b-16 {
  padding-bottom: 16px !important;
}

.p-b-20 {
  padding-bottom: 20px !important;
}

.p-b-25 {
  padding-bottom: 25px !important;
}

.p-b-30 {
  padding-bottom: 30px !important;
}

.p-b-40 {
  padding-bottom: 40px !important;
}

.p-b-50 {
  padding-bottom: 50px !important;
}

.p-b-60 {
  padding-bottom: 60px !important;
}

.p-b-70 {
  padding-bottom: 70px !important;
}

.p-b-80 {
  padding-bottom: 80px !important;
}

.p-b-90 {
  padding-bottom: 90px !important;
}

.p-b-100 {
  padding-bottom: 100px !important;
}

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

.p-t-5 {
  padding-top: 5px !important;
}

.p-t-7 {
  padding-top: 7px !important;
}

.p-t-10 {
  padding-top: 10px !important;
}

.p-t-15 {
  padding-top: 15px !important;
}

.p-t-16 {
  padding-top: 16px !important;
}

.p-t-20 {
  padding-top: 20px !important;
}

.p-t-25 {
  padding-top: 25px !important;
}

.p-t-30 {
  padding-top: 30px !important;
}

.p-t-40 {
  padding-top: 40px !important;
}

.p-t-50 {
  padding-top: 50px !important;
}

.p-t-75 {
  padding-top: 75px !important;
}

.p-t-100 {
  padding-top: 100px !important;
}

.p-t-120 {
  padding-top: 120px !important;
}

.p-t-130 {
  padding-top: 130px !important;
}

.p-t-140 {
  padding-top: 140px !important;
}

.p-t-150 {
  padding-top: 150px !important;
}

.block {
  display: block !important;
}

.img-xs {
  width: 30px;
  height: 30px;
}

.img-sm {
  width: 35px;
  height: 35px;
}

.img-md {
  width: 55px;
  height: 55px;
}

.img-lg {
  width: 100px;
  height: 100px;
}

.min-w-800 {
  min-width: 800px !important;
}

.min-w-1000 {
  min-width: 1000px !important;
}

.min-w-1100 {
  min-width: 1100px !important;
}

.max-w-20 {
  max-width: 20px !important;
}

.max-w-30 {
  max-width: 30px !important;
}

.max-w-32 {
  max-width: 35px !important;
}

.max-w-35 {
  max-width: 35px !important;
}

.max-w-40 {
  max-width: 40px !important;
}

.max-w-50 {
  max-width: 50px !important;
}

.max-w-75 {
  max-width: 75px !important;
}

.max-w-100 {
  max-width: 100px !important;
}

.max-w-150 {
  max-width: 150px !important;
}

.max-w-200 {
  max-width: 200px !important;
}

.max-w-300 {
  max-width: 300px !important;
}

.max-w-400 {
  max-width: 400px !important;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-auto {
  overflow: auto;
}

.max-h-50 {
  max-height: 50px !important;
}

.max-h-80 {
  max-height: 80px !important;
}

.max-h-100 {
  max-height: 100px !important;
}

.max-h-150 {
  max-height: 150px !important;
}

.max-h-200 {
  max-height: 200px !important;
}

.max-h-250 {
  max-height: 250px !important;
}

.max-h-300 {
  max-height: 300px !important;
}

.max-h-350 {
  max-height: 300px !important;
}

.max-h-375 {
  max-height: 300px !important;
}

.max-h-400 {
  max-height: 400px !important;
}

.max-h-450 {
  max-height: 450px !important;
}

.max-h-500 {
  max-height: 500px !important;
}

.max-h-600 {
  max-height: 600px !important;
}

.max-h-650 {
  max-height: 650px !important;
}

.max-h-700 {
  max-height: 700px !important;
}

.max-h-800 {
  max-height: 800px !important;
}

.max-h-900 {
  max-height: 900px !important;
}

.max-h-1000 {
  max-height: 1000px !important;
}

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

.min-h-50 {
  min-height: 50px !important;
}

.min-h-100 {
  min-height: 100px !important;
}

.min-h-200 {
  min-height: 200px !important;
}

.min-h-250 {
  min-height: 250px !important;
}

.min-h-300 {
  min-height: 300px !important;
}

.min-h-350 {
  min-height: 300px !important;
}

.min-h-375 {
  min-height: 300px !important;
}

.min-h-400 {
  min-height: 400px !important;
}

.min-h-450 {
  min-height: 450px !important;
}

.min-h-500 {
  min-height: 500px !important;
}

.min-h-600 {
  min-height: 600px !important;
}

.min-h-650 {
  min-height: 650px !important;
}

.min-h-700 {
  min-height: 700px !important;
}

.min-h-800 {
  min-height: 800px !important;
}

.min-h-900 {
  min-height: 900px !important;
}

.min-h-1000 {
  min-height: 1000px !important;
}

.h-5 {
  height: 5px !important;
}

.h-10 {
  height: 10px !important;
}

.h-20 {
  height: 20px !important;
}

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

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

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

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

.h-125 {
  height: 125px !important;
}

.h-150 {
  height: 150px !important;
}

.h-200 {
  height: 200px !important;
}

.h-300 {
  height: 300px !important;
}

.h-350 {
  height: 350px !important;
}

.h-400 {
  height: 400px !important;
}

.h-450 {
  height: 450px !important;
}

.h-500 {
  height: 500px !important;
}

.h-600 {
  height: 600px !important;
}

.h-650 {
  height: 650px !important;
}

.h-700 {
  height: 700px !important;
}

.h-800 {
  height: 800px !important;
}

.h-900 {
  height: 900px !important;
}

.h-1000 {
  height: 1000px !important;
}

.w-5 {
  width: 5px !important;
}

.w-10 {
  width: 10px !important;
}

.w-15 {
  width: 15px !important;
}

.w-20 {
  width: 20px !important;
}

.w-30 {
  width: 30px !important;
}

.w-40 {
  width: 40px !important;
}

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

.w-60 {
  width: 60px !important;
}

.w-80 {
  width: 80px !important;
}

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

.w-150 {
  width: 150px !important;
}

.w-190 {
  width: 190px !important;
}

.w-200 {
  width: 200px !important;
}

.w-250 {
  width: 250px !important;
}

.w-300 {
  width: 300px !important;
}

.w-600 {
  width: 600px !important;
}

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

.w-95p {
  width: 95% !important;
}

.w-90p {
  width: 90% !important;
}

.w-80p {
  width: 80% !important;
}

.w-70p {
  width: 70% !important;
}

.w-60p {
  width: 60% !important;
}

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

.w-45p {
  width: 45% !important;
}

.w-40p {
  width: 40% !important;
}

.w-30p {
  width: 30% !important;
}

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

.w-20p {
  width: 20% !important;
}

.w-15p {
  width: 15% !important;
}

.w-10p {
  width: 10% !important;
}

.w-8p {
  width: 8% !important;
}

.w-5p {
  width: 5% !important;
}

.w-3p {
  width: 3% !important;
}

.w-95p {
  width: 95% !important;
}

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

.h-80p {
  height: 80% !important;
}

.absolute {
  position: absolute !important;
}

.relative {
  position: relative !important;
}

.block {
  display: block !important;
}

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

.list-block li {
  display: block !important;
}

.list-inline li {
  display: inline !important;
}

.clear-both {
  clear: both !important;
}

.line-height-normal {
  line-height: normal !important;
}

.line-height-8 {
  line-height: 8px !important;
}

.line-height-14 {
  line-height: 14px !important;
}

.line-height-12 {
  line-height: normal !important;
}

ul.style-none {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.style-none li {
  font-size: 0.875rem;
  padding: 3px 0;
}

ul.style-none li ul {
  list-style: none;
}

ul.vertical-icon-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.vertical-icon-list li {
  font-size: 0.875rem;
  padding: 6px 0;
}

ul.vertical-icon-list li i {
  font-size: 1.25rem;
  padding-right: 15px;
  vertical-align: middle;
}

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

.bg-green {
  background: #28bebd !important;
}

.bg-blue {
  background: #42a5f5 !important;
}

.bg-lightBlue {
  background: #2ebaee !important;
}

.bg-red {
  background: #ef5350 !important;
}

.bg-yellow {
  background: #f8c200 !important;
}

.bg-paleYellow {
  background: #fddd7e !important;
}

.bg-lightGray {
  background: #e3ecf7 !important;
}

.bg-gray {
  background: #8f9eb5 !important;
}

.bg-drakGray {
  background: #707c94 !important;
}

.bg-grayBlue {
  background: #59779b !important;
}

.bg-purple {
  background: #6b79c4 !important;
}

.bg-turquoise {
  background: #00c5dc !important;
}

.bg-peach {
  background: #feb38d !important;
}

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

.text-primary {
  color: #172B4D !important;
}

.text-link {
  color: #0645ad !important;
}

.text-green {
  color: #28bebd !important;
}

.text-turquoise {
  color: #00c5dc !important;
}

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

.text-cyan {
  color: #26c6da !important;
}

.text-yellow {
  color: #f8c200 !important;
}

.text-gray {
  color: #8f9eb5 !important;
}

.text-blue {
  color: #42a5f5 !important;
}

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

.text-purple {
  color: #6b79c4 !important;
}

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

.text-brown {
  color: #906b6b !important;
}

.text-salmon {
  color: #ee6e73 !important;
}

.text-muted {
  color: #8396b0;
}

.color-black {
  color: #000 !important;
}

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

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

.transparent {
  background: transparent !important;
}

.bg-primary {
  background-color: #172B4D !important;
}

.border-bottom,
.border-grey-bottom-1px {
  border-bottom: 1px solid rgba(215, 225, 237, 0.8) !important;
}

.border-grey-top-1px,
.border-top {
  border-top: 1px solid rgba(215, 225, 237, 0.6) !important;
}

.border-bottom-black-2px {
  border-bottom: 2px solid black;
}

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

.b-n {
  border: none !important;
}

.b-b-1 {
  border: 1px solid black;
}

.b-lg-1 {
  border: 1px solid lightgrey;
}

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

.shadow-z-0 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

.shadow-z-1 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

.shadow-z-1:hover {
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.shadow-z-2 {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.shadow-z-3 {
  -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

.shadow-z-4 {
  -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}

.shadow-z-5 {
  -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}

.big-shadow {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.font-weight-light {
  font-weight: 100 !important;
}

.font-weight-normal {
  font-weight: 300 !important;
}

.font-weight-medium {
  font-weight: 400 !important;
}

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

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

.font-size-0 {
  font-size: 0 !important;
}

.font-size-10 {
  font-size: 10px !important;
}

.font-size-11 {
  font-size: 11px !important;
}

.font-size-12 {
  font-size: 12px !important;
}

.font-size-14 {
  font-size: 14px !important;
}

.font-size-16 {
  font-size: 16px !important;
}

.font-size-18 {
  font-size: 18px !important;
}

.font-size-20 {
  font-size: 20px !important;
}

.font-size-24 {
  font-size: 24px !important;
}

.font-size-26 {
  font-size: 26px !important;
}

.font-size-30 {
  font-size: 30px !important;
}

.font-size-35 {
  font-size: 35px !important;
}

.font-size-38 {
  font-size: 38px !important;
}

.font-size-40 {
  font-size: 40px !important;
}

.font-size-50 {
  font-size: 50px !important;
}

.font-size-60 {
  font-size: 60px !important;
}

.font-size-70 {
  font-size: 70px !important;
}

.font-size-80 {
  font-size: 80px !important;
}

.hidden {
  display: none !important;
}

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

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

.float-l {
  float: left !important;
}

.align-c {
  display: block;
  margin: 0 auto;
}

.align-b {
  display: block;
}

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

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.align-v-c {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.align-v-c1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.align-v-c2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.align-v-c3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.align-v-c4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.align-flex-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.align-right-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.align-start-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media (max-width: 576px) {
  .d-xs-none {
    display: none !important;
  }
  .d-xs-inline {
    display: inline !important;
  }
  .d-xs-inline-block {
    display: inline-block !important;
  }
  .d-xs-block {
    display: block !important;
  }
  .d-xs-table {
    display: table !important;
  }
  .d-xs-table-cell {
    display: table-cell !important;
  }
  .d-xs-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
  }
  .d-xs-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important;
  }
}

.b-r-gd {
  border-radius: 10px !important;
}

.b-r-10 {
  border-radius: 10px !important;
}

.b-r-5 {
  border-radius: 5px;
}

.d-fl-ov-x {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  overflow-x: auto !important;
}

.align-base {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.d-fl-bl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.d-fl-vhcenter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.d-fl-b2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
}

.d-fl-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.d-fl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.d-fl-sb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.d-fl-saround {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.d-fl-ac {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-capital {
  text-transform: capitalize !important;
}

.text-upper {
  text-transform: uppercase !important;
}

.m-a {
  margin: auto !important;
}

.m-l-a {
  margin-left: auto !important;
}

.m-r-a {
  margin-right: auto !important;
}

.italic {
  font-style: italic;
}

.pointer {
  cursor: pointer;
}

.ws-in {
  white-space: inherit;
}

.opacity-1 {
  opacity: 1;
}

.in-valid-checkbox {
  border: 1px solid #ff0000 !important;
  padding: 5px !important;
  margin-bottom: 10px;
  border-radius: 5px;
}

page-corp-dashboard .mycustomdrop:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
  top: -15px;
  position: absolute;
  right: 15%;
}

h1 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1.6875rem !important;
  line-height: 64px;
  letter-spacing: -0.4px;
}

h2 {
  font-family: "Poppins", sans-serif;
  font-size: 24px !important;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
}

h3,
.h3 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 22px !important;
  line-height: 48px;
  /* identical to box height, or 200% */
  /* Neutral / dark gray */
  color: #000000;
}

h4,
.menu-heading-h4 {
  font-family: "Poppins", sans-serif !important;
  font-style: normal;
  font-weight: normal;
  font-size: 15px !important;
  line-height: 26px;
  /* or 144% */
  letter-spacing: -0.2px;
  color: #000000;
}

h5 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  /* or 143% */
  color: #000000;
}

.subtitle {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  /* or 200% */
  letter-spacing: 2.5px;
  color: #4E5761;
}

p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 13px !important;
  line-height: 24px;
  /* identical to box height, or 171% */
  letter-spacing: -0.1px;
  /* Neutral / black */
  color: #000000;
}

.ui-tabview.ui-tabview-top > .ui-tabview-nav {
  padding: 0.2em 0.2em 0;
  border-bottom: 1px solid #eaeaea;
}

.scroll-content {
  padding: 0 !important;
}

ion-navbar {
  margin: 0;
  border-radius: 0px;
  height: 50px !important;
  color: #172B4D !important;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

ion-header {
  padding: 0;
}

.header-md::after {
  background-image: none;
}

.toolbar-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #172B4D !important;
  line-height: 24px;
  font-family: "Poppins", sans-serif;
  font-size: 2rem !important;
  font-weight: bold !important;
  text-align: left !important;
}

.userLabel {
  float: right;
  display: inline;
  letter-spacing: 1px;
  color: #172B4D !important !important;
}

.card-title {
  font-size: 16px !important;
  color: #000000;
  font-weight: bold !important;
  text-align: center !important;
}

.barcolor {
  background: #5a75a3;
  color: #ffffff;
}

p-sorticon {
  color: black;
}

p-sorticon a {
  color: black !important;
}

.globalTable {
  border: none;
  border: 1px solid #c1c1c1;
}

.globalTable .ui-table-caption {
  border-bottom: 1px solid #dadada !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  font-size: 18px !important;
  background: #ecececad !important;
}

.globalTable .table-header input {
  font-size: 15px !important;
  border-style: groove;
  width: 100% !important;
  padding-left: 10px;
  border-radius: 10px;
  border-color: #f3f3f3;
  font-weight: 500;
  line-height: 25px !important;
}

.globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

.globalTable .table-header .align input {
  width: 80%;
  line-height: 25px;
}

.globalTable .ui-table-tbody tr:nth-child(2n+1) {
  background: white;
}

.globalTable .ui-table-tbody tr:nth-child(2n) {
  background: #f3f3f3;
}

.globalTable .ui-table-tbody tr:hover {
  background: #c1c1c167 !important;
}

.globalTable .ui-table-tbody .activeRow {
  background: #c4d2e5 !important;
}

.globalTable th input {
  text-align: center !important;
  width: 90% !important;
  font-weight: 400 !important;
}

.globalTable .ui-table .ui-sortable-column.ui-state-highlight {
  color: black !important;
}

.globalTable .ui-table .ui-table-thead tr th {
  background: #eeeeee9e;
  border: none;
  padding: 10px 0;
  width: 100%;
  text-align: center;
}

.globalTable .ui-table .ui-table-tbody tr td {
  border: none;
  background: inherit;
  padding: 20px 0;
  text-align: center;
}

.globalTable .ui-table .ui-table-tbody tr {
  border-bottom: 1px solid #cacaca;
}

.globalTable .p-column-filter {
  border-radius: 4px;
  border: 1px solid gray;
}

.globalTable .badge-badge.status-Active {
  padding: 5px 20px;
  color: #226f4e;
  background-color: #9decbe;
  font-weight: 500;
  font-size: 12px;
}

.globalTable .badge-badge.status-Inactive {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

.globalTable .badge-badge.status-Suspended {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

.globalTable .badge-badge.status-Waiting {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

.globalTable .badge-badge.status-Pending {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

.globalTable .actionIcon {
  padding: 0 3px;
  font-size: 16px;
  cursor: pointer;
}

ion-icon {
  cursor: pointer;
}

.button-md-reset {
  background-color: #ffffff;
  color: black !important;
  border: 1px solid #e3ecf7;
}

.button-md-reset:hover {
  background-color: #ececec !important;
}

.reset:hover {
  background-color: #ececec !important;
}

.button-md-primary {
  background-color: #172B4D !important;
  color: #ffffff !important;
}

ion-button {
  background-color: #172B4D !important;
  color: #ffffff;
}

.my-custom-class .alert-button-group button:first-child {
  position: relative;
}

.my-custom-class .alert-button-group button {
  font-weight: bold;
}

.my-custom-class .alert-radio-group {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100% !important;
}

.my-custom-class button {
  text-align: center;
}

.alert-button-group button:first-child {
  position: relative !important;
  min-width: 0 !important;
}

.alert-md .alert-wrapper {
  max-width: 320px !important;
}

.alert-md .alert-message {
  font-size: 16px !important;
}

.alert-button {
  font-size: 15px !important;
}

.alert-md .alert-sub-title {
  font-size: 16px !important;
}

.alert-md .alert-title {
  font-size: 22px !important;
}

.breakclass {
  white-space: pre-line;
}

.error {
  color: red;
  float: left;
}

.topStrip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}

.infographic1 {
  border: none;
  color: #367ad2;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

.infographic1 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

.infographic1 ion-icon {
  color: black;
}

.infographic2 {
  border: none;
  color: #50d29b;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

.infographic2 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

.infographic2 ion-icon {
  color: black;
}

.infographic3 {
  border: none;
  color: #ffaa00;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

.infographic3 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

.infographic3 ion-icon {
  color: black;
}

.infographic4 {
  border: none;
  color: #f36363;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

.infographic4 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

.infographic4 ion-icon {
  color: black;
}

.infographic5 {
  border: none;
  color: #41acbf;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

.infographic5 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

.infographic5 ion-icon {
  color: black;
}

.infograph1 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #367ad2;
  font-size: 20px;
}

.infograph2 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #51b98d;
  font-size: 20px;
}

.infograph3 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #ffaa00;
  font-size: 20px;
}

.infograph4 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #dc5b54;
  font-size: 20px;
}

.infograph5 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #41acbf;
  font-size: 20px;
}

.infographtext {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 12px;
}

.successToast .toast-message {
  background-color: #d2f8d2 !important;
  color: black;
}

.errorToast .toast-message {
  background-color: #eea9a0 !important;
  color: black;
}

.actionIconsBar {
  padding-right: 20px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.ui-carousel .ui-carousel-header {
  display: none !important;
}

.userfab .fab-close-active .fab-close-icon {
  height: 40px !important;
  position: relative !important;
}

textarea.text-input {
  resize: none !important;
}

.asterisk {
  color: red;
  padding-left: 3px;
}

.m-b-t {
  margin-bottom: 4% !important;
}

.ui-radiobutton-box.ui-state-active {
  border: 1px solid #09f;
  background: #09f;
  color: #09f;
}

.alert-md .alert-message {
  overflow: auto;
}

.alert-md .alert-message .alertstyle1 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

.alert-md .alert-message .alertstyle1 b {
  width: 65px !important;
}

.alert-md .alert-message .alertstyle3 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.alert-md .alert-message .alertstyle3 b {
  width: 65px !important;
}

.alert-md .alert-message .alertstyle4 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.alert-md .alert-message .alertstyle4 b {
  width: 150px !important;
}

.alert-md .alert-message .alertstyle5 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

.alert-md .alert-message .alertstyle5 b {
  width: 75px !important;
}

.alert-md .alert-message .alertstyle5 span {
  width: 5px;
}

.alert-md .alert-message .alertstyle2 {
  text-align: left !important;
}

.alert-md .alert-message .alertstyle2 li {
  margin-top: 10px;
}

.ui-tooltip {
  background-color: #172B4D !important;
  color: #ffffff;
}

.navsebexam .toolbar-content-md {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
}

.modal-wrapper {
  height: 75%;
  top: 10%;
  position: absolute;
  display: block;
  border-radius: 10px !important;
}

.ui-picklist-source-controls.ui-picklist-buttons {
  display: none !important;
}

.ui-picklist-target-controls.ui-picklist-buttons {
  display: none !important;
}

.ui-picklist-target-controls.ui-picklist-buttons.ng-star-inserted {
  display: none !important;
}

.ellip {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.p-slider {
  background: #dee2e6;
  border: 0 none;
  border-radius: 3px;
}

.Errorbox .alert-title {
  color: #d8000c;
}

.Errorbox .alert-button {
  color: #d8000c;
}

.card-md {
  border-radius: 5px !important;
}

/* The Modal (background) */
.modal {
  display: none;
  /* Hidden by default */
  position: -webkit-sticky;
  position: sticky;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 30px;
  /* Location of the box */
  left: 0;
  right: 0;
  bottom: 150px;
  width: 400px;
  height: 400px;
  margin: auto;
  border: 4px solid;
  background-color: black;
}

/* Modal Content (image) */
.modal-content {
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
}

/* The Close Button */
.close {
  position: absolute;
  color: #f1f1f1;
  top: 0px;
  right: 10px;
  font-size: 28px;
  font-weight: bold;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

.customhr {
  width: 90%;
  background-color: #ccc;
}

.mycustomtoolbar ion-segment {
  border: none;
}

.mycustomtoolbar ion-segment-button {
  font-size: 16px !important;
  font-weight: 500 !important;
}

.mycustomtoolbar .segment-md .segment-button.activated,
.mycustomtoolbar .segment-md .segment-button.segment-activated {
  border-color: #172B4D !important;
  color: #172B4D !important;
}

.mycustomtoolbar .toolbar-background {
  background: transparent;
}

/*!
 * FullCalendar v3.2.0 Stylesheet
 * Docs & License: https://fullcalendar.io/
 * (c) 2017 Adam Shaw
 */
.fc {
  direction: ltr;
  text-align: left;
}

.fc-rtl {
  text-align: right;
}

body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}

/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-list-heading td {
  border-color: #ddd;
}

.fc-unthemed .fc-popover {
  background-color: #fff;
}

.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header,
.fc-unthemed .fc-list-heading td {
  background: #eee;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}

.fc-unthemed td.fc-today {
  background: #fcf8e3;
}

.fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3;
}

.fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3;
}

.fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}

/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
.fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
.fc-icon:after {
  position: relative;
}

.fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

.fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

.fc-icon-left-double-arrow:after {
  content: "\000AB";
  font-size: 160%;
  top: -7%;
}

.fc-icon-right-double-arrow:after {
  content: "\000BB";
  font-size: 160%;
  top: -7%;
}

.fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%;
}

.fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%;
}

.fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%;
}

.fc-icon-x:after {
  content: "\000D7";
  font-size: 200%;
  top: 6%;
}

/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
.fc button {
  /* force height to include the border and padding */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer;
}

/* Firefox has an annoying inner border */
.fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}

.fc-state-default {
  /* non-theme */
  border: 1px solid;
}

.fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* icons in buttons */
.fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .2em;
  vertical-align: middle;
}

/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
.fc-state-default {
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}

.fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

.fc-state-down,
.fc-state-active {
  background-color: #cccccc;
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* Buttons Groups
--------------------------------------------------------------------------------------------------*/
.fc-button-group {
  display: inline-block;
}

/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
.fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px;
}

.fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0;
}

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover {
  position: absolute;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px;
}

.fc-popover .fc-header .fc-title {
  margin: 0 2px;
}

.fc-popover .fc-header .fc-close {
  cursor: pointer;
}

.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}

.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}

/* unthemed */
.fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: .9em;
  margin-top: 2px;
}

/* jqui themed */
.fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */
}

/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
.fc-divider {
  border-style: solid;
  border-width: 1px;
}

hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}

.fc-clear {
  clear: both;
}

.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}

.fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}

/* Tables
--------------------------------------------------------------------------------------------------*/
.fc table {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}

.fc th {
  text-align: center;
}

.fc th,
.fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}

.fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}

/* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
a[data-goto] {
  cursor: pointer;
}

a[data-goto]:hover {
  text-decoration: underline;
}

/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
.fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}

.fc-row table {
  /* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}

.fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}

/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
.fc-row {
  position: relative;
}

.fc-row .fc-bg {
  z-index: 1;
}

/* highlighting cells & background event skeleton */
.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}

.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}

.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}

.fc-row .fc-bgevent-skeleton {
  z-index: 2;
}

.fc-row .fc-highlight-skeleton {
  z-index: 3;
}

/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
.fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}

.fc-row .fc-helper-skeleton {
  z-index: 5;
}

.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}

.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}

/* Scrolling Container
--------------------------------------------------------------------------------------------------*/
.fc-scroller {
  -webkit-overflow-scrolling: touch;
}

/* TODO: move to agenda/basic */
.fc-scroller > .fc-day-grid,
.fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}

/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */
  font-weight: normal;
  /* undo jqui's ui-widget-header bold */
}

.fc-event,
.fc-event-dot {
  background-color: #3a87ad;
  /* default BACKGROUND color */
}

/* overpower some of bootstrap's and jqui's styles on <a> tags */
.fc-event,
.fc-event:hover,
.ui-widget .fc-event {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}

.fc-event[href],
.fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}

.fc-not-allowed,
.fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}

.fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #ffffff;
  opacity: .25;
}

.fc-event .fc-content {
  position: relative;
  z-index: 2;
}

/* resizer (cursor AND touch devices) */
.fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
}

/* resizer (touch devices) */
.fc-event .fc-resizer {
  display: none;
}

.fc-event.fc-allow-mouse-resize .fc-resizer,
.fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block;
}

/* hit area */
.fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}

/* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
.fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.fc-event.fc-selected.fc-dragging {
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

/* Horizontal Events
--------------------------------------------------------------------------------------------------*/
/* bigger touch area when selected */
.fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}

/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* resizer (cursor AND touch devices) */
/* left resizer  */
.fc-ltr .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */
}

/* right resizer */
.fc-ltr .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */
}

/* resizer (mouse devices) */
.fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */
}

/* resizer (touch devices) */
.fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* vertically center */
  top: 50%;
  margin-top: -4px;
}

/* left resizer  */
.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */
}

/* right resizer */
.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */
}

/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}

tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */
}

.fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: .25;
}

.fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}

.fc-day-grid-event .fc-time {
  font-weight: bold;
}

/* resizer (cursor devices) */
/* left resizer  */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */
}

/* right resizer */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */
}

/* Event Limiting
--------------------------------------------------------------------------------------------------*/
/* "more" link that represents hidden events */
a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none;
}

a.fc-more:hover {
  text-decoration: underline;
}

.fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}

/* popover that appears when "more" link is clicked */
.fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}

.fc-more-popover {
  z-index: 2;
  width: 220px;
}

.fc-more-popover .fc-event-container {
  padding: 10px;
}

/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-now-indicator {
  position: absolute;
  border: 0 solid red;
}

/* Utilities
--------------------------------------------------------------------------------------------------*/
.fc-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* Toolbar
--------------------------------------------------------------------------------------------------*/
.fc-toolbar {
  text-align: center;
}

.fc-toolbar.fc-header-toolbar {
  margin-bottom: 1em;
}

.fc-toolbar.fc-footer-toolbar {
  margin-top: 1em;
}

.fc-toolbar .fc-left {
  float: left;
}

.fc-toolbar .fc-right {
  float: right;
}

.fc-toolbar .fc-center {
  display: inline-block;
}

/* the things within each left/right/center section */
.fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em;
}

/* the first thing within each left/center/right section */
.fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0;
}

/* title text */
.fc-toolbar h2 {
  margin: 0;
}

/* button layering (for border precedence) */
.fc-toolbar button {
  position: relative;
}

.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
  z-index: 2;
}

.fc-toolbar .fc-state-down {
  z-index: 3;
}

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
  z-index: 4;
}

.fc-toolbar button:focus {
  z-index: 5;
}

/* View Structure
--------------------------------------------------------------------------------------------------*/
/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.fc-view,
.fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}

/* BasicView
--------------------------------------------------------------------------------------------------*/
/* day row structure */
.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}

.fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}

/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
.fc-row.fc-rigid {
  overflow: hidden;
}

.fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

/* week and day number styling */
.fc-day-top.fc-other-month {
  opacity: 0.3;
}

.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
  padding: 2px;
}

.fc-basic-view th.fc-week-number,
.fc-basic-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */
}

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right;
}

.fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left;
}

.fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0;
}

.fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px;
}

.fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080;
}

/* when week/day number have own column */
.fc-basic-view td.fc-week-number {
  text-align: center;
}

.fc-basic-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}

/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
.fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}

.fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}

/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
.fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}

.fc-ltr .fc-axis {
  text-align: right;
}

.fc-rtl .fc-axis {
  text-align: left;
}

.ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome jqui theme making it bold */
}

/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
.fc-time-grid-container,
.fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}

.fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

.fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}

.fc-time-grid > .fc-bg {
  z-index: 1;
}

.fc-time-grid .fc-slats,
.fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}

.fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */
}

.fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
}

/* divs within a cell within the fc-content-skeleton */
.fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1;
}

.fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2;
}

.fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3;
}

.fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4;
}

.fc-time-grid .fc-now-indicator-line {
  z-index: 5;
}

.fc-time-grid .fc-helper-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6;
}

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}

.fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}

.fc-time-grid .fc-slats .ui-widget-content {
  /* for jqui theme */
  background: none;
  /* see through to fc-bg */
}

/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}

.fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}

/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
.fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}

.fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}

.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}

.fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}

/* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
.fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */
}

.fc-time-grid-event.fc-selected {
  /* need to allow touch resizers to extend outside event's bounding box */
  /* common fc-selected styles hide the fc-bg, so don't need this anyway */
  overflow: visible;
}

.fc-time-grid-event.fc-selected .fc-bg {
  display: none;
  /* hide semi-white background, to appear darker */
}

.fc-time-grid-event .fc-content {
  overflow: hidden;
  /* for when .fc-selected */
}

.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
  padding: 0 1px;
}

.fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap;
}

/* short mode, where time and title are on the same line */
.fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}

.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}

.fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}

.fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}

.fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
  /* seperate with a dash, wrapped in nbsp's */
}

.fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}

/* resizer (cursor device) */
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}

.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "=";
}

/* resizer (touch device) */
.fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px;
}

/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0;
}

/* arrow on axis */
.fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */
}

.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

/* List View
--------------------------------------------------------------------------------------------------*/
/* possibly reusable */
.fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}

/* view wrapper */
.fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */
}

.fc-list-view {
  border-width: 1px;
  border-style: solid;
}

/* table resets */
.fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */
}

.fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px;
}

.fc-list-table tr:first-child td {
  border-top-width: 0;
}

/* day headings with the list */
.fc-list-heading {
  border-bottom-width: 1px;
}

.fc-list-heading td {
  font-weight: bold;
}

.fc-ltr .fc-list-heading-main {
  float: left;
}

.fc-ltr .fc-list-heading-alt {
  float: right;
}

.fc-rtl .fc-list-heading-main {
  float: right;
}

.fc-rtl .fc-list-heading-alt {
  float: left;
}

/* event list items */
.fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */
}

.fc-list-item:hover td {
  background-color: #f5f5f5;
}

.fc-list-item-marker,
.fc-list-item-time {
  white-space: nowrap;
  width: 1px;
}

/* make the dot closer to the event title */
.fc-ltr .fc-list-item-marker {
  padding-right: 0;
}

.fc-rtl .fc-list-item-marker {
  padding-left: 0;
}

.fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit;
}

.fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline;
}

/* message when no events */
.fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table;
}

.fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #eee;
}

ion-split-pane {
  background-color: #f3f3f3;
  overflow: auto;
}

ion-split-pane ion-menu {
  border-radius: 0px 0px 0 0;
  margin: 1%;
  margin-right: 10px;
  margin-bottom: 0;
  background: #172B4D !important !important;
}

ion-split-pane ion-menu ::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.changedModule {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}

.changedCandiModule {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #ffffff;
  text-align: center;
}

.margin {
  margin-right: 50px;
}

ion-content.menu.content.content-md {
  background: #172B4D !important !important;
}

.menu {
  background: #172B4D !important !important;
}

.menu .scroll-content {
  overflow-y: scroll !important;
  scrollbar-width: none;
}

.split-pane-visible > .split-pane-side {
  -webkit-box-shadow: 2px 2px 9px #00000030 !important;
  box-shadow: 2px 2px 9px #00000030 !important;
}

.swiper-pagination-bullet-active {
  background: #3687f0;
}

:host {
  background-color: rgba(0, 0, 0, 0.8);
  color: #ffffff;
  display: inline-block;
  position: fixed;
  padding: 5px 5px;
}

.ui-widget {
  font-family: "Poppins";
  font-size: 1em;
}

.footer p {
  font-size: 12px;
  margin: 0;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #000;
  padding: 0 1%;
  float: left;
  background: white !important;
  z-index: 99;
}

.footer a {
  color: #000 !important;
  text-decoration: none !important;
  font-size: 13px;
}

.footer li {
  display: inline;
  padding-left: 0px;
}

.footer ul {
  text-align: right;
  padding: 0px;
  margin: 0;
}

.footer div {
  height: 25px;
}

:host.has-arrow:before {
  content: "";
  border: 5px solid transparent;
  position: absolute;
  width: 0;
  height: 0;
}

:host.has-arrow.arrow-top:before {
  border-bottom: 5px solid rgba(0, 0, 0, 0.8);
  top: -10px;
}

:host.has-arrow.arrow-left:before {
  border-right: 5px solid rgba(0, 0, 0, 0.8);
  left: -10px;
}

:host.has-arrow.arrow-right:before {
  border-left: 5px solid rgba(0, 0, 0, 0.8);
  right: -10px;
}

:host.has-arrow.arrow-bottom:before {
  border-top: 5px solid rgba(0, 0, 0, 0.8);
  bottom: -10px;
}

.alert-md [aria-checked="true"] .alert-radio-label {
  color: #0099ff;
  white-space: initial;
}

.error_msg {
  color: #3687f0;
}

.required:after {
  content: " *";
  color: red;
}

.segment-md .segment-button {
  text-transform: capitalize;
  font-weight: 900;
}

.button-md {
  font-weight: 900;
}

.list-md .item-block .item-inner {
  border-bottom: 1px solid transparent;
}

.premiumbtn {
  position: absolute;
  z-index: 99999 !important;
  float: right !important;
  left: 30%;
  width: 35%;
  top: 10%;
}

.trainCol ion-item {
  border: 1px solid #ddd;
  border-radius: 5px;
  border-left: 10px solid #172B4D !important;
  background: #ffffff !important;
}

.labeltraining {
  font-family: "Poppins";
  color: #172B4D !important !important;
}

ion-spinner * {
  width: 28px;
  height: 28px;
  stroke: #0099ff;
  fill: #0099ff;
}

body {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.success_msg {
  color: green;
}

.toolbar-md-snappink .toolbar-background-md {
  background: #642b73;
  /* fallback for old browsers */
  background: -webkit-gradient(linear, left top, left bottom, from(#100e10), to(#1c1a1c));
  background: linear-gradient(#100e10, #1c1a1c);
  /* Chrome 10-25, Safari 5.1-6 */
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.toolbar-ios {
  min-height: 66px;
}

.logo_sidebar {
  width: 120px;
  display: block;
  margin: 0 auto;
}

.segment-md .segment-button {
  text-transform: capitalize;
}

.segment-ios .segment-button {
  text-transform: capitalize;
}

.branchDetailSegment .segmentarea .segment-activated {
  border: 0 !important;
  background: #0099ff;
  color: #000;
  border-radius: 25px;
}

.complaintconfirm .alert-wrapper {
  border: 6px solid #0099ff;
  border-radius: 10px !important;
  max-width: 400px;
  width: 100%;
}

.complaintconfirm .alert-title {
  font-family: "Poppins";
  color: #0099ff;
  text-align: center;
}

.complaintconfirm .alert-sub-title {
  color: #0099ff;
  text-align: center;
  font-family: "Poppins";
}

.alert-button-group {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.complaintconfirm .alert-button-group button {
  position: absolute;
  top: 0px;
}

.complaintconfirm .alert-checkbox-label {
  white-space: initial !important;
}

.confirmationbox .alert-button-group button:first-child {
  position: relative;
  top: 0px;
}

.confirmationboxtext .alert-button-group button:first-child {
  position: relative;
  top: 0px;
}

.confirmationboxcenter .alert-button-group button:first-child {
  position: relative;
  top: 0px;
}

.confirmationboxcenter .alert-button-group {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.searchbar-ios .searchbar-input {
  border-bottom: 0px !important;
}

.alert-title {
  font-family: "Poppins";
  color: #0099ff;
  text-align: center;
  font-size: 16px !important;
}

.alert-button-group button:first-child {
  position: absolute;
  top: 0px;
}

.alert-message {
  text-align: center !important;
}

.profile_sec_in {
  background-color: #192d46;
  text-align: center;
  min-height: 150px;
  height: 150px;
  padding-left: 10px;
}

.alert-checkbox-label {
  text-overflow: clip !important;
  white-space: inherit !important;
}

.alert-wrapper {
  border-radius: 10px !important;
}

.alert-radio-button-ios .alert-radio-icon {
  border: 1px solid #b3b3b3;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 9px;
  min-width: auto;
}

.alert-ios [aria-checked="true"] .alert-radio-inner {
  top: 2px !important;
}

.alert-button-group button:first-child {
  right: 0px !important;
  text-align: right !important;
  min-width: 20% !important;
}

.item-ios .radio-ios {
  border: 1px solid #b3b3b3;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 9px;
  min-width: auto;
}

.radio-ios .radio-checked .radio-inner {
  top: 2px !important;
}

.profile_sec_in text-img {
  width: 65px !important;
  height: 65px !important;
  border-radius: 50% !important;
  background: #000;
  z-index: 9999999;
  margin: 10px auto !important;
  display: block !important;
  border: 3px solid #0099ff;
  cursor: pointer;
}

.profile_img_div {
  border: 3px solid #000;
  width: 65px !important;
  height: 65px !important;
  border-radius: 50% !important;
  margin: 10px auto !important;
  overflow: hidden;
  cursor: pointer;
}

.profile_img_div img {
  width: 100%;
  height: 100% !important;
}

.profile_sec_in text-img::after {
  width: 11em !important;
  height: 3em !important;
  border-radius: 2rem !important;
  font-size: 20px !important;
}

.profile_sec_in .card-header {
  color: white !important;
  font-size: 20px !important;
  font-family: "Poppins";
  padding: 0 10px !important;
}

.noticesMenu {
  background-color: #1b1b1b !important;
}

.noticesMenu ion-label {
  color: #696969;
  font-size: 1.4rem;
}

.moreNotice h4 {
  font-size: 1.4rem;
  color: #0099ff !important;
}

.moreNotice ion-icon {
  color: #0099ff !important;
}

.focus-outline button:focus,
.focus-outline [ion-button]:focus {
  border-color: transparent !important;
  outline: 2px solid transparent !important;
  -webkit-box-shadow: 0 0 8px 1px transparent !important;
  box-shadow: 0 0 8px 1px transparent !important;
}

.menu {
  -webkit-box-shadow: 5px 10px 8px #888888 !important;
  box-shadow: 5px 10px 8px #888888 !important;
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(white));
  background: linear-gradient(white, white);
  /* Chrome 10-25, Safari 5.1-6 */
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.menu .scroll-content {
  overflow-y: auto;
}

.menu .menu-list {
  margin-top: 0%;
  padding-bottom: 50px;
}

.menu .list-md {
  margin: -1px 0 6px;
}

.menu .item-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #ffffff;
}

.menu .item-container span {
  font-size: 13.5px;
}

.menu .menu-items {
  color: #000;
}

.menu #primaryclass {
  background-color: #3e5f8a;
  width: 100%;
  margin: 0;
}

.menu #primaryclass h4,
.menu #primaryclass ion-icon {
  color: #ffffff;
}

.menu .power-button:hover {
  background-color: #3e5f8a;
  border-radius: 10px;
  width: 90%;
}

.menu .power-button:hover h4,
.menu .power-button:hover ion-icon {
  color: #ffffff;
}

.menu .notices {
  padding-left: 20%;
  background-color: #1b1b1b !important;
}

ion-title {
  font-family: "Poppins";
}

.contentdiv {
  white-space: pre-wrap;
  font-weight: 500;
}

pre {
  font-family: "Poppins";
  font-size: 1em;
}

.linkHome {
  position: absolute;
  top: 60px;
  z-index: 9999;
  right: 0px;
  border: 1px 0px 0px 0px;
  border-left: 3px solid #0099ff;
  border-bottom: 3px solid #0099ff;
  padding: 7px 5px 11px 10px;
  border-bottom-left-radius: 2em;
}

.linkHome ion-icon {
  color: #0099ff;
}

.informationbox .alert-message {
  text-align: left !important;
  font-size: 12px;
  color: #000;
}

@media (min-width: 700px) {
  .informationbox .alert-wrapper {
    max-width: 600px;
  }
}

.split-pane-md.split-pane-visible > .split-pane-side {
  min-width: 265px;
  max-width: 10%;
  border-right: 1px solid #dedede;
  border-left: 0;
  margin: 0;
}

@media only screen and (min-height: 320px) and (max-width: 500px) {
  .menu .menu-items {
    height: 40px !important;
  }
  .menu-inner {
    width: 280px !important;
  }
  .loaderimg {
    width: 80px !important;
    margin: 0 auto;
    display: block;
  }
}

[id="employee"][textColor] {
  color: #f53d3d !important;
}

[id="employee"][backgroundColor] {
  background-color: #f53d3d !important;
}

[id="employee"][disabled] {
  background: #cc6666;
}

[id="employee"][border2px] {
  border-bottom: 6px solid #f53d3d !important;
}

[id="employer"][textColor] {
  color: #32db64 !important;
}

[id="employer"][backgroundColor] {
  background-color: #32db64 !important;
}

[id="employer"][disabled] {
  background: #62ab78;
}

[id="employer"][border2px] {
  border-bottom: 6px solid #32db64 !important;
}

[id="hr"][textColor] {
  color: #222 !important;
}

[id="hr"][backgroundColor] {
  background-color: #222 !important;
}

[id="hr"][disabled] {
  background: #222222;
}

[id="hr"][border2px] {
  border-bottom: 6px solid #222 !important;
}

[id="superhr"][textColor] {
  color: #3f51b5 !important;
}

[id="superhr"][backgroundColor] {
  background-color: #3f51b5 !important;
}

[id="superhr"][disabled] {
  background: #707384;
}

[id="superhr"][border2px] {
  border-bottom: 6px solid #3f51b5 !important;
}

[id="icc"][textColor] {
  color: #ffc107 !important;
}

[id="icc"][backgroundColor] {
  background-color: #ffc107 !important;
}

[id="icc"][disabled] {
  background: #cda839;
}

[id="icc"][border2px] {
  border-bottom: 6px solid #ffc107 !important;
}

[id="student"][textColor] {
  color: #00d8ff !important;
}

[id="student"][backgroundColor] {
  background-color: #00d8ff !important;
}

[id="student"][disabled] {
  background: #33b5cc;
}

[id="student"][border2px] {
  border-bottom: 6px solid #00d8ff !important;
}

.content-md {
  background-color: #f3f3f3;
}

.alert-md .alert-checkbox-label {
  padding-left: 18px !important;
  padding-right: 10px !important;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  font-size: 12px !important;
}

.alert-md .alert-tappable {
  min-height: 35px !important;
}

.borderradius {
  border-radius: 10px;
}

@media print {
  body,
  html,
  #wrapper {
    width: 100%;
  }
}

.customloader .loading-wrapper {
  background: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.customloader1 .loading-wrapper {
  background: black !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.menu-items-heading {
  background: transparent;
  height: 40px !important;
  min-height: 4rem;
}

.backdrop-no-tappable {
  opacity: 0.8 !important;
}

.loaderimg {
  width: 150px;
  display: block;
  margin: 0 auto;
  -webkit-animation: rotation 2s infinite linear;
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}

.popupClass .popover-content {
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
  padding: 40px;
  width: 100%;
  border-radius: 10px;
  max-width: 400px;
}

.popupClass {
  background: rgba(0, 0, 0, 0.8) !important;
}

.loaderh4 {
  font-family: "Poppins";
  color: #FFC107;
  font-weight: 500;
  text-align: center;
  font-size: 14px;
}

@media (max-width: 767px) {
  tooltip-box {
    display: none !important;
  }
  :host {
    background-color: transparent;
    color: transparent;
    display: none !important;
    position: fixed;
    padding: 0px;
  }
  :host.has-arrow:before {
    content: "";
    border: 5px solid transparent;
    position: absolute;
    width: 0;
    height: 0;
  }
  :host.has-arrow.arrow-top:before {
    border-bottom: 5px solid transparent;
    top: -10px;
  }
  :host.has-arrow.arrow-left:before {
    border-right: 5px solid transparent;
    left: -10px;
  }
  :host.has-arrow.arrow-right:before {
    border-left: 5px solid transparent;
    right: -10px;
  }
  :host.has-arrow.arrow-bottom:before {
    border-top: 5px solid transparent;
    bottom: -10px;
  }
}

.ga-image {
  float: left;
  position: absolute;
  top: 23px;
  background-color: black;
  border-radius: 50%;
  scale: 1.4;
  left: 23px;
  cursor: pointer;
  width: 7%;
}

ga.icon {
  float: left;
  position: absolute;
  top: 11px;
  left: 50px;
  cursor: pointer;
}

.accordion {
  color: #444;
  cursor: pointer;
  padding: 0 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.active,
.accordion:hover {
  background-color: #ccc;
}

.accordion:after {
  content: "\002B";
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.2s ease-out;
  transition: max-height 0.2s ease-out;
}

.acctext > div {
  margin-left: 0 !important;
}

.acctext {
  padding-left: 24px !important;
}

.ionic-step-header-label {
  font-weight: bold;
  font-size: 17px !important;
}

.ionic-step-header-description {
  font-size: 13px !important;
  font-style: italic;
}

.mycustomdrop {
  width: 100%;
  position: absolute;
  z-index: 999;
  background-color: white;
  -webkit-box-shadow: 0px 2px 9px #00000030 !important;
  box-shadow: 0px 2px 9px #00000030 !important;
  border-radius: 5px;
}

.mycustomdrop ion-item {
  background-color: white;
}

.mycustomdrop2 {
  width: 100%;
  position: absolute;
  z-index: 999;
  background-color: white;
  -webkit-box-shadow: 0px 2px 9px #00000030 !important;
  box-shadow: 0px 2px 9px #00000030 !important;
  border-radius: 5px;
}

.mycustomdrop2 ion-item {
  background-color: white;
}

.mycustomdrop2 .purposehead {
  text-align: center;
  font-size: 20px;
  margin-top: 20px;
}

.mycustomdrop3 {
  width: 100%;
  position: absolute;
  z-index: 999;
  background-color: white;
  -webkit-box-shadow: 0px 2px 9px #00000030 !important;
  box-shadow: 0px 2px 9px #00000030 !important;
  border-radius: 5px;
}

.mycustomdrop3 .purposeString {
  font-style: italic;
  text-align: justify;
  padding: 0 10px;
  line-height: 18px;
}

.mycustomdrop3 ion-row:nth-child(-n + 11) {
  padding: 15px;
  font-size: 18px;
}

.mycustomdrop3 ion-row:nth-child(-n + 11) ion-icon {
  margin: 0 20px;
}

.mycustomdrop3 ion-row p {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.mycustomdrop3 ion-row:nth-child(13) {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.mycustomdrop3 .purposehead {
  text-align: center;
  font-size: 25px;
  margin: 10px;
}

.customrow {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.customrow ion-col:first-child {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  font-weight: bold;
}

.newusermsgrow {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: -30px;
  margin-bottom: 50px;
}

.newusermsgrow p {
  font-weight: bold;
  color: red;
}

.fullCenter {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

.radiotag {
  margin: 5px;
  border: 1px solid #ccc !important;
  border-radius: 5px;
}

.radiotag .input-wrapper {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 100%;
}

.radiotag ion-select {
  max-width: 100%;
}

.ui-dropdown-panel .ui-dropdown-list {
  height: 100px;
}

.item-input ion-label {
  max-width: 270px;
}

.sidemenu {
  width: 25px;
  padding: 2px;
  background-color: #f8f8f8 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-top: 12px;
}

.class2 {
  width: 25px;
  padding: 2px;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-top: 10px;
  background-color: #f3f3f3;
}

.px-2 {
  padding: 2rem 0;
}

.py-2 {
  padding: 0 2rem;
}

.p-2 {
  padding: 2rem;
}

page-add-content-learning-path .status-advance {
  background-color: #bebeeb;
  padding: 2px 10px;
}

page-add-content-learning-path .status-basic {
  background-color: #a6cdff;
  padding: 2px 10px;
}

page-add-content-learning-path .flexclass {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-add-content-learning-path .status-1 {
  background-color: #dfebbe;
  padding: 2px 10px;
}

page-add-content-learning-path .status-0 {
  background-color: #a6ffce;
  padding: 2px 10px;
}

page-add-question .uploadHeader {
  font-size: larger;
  color: #0099ff !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-add-question .uploadBody {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 20px;
}

page-add-question .uploadBody button {
  background-color: #a9a9a96b;
  width: 60px;
  height: 60px;
  margin: 10px;
  padding-left: 20px;
}

page-add-question .upbtn {
  background-color: #a9a9a96b;
  width: 60px;
  height: 60px;
  margin: 0px;
  padding-left: 20px;
}

page-add-question .thumbnail img {
  width: 60px !important;
  margin: 10px;
  height: 60px !important;
  cursor: pointer;
}

page-add-question .thumbnail .img1 {
  width: 60px !important;
  margin: 0px;
  height: 60px !important;
  cursor: pointer;
}

page-add-question .thumbnail .closeCross {
  color: white;
  position: absolute;
  margin: -80px 60px;
  opacity: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: scale(0);
  transform: scale(0);
  border-radius: 50%;
  background-color: black;
}

page-add-question .thumbnail .newplace {
  margin: -70px 50px;
}

page-add-question .thumbnail:hover .closeCross {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  cursor: pointer;
}

page-add-question .hidden {
  display: none;
}

page-add-question .viewcard {
  width: 90%;
  margin: auto;
  border-radius: 5px;
}

page-add-question .viewcard h4 {
  color: #0099ff;
  padding: 5px;
  font-size: 16px !important;
}

page-add-question .viewcard iframe {
  width: 100%;
}

page-advance-training ion-row {
  width: 100%;
}

page-advance-training form {
  width: 100%;
}

page-advance-training .desc ion-item {
  border: 1px solid #dedede;
}

page-advance-training .image-prop {
  display: inline !important;
  width: 50px !important;
}

page-advance-training .stepper {
  border: 1px solid;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 20px;
  background-color: #172B4D !important;
  color: #ffffff;
  padding: 2px 20px;
  margin: 0 8px;
  height: 90px;
}

page-advance-training .stepper .stepper-content {
  padding: 0 10px;
  height: 85px;
}

page-advance-training .stepper .stepper-content p {
  color: #ffffff;
}

page-advance-training .youtubeshow {
  height: 260px;
  border: 1px solid #e1e1e1;
}

page-advance-training .radioItem {
  margin: 5px;
}

page-assessment-assignment ion-navbar {
  background-color: #f8f8f8;
  -webkit-box-shadow: 5px 5px 5px lightgray;
  box-shadow: 5px 5px 5px lightgray;
}

page-assessment-assignment .heading {
  font-family: "Open Sans";
  white-space: inherit;
  text-align: center;
  color: #3687f0;
  font-weight: bold;
  font-size: 20px;
}

page-assessment-assignment .heading ion-label {
  white-space: initial !important;
}

page-assessment-assignment .assignButton {
  display: block;
  margin: 0 auto;
  min-width: 60%;
  margin-top: 3%;
  margin-bottom: 3%;
}

page-assessment-assignment .createassignButton {
  display: block;
  min-width: 60%;
  margin-top: 5%;
}

page-assessment-assignment table {
  font-family: "Open Sans";
  border-collapse: collapse;
  width: 95%;
  margin: 0 auto;
  padding: 5%;
}

page-assessment-assignment ul {
  text-align: left;
}

page-assessment-assignment td, page-assessment-assignment th {
  border: 1px solid #222;
  text-align: left;
  padding: 8px;
}

page-assessment-assignment thead {
  background-color: #0099ff;
}

page-assessment-assignment th {
  color: #000;
}

page-assessment-assignment .success {
  margin-top: 2%;
  font-size: 14px;
  padding-top: 2%;
  text-align: center;
}

page-assessment-assignment .warning {
  margin-top: 2%;
  font-size: 14px;
  padding-top: 2%;
  text-align: center;
}

page-assessment-assignment .upload-icon {
  height: 100px;
}

page-assessment-assignment .category-button {
  width: 100%;
  margin: 1%;
  float: left;
  min-height: 100px;
  border-radius: 10px;
  background: #000;
}

page-assessment-assignment .centerdiv {
  width: 80%;
  margin: 10px auto;
}

page-assessment-assignment ion-segment {
  border: 1px solid #0099ff;
  border-radius: 25px;
}

page-assessment-assignment ion-segment-button {
  border-radius: 25px;
  border-bottom-style: none !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

page-assessment-assignment .segment-md .segment-button.activated,
page-assessment-assignment .segment-md .segment-button.segment-activated {
  border-color: #0099ff;
  background: #0099ff;
  color: #000;
}

page-assessment-assignment .toolbar-background {
  background: transparent;
  border: 0px;
}

page-assessment-assignment .placeholdertext {
  color: #0099ff;
  font-size: 22px;
  font-family: "Open Sans";
  margin-left: 10px;
  text-transform: uppercase;
  letter-spacing: 1.7px;
  font-weight: bold;
}

page-assessment-assignment .category-button-upload {
  width: 100%;
  margin: 1%;
  float: left;
  min-height: 50px;
  border-radius: 10px;
  background: white;
  margin-top: 0%;
}

page-assessment-assignment .category-button-upload:hover {
  background-color: #d3d3d39c !important;
  opacity: 0.8;
}

page-assessment-assignment .button-text {
  color: #0099ff;
  font-size: 12px;
  font-family: "Open Sans";
  margin-left: 10px;
  text-transform: uppercase;
  letter-spacing: 1.7px;
  font-weight: bold;
}

page-assessment-assignment .ui-picklist-source-controls.ui-picklist-buttons {
  display: none !important;
}

page-assessment-assignment .ui-picklist-target-controls.ui-picklist-buttons.ng-star-inserted {
  display: none !important;
}

page-assessment-report .generateButton {
  display: block;
  margin: 0 auto;
}

page-assessment-report .m-t-10 {
  margin-top: 10%;
}

page-assessment-report .tlist {
  margin-left: 10%;
  margin-right: 10%;
}

page-assessment-report .ui-dropdown .ui-dropdown-panel {
  z-index: 1017 !important;
  top: -102px !important;
  left: 0px !important;
  opacity: 1 !important;
}

page-assessment-report-mang .bgcolorRejected {
  background: #efada9;
  padding: 5px;
}

page-assessment-report-mang .bgcolorSelected {
  background: #9decbe;
  padding: 5px;
}

page-assessment-report-mang .alert {
  color: #984747;
}

page-assessment-report-view .bgcolorRejected {
  background: #efada9;
  padding: 5px;
}

page-assessment-report-view .bgcolorSelected {
  background: #9decbe;
  padding: 5px;
}

page-assessments ion-fab {
  width: 40px !important;
  height: 40px !important;
  margin: 3%;
}

page-assessments ion-icon {
  pointer-events: none !important;
}

page-assessments .cell-width {
  width: 145px !important;
}

page-assessments .ui-dropdown .ui-dropdown-panel {
  z-index: 1017 !important;
  top: -102px !important;
  left: 0px !important;
  opacity: 1 !important;
}

page-assign-assignment ion-navbar {
  background-color: #f8f8f8;
  -webkit-box-shadow: 5px 5px 5px lightgray;
  box-shadow: 5px 5px 5px lightgray;
}

page-assign-assignment .heading {
  font-family: "Open Sans";
  white-space: inherit;
  text-align: center;
  color: #3687f0;
  font-weight: bold;
  font-size: 20px;
}

page-assign-assignment .heading ion-label {
  white-space: initial !important;
}

page-assign-assignment .assignButton {
  display: block;
  margin: 0 auto;
  min-width: 60%;
  margin-top: 3%;
  margin-bottom: 3%;
}

page-assign-assignment .createassignButton {
  display: block;
  min-width: 60%;
  margin-top: 5%;
}

page-assign-assignment table {
  font-family: "Open Sans";
  border-collapse: collapse;
  width: 95%;
  margin: 0 auto;
  padding: 5%;
}

page-assign-assignment ul {
  text-align: left;
}

page-assign-assignment td,
page-assign-assignment th {
  border: 1px solid #222;
  text-align: left;
  padding: 8px;
}

page-assign-assignment thead {
  background-color: #0099ff;
}

page-assign-assignment th {
  color: #000;
}

page-assign-assignment .success {
  margin-top: 2%;
  font-size: 14px;
  padding-top: 2%;
  text-align: center;
}

page-assign-assignment .warning {
  margin-top: 2%;
  font-size: 14px;
  padding-top: 2%;
  text-align: center;
}

page-assign-assignment .upload-icon {
  height: 100px;
}

page-assign-assignment .category-button {
  width: 100%;
  margin: 1%;
  float: left;
  min-height: 100px;
  border-radius: 10px;
  background: #000;
}

page-assign-assignment .centerdiv {
  width: 80%;
  margin: 10px auto;
}

page-assign-assignment ion-segment {
  border: 1px solid #0099ff;
  border-radius: 25px;
}

page-assign-assignment ion-segment-button {
  border-radius: 25px;
  border-bottom-style: none !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

page-assign-assignment .segment-md .segment-button.activated,
page-assign-assignment .segment-md .segment-button.segment-activated {
  border-color: #0099ff;
  background: #0099ff;
  color: #000;
}

page-assign-assignment .toolbar-background {
  background: transparent;
  border: 0px;
}

page-assign-assignment .placeholdertext {
  color: #0099ff;
  font-size: 22px;
  font-family: "Open Sans";
  margin-left: 10px;
  text-transform: uppercase;
  letter-spacing: 1.7px;
  font-weight: bold;
}

page-assign-assignment .category-button-upload {
  width: 100%;
  margin: 1%;
  float: left;
  min-height: 50px;
  border-radius: 10px;
  background: white;
  margin-top: 0%;
}

page-assign-assignment .category-button-upload:hover {
  background-color: #d3d3d39c !important;
  opacity: 0.8;
}

page-assign-assignment .button-text {
  color: #0099ff;
  font-size: 12px;
  font-family: "Open Sans";
  margin-left: 10px;
  text-transform: uppercase;
  letter-spacing: 1.7px;
  font-weight: bold;
}

page-assign-assignment .product-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.5rem;
  width: 100%;
  border: 1px solid #e0e0e0;
}

page-assign-assignment .product-item img {
  width: 75px;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  margin-right: 1rem;
}

page-assign-assignment .product-item .product-list-detail {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
}

page-assign-assignment .product-item .product-list-action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

page-assign-assignment .product-item .product-category-icon {
  vertical-align: middle;
  margin-right: 0.5rem;
}

page-assign-assignment .product-item .product-category {
  vertical-align: middle;
  line-height: 1;
}

@media screen and (max-width: 576px) {
  page-assign-assignment .product-item {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  page-assign-assignment .product-item .image-container {
    width: 100%;
    text-align: center;
  }
  page-assign-assignment .product-item img {
    margin: 0 0 1rem 0;
    width: 100px;
  }
}

page-assign-assignment .ui-state-highlight {
  border-color: #d4e3ec !important;
  background: #d4e3ec !important;
  color: black;
}

page-assign-assignment .ui-picklist-source-controls.ui-picklist-buttons {
  display: none !important;
}

page-assign-assignment .ui-picklist-target-controls.ui-picklist-buttons.ng-star-inserted {
  display: none !important;
}

page-assign-classes ion-icon {
  pointer-events: none;
}

page-assign-classes .globalTable {
  border: 1px solid lightgrey;
  min-width: 801px;
}

page-assign-classes .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-assign-classes .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

page-assign-classes .globalTable .table-header .align input {
  width: 60%;
  line-height: 25px;
}

page-assign-classes .globalTable th input {
  text-align: center;
  width: 90%;
  font-weight: 400;
}

page-assign-classes .globalTable .actionIcon {
  padding: 0 6px;
  font-size: 16px;
  cursor: pointer;
}

page-assign-meetings ion-navbar {
  background-color: #f8f8f8;
  -webkit-box-shadow: 5px 5px 5px lightgray;
  box-shadow: 5px 5px 5px lightgray;
}

page-assign-meetings .heading {
  font-family: "Open Sans";
  white-space: inherit;
  text-align: center;
  color: #3687f0;
  font-weight: bold;
  font-size: 20px;
}

page-assign-meetings .heading ion-label {
  white-space: initial !important;
}

page-assign-meetings .assignButton {
  display: block;
  margin: 0 auto;
  min-width: 60%;
  margin-top: 3%;
  margin-bottom: 3%;
}

page-assign-meetings .createassignButton {
  display: block;
  min-width: 60%;
  margin-top: 5%;
}

page-assign-meetings table {
  font-family: "Open Sans";
  border-collapse: collapse;
  width: 95%;
  margin: 0 auto;
  padding: 5%;
}

page-assign-meetings ul {
  text-align: left;
}

page-assign-meetings td, page-assign-meetings th {
  border: 1px solid #222;
  text-align: left;
  padding: 8px;
}

page-assign-meetings thead {
  background-color: #0099ff;
}

page-assign-meetings th {
  color: #000;
}

page-assign-meetings .success {
  margin-top: 2%;
  font-size: 14px;
  padding-top: 2%;
  text-align: center;
}

page-assign-meetings .warning {
  margin-top: 2%;
  font-size: 14px;
  padding-top: 2%;
  text-align: center;
}

page-assign-meetings .upload-icon {
  height: 100px;
}

page-assign-meetings .category-button {
  width: 100%;
  margin: 1%;
  float: left;
  min-height: 100px;
  border-radius: 10px;
  background: #000;
}

page-assign-meetings .centerdiv {
  width: 80%;
  margin: 10px auto;
}

page-assign-meetings ion-segment {
  border: 1px solid #0099ff;
  border-radius: 25px;
}

page-assign-meetings ion-segment-button {
  border-radius: 25px;
  border-bottom-style: none !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

page-assign-meetings .segment-md .segment-button.activated,
page-assign-meetings .segment-md .segment-button.segment-activated {
  border-color: #0099ff;
  background: #0099ff;
  color: #000;
}

page-assign-meetings .toolbar-background {
  background: transparent;
  border: 0px;
}

page-assign-meetings .placeholdertext {
  color: #0099ff;
  font-size: 22px;
  font-family: "Open Sans";
  margin-left: 10px;
  text-transform: uppercase;
  letter-spacing: 1.7px;
  font-weight: bold;
}

page-assign-meetings .category-button-upload {
  width: 100%;
  margin: 1%;
  float: left;
  min-height: 50px;
  border-radius: 10px;
  background: white;
  margin-top: 0%;
}

page-assign-meetings .category-button-upload:hover {
  background-color: #d3d3d39c !important;
  opacity: 0.8;
}

page-assign-meetings .button-text {
  color: #0099ff;
  font-size: 12px;
  font-family: "Open Sans";
  margin-left: 10px;
  text-transform: uppercase;
  letter-spacing: 1.7px;
  font-weight: bold;
}

page-assign-path ion-navbar {
  background-color: #f8f8f8;
  -webkit-box-shadow: 5px 5px 5px lightgray;
  box-shadow: 5px 5px 5px lightgray;
}

page-assign-path .heading {
  font-family: "Open Sans";
  white-space: inherit;
  text-align: center;
  color: #3687f0;
  font-weight: bold;
  font-size: 20px;
}

page-assign-path .heading ion-label {
  white-space: initial !important;
}

page-assign-path .assignButton {
  display: block;
  margin: 0 auto;
  min-width: 60%;
  margin-top: 3%;
  margin-bottom: 3%;
}

page-assign-path .createassignButton {
  display: block;
  min-width: 60%;
  margin-top: 5%;
}

page-assign-path table {
  font-family: "Open Sans";
  border-collapse: collapse;
  width: 95%;
  margin: 0 auto;
  padding: 5%;
}

page-assign-path ul {
  text-align: left;
}

page-assign-path td, page-assign-path th {
  border: 1px solid #222;
  text-align: left;
  padding: 8px;
}

page-assign-path thead {
  background-color: #0099ff;
}

page-assign-path th {
  color: #000;
}

page-assign-path .success {
  margin-top: 2%;
  font-size: 14px;
  padding-top: 2%;
  text-align: center;
}

page-assign-path .warning {
  margin-top: 2%;
  font-size: 14px;
  padding-top: 2%;
  text-align: center;
}

page-assign-path .upload-icon {
  height: 100px;
}

page-assign-path .category-button {
  width: 100%;
  margin: 1%;
  float: left;
  min-height: 100px;
  border-radius: 10px;
  background: #000;
}

page-assign-path .centerdiv {
  width: 80%;
  margin: 10px auto;
}

page-assign-path ion-segment {
  border: 1px solid #0099ff;
  border-radius: 25px;
}

page-assign-path ion-segment-button {
  border-radius: 25px;
  border-bottom-style: none !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

page-assign-path .segment-md .segment-button.activated,
page-assign-path .segment-md .segment-button.segment-activated {
  border-color: #0099ff;
  background: #0099ff;
  color: #000;
}

page-assign-path .toolbar-background {
  background: transparent;
  border: 0px;
}

page-assign-path .placeholdertext {
  color: #0099ff;
  font-size: 22px;
  font-family: "Open Sans";
  margin-left: 10px;
  text-transform: uppercase;
  letter-spacing: 1.7px;
  font-weight: bold;
}

page-assign-path .category-button-upload {
  width: 100%;
  margin: 1%;
  float: left;
  min-height: 50px;
  border-radius: 10px;
  background: white;
  margin-top: 0%;
}

page-assign-path .category-button-upload:hover {
  background-color: #d3d3d39c !important;
  opacity: 0.8;
}

page-assign-path .button-text {
  color: #0099ff;
  font-size: 12px;
  font-family: "Open Sans";
  margin-left: 10px;
  text-transform: uppercase;
  letter-spacing: 1.7px;
  font-weight: bold;
}

page-assign-path .ui-picklist-source-controls.ui-picklist-buttons {
  display: none !important;
}

page-assign-path .ui-picklist-target-controls.ui-picklist-buttons.ng-star-inserted {
  display: none !important;
}

page-assign-teacher-list {
  /* ANIMATION */
  /* SHADOWS */
  /*
 *
 *   MaterialWrap - Bootstrap + Material Design Admin Theme

 
*/
  /*
 * CSS Transform - Scale and Rotate
 */
  /* The Modal (background) */
  /* Modal Content (image) */
  /* The Close Button */
  /*!
 * FullCalendar v3.2.0 Stylesheet
 * Docs & License: https://fullcalendar.io/
 * (c) 2017 Adam Shaw
 */
  /* Colors
--------------------------------------------------------------------------------------------------*/
  /* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
  /*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
  /* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
  /* Firefox has an annoying inner border */
  /* icons in buttons */
  /*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
  /* Buttons Groups
--------------------------------------------------------------------------------------------------*/
  /*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
  /* Popover
--------------------------------------------------------------------------------------------------*/
  /* unthemed */
  /* jqui themed */
  /* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
  /* Tables
--------------------------------------------------------------------------------------------------*/
  /* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
  /* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
  /* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
  /* highlighting cells & background event skeleton */
  /*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
  /* Scrolling Container
--------------------------------------------------------------------------------------------------*/
  /* TODO: move to agenda/basic */
  /* Global Event Styles
--------------------------------------------------------------------------------------------------*/
  /* overpower some of bootstrap's and jqui's styles on <a> tags */
  /* resizer (cursor AND touch devices) */
  /* resizer (touch devices) */
  /* hit area */
  /* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
  /* Horizontal Events
--------------------------------------------------------------------------------------------------*/
  /* bigger touch area when selected */
  /* events that are continuing to/from another week. kill rounded corners and butt up against edge */
  /* resizer (cursor AND touch devices) */
  /* left resizer  */
  /* right resizer */
  /* resizer (mouse devices) */
  /* resizer (touch devices) */
  /* left resizer  */
  /* right resizer */
  /* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* resizer (cursor devices) */
  /* left resizer  */
  /* right resizer */
  /* Event Limiting
--------------------------------------------------------------------------------------------------*/
  /* "more" link that represents hidden events */
  /* popover that appears when "more" link is clicked */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* Utilities
--------------------------------------------------------------------------------------------------*/
  /* Toolbar
--------------------------------------------------------------------------------------------------*/
  /* the things within each left/right/center section */
  /* the first thing within each left/center/right section */
  /* title text */
  /* button layering (for border precedence) */
  /* View Structure
--------------------------------------------------------------------------------------------------*/
  /* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
  /* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
  /* BasicView
--------------------------------------------------------------------------------------------------*/
  /* day row structure */
  /* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
  /* week and day number styling */
  /* when week/day number have own column */
  /* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
  /* divs within a cell within the fc-content-skeleton */
  /* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
  /* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* short mode, where time and title are on the same line */
  /* resizer (cursor device) */
  /* resizer (touch device) */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* arrow on axis */
  /* List View
--------------------------------------------------------------------------------------------------*/
  /* possibly reusable */
  /* view wrapper */
  /* table resets */
  /* day headings with the list */
  /* event list items */
  /* make the dot closer to the event title */
  /* message when no events */
}

page-assign-teacher-list .letter-sp-1 {
  letter-spacing: 1px;
}

page-assign-teacher-list .letter-sp-2 {
  letter-spacing: 2px;
}

page-assign-teacher-list .letter-sp-3 {
  letter-spacing: 3px;
}

page-assign-teacher-list .m-0 {
  margin: 0 !important;
}

page-assign-teacher-list .m-5 {
  margin: 5px !important;
}

page-assign-teacher-list .m-10 {
  margin: 10px !important;
}

page-assign-teacher-list .m-15 {
  margin: 15px !important;
}

page-assign-teacher-list .m-20 {
  margin: 20px !important;
}

page-assign-teacher-list .m-30 {
  margin: 30px !important;
}

page-assign-teacher-list .m-50 {
  margin: 50px !important;
}

page-assign-teacher-list .m-b-100 {
  margin-bottom: 100px !important;
}

page-assign-teacher-list .m-b-15 {
  margin-bottom: 15px !important;
}

page-assign-teacher-list .m-b-20 {
  margin-bottom: 20px !important;
}

page-assign-teacher-list .m-b-0 {
  margin-bottom: 0 !important;
}

page-assign-teacher-list .m-l-0 {
  margin-left: 0 !important;
}

page-assign-teacher-list .m-l-5 {
  margin-left: 5px !important;
}

page-assign-teacher-list .m-l-10 {
  margin-left: 10px !important;
}

page-assign-teacher-list .m-l-15 {
  margin-left: 15px !important;
}

page-assign-teacher-list .m-l-20 {
  margin-left: 20px !important;
}

page-assign-teacher-list .m-l-30 {
  margin-left: 30px !important;
}

page-assign-teacher-list .m-l-40 {
  margin-left: 40px !important;
}

page-assign-teacher-list .m-l-50 {
  margin-left: 50px !important;
}

page-assign-teacher-list .m-l-n-1 {
  margin-left: -1px !important;
}

page-assign-teacher-list .m-l-n-5 {
  margin-left: -5px !important;
}

page-assign-teacher-list .m-l-n-10 {
  margin-left: -10px !important;
}

page-assign-teacher-list .m-l-n-15 {
  margin-left: -15px !important;
}

page-assign-teacher-list .m-l-n-20 {
  margin-left: -20px !important;
}

page-assign-teacher-list .m-l-n-30 {
  margin-left: -30px !important;
}

page-assign-teacher-list .m-l-n-40 {
  margin-left: -40px !important;
}

page-assign-teacher-list .m-l-n-50 {
  margin-left: -50px !important;
}

page-assign-teacher-list .m-t-0 {
  margin-top: 0 !important;
}

page-assign-teacher-list .m-t-1 {
  margin-top: 1px !important;
}

page-assign-teacher-list .m-t-2 {
  margin-top: 2px;
}

page-assign-teacher-list .m-t-2p {
  margin-top: 2% !important;
}

page-assign-teacher-list .m-t-5p {
  margin-top: 5% !important;
}

page-assign-teacher-list .m-t-25p {
  margin-top: 25% !important;
}

page-assign-teacher-list .m-t-30p {
  margin-top: 30% !important;
}

page-assign-teacher-list .m-t-4 {
  margin-top: 4px !important;
}

page-assign-teacher-list .m-t-5 {
  margin-top: 5px !important;
}

page-assign-teacher-list .m-t-5p {
  margin-top: 5% !important;
}

page-assign-teacher-list .m-t-10 {
  margin-top: 10px !important;
}

page-assign-teacher-list .m-t-15 {
  margin-top: 15px !important;
}

page-assign-teacher-list .m-t-20 {
  margin-top: 20px !important;
}

page-assign-teacher-list .m-t-30 {
  margin-top: 30px !important;
}

page-assign-teacher-list .m-t-40 {
  margin-top: 40px !important;
}

page-assign-teacher-list .m-t-50 {
  margin-top: 50px !important;
}

page-assign-teacher-list .m-t-75 {
  margin-top: 75px !important;
}

page-assign-teacher-list .m-t-100 {
  margin-top: 100px !important;
}

page-assign-teacher-list .m-t-120 {
  margin-top: 120px !important;
}

page-assign-teacher-list .m-t-140 {
  margin-top: 140px !important;
}

page-assign-teacher-list .m-t-n-1 {
  margin-top: -1px !important;
}

page-assign-teacher-list .m-t-n-5 {
  margin-top: -5px !important;
}

page-assign-teacher-list .m-t-n-10 {
  margin-top: -10px !important;
}

page-assign-teacher-list .m-t-n-15 {
  margin-top: -15px !important;
}

page-assign-teacher-list .m-t-n-20 {
  margin-top: -20px !important;
}

page-assign-teacher-list .m-t-n-30 {
  margin-top: -30px !important;
}

page-assign-teacher-list .m-t-n-40 {
  margin-top: -40px !important;
}

page-assign-teacher-list .m-t-n-50 {
  margin-top: -50px !important;
}

page-assign-teacher-list .m-r-0 {
  margin-right: 0 !important;
}

page-assign-teacher-list .m-r-1 {
  margin-right: 1px !important;
}

page-assign-teacher-list .m-r-5 {
  margin-right: 5px !important;
}

page-assign-teacher-list .m-r-10 {
  margin-right: 10px !important;
}

page-assign-teacher-list .m-r-15 {
  margin-right: 15px !important;
}

page-assign-teacher-list .m-r-20 {
  margin-right: 20px !important;
}

page-assign-teacher-list .m-r-30 {
  margin-right: 30px !important;
}

page-assign-teacher-list .m-r-40 {
  margin-right: 40px !important;
}

page-assign-teacher-list .m-r-50 {
  margin-right: 50px !important;
}

page-assign-teacher-list .m-r-n-1 {
  margin-right: -1px !important;
}

page-assign-teacher-list .m-r-n-5 {
  margin-right: -5px !important;
}

page-assign-teacher-list .m-r-n-10 {
  margin-right: -10px !important;
}

page-assign-teacher-list .m-r-n-15 {
  margin-right: -15px !important;
}

page-assign-teacher-list .m-r-n-20 {
  margin-right: -20px !important;
}

page-assign-teacher-list .m-r-n-30 {
  margin-right: -30px !important;
}

page-assign-teacher-list .m-r-n-40 {
  margin-right: -40px !important;
}

page-assign-teacher-list .m-r-n-50 {
  margin-right: -50px !important;
}

page-assign-teacher-list .m-b-0 {
  margin-bottom: 0 !important;
}

page-assign-teacher-list .m-b-1 {
  margin-bottom: 1px !important;
}

page-assign-teacher-list .m-b-4 {
  margin-bottom: 4px !important;
}

page-assign-teacher-list .m-b-5 {
  margin-bottom: 5px !important;
}

page-assign-teacher-list .m-b-10 {
  margin-bottom: 10px !important;
}

page-assign-teacher-list .m-b-15 {
  margin-bottom: 15px !important;
}

page-assign-teacher-list .m-b-20 {
  margin-bottom: 20px !important;
}

page-assign-teacher-list .m-b-30 {
  margin-bottom: 30px !important;
}

page-assign-teacher-list .m-b-40 {
  margin-bottom: 40px !important;
}

page-assign-teacher-list .m-b-50 {
  margin-bottom: 50px !important;
}

page-assign-teacher-list .m-b-n-1 {
  margin-bottom: -1px !important;
}

page-assign-teacher-list .m-b-n-5 {
  margin-bottom: -5px !important;
}

page-assign-teacher-list .m-b-n-10 {
  margin-bottom: -10px !important;
}

page-assign-teacher-list .m-b-n-15 {
  margin-bottom: -15px !important;
}

page-assign-teacher-list .m-b-n-20 {
  margin-bottom: -20px !important;
}

page-assign-teacher-list .m-b-n-30 {
  margin-bottom: -30px !important;
}

page-assign-teacher-list .m-b-n-40 {
  margin-bottom: -40px !important;
}

page-assign-teacher-list .m-b-n-50 {
  margin-bottom: -50px !important;
}

page-assign-teacher-list .p-0 {
  padding: 0 !important;
}

page-assign-teacher-list .p-5 {
  padding: 5px !important;
}

page-assign-teacher-list .p-10 {
  padding: 10px !important;
}

page-assign-teacher-list .p-15 {
  padding: 15px !important;
}

page-assign-teacher-list .p-20 {
  padding: 20px !important;
}

page-assign-teacher-list .p-25 {
  padding: 25px !important;
}

page-assign-teacher-list .p-30 {
  padding: 30px !important;
}

page-assign-teacher-list .p-40 {
  padding: 40px !important;
}

page-assign-teacher-list .p-50 {
  padding: 50px !important;
}

page-assign-teacher-list .p-75 {
  padding: 75px !important;
}

page-assign-teacher-list .p-100 {
  padding: 100px !important;
}

page-assign-teacher-list .p-lr {
  padding: 0px 4% 0px 4%;
}

page-assign-teacher-list .p-l-0 {
  padding-left: 0 !important;
}

page-assign-teacher-list .p-l-5 {
  padding-left: 5px !important;
}

page-assign-teacher-list .p-l-10 {
  padding-left: 10px !important;
}

page-assign-teacher-list .p-l-12 {
  padding-left: 12px !important;
}

page-assign-teacher-list .p-l-15 {
  padding-left: 15px !important;
}

page-assign-teacher-list .p-l-16 {
  padding-left: 16px !important;
}

page-assign-teacher-list .p-l-20 {
  padding-left: 20px !important;
}

page-assign-teacher-list .p-l-25 {
  padding-left: 25px !important;
}

page-assign-teacher-list .p-l-30 {
  padding-left: 30px !important;
}

page-assign-teacher-list .p-l-40 {
  padding-left: 40px !important;
}

page-assign-teacher-list .p-l-50 {
  padding-left: 50px !important;
}

page-assign-teacher-list .p-l-75 {
  padding-left: 75px !important;
}

page-assign-teacher-list .p-l-100 {
  padding-left: 100px !important;
}

page-assign-teacher-list .p-r-0 {
  padding-right: 0 !important;
}

page-assign-teacher-list .p-r-5 {
  padding-right: 5px !important;
}

page-assign-teacher-list .p-r-10 {
  padding-right: 10px !important;
}

page-assign-teacher-list .p-r-12 {
  padding-right: 12px !important;
}

page-assign-teacher-list .p-r-15 {
  padding-right: 15px !important;
}

page-assign-teacher-list .p-r-20 {
  padding-right: 20px !important;
}

page-assign-teacher-list .p-r-25 {
  padding-right: 25px !important;
}

page-assign-teacher-list .p-r-30 {
  padding-right: 30px !important;
}

page-assign-teacher-list .p-r-40 {
  padding-right: 40px !important;
}

page-assign-teacher-list .p-r-50 {
  padding-right: 50px !important;
}

page-assign-teacher-list .p-r-75 {
  padding-right: 75px !important;
}

page-assign-teacher-list .p-r-100 {
  padding-right: 100px !important;
}

page-assign-teacher-list .p-b-0 {
  padding-bottom: 0 !important;
}

page-assign-teacher-list .p-b-5 {
  padding-bottom: 5px !important;
}

page-assign-teacher-list .p-b-10 {
  padding-bottom: 10px !important;
}

page-assign-teacher-list .p-b-15 {
  padding-bottom: 15px !important;
}

page-assign-teacher-list .p-b-16 {
  padding-bottom: 16px !important;
}

page-assign-teacher-list .p-b-20 {
  padding-bottom: 20px !important;
}

page-assign-teacher-list .p-b-25 {
  padding-bottom: 25px !important;
}

page-assign-teacher-list .p-b-30 {
  padding-bottom: 30px !important;
}

page-assign-teacher-list .p-b-40 {
  padding-bottom: 40px !important;
}

page-assign-teacher-list .p-b-50 {
  padding-bottom: 50px !important;
}

page-assign-teacher-list .p-b-60 {
  padding-bottom: 60px !important;
}

page-assign-teacher-list .p-b-70 {
  padding-bottom: 70px !important;
}

page-assign-teacher-list .p-b-80 {
  padding-bottom: 80px !important;
}

page-assign-teacher-list .p-b-90 {
  padding-bottom: 90px !important;
}

page-assign-teacher-list .p-b-100 {
  padding-bottom: 100px !important;
}

page-assign-teacher-list .p-t-0 {
  padding-top: 0 !important;
}

page-assign-teacher-list .p-t-5 {
  padding-top: 5px !important;
}

page-assign-teacher-list .p-t-7 {
  padding-top: 7px !important;
}

page-assign-teacher-list .p-t-10 {
  padding-top: 10px !important;
}

page-assign-teacher-list .p-t-15 {
  padding-top: 15px !important;
}

page-assign-teacher-list .p-t-16 {
  padding-top: 16px !important;
}

page-assign-teacher-list .p-t-20 {
  padding-top: 20px !important;
}

page-assign-teacher-list .p-t-25 {
  padding-top: 25px !important;
}

page-assign-teacher-list .p-t-30 {
  padding-top: 30px !important;
}

page-assign-teacher-list .p-t-40 {
  padding-top: 40px !important;
}

page-assign-teacher-list .p-t-50 {
  padding-top: 50px !important;
}

page-assign-teacher-list .p-t-75 {
  padding-top: 75px !important;
}

page-assign-teacher-list .p-t-100 {
  padding-top: 100px !important;
}

page-assign-teacher-list .p-t-120 {
  padding-top: 120px !important;
}

page-assign-teacher-list .p-t-130 {
  padding-top: 130px !important;
}

page-assign-teacher-list .p-t-140 {
  padding-top: 140px !important;
}

page-assign-teacher-list .p-t-150 {
  padding-top: 150px !important;
}

page-assign-teacher-list .block {
  display: block !important;
}

page-assign-teacher-list .img-xs {
  width: 30px;
  height: 30px;
}

page-assign-teacher-list .img-sm {
  width: 35px;
  height: 35px;
}

page-assign-teacher-list .img-md {
  width: 55px;
  height: 55px;
}

page-assign-teacher-list .img-lg {
  width: 100px;
  height: 100px;
}

page-assign-teacher-list .min-w-800 {
  min-width: 800px !important;
}

page-assign-teacher-list .min-w-1000 {
  min-width: 1000px !important;
}

page-assign-teacher-list .min-w-1100 {
  min-width: 1100px !important;
}

page-assign-teacher-list .max-w-20 {
  max-width: 20px !important;
}

page-assign-teacher-list .max-w-30 {
  max-width: 30px !important;
}

page-assign-teacher-list .max-w-32 {
  max-width: 35px !important;
}

page-assign-teacher-list .max-w-35 {
  max-width: 35px !important;
}

page-assign-teacher-list .max-w-40 {
  max-width: 40px !important;
}

page-assign-teacher-list .max-w-50 {
  max-width: 50px !important;
}

page-assign-teacher-list .max-w-75 {
  max-width: 75px !important;
}

page-assign-teacher-list .max-w-100 {
  max-width: 100px !important;
}

page-assign-teacher-list .max-w-150 {
  max-width: 150px !important;
}

page-assign-teacher-list .max-w-200 {
  max-width: 200px !important;
}

page-assign-teacher-list .max-w-300 {
  max-width: 300px !important;
}

page-assign-teacher-list .max-w-400 {
  max-width: 400px !important;
}

page-assign-teacher-list .overflow-hidden {
  overflow: hidden;
}

page-assign-teacher-list .overflow-auto {
  overflow: auto;
}

page-assign-teacher-list .max-h-50 {
  max-height: 50px !important;
}

page-assign-teacher-list .max-h-80 {
  max-height: 80px !important;
}

page-assign-teacher-list .max-h-100 {
  max-height: 100px !important;
}

page-assign-teacher-list .max-h-150 {
  max-height: 150px !important;
}

page-assign-teacher-list .max-h-200 {
  max-height: 200px !important;
}

page-assign-teacher-list .max-h-250 {
  max-height: 250px !important;
}

page-assign-teacher-list .max-h-300 {
  max-height: 300px !important;
}

page-assign-teacher-list .max-h-350 {
  max-height: 300px !important;
}

page-assign-teacher-list .max-h-375 {
  max-height: 300px !important;
}

page-assign-teacher-list .max-h-400 {
  max-height: 400px !important;
}

page-assign-teacher-list .max-h-450 {
  max-height: 450px !important;
}

page-assign-teacher-list .max-h-500 {
  max-height: 500px !important;
}

page-assign-teacher-list .max-h-600 {
  max-height: 600px !important;
}

page-assign-teacher-list .max-h-650 {
  max-height: 650px !important;
}

page-assign-teacher-list .max-h-700 {
  max-height: 700px !important;
}

page-assign-teacher-list .max-h-800 {
  max-height: 800px !important;
}

page-assign-teacher-list .max-h-900 {
  max-height: 900px !important;
}

page-assign-teacher-list .max-h-1000 {
  max-height: 1000px !important;
}

page-assign-teacher-list .min-h-0 {
  min-height: 0 !important;
}

page-assign-teacher-list .min-h-50 {
  min-height: 50px !important;
}

page-assign-teacher-list .min-h-100 {
  min-height: 100px !important;
}

page-assign-teacher-list .min-h-200 {
  min-height: 200px !important;
}

page-assign-teacher-list .min-h-250 {
  min-height: 250px !important;
}

page-assign-teacher-list .min-h-300 {
  min-height: 300px !important;
}

page-assign-teacher-list .min-h-350 {
  min-height: 300px !important;
}

page-assign-teacher-list .min-h-375 {
  min-height: 300px !important;
}

page-assign-teacher-list .min-h-400 {
  min-height: 400px !important;
}

page-assign-teacher-list .min-h-450 {
  min-height: 450px !important;
}

page-assign-teacher-list .min-h-500 {
  min-height: 500px !important;
}

page-assign-teacher-list .min-h-600 {
  min-height: 600px !important;
}

page-assign-teacher-list .min-h-650 {
  min-height: 650px !important;
}

page-assign-teacher-list .min-h-700 {
  min-height: 700px !important;
}

page-assign-teacher-list .min-h-800 {
  min-height: 800px !important;
}

page-assign-teacher-list .min-h-900 {
  min-height: 900px !important;
}

page-assign-teacher-list .min-h-1000 {
  min-height: 1000px !important;
}

page-assign-teacher-list .h-5 {
  height: 5px !important;
}

page-assign-teacher-list .h-10 {
  height: 10px !important;
}

page-assign-teacher-list .h-20 {
  height: 20px !important;
}

page-assign-teacher-list .h-25 {
  height: 25px !important;
}

page-assign-teacher-list .h-50 {
  height: 50px !important;
}

page-assign-teacher-list .h-75 {
  height: 75px !important;
}

page-assign-teacher-list .h-100 {
  height: 100px !important;
}

page-assign-teacher-list .h-125 {
  height: 125px !important;
}

page-assign-teacher-list .h-150 {
  height: 150px !important;
}

page-assign-teacher-list .h-200 {
  height: 200px !important;
}

page-assign-teacher-list .h-300 {
  height: 300px !important;
}

page-assign-teacher-list .h-350 {
  height: 350px !important;
}

page-assign-teacher-list .h-400 {
  height: 400px !important;
}

page-assign-teacher-list .h-450 {
  height: 450px !important;
}

page-assign-teacher-list .h-500 {
  height: 500px !important;
}

page-assign-teacher-list .h-600 {
  height: 600px !important;
}

page-assign-teacher-list .h-650 {
  height: 650px !important;
}

page-assign-teacher-list .h-700 {
  height: 700px !important;
}

page-assign-teacher-list .h-800 {
  height: 800px !important;
}

page-assign-teacher-list .h-900 {
  height: 900px !important;
}

page-assign-teacher-list .h-1000 {
  height: 1000px !important;
}

page-assign-teacher-list .w-5 {
  width: 5px !important;
}

page-assign-teacher-list .w-10 {
  width: 10px !important;
}

page-assign-teacher-list .w-15 {
  width: 15px !important;
}

page-assign-teacher-list .w-20 {
  width: 20px !important;
}

page-assign-teacher-list .w-30 {
  width: 30px !important;
}

page-assign-teacher-list .w-40 {
  width: 40px !important;
}

page-assign-teacher-list .w-50 {
  width: 50px !important;
}

page-assign-teacher-list .w-60 {
  width: 60px !important;
}

page-assign-teacher-list .w-80 {
  width: 80px !important;
}

page-assign-teacher-list .w-100 {
  width: 100px !important;
}

page-assign-teacher-list .w-150 {
  width: 150px !important;
}

page-assign-teacher-list .w-190 {
  width: 190px !important;
}

page-assign-teacher-list .w-200 {
  width: 200px !important;
}

page-assign-teacher-list .w-250 {
  width: 250px !important;
}

page-assign-teacher-list .w-300 {
  width: 300px !important;
}

page-assign-teacher-list .w-600 {
  width: 600px !important;
}

page-assign-teacher-list .w-100p {
  width: 100% !important;
}

page-assign-teacher-list .w-95p {
  width: 95% !important;
}

page-assign-teacher-list .w-90p {
  width: 90% !important;
}

page-assign-teacher-list .w-80p {
  width: 80% !important;
}

page-assign-teacher-list .w-70p {
  width: 70% !important;
}

page-assign-teacher-list .w-60p {
  width: 60% !important;
}

page-assign-teacher-list .w-50p {
  width: 50% !important;
}

page-assign-teacher-list .w-45p {
  width: 45% !important;
}

page-assign-teacher-list .w-40p {
  width: 40% !important;
}

page-assign-teacher-list .w-30p {
  width: 30% !important;
}

page-assign-teacher-list .w-25p {
  width: 25% !important;
}

page-assign-teacher-list .w-20p {
  width: 20% !important;
}

page-assign-teacher-list .w-15p {
  width: 15% !important;
}

page-assign-teacher-list .w-10p {
  width: 10% !important;
}

page-assign-teacher-list .w-8p {
  width: 8% !important;
}

page-assign-teacher-list .w-5p {
  width: 5% !important;
}

page-assign-teacher-list .w-3p {
  width: 3% !important;
}

page-assign-teacher-list .w-95p {
  width: 95% !important;
}

page-assign-teacher-list .h-100p {
  height: 100% !important;
}

page-assign-teacher-list .h-80p {
  height: 80% !important;
}

page-assign-teacher-list .absolute {
  position: absolute !important;
}

page-assign-teacher-list .relative {
  position: relative !important;
}

page-assign-teacher-list .block {
  display: block !important;
}

page-assign-teacher-list .inline-block {
  display: inline-block !important;
}

page-assign-teacher-list .list-block li {
  display: block !important;
}

page-assign-teacher-list .list-inline li {
  display: inline !important;
}

page-assign-teacher-list .clear-both {
  clear: both !important;
}

page-assign-teacher-list .line-height-normal {
  line-height: normal !important;
}

page-assign-teacher-list .line-height-8 {
  line-height: 8px !important;
}

page-assign-teacher-list .line-height-14 {
  line-height: 14px !important;
}

page-assign-teacher-list .line-height-12 {
  line-height: normal !important;
}

page-assign-teacher-list ul.style-none {
  margin: 0;
  padding: 0;
  list-style: none;
}

page-assign-teacher-list ul.style-none li {
  font-size: 0.875rem;
  padding: 3px 0;
}

page-assign-teacher-list ul.style-none li ul {
  list-style: none;
}

page-assign-teacher-list ul.vertical-icon-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

page-assign-teacher-list ul.vertical-icon-list li {
  font-size: 0.875rem;
  padding: 6px 0;
}

page-assign-teacher-list ul.vertical-icon-list li i {
  font-size: 1.25rem;
  padding-right: 15px;
  vertical-align: middle;
}

page-assign-teacher-list .bg-white {
  background: #ffffff !important;
}

page-assign-teacher-list .bg-green {
  background: #28bebd !important;
}

page-assign-teacher-list .bg-blue {
  background: #42a5f5 !important;
}

page-assign-teacher-list .bg-lightBlue {
  background: #2ebaee !important;
}

page-assign-teacher-list .bg-red {
  background: #ef5350 !important;
}

page-assign-teacher-list .bg-yellow {
  background: #f8c200 !important;
}

page-assign-teacher-list .bg-paleYellow {
  background: #fddd7e !important;
}

page-assign-teacher-list .bg-lightGray {
  background: #e3ecf7 !important;
}

page-assign-teacher-list .bg-gray {
  background: #8f9eb5 !important;
}

page-assign-teacher-list .bg-drakGray {
  background: #707c94 !important;
}

page-assign-teacher-list .bg-grayBlue {
  background: #59779b !important;
}

page-assign-teacher-list .bg-purple {
  background: #6b79c4 !important;
}

page-assign-teacher-list .bg-turquoise {
  background: #00c5dc !important;
}

page-assign-teacher-list .bg-peach {
  background: #feb38d !important;
}

page-assign-teacher-list .bg-transparent {
  background: transparent !important;
}

page-assign-teacher-list .text-primary {
  color: #172B4D !important;
}

page-assign-teacher-list .text-link {
  color: #0645ad !important;
}

page-assign-teacher-list .text-green {
  color: #28bebd !important;
}

page-assign-teacher-list .text-turquoise {
  color: #00c5dc !important;
}

page-assign-teacher-list .text-red {
  color: #ef5350 !important;
}

page-assign-teacher-list .text-cyan {
  color: #26c6da !important;
}

page-assign-teacher-list .text-yellow {
  color: #f8c200 !important;
}

page-assign-teacher-list .text-gray {
  color: #8f9eb5 !important;
}

page-assign-teacher-list .text-blue {
  color: #42a5f5 !important;
}

page-assign-teacher-list .text-orange {
  color: #ffb74d !important;
}

page-assign-teacher-list .text-purple {
  color: #6b79c4 !important;
}

page-assign-teacher-list .text-white {
  color: #fff !important;
}

page-assign-teacher-list .text-brown {
  color: #906b6b !important;
}

page-assign-teacher-list .text-salmon {
  color: #ee6e73 !important;
}

page-assign-teacher-list .text-muted {
  color: #8396b0;
}

page-assign-teacher-list .color-black {
  color: #000 !important;
}

page-assign-teacher-list .color-white {
  color: #fff !important;
}

page-assign-teacher-list .bg-white {
  background-color: #fff !important;
}

page-assign-teacher-list .transparent {
  background: transparent !important;
}

page-assign-teacher-list .bg-primary {
  background-color: #172B4D !important;
}

page-assign-teacher-list .border-bottom,
page-assign-teacher-list .border-grey-bottom-1px {
  border-bottom: 1px solid rgba(215, 225, 237, 0.8) !important;
}

page-assign-teacher-list .border-grey-top-1px,
page-assign-teacher-list .border-top {
  border-top: 1px solid rgba(215, 225, 237, 0.6) !important;
}

page-assign-teacher-list .border-bottom-black-2px {
  border-bottom: 2px solid black;
}

page-assign-teacher-list .border-top0p {
  border-top: 0px !important;
}

page-assign-teacher-list .b-n {
  border: none !important;
}

page-assign-teacher-list .b-b-1 {
  border: 1px solid black;
}

page-assign-teacher-list .b-lg-1 {
  border: 1px solid lightgrey;
}

page-assign-teacher-list .shadow-none {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

page-assign-teacher-list .shadow-z-0 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-assign-teacher-list .shadow-z-1 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-assign-teacher-list .shadow-z-1:hover {
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

page-assign-teacher-list .shadow-z-2 {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

page-assign-teacher-list .shadow-z-3 {
  -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

page-assign-teacher-list .shadow-z-4 {
  -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}

page-assign-teacher-list .shadow-z-5 {
  -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}

page-assign-teacher-list .big-shadow {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
}

page-assign-teacher-list .shadow-2dp {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

page-assign-teacher-list .shadow-3dp {
  -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}

page-assign-teacher-list .shadow-4dp {
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}

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

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

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

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

page-assign-teacher-list .font-weight-100 {
  font-weight: 100 !important;
}

page-assign-teacher-list .font-weight-200 {
  font-weight: 200 !important;
}

page-assign-teacher-list .font-weight-300 {
  font-weight: 300 !important;
}

page-assign-teacher-list .font-weight-400 {
  font-weight: 400 !important;
}

page-assign-teacher-list .font-weight-500 {
  font-weight: 500 !important;
}

page-assign-teacher-list .font-weight-600 {
  font-weight: 600 !important;
}

page-assign-teacher-list .font-weight-700 {
  font-weight: 700 !important;
}

page-assign-teacher-list .font-weight-800 {
  font-weight: 800 !important;
}

page-assign-teacher-list .font-weight-900 {
  font-weight: 900 !important;
}

page-assign-teacher-list .font-weight-light {
  font-weight: 100 !important;
}

page-assign-teacher-list .font-weight-normal {
  font-weight: 300 !important;
}

page-assign-teacher-list .font-weight-medium {
  font-weight: 400 !important;
}

page-assign-teacher-list .font-weight-bold {
  font-weight: 500 !important;
}

page-assign-teacher-list .bold {
  font-weight: bold !important;
}

page-assign-teacher-list .font-size-0 {
  font-size: 0 !important;
}

page-assign-teacher-list .font-size-10 {
  font-size: 10px !important;
}

page-assign-teacher-list .font-size-11 {
  font-size: 11px !important;
}

page-assign-teacher-list .font-size-12 {
  font-size: 12px !important;
}

page-assign-teacher-list .font-size-14 {
  font-size: 14px !important;
}

page-assign-teacher-list .font-size-16 {
  font-size: 16px !important;
}

page-assign-teacher-list .font-size-18 {
  font-size: 18px !important;
}

page-assign-teacher-list .font-size-20 {
  font-size: 20px !important;
}

page-assign-teacher-list .font-size-24 {
  font-size: 24px !important;
}

page-assign-teacher-list .font-size-26 {
  font-size: 26px !important;
}

page-assign-teacher-list .font-size-30 {
  font-size: 30px !important;
}

page-assign-teacher-list .font-size-35 {
  font-size: 35px !important;
}

page-assign-teacher-list .font-size-38 {
  font-size: 38px !important;
}

page-assign-teacher-list .font-size-40 {
  font-size: 40px !important;
}

page-assign-teacher-list .font-size-50 {
  font-size: 50px !important;
}

page-assign-teacher-list .font-size-60 {
  font-size: 60px !important;
}

page-assign-teacher-list .font-size-70 {
  font-size: 70px !important;
}

page-assign-teacher-list .font-size-80 {
  font-size: 80px !important;
}

page-assign-teacher-list .hidden {
  display: none !important;
}

page-assign-teacher-list .w-100p {
  width: 100% !important;
}

page-assign-teacher-list .float-r {
  float: right !important;
}

page-assign-teacher-list .float-l {
  float: left !important;
}

page-assign-teacher-list .align-c {
  display: block;
  margin: 0 auto;
}

page-assign-teacher-list .align-b {
  display: block;
}

page-assign-teacher-list .text-center {
  text-align: center !important;
}

page-assign-teacher-list .text-left {
  text-align: left !important;
}

page-assign-teacher-list .text-right {
  text-align: right !important;
}

page-assign-teacher-list .align-v-c {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-assign-teacher-list .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-assign-teacher-list .align-v-c1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-assign-teacher-list .align-v-c2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-assign-teacher-list .align-v-c3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-assign-teacher-list .align-v-c4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-assign-teacher-list .align-flex-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-assign-teacher-list .align-right-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

page-assign-teacher-list .align-start-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media (max-width: 576px) {
  page-assign-teacher-list .d-xs-none {
    display: none !important;
  }
  page-assign-teacher-list .d-xs-inline {
    display: inline !important;
  }
  page-assign-teacher-list .d-xs-inline-block {
    display: inline-block !important;
  }
  page-assign-teacher-list .d-xs-block {
    display: block !important;
  }
  page-assign-teacher-list .d-xs-table {
    display: table !important;
  }
  page-assign-teacher-list .d-xs-table-cell {
    display: table-cell !important;
  }
  page-assign-teacher-list .d-xs-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
  }
  page-assign-teacher-list .d-xs-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important;
  }
}

page-assign-teacher-list .b-r-gd {
  border-radius: 10px !important;
}

page-assign-teacher-list .b-r-10 {
  border-radius: 10px !important;
}

page-assign-teacher-list .b-r-5 {
  border-radius: 5px;
}

page-assign-teacher-list .d-fl-ov-x {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  overflow-x: auto !important;
}

page-assign-teacher-list .align-base {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-assign-teacher-list .d-fl-bl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-assign-teacher-list .d-fl-vhcenter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-assign-teacher-list .d-fl-b2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
}

page-assign-teacher-list .d-fl-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-assign-teacher-list .d-fl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-assign-teacher-list .d-fl-sb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-assign-teacher-list .d-fl-saround {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-assign-teacher-list .d-fl-ac {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-assign-teacher-list .text-capital {
  text-transform: capitalize !important;
}

page-assign-teacher-list .text-upper {
  text-transform: uppercase !important;
}

page-assign-teacher-list .m-a {
  margin: auto !important;
}

page-assign-teacher-list .m-l-a {
  margin-left: auto !important;
}

page-assign-teacher-list .m-r-a {
  margin-right: auto !important;
}

page-assign-teacher-list .italic {
  font-style: italic;
}

page-assign-teacher-list .pointer {
  cursor: pointer;
}

page-assign-teacher-list .ws-in {
  white-space: inherit;
}

page-assign-teacher-list .opacity-1 {
  opacity: 1;
}

page-assign-teacher-list .in-valid-checkbox {
  border: 1px solid #ff0000 !important;
  padding: 5px !important;
  margin-bottom: 10px;
  border-radius: 5px;
}

page-assign-teacher-list page-corp-dashboard .mycustomdrop:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
  top: -15px;
  position: absolute;
  right: 15%;
}

page-assign-teacher-list h1 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1.6875rem !important;
  line-height: 64px;
  letter-spacing: -0.4px;
}

page-assign-teacher-list h2 {
  font-family: "Poppins", sans-serif;
  font-size: 24px !important;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
}

page-assign-teacher-list h3,
page-assign-teacher-list .h3 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 22px !important;
  line-height: 48px;
  /* identical to box height, or 200% */
  /* Neutral / dark gray */
  color: #000000;
}

page-assign-teacher-list h4,
page-assign-teacher-list .menu-heading-h4 {
  font-family: "Poppins", sans-serif !important;
  font-style: normal;
  font-weight: normal;
  font-size: 15px !important;
  line-height: 26px;
  /* or 144% */
  letter-spacing: -0.2px;
  color: #000000;
}

page-assign-teacher-list h5 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  /* or 143% */
  color: #000000;
}

page-assign-teacher-list .subtitle {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  /* or 200% */
  letter-spacing: 2.5px;
  color: #4E5761;
}

page-assign-teacher-list p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 13px !important;
  line-height: 24px;
  /* identical to box height, or 171% */
  letter-spacing: -0.1px;
  /* Neutral / black */
  color: #000000;
}

page-assign-teacher-list .ui-tabview.ui-tabview-top > .ui-tabview-nav {
  padding: 0.2em 0.2em 0;
  border-bottom: 1px solid #eaeaea;
}

page-assign-teacher-list .scroll-content {
  padding: 0 !important;
}

page-assign-teacher-list ion-navbar {
  margin: 0;
  border-radius: 0px;
  height: 50px !important;
  color: #172B4D !important;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-assign-teacher-list ion-header {
  padding: 0;
}

page-assign-teacher-list .header-md::after {
  background-image: none;
}

page-assign-teacher-list .toolbar-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #172B4D !important;
  line-height: 24px;
  font-family: "Poppins", sans-serif;
  font-size: 2rem !important;
  font-weight: bold !important;
  text-align: left !important;
}

page-assign-teacher-list .userLabel {
  float: right;
  display: inline;
  letter-spacing: 1px;
  color: #172B4D !important !important;
}

page-assign-teacher-list .card-title {
  font-size: 16px !important;
  color: #000000;
  font-weight: bold !important;
  text-align: center !important;
}

page-assign-teacher-list .barcolor {
  background: #5a75a3;
  color: #ffffff;
}

page-assign-teacher-list p-sorticon {
  color: black;
}

page-assign-teacher-list p-sorticon a {
  color: black !important;
}

page-assign-teacher-list .globalTable {
  border: none;
  border: 1px solid #c1c1c1;
}

page-assign-teacher-list .globalTable .ui-table-caption {
  border-bottom: 1px solid #dadada !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  font-size: 18px !important;
  background: #ecececad !important;
}

page-assign-teacher-list .globalTable .table-header input {
  font-size: 15px !important;
  border-style: groove;
  width: 100% !important;
  padding-left: 10px;
  border-radius: 10px;
  border-color: #f3f3f3;
  font-weight: 500;
  line-height: 25px !important;
}

page-assign-teacher-list .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-assign-teacher-list .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

page-assign-teacher-list .globalTable .table-header .align input {
  width: 80%;
  line-height: 25px;
}

page-assign-teacher-list .globalTable .ui-table-tbody tr:nth-child(2n+1) {
  background: white;
}

page-assign-teacher-list .globalTable .ui-table-tbody tr:nth-child(2n) {
  background: #f3f3f3;
}

page-assign-teacher-list .globalTable .ui-table-tbody tr:hover {
  background: #c1c1c167 !important;
}

page-assign-teacher-list .globalTable .ui-table-tbody .activeRow {
  background: #c4d2e5 !important;
}

page-assign-teacher-list .globalTable th input {
  text-align: center !important;
  width: 90% !important;
  font-weight: 400 !important;
}

page-assign-teacher-list .globalTable .ui-table .ui-sortable-column.ui-state-highlight {
  color: black !important;
}

page-assign-teacher-list .globalTable .ui-table .ui-table-thead tr th {
  background: #eeeeee9e;
  border: none;
  padding: 10px 0;
  width: 100%;
  text-align: center;
}

page-assign-teacher-list .globalTable .ui-table .ui-table-tbody tr td {
  border: none;
  background: inherit;
  padding: 20px 0;
  text-align: center;
}

page-assign-teacher-list .globalTable .ui-table .ui-table-tbody tr {
  border-bottom: 1px solid #cacaca;
}

page-assign-teacher-list .globalTable .p-column-filter {
  border-radius: 4px;
  border: 1px solid gray;
}

page-assign-teacher-list .globalTable .badge-badge.status-Active {
  padding: 5px 20px;
  color: #226f4e;
  background-color: #9decbe;
  font-weight: 500;
  font-size: 12px;
}

page-assign-teacher-list .globalTable .badge-badge.status-Inactive {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

page-assign-teacher-list .globalTable .badge-badge.status-Suspended {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

page-assign-teacher-list .globalTable .badge-badge.status-Waiting {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

page-assign-teacher-list .globalTable .badge-badge.status-Pending {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

page-assign-teacher-list .globalTable .actionIcon {
  padding: 0 3px;
  font-size: 16px;
  cursor: pointer;
}

page-assign-teacher-list ion-icon {
  cursor: pointer;
}

page-assign-teacher-list .button-md-reset {
  background-color: #ffffff;
  color: black !important;
  border: 1px solid #e3ecf7;
}

page-assign-teacher-list .button-md-reset:hover {
  background-color: #ececec !important;
}

page-assign-teacher-list .reset:hover {
  background-color: #ececec !important;
}

page-assign-teacher-list .button-md-primary {
  background-color: #172B4D !important;
  color: #ffffff !important;
}

page-assign-teacher-list ion-button {
  background-color: #172B4D !important;
  color: #ffffff;
}

page-assign-teacher-list .my-custom-class .alert-button-group button:first-child {
  position: relative;
}

page-assign-teacher-list .my-custom-class .alert-button-group button {
  font-weight: bold;
}

page-assign-teacher-list .my-custom-class .alert-radio-group {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100% !important;
}

page-assign-teacher-list .my-custom-class button {
  text-align: center;
}

page-assign-teacher-list .alert-button-group button:first-child {
  position: relative !important;
  min-width: 0 !important;
}

page-assign-teacher-list .alert-md .alert-wrapper {
  max-width: 320px !important;
}

page-assign-teacher-list .alert-md .alert-message {
  font-size: 16px !important;
}

page-assign-teacher-list .alert-button {
  font-size: 15px !important;
}

page-assign-teacher-list .alert-md .alert-sub-title {
  font-size: 16px !important;
}

page-assign-teacher-list .alert-md .alert-title {
  font-size: 22px !important;
}

page-assign-teacher-list .breakclass {
  white-space: pre-line;
}

page-assign-teacher-list .error {
  color: red;
  float: left;
}

page-assign-teacher-list .topStrip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}

page-assign-teacher-list .infographic1 {
  border: none;
  color: #367ad2;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-assign-teacher-list .infographic1 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-assign-teacher-list .infographic1 ion-icon {
  color: black;
}

page-assign-teacher-list .infographic2 {
  border: none;
  color: #50d29b;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-assign-teacher-list .infographic2 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-assign-teacher-list .infographic2 ion-icon {
  color: black;
}

page-assign-teacher-list .infographic3 {
  border: none;
  color: #ffaa00;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-assign-teacher-list .infographic3 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-assign-teacher-list .infographic3 ion-icon {
  color: black;
}

page-assign-teacher-list .infographic4 {
  border: none;
  color: #f36363;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-assign-teacher-list .infographic4 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-assign-teacher-list .infographic4 ion-icon {
  color: black;
}

page-assign-teacher-list .infographic5 {
  border: none;
  color: #41acbf;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-assign-teacher-list .infographic5 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-assign-teacher-list .infographic5 ion-icon {
  color: black;
}

page-assign-teacher-list .infograph1 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #367ad2;
  font-size: 20px;
}

page-assign-teacher-list .infograph2 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #51b98d;
  font-size: 20px;
}

page-assign-teacher-list .infograph3 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #ffaa00;
  font-size: 20px;
}

page-assign-teacher-list .infograph4 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #dc5b54;
  font-size: 20px;
}

page-assign-teacher-list .infograph5 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #41acbf;
  font-size: 20px;
}

page-assign-teacher-list .infographtext {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 12px;
}

page-assign-teacher-list .successToast .toast-message {
  background-color: #d2f8d2 !important;
  color: black;
}

page-assign-teacher-list .errorToast .toast-message {
  background-color: #eea9a0 !important;
  color: black;
}

page-assign-teacher-list .actionIconsBar {
  padding-right: 20px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

page-assign-teacher-list .ui-carousel .ui-carousel-header {
  display: none !important;
}

page-assign-teacher-list .userfab .fab-close-active .fab-close-icon {
  height: 40px !important;
  position: relative !important;
}

page-assign-teacher-list textarea.text-input {
  resize: none !important;
}

page-assign-teacher-list .asterisk {
  color: red;
  padding-left: 3px;
}

page-assign-teacher-list .m-b-t {
  margin-bottom: 4% !important;
}

page-assign-teacher-list .ui-radiobutton-box.ui-state-active {
  border: 1px solid #09f;
  background: #09f;
  color: #09f;
}

page-assign-teacher-list .alert-md .alert-message {
  overflow: auto;
}

page-assign-teacher-list .alert-md .alert-message .alertstyle1 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

page-assign-teacher-list .alert-md .alert-message .alertstyle1 b {
  width: 65px !important;
}

page-assign-teacher-list .alert-md .alert-message .alertstyle3 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-assign-teacher-list .alert-md .alert-message .alertstyle3 b {
  width: 65px !important;
}

page-assign-teacher-list .alert-md .alert-message .alertstyle4 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-assign-teacher-list .alert-md .alert-message .alertstyle4 b {
  width: 150px !important;
}

page-assign-teacher-list .alert-md .alert-message .alertstyle5 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

page-assign-teacher-list .alert-md .alert-message .alertstyle5 b {
  width: 75px !important;
}

page-assign-teacher-list .alert-md .alert-message .alertstyle5 span {
  width: 5px;
}

page-assign-teacher-list .alert-md .alert-message .alertstyle2 {
  text-align: left !important;
}

page-assign-teacher-list .alert-md .alert-message .alertstyle2 li {
  margin-top: 10px;
}

page-assign-teacher-list .ui-tooltip {
  background-color: #172B4D !important;
  color: #ffffff;
}

page-assign-teacher-list .navsebexam .toolbar-content-md {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
}

page-assign-teacher-list .modal-wrapper {
  height: 75%;
  top: 10%;
  position: absolute;
  display: block;
  border-radius: 10px !important;
}

page-assign-teacher-list .ui-picklist-source-controls.ui-picklist-buttons {
  display: none !important;
}

page-assign-teacher-list .ui-picklist-target-controls.ui-picklist-buttons {
  display: none !important;
}

page-assign-teacher-list .ui-picklist-target-controls.ui-picklist-buttons.ng-star-inserted {
  display: none !important;
}

page-assign-teacher-list .ellip {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

page-assign-teacher-list .p-slider {
  background: #dee2e6;
  border: 0 none;
  border-radius: 3px;
}

page-assign-teacher-list .Errorbox .alert-title {
  color: #d8000c;
}

page-assign-teacher-list .Errorbox .alert-button {
  color: #d8000c;
}

page-assign-teacher-list .card-md {
  border-radius: 5px !important;
}

page-assign-teacher-list .modal {
  display: none;
  /* Hidden by default */
  position: -webkit-sticky;
  position: sticky;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 30px;
  /* Location of the box */
  left: 0;
  right: 0;
  bottom: 150px;
  width: 400px;
  height: 400px;
  margin: auto;
  border: 4px solid;
  background-color: black;
}

page-assign-teacher-list .modal-content {
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
}

page-assign-teacher-list .close {
  position: absolute;
  color: #f1f1f1;
  top: 0px;
  right: 10px;
  font-size: 28px;
  font-weight: bold;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

page-assign-teacher-list .close:hover,
page-assign-teacher-list .close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

page-assign-teacher-list .customhr {
  width: 90%;
  background-color: #ccc;
}

page-assign-teacher-list .mycustomtoolbar ion-segment {
  border: none;
}

page-assign-teacher-list .mycustomtoolbar ion-segment-button {
  font-size: 16px !important;
  font-weight: 500 !important;
}

page-assign-teacher-list .mycustomtoolbar .segment-md .segment-button.activated,
page-assign-teacher-list .mycustomtoolbar .segment-md .segment-button.segment-activated {
  border-color: #172B4D !important;
  color: #172B4D !important;
}

page-assign-teacher-list .mycustomtoolbar .toolbar-background {
  background: transparent;
}

page-assign-teacher-list .fc {
  direction: ltr;
  text-align: left;
}

page-assign-teacher-list .fc-rtl {
  text-align: right;
}

page-assign-teacher-list body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}

page-assign-teacher-list .fc-unthemed th,
page-assign-teacher-list .fc-unthemed td,
page-assign-teacher-list .fc-unthemed thead,
page-assign-teacher-list .fc-unthemed tbody,
page-assign-teacher-list .fc-unthemed .fc-divider,
page-assign-teacher-list .fc-unthemed .fc-row,
page-assign-teacher-list .fc-unthemed .fc-content,
page-assign-teacher-list .fc-unthemed .fc-popover,
page-assign-teacher-list .fc-unthemed .fc-list-view,
page-assign-teacher-list .fc-unthemed .fc-list-heading td {
  border-color: #ddd;
}

page-assign-teacher-list .fc-unthemed .fc-popover {
  background-color: #fff;
}

page-assign-teacher-list .fc-unthemed .fc-divider,
page-assign-teacher-list .fc-unthemed .fc-popover .fc-header,
page-assign-teacher-list .fc-unthemed .fc-list-heading td {
  background: #eee;
}

page-assign-teacher-list .fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}

page-assign-teacher-list .fc-unthemed td.fc-today {
  background: #fcf8e3;
}

page-assign-teacher-list .fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3;
}

page-assign-teacher-list .fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3;
}

page-assign-teacher-list .fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}

page-assign-teacher-list .fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

page-assign-teacher-list .fc-icon:after {
  position: relative;
}

page-assign-teacher-list .fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-assign-teacher-list .fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-assign-teacher-list .fc-icon-left-double-arrow:after {
  content: "\000AB";
  font-size: 160%;
  top: -7%;
}

page-assign-teacher-list .fc-icon-right-double-arrow:after {
  content: "\000BB";
  font-size: 160%;
  top: -7%;
}

page-assign-teacher-list .fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%;
}

page-assign-teacher-list .fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%;
}

page-assign-teacher-list .fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%;
}

page-assign-teacher-list .fc-icon-x:after {
  content: "\000D7";
  font-size: 200%;
  top: 6%;
}

page-assign-teacher-list .fc button {
  /* force height to include the border and padding */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer;
}

page-assign-teacher-list .fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}

page-assign-teacher-list .fc-state-default {
  /* non-theme */
  border: 1px solid;
}

page-assign-teacher-list .fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

page-assign-teacher-list .fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

page-assign-teacher-list .fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .2em;
  vertical-align: middle;
}

page-assign-teacher-list .fc-state-default {
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-assign-teacher-list .fc-state-hover,
page-assign-teacher-list .fc-state-down,
page-assign-teacher-list .fc-state-active,
page-assign-teacher-list .fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}

page-assign-teacher-list .fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

page-assign-teacher-list .fc-state-down,
page-assign-teacher-list .fc-state-active {
  background-color: #cccccc;
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-assign-teacher-list .fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}

page-assign-teacher-list .fc-button-group {
  display: inline-block;
}

page-assign-teacher-list .fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px;
}

page-assign-teacher-list .fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0;
}

page-assign-teacher-list .fc-popover {
  position: absolute;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

page-assign-teacher-list .fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px;
}

page-assign-teacher-list .fc-popover .fc-header .fc-title {
  margin: 0 2px;
}

page-assign-teacher-list .fc-popover .fc-header .fc-close {
  cursor: pointer;
}

page-assign-teacher-list .fc-ltr .fc-popover .fc-header .fc-title,
page-assign-teacher-list .fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}

page-assign-teacher-list .fc-rtl .fc-popover .fc-header .fc-title,
page-assign-teacher-list .fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}

page-assign-teacher-list .fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}

page-assign-teacher-list .fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: .9em;
  margin-top: 2px;
}

page-assign-teacher-list .fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */
}

page-assign-teacher-list .fc-divider {
  border-style: solid;
  border-width: 1px;
}

page-assign-teacher-list hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}

page-assign-teacher-list .fc-clear {
  clear: both;
}

page-assign-teacher-list .fc-bg,
page-assign-teacher-list .fc-bgevent-skeleton,
page-assign-teacher-list .fc-highlight-skeleton,
page-assign-teacher-list .fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-assign-teacher-list .fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}

page-assign-teacher-list .fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}

page-assign-teacher-list .fc table {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}

page-assign-teacher-list .fc th {
  text-align: center;
}

page-assign-teacher-list .fc th,
page-assign-teacher-list .fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}

page-assign-teacher-list .fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}

page-assign-teacher-list a[data-goto] {
  cursor: pointer;
}

page-assign-teacher-list a[data-goto]:hover {
  text-decoration: underline;
}

page-assign-teacher-list .fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}

page-assign-teacher-list .fc-row table {
  /* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}

page-assign-teacher-list .fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}

page-assign-teacher-list .fc-row {
  position: relative;
}

page-assign-teacher-list .fc-row .fc-bg {
  z-index: 1;
}

page-assign-teacher-list .fc-row .fc-bgevent-skeleton,
page-assign-teacher-list .fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}

page-assign-teacher-list .fc-row .fc-bgevent-skeleton table,
page-assign-teacher-list .fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}

page-assign-teacher-list .fc-row .fc-highlight-skeleton td,
page-assign-teacher-list .fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}

page-assign-teacher-list .fc-row .fc-bgevent-skeleton {
  z-index: 2;
}

page-assign-teacher-list .fc-row .fc-highlight-skeleton {
  z-index: 3;
}

page-assign-teacher-list .fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}

page-assign-teacher-list .fc-row .fc-helper-skeleton {
  z-index: 5;
}

page-assign-teacher-list .fc-row .fc-content-skeleton td,
page-assign-teacher-list .fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}

page-assign-teacher-list .fc-row .fc-content-skeleton tbody td,
page-assign-teacher-list .fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}

page-assign-teacher-list .fc-scroller {
  -webkit-overflow-scrolling: touch;
}

page-assign-teacher-list .fc-scroller > .fc-day-grid,
page-assign-teacher-list .fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}

page-assign-teacher-list .fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */
  font-weight: normal;
  /* undo jqui's ui-widget-header bold */
}

page-assign-teacher-list .fc-event,
page-assign-teacher-list .fc-event-dot {
  background-color: #3a87ad;
  /* default BACKGROUND color */
}

page-assign-teacher-list .fc-event,
page-assign-teacher-list .fc-event:hover,
page-assign-teacher-list .ui-widget .fc-event {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}

page-assign-teacher-list .fc-event[href],
page-assign-teacher-list .fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}

page-assign-teacher-list .fc-not-allowed,
page-assign-teacher-list .fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}

page-assign-teacher-list .fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #ffffff;
  opacity: .25;
}

page-assign-teacher-list .fc-event .fc-content {
  position: relative;
  z-index: 2;
}

page-assign-teacher-list .fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
}

page-assign-teacher-list .fc-event .fc-resizer {
  display: none;
}

page-assign-teacher-list .fc-event.fc-allow-mouse-resize .fc-resizer,
page-assign-teacher-list .fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block;
}

page-assign-teacher-list .fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}

page-assign-teacher-list .fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

page-assign-teacher-list .fc-event.fc-selected.fc-dragging {
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

page-assign-teacher-list .fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}

page-assign-teacher-list .fc-ltr .fc-h-event.fc-not-start,
page-assign-teacher-list .fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

page-assign-teacher-list .fc-ltr .fc-h-event.fc-not-end,
page-assign-teacher-list .fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

page-assign-teacher-list .fc-ltr .fc-h-event .fc-start-resizer,
page-assign-teacher-list .fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */
}

page-assign-teacher-list .fc-ltr .fc-h-event .fc-end-resizer,
page-assign-teacher-list .fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */
}

page-assign-teacher-list .fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */
}

page-assign-teacher-list .fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* vertically center */
  top: 50%;
  margin-top: -4px;
}

page-assign-teacher-list .fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
page-assign-teacher-list .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */
}

page-assign-teacher-list .fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
page-assign-teacher-list .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */
}

page-assign-teacher-list .fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}

page-assign-teacher-list tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */
}

page-assign-teacher-list .fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: .25;
}

page-assign-teacher-list .fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}

page-assign-teacher-list .fc-day-grid-event .fc-time {
  font-weight: bold;
}

page-assign-teacher-list .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
page-assign-teacher-list .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */
}

page-assign-teacher-list .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
page-assign-teacher-list .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */
}

page-assign-teacher-list a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none;
}

page-assign-teacher-list a.fc-more:hover {
  text-decoration: underline;
}

page-assign-teacher-list .fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}

page-assign-teacher-list .fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}

page-assign-teacher-list .fc-more-popover {
  z-index: 2;
  width: 220px;
}

page-assign-teacher-list .fc-more-popover .fc-event-container {
  padding: 10px;
}

page-assign-teacher-list .fc-now-indicator {
  position: absolute;
  border: 0 solid red;
}

page-assign-teacher-list .fc-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

page-assign-teacher-list .fc-toolbar {
  text-align: center;
}

page-assign-teacher-list .fc-toolbar.fc-header-toolbar {
  margin-bottom: 1em;
}

page-assign-teacher-list .fc-toolbar.fc-footer-toolbar {
  margin-top: 1em;
}

page-assign-teacher-list .fc-toolbar .fc-left {
  float: left;
}

page-assign-teacher-list .fc-toolbar .fc-right {
  float: right;
}

page-assign-teacher-list .fc-toolbar .fc-center {
  display: inline-block;
}

page-assign-teacher-list .fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em;
}

page-assign-teacher-list .fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0;
}

page-assign-teacher-list .fc-toolbar h2 {
  margin: 0;
}

page-assign-teacher-list .fc-toolbar button {
  position: relative;
}

page-assign-teacher-list .fc-toolbar .fc-state-hover,
page-assign-teacher-list .fc-toolbar .ui-state-hover {
  z-index: 2;
}

page-assign-teacher-list .fc-toolbar .fc-state-down {
  z-index: 3;
}

page-assign-teacher-list .fc-toolbar .fc-state-active,
page-assign-teacher-list .fc-toolbar .ui-state-active {
  z-index: 4;
}

page-assign-teacher-list .fc-toolbar button:focus {
  z-index: 5;
}

page-assign-teacher-list .fc-view-container *,
page-assign-teacher-list .fc-view-container *:before,
page-assign-teacher-list .fc-view-container *:after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

page-assign-teacher-list .fc-view,
page-assign-teacher-list .fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}

page-assign-teacher-list .fc-basicWeek-view .fc-content-skeleton,
page-assign-teacher-list .fc-basicDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}

page-assign-teacher-list .fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}

page-assign-teacher-list .fc-row.fc-rigid {
  overflow: hidden;
}

page-assign-teacher-list .fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-assign-teacher-list .fc-day-top.fc-other-month {
  opacity: 0.3;
}

page-assign-teacher-list .fc-basic-view .fc-week-number,
page-assign-teacher-list .fc-basic-view .fc-day-number {
  padding: 2px;
}

page-assign-teacher-list .fc-basic-view th.fc-week-number,
page-assign-teacher-list .fc-basic-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */
}

page-assign-teacher-list .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right;
}

page-assign-teacher-list .fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left;
}

page-assign-teacher-list .fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0;
}

page-assign-teacher-list .fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px;
}

page-assign-teacher-list .fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080;
}

page-assign-teacher-list .fc-basic-view td.fc-week-number {
  text-align: center;
}

page-assign-teacher-list .fc-basic-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}

page-assign-teacher-list .fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}

page-assign-teacher-list .fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}

page-assign-teacher-list .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}

page-assign-teacher-list .fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}

page-assign-teacher-list .fc-ltr .fc-axis {
  text-align: right;
}

page-assign-teacher-list .fc-rtl .fc-axis {
  text-align: left;
}

page-assign-teacher-list .ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome jqui theme making it bold */
}

page-assign-teacher-list .fc-time-grid-container,
page-assign-teacher-list .fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}

page-assign-teacher-list .fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

page-assign-teacher-list .fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}

page-assign-teacher-list .fc-time-grid > .fc-bg {
  z-index: 1;
}

page-assign-teacher-list .fc-time-grid .fc-slats,
page-assign-teacher-list .fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}

page-assign-teacher-list .fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */
}

page-assign-teacher-list .fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
}

page-assign-teacher-list .fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1;
}

page-assign-teacher-list .fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2;
}

page-assign-teacher-list .fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3;
}

page-assign-teacher-list .fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4;
}

page-assign-teacher-list .fc-time-grid .fc-now-indicator-line {
  z-index: 5;
}

page-assign-teacher-list .fc-time-grid .fc-helper-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6;
}

page-assign-teacher-list .fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}

page-assign-teacher-list .fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}

page-assign-teacher-list .fc-time-grid .fc-slats .ui-widget-content {
  /* for jqui theme */
  background: none;
  /* see through to fc-bg */
}

page-assign-teacher-list .fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}

page-assign-teacher-list .fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}

page-assign-teacher-list .fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}

page-assign-teacher-list .fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}

page-assign-teacher-list .fc-time-grid .fc-event,
page-assign-teacher-list .fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}

page-assign-teacher-list .fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}

page-assign-teacher-list .fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

page-assign-teacher-list .fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

page-assign-teacher-list .fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */
}

page-assign-teacher-list .fc-time-grid-event.fc-selected {
  /* need to allow touch resizers to extend outside event's bounding box */
  /* common fc-selected styles hide the fc-bg, so don't need this anyway */
  overflow: visible;
}

page-assign-teacher-list .fc-time-grid-event.fc-selected .fc-bg {
  display: none;
  /* hide semi-white background, to appear darker */
}

page-assign-teacher-list .fc-time-grid-event .fc-content {
  overflow: hidden;
  /* for when .fc-selected */
}

page-assign-teacher-list .fc-time-grid-event .fc-time,
page-assign-teacher-list .fc-time-grid-event .fc-title {
  padding: 0 1px;
}

page-assign-teacher-list .fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap;
}

page-assign-teacher-list .fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}

page-assign-teacher-list .fc-time-grid-event.fc-short .fc-time,
page-assign-teacher-list .fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}

page-assign-teacher-list .fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}

page-assign-teacher-list .fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}

page-assign-teacher-list .fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
  /* seperate with a dash, wrapped in nbsp's */
}

page-assign-teacher-list .fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}

page-assign-teacher-list .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}

page-assign-teacher-list .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "=";
}

page-assign-teacher-list .fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px;
}

page-assign-teacher-list .fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0;
}

page-assign-teacher-list .fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */
}

page-assign-teacher-list .fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-assign-teacher-list .fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-assign-teacher-list .fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}

page-assign-teacher-list .fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */
}

page-assign-teacher-list .fc-list-view {
  border-width: 1px;
  border-style: solid;
}

page-assign-teacher-list .fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */
}

page-assign-teacher-list .fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px;
}

page-assign-teacher-list .fc-list-table tr:first-child td {
  border-top-width: 0;
}

page-assign-teacher-list .fc-list-heading {
  border-bottom-width: 1px;
}

page-assign-teacher-list .fc-list-heading td {
  font-weight: bold;
}

page-assign-teacher-list .fc-ltr .fc-list-heading-main {
  float: left;
}

page-assign-teacher-list .fc-ltr .fc-list-heading-alt {
  float: right;
}

page-assign-teacher-list .fc-rtl .fc-list-heading-main {
  float: right;
}

page-assign-teacher-list .fc-rtl .fc-list-heading-alt {
  float: left;
}

page-assign-teacher-list .fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */
}

page-assign-teacher-list .fc-list-item:hover td {
  background-color: #f5f5f5;
}

page-assign-teacher-list .fc-list-item-marker,
page-assign-teacher-list .fc-list-item-time {
  white-space: nowrap;
  width: 1px;
}

page-assign-teacher-list .fc-ltr .fc-list-item-marker {
  padding-right: 0;
}

page-assign-teacher-list .fc-rtl .fc-list-item-marker {
  padding-left: 0;
}

page-assign-teacher-list .fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit;
}

page-assign-teacher-list .fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline;
}

page-assign-teacher-list .fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

page-assign-teacher-list .fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table;
}

page-assign-teacher-list .fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

page-assign-teacher-list .fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #eee;
}

page-assign-teacher-list .generateButton {
  display: block;
  margin: 0 auto;
}

page-assign-teacher-list .resetButton {
  float: right;
}

page-assign-teacher-list .downloadButton {
  float: left;
}

page-assign-teacher-list .globalTable {
  min-width: 900px;
  border: 1px solid lightgrey;
}

page-assign-teacher-list .globalTable input {
  width: 100%;
  line-height: 25px;
  font-size: 16px;
  font-weight: 500;
}

page-assign-teacher-list .globalTable th input {
  text-align: center;
}

page-assign-teacher-list .globalTable td {
  padding: 10px 0  !important;
}

page-assign-teacher-list ion-segment {
  border: 1px solid #0099ff;
  border-radius: 25px;
}

page-assign-teacher-list ion-segment-button {
  border-radius: 25px;
  border-bottom-style: none !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

page-assign-teacher-list .segment-md .segment-button.activated,
page-assign-teacher-list .segment-md .segment-button.segment-activated {
  border-color: #0099ff;
  background: #0099ff;
  color: #000;
}

page-assign-teacher-list .toolbar-background {
  background: transparent;
  border: 0px;
}

page-assign-teacher-list .centerdiv {
  width: 80%;
  margin: 10px auto;
}

page-assign-teacher-list .nodata_avail {
  font-family: "Open Sans" !important;
  text-align: center;
  line-height: 60px;
  font-size: 25px;
  color: #0099ff !important;
  margin: auto;
  border-radius: 10px;
  width: 75%;
  padding: 13px 16px;
  background: #ffffff !important;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

page-assign-teacher-list .nodata_avail-title {
  color: #0099ff !important;
  border-bottom: 1px solid #0099ff !important;
  font-size: 18px !important;
  font-weight: bold;
  font-family: "Open Sans";
  cursor: pointer;
}

page-assign-teacher-list .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
  background-color: #5eaac2 !important;
  color: #ffffff !important;
}

page-assign-teacher-list .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active {
  color: #ffffff !important;
  background-color: #5eaac2 !important;
}

page-assign-teacher-list body .ui-table .ui-sortable-column.ui-state-highlight {
  color: #333333 !important;
}

page-assign-teacher-list body .ui-table .ui-sortable-column.ui-state-highlight .ui-sortable-column-icon {
  color: #848484 !important;
}

page-assignments .globalTable {
  border: 1px solid lightgrey;
  min-width: 801px;
}

page-assignments .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-assignments .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

page-assignments .globalTable .table-header .align input {
  width: 60%;
  line-height: 25px;
}

page-assignments .globalTable th input {
  text-align: center;
  width: 90%;
  font-weight: 400;
}

page-assignments .globalTable .assignment-badge.assignmentStatus-active {
  padding: 2px 10px;
  border-radius: 10px;
  border-color: #5ECF8D;
  color: white;
  text-align: center;
  background-color: #5ECF8D;
  font-weight: 500;
  font-size: 12px;
}

page-assignments .globalTable .assignment-badge.assignmentStatus-inactive {
  padding: 2px 10px;
  border-radius: 10px;
  color: white;
  text-align: center;
  border-color: #F55050;
  background-color: #F55050;
  font-weight: 500;
  font-size: 12px;
}

page-assignments .globalTable .actionIcon {
  padding: 0 6px;
  font-size: 16px;
  cursor: pointer;
}

page-assignments ion-fab {
  width: 40px !important;
  height: 40px !important;
  margin: 3%;
}

page-assignments ion-segment {
  border: 1px solid #0099ff;
  border-radius: 25px;
}

page-assignments ion-segment-button {
  border-radius: 25px;
  border-bottom-style: none !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

page-assignments .segment-md .segment-button.activated,
page-assignments .segment-md .segment-button.segment-activated {
  border-color: #0099ff;
  background: #0099ff;
  color: #000;
}

page-assignments .toolbar-background {
  background: transparent;
  border: 0px;
}

page-assignments .centerdiv {
  width: 80%;
  margin: 10px auto;
}

page-auto-verify .verifytext {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
  margin-top: 50px;
}

page-bankwise-result .scroll {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow-x: scroll !important;
  overflow-y: hidden;
}

page-bankwise-result .circle {
  width: 80px;
  margin: 0 auto;
  height: 80px;
  border-radius: 50%;
}

page-bankwise-result .letter {
  padding-left: 31% !important;
  padding-top: 13%;
  font-size: 45px !important;
}

page-bankwise-result .msg {
  text-align: justify;
  margin: 0px 8px;
}

page-bankwise-result #userReport {
  padding: 20px;
  margin: 20px auto;
  width: 900px;
}

page-bankwise-result #userReport .toplogo {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-bankwise-result #userReport .toplogo img {
  width: 150px;
}

page-bankwise-result #userReport .row2 {
  padding: 0 5px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-bankwise-result #userReport .row2 span {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 30px;
}

page-bankwise-result #userReport .headerrow {
  margin: 20px 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #dcdcdc;
  border-top: 1px solid;
  border-bottom: 1px solid;
  font-size: 20px;
  padding: 5px;
}

page-bankwise-result #userReport .row4 p {
  padding: 5px 20px;
}

page-bankwise-result #userReport .rowp p {
  margin-bottom: 10px;
}

page-bankwise-result #userReport .row5 {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-bankwise-result #userReport .row5 .resultimg img {
  width: 120px;
  margin-left: 50px;
}

page-bankwise-result #userReport .ui-widget {
  border: 2px solid #ccc;
}

page-bankwise-result #userReport .rightside {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

page-bankwise-result #userReport .rightside ion-card {
  width: 150px;
}

page-bankwise-result #userReport .rightside ion-card img {
  width: 150px;
  height: 150px;
}

page-bankwise-result #userReport .rightside ion-card .card-content-md {
  font-size: 12px;
  font-weight: bold;
}

page-bankwise-result .mycustombtn {
  float: right;
  width: 300px;
}

page-bankwise-result .mycustomdrop {
  width: 300px;
  height: 200px;
  margin: 0 10px;
  position: absolute;
  top: 60px;
  right: 7px;
  z-index: 1;
  -webkit-box-shadow: 0px 2px 9px #00000030 !important;
  box-shadow: 0px 2px 9px #00000030 !important;
}

page-bankwise-result .mycustomdrop ion-item {
  background-color: white;
}

page-billing .red {
  color: red;
  font-weight: bold;
}

page-billing .green {
  color: green;
  font-weight: bold;
}

page-billing .grey {
  background-color: rgba(204, 204, 204, 0.61) !important;
}

page-billing .white {
  background-color: white !important;
}

page-billing .costCard {
  min-width: 200px;
  max-width: 200px;
}

page-billing .footerdiv {
  padding: 15px;
}

page-billing .footerdiv p {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-billing .flexDiv {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

page-billing ion-segment {
  border: 1px solid #0099ff;
  border-radius: 25px;
}

page-billing ion-segment-button {
  border-radius: 25px;
  border-bottom-style: none !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

page-billing .segment-md .segment-button.activated,
page-billing .segment-md .segment-button.segment-activated {
  border-color: #0099ff;
  background: #0099ff;
  color: #000;
}

page-billing .toolbar-background {
  background: transparent;
  border: 0px;
}

page-billing .centerdiv {
  width: 80%;
  margin: 10px auto;
}

page-billing .detailrow {
  font-weight: bold;
}

page-billing .detailrow .head {
  color: white;
  background-color: #0099ff;
  height: 30px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-billing .detailrow .body {
  color: black;
  width: 100%;
  height: 70px;
  background-color: white;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 22px;
}

page-billing .texth4 {
  font-family: "Macondo";
}

billing-subscribe {
  /**
  * Card 1
  */
  /**
  * Card 2
  */
  /**
  * Card 3
  */
  /**
  * Card 4
  */
}

billing-subscribe .footerdiv {
  padding: 15px;
}

billing-subscribe .footerdiv p {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

billing-subscribe .loading-md .loading-wrapper {
  background: black !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

billing-subscribe .flexDiv {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

billing-subscribe ion-segment {
  border: 1px solid #0099ff;
  border-radius: 25px;
}

billing-subscribe ion-segment-button {
  border-radius: 25px;
  border-bottom-style: none !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

billing-subscribe .segment-md .segment-button.activated,
billing-subscribe .segment-md .segment-button.segment-activated {
  border-color: #0099ff;
  background: #0099ff;
  color: #000;
}

billing-subscribe .toolbar-background {
  background: transparent;
  border: 0px;
}

billing-subscribe .centerdiv {
  width: 80%;
  margin: 10px auto;
}

billing-subscribe .freetier {
  text-align: center;
  color: white;
  font-family: "Macondo";
  color: #ffec0a;
}

billing-subscribe .loading-ios .loading-wrapper {
  background: black !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

billing-subscribe .slideContainer {
  position: relative;
}

billing-subscribe button.slideBtnPrev {
  position: absolute;
  left: 0;
  top: calc(50% - 18px);
  background-position: center;
  z-index: 10;
  cursor: pointer;
}

billing-subscribe button.slideBtnNext {
  position: absolute;
  right: 0;
  top: calc(50% - 18px);
  background-position: center;
  z-index: 10;
  cursor: pointer;
}

billing-subscribe .detailrow {
  margin: 20px;
}

billing-subscribe .detailrow ion-col h4 {
  font-family: "Macondo";
  font-size: 18px !important;
  font-weight: bold;
}

billing-subscribe .detailrow ion-col p {
  font-family: "Macondo";
  font-size: 16px !important;
}

billing-subscribe .texth4 {
  font-family: "Macondo";
}

billing-subscribe .plancard {
  border: 1px solid #3687f0;
  min-height: 245px;
}

billing-subscribe .selectcard {
  border: 3px solid #3687f0;
  -webkit-box-shadow: 10px 10px 10px #bbc0eb;
  box-shadow: 10px 10px 10px #bbc0eb;
  opacity: 0.6;
}

billing-subscribe .planh2 {
  font-family: "Macondo";
  color: #172B4D;
  font-size: 20px;
  font-weight: bold;
}

billing-subscribe .planh4 {
  font-family: "Macondo";
  color: #172B4D;
  font-size: 16px;
  font-weight: bold;
}

billing-subscribe .planh6 {
  font-family: "Macondo";
  color: #3687f0;
  font-size: 20px;
  font-weight: 500;
}

billing-subscribe .selecth6 {
  font-family: "Macondo";
  color: #000;
  font-size: 20px;
  font-weight: 500;
}

billing-subscribe .card1 {
  min-width: 240px;
  max-width: 270px;
}

billing-subscribe .card1:nth-child(1) {
  min-height: 200px !important;
  margin-top: 35px !important;
}

billing-subscribe .card1:nth-child(1) .cardicon {
  font-size: 4.5em;
  text-align: center;
  display: block;
  margin: 0 auto;
  margin-bottom: 5%;
  color: #4a148c;
}

billing-subscribe .card1:nth-child(1) .cardprice {
  font-size: 17px;
  font-weight: 500;
  text-align: center;
  display: block;
  margin: 0 auto;
  margin-top: 3%;
  margin-bottom: 5%;
  color: #4a148c;
}

billing-subscribe .card1:nth-child(1) .card1button {
  background: #4a148c;
  color: #ffffff;
  display: block;
  margin: 0 auto;
}

billing-subscribe .card1:nth-child(1) .card1-listicon {
  font-size: 16px;
  color: #4a148c;
}

billing-subscribe .card1:nth-child(1) .card1listp {
  font-size: 14px;
  font-family: "Open Sans";
  margin-left: 5px;
}

billing-subscribe .card1:nth-child(2) {
  min-height: 200px !important;
  margin-top: 35px !important;
}

billing-subscribe .card1:nth-child(2) .cardicon {
  font-size: 4.5em;
  text-align: center;
  display: block;
  margin: 0 auto;
  margin-bottom: 5%;
  color: #e91e63;
}

billing-subscribe .card1:nth-child(2) .cardprice {
  font-size: 17px;
  font-weight: 500;
  text-align: center;
  display: block;
  margin: 0 auto;
  margin-top: 3%;
  margin-bottom: 5%;
  color: #e91e63;
}

billing-subscribe .card1:nth-child(2) .card1button {
  background: #e91e63;
  color: #ffffff;
  display: block;
  margin: 0 auto;
}

billing-subscribe .card1:nth-child(2) .card1-listicon {
  font-size: 16px;
  color: #e91e63;
}

billing-subscribe .card1:nth-child(2) .card1listp {
  font-size: 14px;
  font-family: "Open Sans";
  margin-left: 5px;
}

billing-subscribe .card1:nth-child(3) {
  min-height: 200px !important;
  margin-top: 35px !important;
}

billing-subscribe .card1:nth-child(3) .cardicon {
  font-size: 4.5em;
  text-align: center;
  display: block;
  margin: 0 auto;
  margin-bottom: 5%;
  color: #4caf50;
}

billing-subscribe .card1:nth-child(3) .cardprice {
  font-size: 17px;
  font-weight: 500;
  text-align: center;
  display: block;
  margin: 0 auto;
  margin-top: 3%;
  margin-bottom: 5%;
  color: #4caf50;
}

billing-subscribe .card1:nth-child(3) .card1button {
  background: #4caf50;
  color: #ffffff;
  display: block;
  margin: 0 auto;
}

billing-subscribe .card1:nth-child(3) .card1-listicon {
  font-size: 16px;
  color: #4caf50;
}

billing-subscribe .card1:nth-child(3) .card1listp {
  font-size: 14px;
  font-family: "Open Sans";
  margin-left: 5px;
}

billing-subscribe .card1:nth-child(4) {
  min-height: 200px !important;
  margin-top: 35px !important;
}

billing-subscribe .card1:nth-child(4) .cardicon {
  font-size: 4.5em;
  text-align: center;
  display: block;
  margin: 0 auto;
  margin-bottom: 5%;
  color: #795548;
}

billing-subscribe .card1:nth-child(4) .cardprice {
  font-size: 17px;
  font-weight: 500;
  text-align: center;
  display: block;
  margin: 0 auto;
  margin-top: 3%;
  margin-bottom: 5%;
  color: #795548;
}

billing-subscribe .card1:nth-child(4) .card1button {
  background: #795548;
  color: #ffffff;
  display: block;
  margin: 0 auto;
}

billing-subscribe .card1:nth-child(4) .card1-listicon {
  font-size: 16px;
  color: #795548;
}

billing-subscribe .card1:nth-child(4) .card1listp {
  font-size: 14px;
  font-family: "Open Sans";
  margin-left: 5px;
}

.container {
  background: #0099ff;
  height: 45%;
  width: auto;
  z-index: 10;
  position: relative;
}

.overlay-cards {
  z-index: 10000;
  top: 20%;
  padding: 10px;
  position: absolute;
}

.cancelButton {
  width: 200px;
  display: block;
  margin: 0 auto;
  margin-top: 1%;
}

page-bulk-upload-users .category-button-upload {
  background-color: white;
  font-size: 16.5px;
  margin-top: 0;
}

page-bulk-upload-users .category-button-upload:hover {
  background-color: #d3d3d39c !important;
  opacity: 0.8;
}

page-bulk-upload-users .globalTable {
  border: 1px solid lightgrey;
  min-width: 1101px;
}

page-bulk-upload-users .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-bulk-upload-users .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

page-bulk-upload-users .globalTable .table-header .align input {
  width: 60%;
  line-height: 25px;
}

page-bulk-upload-users .globalTable th input {
  text-align: center;
  width: 90%;
  font-weight: 400;
}

page-bulk-upload-users .globalTable .user-badge.status-done {
  padding: 2px 10px;
  border-radius: 10px;
  border-color: #5ecf8d;
  color: white;
  text-align: center;
  background-color: #5ecf8d;
  font-weight: 500;
  font-size: 12px;
}

page-bulk-upload-users .globalTable .user-badge.status-failed {
  padding: 2px 10px;
  border-radius: 10px;
  color: white;
  text-align: center;
  border-color: #f55050;
  background-color: #f55050;
  font-weight: 500;
  font-size: 12px;
}

page-bulk-upload-users .globalTable .actionIcon {
  padding: 0 6px;
  font-size: 16px;
  cursor: pointer;
}

page-candidate-tracking {
  /* Hide scrollbar for Chrome, Safari and Opera */
}

page-candidate-tracking .scroll {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow-x: scroll !important;
  overflow-y: hidden;
}

page-candidate-tracking .circle {
  width: 80px;
  margin: 0 auto;
  height: 80px;
  border-radius: 50%;
}

page-candidate-tracking .letter {
  padding-left: 0% !important;
  padding-top: 13%;
  font-size: 45px !important;
}

page-candidate-tracking .msg {
  text-align: justify;
  margin: 0px 8px;
}

page-candidate-tracking .scrollablecards {
  height: 190px;
  margin: 2px 0;
  overflow: auto;
}

page-candidate-tracking .img {
  border-radius: 50%;
  overflow: hidden;
  width: 40px;
  height: 40px;
}

page-candidate-tracking .assesstable {
  height: 301px;
  overflow: auto;
  margin: 0;
}

page-candidate-tracking .commentcard {
  width: 400px;
  min-width: 400px;
  height: 301px;
  margin: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-left: 1px solid #ccc;
  border-radius: 0 !important;
}

page-candidate-tracking .commentcard .textarea {
  width: 100%;
  border-radius: 10px;
  font-size: 12px;
  margin-left: 6px;
}

page-candidate-tracking .commentcard .commentbtn {
  float: right;
  font-weight: 400;
  height: 3rem;
  -webkit-box-shadow: none;
  box-shadow: none;
}

page-candidate-tracking .commentcard .commentreset {
  float: right;
  font-weight: 400;
  height: 3rem;
  color: black;
  background: white;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #c1c1c1;
}

page-candidate-tracking .commentcard .commentreset:hover {
  color: white;
  background: black;
}

page-candidate-tracking .commentcard > h4 {
  font-weight: bold;
  padding-left: 10px;
}

page-candidate-tracking .globalTable .p-column-filter {
  width: 125px !important;
}

page-candidate-tracking .globalTable {
  border: 1px solid lightgrey;
}

page-candidate-tracking .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-candidate-tracking .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

page-candidate-tracking .globalTable .table-header .align input {
  width: 80%;
  line-height: 25px;
}

page-candidate-tracking .globalTable th input {
  text-align: center;
  width: 90%;
  font-weight: 400;
}

page-candidate-tracking .globalTable .assessment-badge.status-Active {
  padding: 2px 10px;
  border-radius: 10px;
  border-color: #5ecf8d;
  color: white;
  text-align: center;
  background-color: #5ecf8d;
  font-weight: 500;
  font-size: 12px;
}

page-candidate-tracking .globalTable .assessment-badge.status-Inactive {
  padding: 2px 10px;
  border-radius: 10px;
  color: white;
  text-align: center;
  border-color: #f55050;
  background-color: #f55050;
  font-weight: 500;
  font-size: 12px;
}

page-candidate-tracking .globalTable .actionIcon {
  padding: 0 3px;
  font-size: 16px;
  cursor: pointer;
}

page-candidate-tracking .actionbtn button {
  width: 100px;
}

page-candidate-tracking .assessmentlist {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

page-candidate-tracking .childtable {
  height: 301px;
  overflow-y: auto;
}

page-candidate-tracking .namerow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-candidate-tracking .namerow span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-candidate-tracking .imgui {
  border-radius: 50%;
  overflow: hidden;
  width: 40px;
  height: 40px;
  background-color: #c1c1c1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-candidate-tracking textarea {
  resize: none;
}

page-candidate-tracking .progressbardiv {
  width: 100%;
}

page-candidate-tracking .progressbardiv .ui-progressbar {
  height: 1.6em;
}

page-candidate-tracking .progressbardiv .ui-widget-content {
  border: 2px solid #bdd7ee75;
}

page-candidate-tracking .progressbardiv .ui-progressbar.ui-progressbar-determinate .ui-progressbar-value {
  background: blue;
}

page-candidate-tracking .progressbardiv .ui-progressbar-determinate .ui-progressbar-value-animate {
  transition: width 2s ease-in-out 0s;
  -webkit-transition: width 2s ease-in-out 0s;
}

page-candidate-tracking .progressbardiv .ui-progressbar-determinate .ui-progressbar-label {
  background: #bdd7ee75;
}

page-candidate-tracking p-progressBar {
  width: 100%;
}

page-candidate-tracking .assessCard ion-row {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-candidate-tracking .assessCard ion-row ion-col:first-child {
  max-width: 200px;
  text-align: left;
}

page-candidate-tracking .assessCard ion-row ion-col:nth-child(3) {
  max-width: 80px;
}

page-candidate-tracking .assessCard ion-row ion-col:last-child {
  max-width: 90px;
}

page-candidate-tracking .cardtd {
  background-color: white !important;
  padding: 0 !important;
}

page-candidate-tracking .cardtd .gridrow {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-candidate-tracking .cardtd .gridrow > div {
  max-height: 301px;
  overflow-y: auto;
}

page-candidate-tracking .cardtd h4 {
  padding-left: 15px;
  font-weight: bold !important;
}

page-candidate-tracking .cardtd p {
  padding-left: 15px;
}

page-candidate-tracking .invCard ion-row {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-candidate-tracking .invCard ion-row ion-col:first-child {
  text-align: left;
}

page-candidate-tracking .invCard ion-row ion-col:first-child ion-row:first-child {
  font-weight: bold;
  font-size: 16px;
}

page-candidate-tracking .invCard ion-row ion-col:first-child ion-row:last-child {
  font-size: 12px;
}

page-candidate-tracking .invCard ion-row ion-col:nth-child(2) {
  font-size: 12px;
  min-width: 200px;
  padding: 0;
}

page-candidate-tracking .invCard ion-row ion-col:last-child {
  max-width: 40px;
}

page-candidate-tracking .mycustomdrop11 {
  width: 40%;
  margin-left: 30%;
  bottom: 10%;
  position: -webkit-sticky;
  position: sticky;
  z-index: 999;
  background-color: white;
  -webkit-box-shadow: 0px 2px 9px #00000030 !important;
  box-shadow: 0px 2px 9px #00000030 !important;
  border-radius: 5px;
}

page-candidate-tracking .mycustomdrop11 .purposehead {
  text-align: center;
  font-size: 20px;
  margin-top: 20px;
}

page-candidate-tracking .info-grid ion-col {
  padding: 0;
}

page-candidate-tracking .info-grid ion-col ion-row {
  margin: 10px;
  border: 1px lightgrey solid;
  background-color: #ffffff;
}

page-candidate-tracking .info-grid ion-col .label-md {
  margin: 0;
}

page-candidate-tracking .info-grid ion-col .label-md .heading {
  font-family: "Open Sans";
  font-size: 0.9em;
  color: black;
  width: 60%;
}

page-candidate-tracking .info-grid ion-col .heading {
  width: 50%;
  background-color: #ebedf0;
  font-weight: bold;
  padding: 5px;
}

page-candidate-tracking .info-grid ion-col .info {
  width: 50%;
  background-color: #ffffff;
  padding: 5px;
  text-align: right;
}

page-candidate-tracking .mycustomdrop {
  width: 60%;
  margin-left: 20%;
  bottom: 40%;
  padding: 30px;
  position: -webkit-sticky;
  position: sticky;
  z-index: 999;
  background-color: white;
  -webkit-box-shadow: 0px 2px 9px #00000030 !important;
  box-shadow: 0px 2px 9px #00000030 !important;
  border-radius: 5px;
}

page-candidate-tracking .mycustomdrop .purposehead {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}

page-candidate-tracking .mycustomdrop ion-item {
  background-color: white;
}

page-candidate-tracking .topInfoGrid ion-icon {
  font-size: 20px;
}

page-candidate-tracking .topInfoGrid .infograph1,
page-candidate-tracking .topInfoGrid .infograph2,
page-candidate-tracking .topInfoGrid .infograph3,
page-candidate-tracking .topInfoGrid .infograph4,
page-candidate-tracking .topInfoGrid .infograph5 {
  width: 40px;
  height: 40px;
}

page-candidate-tracking .red {
  color: red;
  font-weight: bold;
  font-size: 18px;
}

page-candidate-tracking .green {
  color: green;
  font-weight: bold;
  font-size: 18px;
}

page-candidate-tracking .content-md hr {
  background-color: #ccc;
  margin: 2px;
}

page-candidate-tracking .ResumeRow {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-candidate-tracking .ResumeRow > ion-col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-candidate-tracking .ResumeRow > ion-col ion-icon {
  font-size: 27px;
}

page-candidate-tracking .gridViewUI::-webkit-scrollbar {
  display: none;
}

page-candidate-tracking .gridViewUI {
  overflow-x: auto;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
  /* Hide scrollbar for Chrome, Safari and Opera */
  /* Hide scrollbar for IE, Edge and Firefox */
}

page-candidate-tracking .gridViewUI ion-col {
  background-color: white;
  margin: 5px;
  border: 1px solid #c1c1c1;
  border-radius: 5px;
  height: calc(100vh - 250px);
  overflow-y: auto;
  padding: 0;
  min-width: 225px;
  max-width: 225px;
}

page-candidate-tracking .gridViewUI ion-col::-webkit-scrollbar {
  display: none;
}

page-candidate-tracking .gridViewUI ion-col {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

page-candidate-tracking .gridViewUI ion-card {
  border-radius: 0 !important;
}

page-candidate-tracking .gridViewUI ion-card ion-row {
  padding: 10px;
  font-size: 12px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-candidate-tracking .gridViewUI ion-card ion-row:last-child {
  padding: 5px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-candidate-tracking .gridViewUI ion-card ion-row:first-child {
  padding: 5px;
  font-size: 14px;
}

page-candidate-tracking .gridViewUI ion-card .username {
  background-color: lightgrey;
}

page-candidate-tracking .gridViewUI ion-card .bottomrow {
  border-top: 1px solid #ccc;
}

page-candidate-tracking .gridViewUI ion-card .bottomrowemail {
  border-top: 1px solid #ccc;
  font-size: 12px;
}

page-candidate-tracking .gridViewUI .colhead1,
page-candidate-tracking .gridViewUI .colhead2,
page-candidate-tracking .gridViewUI .colhead3,
page-candidate-tracking .gridViewUI .colhead4,
page-candidate-tracking .gridViewUI .colhead5,
page-candidate-tracking .gridViewUI .colhead6,
page-candidate-tracking .gridViewUI .colhead7 {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 5px;
  color: white;
  text-transform: uppercase;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
  font-weight: bold;
}

page-candidate-tracking .gridViewUI .colhead1 {
  background-color: #ffaa00;
}

page-candidate-tracking .gridViewUI .colhead2 {
  background-color: #367ad2;
}

page-candidate-tracking .gridViewUI .colhead3 {
  background-color: #50d29b;
}

page-candidate-tracking .gridViewUI .colhead4 {
  background-color: #f36363;
}

page-candidate-tracking .gridViewUI .colhead5 {
  background-color: #41acbf;
}

page-candidate-tracking .gridViewUI .colhead6 {
  background-color: purple;
}

page-candidate-tracking .gridViewUI .colhead7 {
  background-color: darkblue;
}

page-candidate-tracking .gridViewUI .RejectedFuture {
  background-color: #f58e8e7c;
}

page-candidate-tracking .gridViewUI .RejectedFuture .username {
  background-color: #f58e8e;
}

page-candidate-tracking ion-select {
  max-width: 70%;
}

page-candidate-tracking .hired {
  color: darkblue;
}

page-candidate-tracking .offered {
  color: purple;
}

page-candidate-tracking .total {
  color: blue;
}

page-candidate-tracking .blacklisted {
  color: #f83838 !important;
}

page-candidate-tracking .disabled {
  cursor: not-allowed;
  color: gray;
}

page-candidate-tracking .blacklistedinfo {
  color: #f83838 !important;
}

page-candidate-tracking .ui-dropdown .ui-dropdown-panel {
  z-index: 1017 !important;
  top: -102px !important;
  left: 0px !important;
  opacity: 1 !important;
}

page-candidate-tracking .position {
  position: -webkit-sticky !important;
  position: sticky !important;
}

page-candidate-tracking .td-vm {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  text-align: left !important;
}

page-certificate-report {
  /* ANIMATION */
  /* SHADOWS */
  /*
 *
 *   MaterialWrap - Bootstrap + Material Design Admin Theme

 
*/
  /*
 * CSS Transform - Scale and Rotate
 */
  /* The Modal (background) */
  /* Modal Content (image) */
  /* The Close Button */
  /*!
 * FullCalendar v3.2.0 Stylesheet
 * Docs & License: https://fullcalendar.io/
 * (c) 2017 Adam Shaw
 */
  /* Colors
--------------------------------------------------------------------------------------------------*/
  /* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
  /*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
  /* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
  /* Firefox has an annoying inner border */
  /* icons in buttons */
  /*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
  /* Buttons Groups
--------------------------------------------------------------------------------------------------*/
  /*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
  /* Popover
--------------------------------------------------------------------------------------------------*/
  /* unthemed */
  /* jqui themed */
  /* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
  /* Tables
--------------------------------------------------------------------------------------------------*/
  /* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
  /* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
  /* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
  /* highlighting cells & background event skeleton */
  /*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
  /* Scrolling Container
--------------------------------------------------------------------------------------------------*/
  /* TODO: move to agenda/basic */
  /* Global Event Styles
--------------------------------------------------------------------------------------------------*/
  /* overpower some of bootstrap's and jqui's styles on <a> tags */
  /* resizer (cursor AND touch devices) */
  /* resizer (touch devices) */
  /* hit area */
  /* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
  /* Horizontal Events
--------------------------------------------------------------------------------------------------*/
  /* bigger touch area when selected */
  /* events that are continuing to/from another week. kill rounded corners and butt up against edge */
  /* resizer (cursor AND touch devices) */
  /* left resizer  */
  /* right resizer */
  /* resizer (mouse devices) */
  /* resizer (touch devices) */
  /* left resizer  */
  /* right resizer */
  /* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* resizer (cursor devices) */
  /* left resizer  */
  /* right resizer */
  /* Event Limiting
--------------------------------------------------------------------------------------------------*/
  /* "more" link that represents hidden events */
  /* popover that appears when "more" link is clicked */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* Utilities
--------------------------------------------------------------------------------------------------*/
  /* Toolbar
--------------------------------------------------------------------------------------------------*/
  /* the things within each left/right/center section */
  /* the first thing within each left/center/right section */
  /* title text */
  /* button layering (for border precedence) */
  /* View Structure
--------------------------------------------------------------------------------------------------*/
  /* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
  /* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
  /* BasicView
--------------------------------------------------------------------------------------------------*/
  /* day row structure */
  /* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
  /* week and day number styling */
  /* when week/day number have own column */
  /* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
  /* divs within a cell within the fc-content-skeleton */
  /* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
  /* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* short mode, where time and title are on the same line */
  /* resizer (cursor device) */
  /* resizer (touch device) */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* arrow on axis */
  /* List View
--------------------------------------------------------------------------------------------------*/
  /* possibly reusable */
  /* view wrapper */
  /* table resets */
  /* day headings with the list */
  /* event list items */
  /* make the dot closer to the event title */
  /* message when no events */
}

page-certificate-report .letter-sp-1 {
  letter-spacing: 1px;
}

page-certificate-report .letter-sp-2 {
  letter-spacing: 2px;
}

page-certificate-report .letter-sp-3 {
  letter-spacing: 3px;
}

page-certificate-report .m-0 {
  margin: 0 !important;
}

page-certificate-report .m-5 {
  margin: 5px !important;
}

page-certificate-report .m-10 {
  margin: 10px !important;
}

page-certificate-report .m-15 {
  margin: 15px !important;
}

page-certificate-report .m-20 {
  margin: 20px !important;
}

page-certificate-report .m-30 {
  margin: 30px !important;
}

page-certificate-report .m-50 {
  margin: 50px !important;
}

page-certificate-report .m-b-100 {
  margin-bottom: 100px !important;
}

page-certificate-report .m-b-15 {
  margin-bottom: 15px !important;
}

page-certificate-report .m-b-20 {
  margin-bottom: 20px !important;
}

page-certificate-report .m-b-0 {
  margin-bottom: 0 !important;
}

page-certificate-report .m-l-0 {
  margin-left: 0 !important;
}

page-certificate-report .m-l-5 {
  margin-left: 5px !important;
}

page-certificate-report .m-l-10 {
  margin-left: 10px !important;
}

page-certificate-report .m-l-15 {
  margin-left: 15px !important;
}

page-certificate-report .m-l-20 {
  margin-left: 20px !important;
}

page-certificate-report .m-l-30 {
  margin-left: 30px !important;
}

page-certificate-report .m-l-40 {
  margin-left: 40px !important;
}

page-certificate-report .m-l-50 {
  margin-left: 50px !important;
}

page-certificate-report .m-l-n-1 {
  margin-left: -1px !important;
}

page-certificate-report .m-l-n-5 {
  margin-left: -5px !important;
}

page-certificate-report .m-l-n-10 {
  margin-left: -10px !important;
}

page-certificate-report .m-l-n-15 {
  margin-left: -15px !important;
}

page-certificate-report .m-l-n-20 {
  margin-left: -20px !important;
}

page-certificate-report .m-l-n-30 {
  margin-left: -30px !important;
}

page-certificate-report .m-l-n-40 {
  margin-left: -40px !important;
}

page-certificate-report .m-l-n-50 {
  margin-left: -50px !important;
}

page-certificate-report .m-t-0 {
  margin-top: 0 !important;
}

page-certificate-report .m-t-1 {
  margin-top: 1px !important;
}

page-certificate-report .m-t-2 {
  margin-top: 2px;
}

page-certificate-report .m-t-2p {
  margin-top: 2% !important;
}

page-certificate-report .m-t-5p {
  margin-top: 5% !important;
}

page-certificate-report .m-t-25p {
  margin-top: 25% !important;
}

page-certificate-report .m-t-30p {
  margin-top: 30% !important;
}

page-certificate-report .m-t-4 {
  margin-top: 4px !important;
}

page-certificate-report .m-t-5 {
  margin-top: 5px !important;
}

page-certificate-report .m-t-5p {
  margin-top: 5% !important;
}

page-certificate-report .m-t-10 {
  margin-top: 10px !important;
}

page-certificate-report .m-t-15 {
  margin-top: 15px !important;
}

page-certificate-report .m-t-20 {
  margin-top: 20px !important;
}

page-certificate-report .m-t-30 {
  margin-top: 30px !important;
}

page-certificate-report .m-t-40 {
  margin-top: 40px !important;
}

page-certificate-report .m-t-50 {
  margin-top: 50px !important;
}

page-certificate-report .m-t-75 {
  margin-top: 75px !important;
}

page-certificate-report .m-t-100 {
  margin-top: 100px !important;
}

page-certificate-report .m-t-120 {
  margin-top: 120px !important;
}

page-certificate-report .m-t-140 {
  margin-top: 140px !important;
}

page-certificate-report .m-t-n-1 {
  margin-top: -1px !important;
}

page-certificate-report .m-t-n-5 {
  margin-top: -5px !important;
}

page-certificate-report .m-t-n-10 {
  margin-top: -10px !important;
}

page-certificate-report .m-t-n-15 {
  margin-top: -15px !important;
}

page-certificate-report .m-t-n-20 {
  margin-top: -20px !important;
}

page-certificate-report .m-t-n-30 {
  margin-top: -30px !important;
}

page-certificate-report .m-t-n-40 {
  margin-top: -40px !important;
}

page-certificate-report .m-t-n-50 {
  margin-top: -50px !important;
}

page-certificate-report .m-r-0 {
  margin-right: 0 !important;
}

page-certificate-report .m-r-1 {
  margin-right: 1px !important;
}

page-certificate-report .m-r-5 {
  margin-right: 5px !important;
}

page-certificate-report .m-r-10 {
  margin-right: 10px !important;
}

page-certificate-report .m-r-15 {
  margin-right: 15px !important;
}

page-certificate-report .m-r-20 {
  margin-right: 20px !important;
}

page-certificate-report .m-r-30 {
  margin-right: 30px !important;
}

page-certificate-report .m-r-40 {
  margin-right: 40px !important;
}

page-certificate-report .m-r-50 {
  margin-right: 50px !important;
}

page-certificate-report .m-r-n-1 {
  margin-right: -1px !important;
}

page-certificate-report .m-r-n-5 {
  margin-right: -5px !important;
}

page-certificate-report .m-r-n-10 {
  margin-right: -10px !important;
}

page-certificate-report .m-r-n-15 {
  margin-right: -15px !important;
}

page-certificate-report .m-r-n-20 {
  margin-right: -20px !important;
}

page-certificate-report .m-r-n-30 {
  margin-right: -30px !important;
}

page-certificate-report .m-r-n-40 {
  margin-right: -40px !important;
}

page-certificate-report .m-r-n-50 {
  margin-right: -50px !important;
}

page-certificate-report .m-b-0 {
  margin-bottom: 0 !important;
}

page-certificate-report .m-b-1 {
  margin-bottom: 1px !important;
}

page-certificate-report .m-b-4 {
  margin-bottom: 4px !important;
}

page-certificate-report .m-b-5 {
  margin-bottom: 5px !important;
}

page-certificate-report .m-b-10 {
  margin-bottom: 10px !important;
}

page-certificate-report .m-b-15 {
  margin-bottom: 15px !important;
}

page-certificate-report .m-b-20 {
  margin-bottom: 20px !important;
}

page-certificate-report .m-b-30 {
  margin-bottom: 30px !important;
}

page-certificate-report .m-b-40 {
  margin-bottom: 40px !important;
}

page-certificate-report .m-b-50 {
  margin-bottom: 50px !important;
}

page-certificate-report .m-b-n-1 {
  margin-bottom: -1px !important;
}

page-certificate-report .m-b-n-5 {
  margin-bottom: -5px !important;
}

page-certificate-report .m-b-n-10 {
  margin-bottom: -10px !important;
}

page-certificate-report .m-b-n-15 {
  margin-bottom: -15px !important;
}

page-certificate-report .m-b-n-20 {
  margin-bottom: -20px !important;
}

page-certificate-report .m-b-n-30 {
  margin-bottom: -30px !important;
}

page-certificate-report .m-b-n-40 {
  margin-bottom: -40px !important;
}

page-certificate-report .m-b-n-50 {
  margin-bottom: -50px !important;
}

page-certificate-report .p-0 {
  padding: 0 !important;
}

page-certificate-report .p-5 {
  padding: 5px !important;
}

page-certificate-report .p-10 {
  padding: 10px !important;
}

page-certificate-report .p-15 {
  padding: 15px !important;
}

page-certificate-report .p-20 {
  padding: 20px !important;
}

page-certificate-report .p-25 {
  padding: 25px !important;
}

page-certificate-report .p-30 {
  padding: 30px !important;
}

page-certificate-report .p-40 {
  padding: 40px !important;
}

page-certificate-report .p-50 {
  padding: 50px !important;
}

page-certificate-report .p-75 {
  padding: 75px !important;
}

page-certificate-report .p-100 {
  padding: 100px !important;
}

page-certificate-report .p-lr {
  padding: 0px 4% 0px 4%;
}

page-certificate-report .p-l-0 {
  padding-left: 0 !important;
}

page-certificate-report .p-l-5 {
  padding-left: 5px !important;
}

page-certificate-report .p-l-10 {
  padding-left: 10px !important;
}

page-certificate-report .p-l-12 {
  padding-left: 12px !important;
}

page-certificate-report .p-l-15 {
  padding-left: 15px !important;
}

page-certificate-report .p-l-16 {
  padding-left: 16px !important;
}

page-certificate-report .p-l-20 {
  padding-left: 20px !important;
}

page-certificate-report .p-l-25 {
  padding-left: 25px !important;
}

page-certificate-report .p-l-30 {
  padding-left: 30px !important;
}

page-certificate-report .p-l-40 {
  padding-left: 40px !important;
}

page-certificate-report .p-l-50 {
  padding-left: 50px !important;
}

page-certificate-report .p-l-75 {
  padding-left: 75px !important;
}

page-certificate-report .p-l-100 {
  padding-left: 100px !important;
}

page-certificate-report .p-r-0 {
  padding-right: 0 !important;
}

page-certificate-report .p-r-5 {
  padding-right: 5px !important;
}

page-certificate-report .p-r-10 {
  padding-right: 10px !important;
}

page-certificate-report .p-r-12 {
  padding-right: 12px !important;
}

page-certificate-report .p-r-15 {
  padding-right: 15px !important;
}

page-certificate-report .p-r-20 {
  padding-right: 20px !important;
}

page-certificate-report .p-r-25 {
  padding-right: 25px !important;
}

page-certificate-report .p-r-30 {
  padding-right: 30px !important;
}

page-certificate-report .p-r-40 {
  padding-right: 40px !important;
}

page-certificate-report .p-r-50 {
  padding-right: 50px !important;
}

page-certificate-report .p-r-75 {
  padding-right: 75px !important;
}

page-certificate-report .p-r-100 {
  padding-right: 100px !important;
}

page-certificate-report .p-b-0 {
  padding-bottom: 0 !important;
}

page-certificate-report .p-b-5 {
  padding-bottom: 5px !important;
}

page-certificate-report .p-b-10 {
  padding-bottom: 10px !important;
}

page-certificate-report .p-b-15 {
  padding-bottom: 15px !important;
}

page-certificate-report .p-b-16 {
  padding-bottom: 16px !important;
}

page-certificate-report .p-b-20 {
  padding-bottom: 20px !important;
}

page-certificate-report .p-b-25 {
  padding-bottom: 25px !important;
}

page-certificate-report .p-b-30 {
  padding-bottom: 30px !important;
}

page-certificate-report .p-b-40 {
  padding-bottom: 40px !important;
}

page-certificate-report .p-b-50 {
  padding-bottom: 50px !important;
}

page-certificate-report .p-b-60 {
  padding-bottom: 60px !important;
}

page-certificate-report .p-b-70 {
  padding-bottom: 70px !important;
}

page-certificate-report .p-b-80 {
  padding-bottom: 80px !important;
}

page-certificate-report .p-b-90 {
  padding-bottom: 90px !important;
}

page-certificate-report .p-b-100 {
  padding-bottom: 100px !important;
}

page-certificate-report .p-t-0 {
  padding-top: 0 !important;
}

page-certificate-report .p-t-5 {
  padding-top: 5px !important;
}

page-certificate-report .p-t-7 {
  padding-top: 7px !important;
}

page-certificate-report .p-t-10 {
  padding-top: 10px !important;
}

page-certificate-report .p-t-15 {
  padding-top: 15px !important;
}

page-certificate-report .p-t-16 {
  padding-top: 16px !important;
}

page-certificate-report .p-t-20 {
  padding-top: 20px !important;
}

page-certificate-report .p-t-25 {
  padding-top: 25px !important;
}

page-certificate-report .p-t-30 {
  padding-top: 30px !important;
}

page-certificate-report .p-t-40 {
  padding-top: 40px !important;
}

page-certificate-report .p-t-50 {
  padding-top: 50px !important;
}

page-certificate-report .p-t-75 {
  padding-top: 75px !important;
}

page-certificate-report .p-t-100 {
  padding-top: 100px !important;
}

page-certificate-report .p-t-120 {
  padding-top: 120px !important;
}

page-certificate-report .p-t-130 {
  padding-top: 130px !important;
}

page-certificate-report .p-t-140 {
  padding-top: 140px !important;
}

page-certificate-report .p-t-150 {
  padding-top: 150px !important;
}

page-certificate-report .block {
  display: block !important;
}

page-certificate-report .img-xs {
  width: 30px;
  height: 30px;
}

page-certificate-report .img-sm {
  width: 35px;
  height: 35px;
}

page-certificate-report .img-md {
  width: 55px;
  height: 55px;
}

page-certificate-report .img-lg {
  width: 100px;
  height: 100px;
}

page-certificate-report .min-w-800 {
  min-width: 800px !important;
}

page-certificate-report .min-w-1000 {
  min-width: 1000px !important;
}

page-certificate-report .min-w-1100 {
  min-width: 1100px !important;
}

page-certificate-report .max-w-20 {
  max-width: 20px !important;
}

page-certificate-report .max-w-30 {
  max-width: 30px !important;
}

page-certificate-report .max-w-32 {
  max-width: 35px !important;
}

page-certificate-report .max-w-35 {
  max-width: 35px !important;
}

page-certificate-report .max-w-40 {
  max-width: 40px !important;
}

page-certificate-report .max-w-50 {
  max-width: 50px !important;
}

page-certificate-report .max-w-75 {
  max-width: 75px !important;
}

page-certificate-report .max-w-100 {
  max-width: 100px !important;
}

page-certificate-report .max-w-150 {
  max-width: 150px !important;
}

page-certificate-report .max-w-200 {
  max-width: 200px !important;
}

page-certificate-report .max-w-300 {
  max-width: 300px !important;
}

page-certificate-report .max-w-400 {
  max-width: 400px !important;
}

page-certificate-report .overflow-hidden {
  overflow: hidden;
}

page-certificate-report .overflow-auto {
  overflow: auto;
}

page-certificate-report .max-h-50 {
  max-height: 50px !important;
}

page-certificate-report .max-h-80 {
  max-height: 80px !important;
}

page-certificate-report .max-h-100 {
  max-height: 100px !important;
}

page-certificate-report .max-h-150 {
  max-height: 150px !important;
}

page-certificate-report .max-h-200 {
  max-height: 200px !important;
}

page-certificate-report .max-h-250 {
  max-height: 250px !important;
}

page-certificate-report .max-h-300 {
  max-height: 300px !important;
}

page-certificate-report .max-h-350 {
  max-height: 300px !important;
}

page-certificate-report .max-h-375 {
  max-height: 300px !important;
}

page-certificate-report .max-h-400 {
  max-height: 400px !important;
}

page-certificate-report .max-h-450 {
  max-height: 450px !important;
}

page-certificate-report .max-h-500 {
  max-height: 500px !important;
}

page-certificate-report .max-h-600 {
  max-height: 600px !important;
}

page-certificate-report .max-h-650 {
  max-height: 650px !important;
}

page-certificate-report .max-h-700 {
  max-height: 700px !important;
}

page-certificate-report .max-h-800 {
  max-height: 800px !important;
}

page-certificate-report .max-h-900 {
  max-height: 900px !important;
}

page-certificate-report .max-h-1000 {
  max-height: 1000px !important;
}

page-certificate-report .min-h-0 {
  min-height: 0 !important;
}

page-certificate-report .min-h-50 {
  min-height: 50px !important;
}

page-certificate-report .min-h-100 {
  min-height: 100px !important;
}

page-certificate-report .min-h-200 {
  min-height: 200px !important;
}

page-certificate-report .min-h-250 {
  min-height: 250px !important;
}

page-certificate-report .min-h-300 {
  min-height: 300px !important;
}

page-certificate-report .min-h-350 {
  min-height: 300px !important;
}

page-certificate-report .min-h-375 {
  min-height: 300px !important;
}

page-certificate-report .min-h-400 {
  min-height: 400px !important;
}

page-certificate-report .min-h-450 {
  min-height: 450px !important;
}

page-certificate-report .min-h-500 {
  min-height: 500px !important;
}

page-certificate-report .min-h-600 {
  min-height: 600px !important;
}

page-certificate-report .min-h-650 {
  min-height: 650px !important;
}

page-certificate-report .min-h-700 {
  min-height: 700px !important;
}

page-certificate-report .min-h-800 {
  min-height: 800px !important;
}

page-certificate-report .min-h-900 {
  min-height: 900px !important;
}

page-certificate-report .min-h-1000 {
  min-height: 1000px !important;
}

page-certificate-report .h-5 {
  height: 5px !important;
}

page-certificate-report .h-10 {
  height: 10px !important;
}

page-certificate-report .h-20 {
  height: 20px !important;
}

page-certificate-report .h-25 {
  height: 25px !important;
}

page-certificate-report .h-50 {
  height: 50px !important;
}

page-certificate-report .h-75 {
  height: 75px !important;
}

page-certificate-report .h-100 {
  height: 100px !important;
}

page-certificate-report .h-125 {
  height: 125px !important;
}

page-certificate-report .h-150 {
  height: 150px !important;
}

page-certificate-report .h-200 {
  height: 200px !important;
}

page-certificate-report .h-300 {
  height: 300px !important;
}

page-certificate-report .h-350 {
  height: 350px !important;
}

page-certificate-report .h-400 {
  height: 400px !important;
}

page-certificate-report .h-450 {
  height: 450px !important;
}

page-certificate-report .h-500 {
  height: 500px !important;
}

page-certificate-report .h-600 {
  height: 600px !important;
}

page-certificate-report .h-650 {
  height: 650px !important;
}

page-certificate-report .h-700 {
  height: 700px !important;
}

page-certificate-report .h-800 {
  height: 800px !important;
}

page-certificate-report .h-900 {
  height: 900px !important;
}

page-certificate-report .h-1000 {
  height: 1000px !important;
}

page-certificate-report .w-5 {
  width: 5px !important;
}

page-certificate-report .w-10 {
  width: 10px !important;
}

page-certificate-report .w-15 {
  width: 15px !important;
}

page-certificate-report .w-20 {
  width: 20px !important;
}

page-certificate-report .w-30 {
  width: 30px !important;
}

page-certificate-report .w-40 {
  width: 40px !important;
}

page-certificate-report .w-50 {
  width: 50px !important;
}

page-certificate-report .w-60 {
  width: 60px !important;
}

page-certificate-report .w-80 {
  width: 80px !important;
}

page-certificate-report .w-100 {
  width: 100px !important;
}

page-certificate-report .w-150 {
  width: 150px !important;
}

page-certificate-report .w-190 {
  width: 190px !important;
}

page-certificate-report .w-200 {
  width: 200px !important;
}

page-certificate-report .w-250 {
  width: 250px !important;
}

page-certificate-report .w-300 {
  width: 300px !important;
}

page-certificate-report .w-600 {
  width: 600px !important;
}

page-certificate-report .w-100p {
  width: 100% !important;
}

page-certificate-report .w-95p {
  width: 95% !important;
}

page-certificate-report .w-90p {
  width: 90% !important;
}

page-certificate-report .w-80p {
  width: 80% !important;
}

page-certificate-report .w-70p {
  width: 70% !important;
}

page-certificate-report .w-60p {
  width: 60% !important;
}

page-certificate-report .w-50p {
  width: 50% !important;
}

page-certificate-report .w-45p {
  width: 45% !important;
}

page-certificate-report .w-40p {
  width: 40% !important;
}

page-certificate-report .w-30p {
  width: 30% !important;
}

page-certificate-report .w-25p {
  width: 25% !important;
}

page-certificate-report .w-20p {
  width: 20% !important;
}

page-certificate-report .w-15p {
  width: 15% !important;
}

page-certificate-report .w-10p {
  width: 10% !important;
}

page-certificate-report .w-8p {
  width: 8% !important;
}

page-certificate-report .w-5p {
  width: 5% !important;
}

page-certificate-report .w-3p {
  width: 3% !important;
}

page-certificate-report .w-95p {
  width: 95% !important;
}

page-certificate-report .h-100p {
  height: 100% !important;
}

page-certificate-report .h-80p {
  height: 80% !important;
}

page-certificate-report .absolute {
  position: absolute !important;
}

page-certificate-report .relative {
  position: relative !important;
}

page-certificate-report .block {
  display: block !important;
}

page-certificate-report .inline-block {
  display: inline-block !important;
}

page-certificate-report .list-block li {
  display: block !important;
}

page-certificate-report .list-inline li {
  display: inline !important;
}

page-certificate-report .clear-both {
  clear: both !important;
}

page-certificate-report .line-height-normal {
  line-height: normal !important;
}

page-certificate-report .line-height-8 {
  line-height: 8px !important;
}

page-certificate-report .line-height-14 {
  line-height: 14px !important;
}

page-certificate-report .line-height-12 {
  line-height: normal !important;
}

page-certificate-report ul.style-none {
  margin: 0;
  padding: 0;
  list-style: none;
}

page-certificate-report ul.style-none li {
  font-size: 0.875rem;
  padding: 3px 0;
}

page-certificate-report ul.style-none li ul {
  list-style: none;
}

page-certificate-report ul.vertical-icon-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

page-certificate-report ul.vertical-icon-list li {
  font-size: 0.875rem;
  padding: 6px 0;
}

page-certificate-report ul.vertical-icon-list li i {
  font-size: 1.25rem;
  padding-right: 15px;
  vertical-align: middle;
}

page-certificate-report .bg-white {
  background: #ffffff !important;
}

page-certificate-report .bg-green {
  background: #28bebd !important;
}

page-certificate-report .bg-blue {
  background: #42a5f5 !important;
}

page-certificate-report .bg-lightBlue {
  background: #2ebaee !important;
}

page-certificate-report .bg-red {
  background: #ef5350 !important;
}

page-certificate-report .bg-yellow {
  background: #f8c200 !important;
}

page-certificate-report .bg-paleYellow {
  background: #fddd7e !important;
}

page-certificate-report .bg-lightGray {
  background: #e3ecf7 !important;
}

page-certificate-report .bg-gray {
  background: #8f9eb5 !important;
}

page-certificate-report .bg-drakGray {
  background: #707c94 !important;
}

page-certificate-report .bg-grayBlue {
  background: #59779b !important;
}

page-certificate-report .bg-purple {
  background: #6b79c4 !important;
}

page-certificate-report .bg-turquoise {
  background: #00c5dc !important;
}

page-certificate-report .bg-peach {
  background: #feb38d !important;
}

page-certificate-report .bg-transparent {
  background: transparent !important;
}

page-certificate-report .text-primary {
  color: #172B4D !important;
}

page-certificate-report .text-link {
  color: #0645ad !important;
}

page-certificate-report .text-green {
  color: #28bebd !important;
}

page-certificate-report .text-turquoise {
  color: #00c5dc !important;
}

page-certificate-report .text-red {
  color: #ef5350 !important;
}

page-certificate-report .text-cyan {
  color: #26c6da !important;
}

page-certificate-report .text-yellow {
  color: #f8c200 !important;
}

page-certificate-report .text-gray {
  color: #8f9eb5 !important;
}

page-certificate-report .text-blue {
  color: #42a5f5 !important;
}

page-certificate-report .text-orange {
  color: #ffb74d !important;
}

page-certificate-report .text-purple {
  color: #6b79c4 !important;
}

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

page-certificate-report .text-brown {
  color: #906b6b !important;
}

page-certificate-report .text-salmon {
  color: #ee6e73 !important;
}

page-certificate-report .text-muted {
  color: #8396b0;
}

page-certificate-report .color-black {
  color: #000 !important;
}

page-certificate-report .color-white {
  color: #fff !important;
}

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

page-certificate-report .transparent {
  background: transparent !important;
}

page-certificate-report .bg-primary {
  background-color: #172B4D !important;
}

page-certificate-report .border-bottom,
page-certificate-report .border-grey-bottom-1px {
  border-bottom: 1px solid rgba(215, 225, 237, 0.8) !important;
}

page-certificate-report .border-grey-top-1px,
page-certificate-report .border-top {
  border-top: 1px solid rgba(215, 225, 237, 0.6) !important;
}

page-certificate-report .border-bottom-black-2px {
  border-bottom: 2px solid black;
}

page-certificate-report .border-top0p {
  border-top: 0px !important;
}

page-certificate-report .b-n {
  border: none !important;
}

page-certificate-report .b-b-1 {
  border: 1px solid black;
}

page-certificate-report .b-lg-1 {
  border: 1px solid lightgrey;
}

page-certificate-report .shadow-none {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

page-certificate-report .shadow-z-0 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-certificate-report .shadow-z-1 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-certificate-report .shadow-z-1:hover {
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

page-certificate-report .shadow-z-2 {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

page-certificate-report .shadow-z-3 {
  -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

page-certificate-report .shadow-z-4 {
  -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}

page-certificate-report .shadow-z-5 {
  -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}

page-certificate-report .big-shadow {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
}

page-certificate-report .shadow-2dp {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

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

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

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

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

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

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

page-certificate-report .font-weight-100 {
  font-weight: 100 !important;
}

page-certificate-report .font-weight-200 {
  font-weight: 200 !important;
}

page-certificate-report .font-weight-300 {
  font-weight: 300 !important;
}

page-certificate-report .font-weight-400 {
  font-weight: 400 !important;
}

page-certificate-report .font-weight-500 {
  font-weight: 500 !important;
}

page-certificate-report .font-weight-600 {
  font-weight: 600 !important;
}

page-certificate-report .font-weight-700 {
  font-weight: 700 !important;
}

page-certificate-report .font-weight-800 {
  font-weight: 800 !important;
}

page-certificate-report .font-weight-900 {
  font-weight: 900 !important;
}

page-certificate-report .font-weight-light {
  font-weight: 100 !important;
}

page-certificate-report .font-weight-normal {
  font-weight: 300 !important;
}

page-certificate-report .font-weight-medium {
  font-weight: 400 !important;
}

page-certificate-report .font-weight-bold {
  font-weight: 500 !important;
}

page-certificate-report .bold {
  font-weight: bold !important;
}

page-certificate-report .font-size-0 {
  font-size: 0 !important;
}

page-certificate-report .font-size-10 {
  font-size: 10px !important;
}

page-certificate-report .font-size-11 {
  font-size: 11px !important;
}

page-certificate-report .font-size-12 {
  font-size: 12px !important;
}

page-certificate-report .font-size-14 {
  font-size: 14px !important;
}

page-certificate-report .font-size-16 {
  font-size: 16px !important;
}

page-certificate-report .font-size-18 {
  font-size: 18px !important;
}

page-certificate-report .font-size-20 {
  font-size: 20px !important;
}

page-certificate-report .font-size-24 {
  font-size: 24px !important;
}

page-certificate-report .font-size-26 {
  font-size: 26px !important;
}

page-certificate-report .font-size-30 {
  font-size: 30px !important;
}

page-certificate-report .font-size-35 {
  font-size: 35px !important;
}

page-certificate-report .font-size-38 {
  font-size: 38px !important;
}

page-certificate-report .font-size-40 {
  font-size: 40px !important;
}

page-certificate-report .font-size-50 {
  font-size: 50px !important;
}

page-certificate-report .font-size-60 {
  font-size: 60px !important;
}

page-certificate-report .font-size-70 {
  font-size: 70px !important;
}

page-certificate-report .font-size-80 {
  font-size: 80px !important;
}

page-certificate-report .hidden {
  display: none !important;
}

page-certificate-report .w-100p {
  width: 100% !important;
}

page-certificate-report .float-r {
  float: right !important;
}

page-certificate-report .float-l {
  float: left !important;
}

page-certificate-report .align-c {
  display: block;
  margin: 0 auto;
}

page-certificate-report .align-b {
  display: block;
}

page-certificate-report .text-center {
  text-align: center !important;
}

page-certificate-report .text-left {
  text-align: left !important;
}

page-certificate-report .text-right {
  text-align: right !important;
}

page-certificate-report .align-v-c {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-certificate-report .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-certificate-report .align-v-c1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-certificate-report .align-v-c2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-certificate-report .align-v-c3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-certificate-report .align-v-c4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-certificate-report .align-flex-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-certificate-report .align-right-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

page-certificate-report .align-start-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media (max-width: 576px) {
  page-certificate-report .d-xs-none {
    display: none !important;
  }
  page-certificate-report .d-xs-inline {
    display: inline !important;
  }
  page-certificate-report .d-xs-inline-block {
    display: inline-block !important;
  }
  page-certificate-report .d-xs-block {
    display: block !important;
  }
  page-certificate-report .d-xs-table {
    display: table !important;
  }
  page-certificate-report .d-xs-table-cell {
    display: table-cell !important;
  }
  page-certificate-report .d-xs-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
  }
  page-certificate-report .d-xs-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important;
  }
}

page-certificate-report .b-r-gd {
  border-radius: 10px !important;
}

page-certificate-report .b-r-10 {
  border-radius: 10px !important;
}

page-certificate-report .b-r-5 {
  border-radius: 5px;
}

page-certificate-report .d-fl-ov-x {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  overflow-x: auto !important;
}

page-certificate-report .align-base {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-certificate-report .d-fl-bl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-certificate-report .d-fl-vhcenter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-certificate-report .d-fl-b2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
}

page-certificate-report .d-fl-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-certificate-report .d-fl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-certificate-report .d-fl-sb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-certificate-report .d-fl-saround {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-certificate-report .d-fl-ac {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-certificate-report .text-capital {
  text-transform: capitalize !important;
}

page-certificate-report .text-upper {
  text-transform: uppercase !important;
}

page-certificate-report .m-a {
  margin: auto !important;
}

page-certificate-report .m-l-a {
  margin-left: auto !important;
}

page-certificate-report .m-r-a {
  margin-right: auto !important;
}

page-certificate-report .italic {
  font-style: italic;
}

page-certificate-report .pointer {
  cursor: pointer;
}

page-certificate-report .ws-in {
  white-space: inherit;
}

page-certificate-report .opacity-1 {
  opacity: 1;
}

page-certificate-report .in-valid-checkbox {
  border: 1px solid #ff0000 !important;
  padding: 5px !important;
  margin-bottom: 10px;
  border-radius: 5px;
}

page-certificate-report page-corp-dashboard .mycustomdrop:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
  top: -15px;
  position: absolute;
  right: 15%;
}

page-certificate-report h1 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1.6875rem !important;
  line-height: 64px;
  letter-spacing: -0.4px;
}

page-certificate-report h2 {
  font-family: "Poppins", sans-serif;
  font-size: 24px !important;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
}

page-certificate-report h3,
page-certificate-report .h3 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 22px !important;
  line-height: 48px;
  /* identical to box height, or 200% */
  /* Neutral / dark gray */
  color: #000000;
}

page-certificate-report h4,
page-certificate-report .menu-heading-h4 {
  font-family: "Poppins", sans-serif !important;
  font-style: normal;
  font-weight: normal;
  font-size: 15px !important;
  line-height: 26px;
  /* or 144% */
  letter-spacing: -0.2px;
  color: #000000;
}

page-certificate-report h5 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  /* or 143% */
  color: #000000;
}

page-certificate-report .subtitle {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  /* or 200% */
  letter-spacing: 2.5px;
  color: #4E5761;
}

page-certificate-report p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 13px !important;
  line-height: 24px;
  /* identical to box height, or 171% */
  letter-spacing: -0.1px;
  /* Neutral / black */
  color: #000000;
}

page-certificate-report .ui-tabview.ui-tabview-top > .ui-tabview-nav {
  padding: 0.2em 0.2em 0;
  border-bottom: 1px solid #eaeaea;
}

page-certificate-report .scroll-content {
  padding: 0 !important;
}

page-certificate-report ion-navbar {
  margin: 0;
  border-radius: 0px;
  height: 50px !important;
  color: #172B4D !important;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-certificate-report ion-header {
  padding: 0;
}

page-certificate-report .header-md::after {
  background-image: none;
}

page-certificate-report .toolbar-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #172B4D !important;
  line-height: 24px;
  font-family: "Poppins", sans-serif;
  font-size: 2rem !important;
  font-weight: bold !important;
  text-align: left !important;
}

page-certificate-report .userLabel {
  float: right;
  display: inline;
  letter-spacing: 1px;
  color: #172B4D !important !important;
}

page-certificate-report .card-title {
  font-size: 16px !important;
  color: #000000;
  font-weight: bold !important;
  text-align: center !important;
}

page-certificate-report .barcolor {
  background: #5a75a3;
  color: #ffffff;
}

page-certificate-report p-sorticon {
  color: black;
}

page-certificate-report p-sorticon a {
  color: black !important;
}

page-certificate-report .globalTable {
  border: none;
  border: 1px solid #c1c1c1;
}

page-certificate-report .globalTable .ui-table-caption {
  border-bottom: 1px solid #dadada !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  font-size: 18px !important;
  background: #ecececad !important;
}

page-certificate-report .globalTable .table-header input {
  font-size: 15px !important;
  border-style: groove;
  width: 100% !important;
  padding-left: 10px;
  border-radius: 10px;
  border-color: #f3f3f3;
  font-weight: 500;
  line-height: 25px !important;
}

page-certificate-report .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-certificate-report .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

page-certificate-report .globalTable .table-header .align input {
  width: 80%;
  line-height: 25px;
}

page-certificate-report .globalTable .ui-table-tbody tr:nth-child(2n+1) {
  background: white;
}

page-certificate-report .globalTable .ui-table-tbody tr:nth-child(2n) {
  background: #f3f3f3;
}

page-certificate-report .globalTable .ui-table-tbody tr:hover {
  background: #c1c1c167 !important;
}

page-certificate-report .globalTable .ui-table-tbody .activeRow {
  background: #c4d2e5 !important;
}

page-certificate-report .globalTable th input {
  text-align: center !important;
  width: 90% !important;
  font-weight: 400 !important;
}

page-certificate-report .globalTable .ui-table .ui-sortable-column.ui-state-highlight {
  color: black !important;
}

page-certificate-report .globalTable .ui-table .ui-table-thead tr th {
  background: #eeeeee9e;
  border: none;
  padding: 10px 0;
  width: 100%;
  text-align: center;
}

page-certificate-report .globalTable .ui-table .ui-table-tbody tr td {
  border: none;
  background: inherit;
  padding: 20px 0;
  text-align: center;
}

page-certificate-report .globalTable .ui-table .ui-table-tbody tr {
  border-bottom: 1px solid #cacaca;
}

page-certificate-report .globalTable .p-column-filter {
  border-radius: 4px;
  border: 1px solid gray;
}

page-certificate-report .globalTable .badge-badge.status-Active {
  padding: 5px 20px;
  color: #226f4e;
  background-color: #9decbe;
  font-weight: 500;
  font-size: 12px;
}

page-certificate-report .globalTable .badge-badge.status-Inactive {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

page-certificate-report .globalTable .badge-badge.status-Suspended {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

page-certificate-report .globalTable .badge-badge.status-Waiting {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

page-certificate-report .globalTable .badge-badge.status-Pending {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

page-certificate-report .globalTable .actionIcon {
  padding: 0 3px;
  font-size: 16px;
  cursor: pointer;
}

page-certificate-report ion-icon {
  cursor: pointer;
}

page-certificate-report .button-md-reset {
  background-color: #ffffff;
  color: black !important;
  border: 1px solid #e3ecf7;
}

page-certificate-report .button-md-reset:hover {
  background-color: #ececec !important;
}

page-certificate-report .reset:hover {
  background-color: #ececec !important;
}

page-certificate-report .button-md-primary {
  background-color: #172B4D !important;
  color: #ffffff !important;
}

page-certificate-report ion-button {
  background-color: #172B4D !important;
  color: #ffffff;
}

page-certificate-report .my-custom-class .alert-button-group button:first-child {
  position: relative;
}

page-certificate-report .my-custom-class .alert-button-group button {
  font-weight: bold;
}

page-certificate-report .my-custom-class .alert-radio-group {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100% !important;
}

page-certificate-report .my-custom-class button {
  text-align: center;
}

page-certificate-report .alert-button-group button:first-child {
  position: relative !important;
  min-width: 0 !important;
}

page-certificate-report .alert-md .alert-wrapper {
  max-width: 320px !important;
}

page-certificate-report .alert-md .alert-message {
  font-size: 16px !important;
}

page-certificate-report .alert-button {
  font-size: 15px !important;
}

page-certificate-report .alert-md .alert-sub-title {
  font-size: 16px !important;
}

page-certificate-report .alert-md .alert-title {
  font-size: 22px !important;
}

page-certificate-report .breakclass {
  white-space: pre-line;
}

page-certificate-report .error {
  color: red;
  float: left;
}

page-certificate-report .topStrip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}

page-certificate-report .infographic1 {
  border: none;
  color: #367ad2;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-certificate-report .infographic1 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-certificate-report .infographic1 ion-icon {
  color: black;
}

page-certificate-report .infographic2 {
  border: none;
  color: #50d29b;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-certificate-report .infographic2 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-certificate-report .infographic2 ion-icon {
  color: black;
}

page-certificate-report .infographic3 {
  border: none;
  color: #ffaa00;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-certificate-report .infographic3 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-certificate-report .infographic3 ion-icon {
  color: black;
}

page-certificate-report .infographic4 {
  border: none;
  color: #f36363;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-certificate-report .infographic4 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-certificate-report .infographic4 ion-icon {
  color: black;
}

page-certificate-report .infographic5 {
  border: none;
  color: #41acbf;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-certificate-report .infographic5 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-certificate-report .infographic5 ion-icon {
  color: black;
}

page-certificate-report .infograph1 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #367ad2;
  font-size: 20px;
}

page-certificate-report .infograph2 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #51b98d;
  font-size: 20px;
}

page-certificate-report .infograph3 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #ffaa00;
  font-size: 20px;
}

page-certificate-report .infograph4 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #dc5b54;
  font-size: 20px;
}

page-certificate-report .infograph5 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #41acbf;
  font-size: 20px;
}

page-certificate-report .infographtext {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 12px;
}

page-certificate-report .successToast .toast-message {
  background-color: #d2f8d2 !important;
  color: black;
}

page-certificate-report .errorToast .toast-message {
  background-color: #eea9a0 !important;
  color: black;
}

page-certificate-report .actionIconsBar {
  padding-right: 20px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

page-certificate-report .ui-carousel .ui-carousel-header {
  display: none !important;
}

page-certificate-report .userfab .fab-close-active .fab-close-icon {
  height: 40px !important;
  position: relative !important;
}

page-certificate-report textarea.text-input {
  resize: none !important;
}

page-certificate-report .asterisk {
  color: red;
  padding-left: 3px;
}

page-certificate-report .m-b-t {
  margin-bottom: 4% !important;
}

page-certificate-report .ui-radiobutton-box.ui-state-active {
  border: 1px solid #09f;
  background: #09f;
  color: #09f;
}

page-certificate-report .alert-md .alert-message {
  overflow: auto;
}

page-certificate-report .alert-md .alert-message .alertstyle1 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

page-certificate-report .alert-md .alert-message .alertstyle1 b {
  width: 65px !important;
}

page-certificate-report .alert-md .alert-message .alertstyle3 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-certificate-report .alert-md .alert-message .alertstyle3 b {
  width: 65px !important;
}

page-certificate-report .alert-md .alert-message .alertstyle4 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-certificate-report .alert-md .alert-message .alertstyle4 b {
  width: 150px !important;
}

page-certificate-report .alert-md .alert-message .alertstyle5 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

page-certificate-report .alert-md .alert-message .alertstyle5 b {
  width: 75px !important;
}

page-certificate-report .alert-md .alert-message .alertstyle5 span {
  width: 5px;
}

page-certificate-report .alert-md .alert-message .alertstyle2 {
  text-align: left !important;
}

page-certificate-report .alert-md .alert-message .alertstyle2 li {
  margin-top: 10px;
}

page-certificate-report .ui-tooltip {
  background-color: #172B4D !important;
  color: #ffffff;
}

page-certificate-report .navsebexam .toolbar-content-md {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
}

page-certificate-report .modal-wrapper {
  height: 75%;
  top: 10%;
  position: absolute;
  display: block;
  border-radius: 10px !important;
}

page-certificate-report .ui-picklist-source-controls.ui-picklist-buttons {
  display: none !important;
}

page-certificate-report .ui-picklist-target-controls.ui-picklist-buttons {
  display: none !important;
}

page-certificate-report .ui-picklist-target-controls.ui-picklist-buttons.ng-star-inserted {
  display: none !important;
}

page-certificate-report .ellip {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

page-certificate-report .p-slider {
  background: #dee2e6;
  border: 0 none;
  border-radius: 3px;
}

page-certificate-report .Errorbox .alert-title {
  color: #d8000c;
}

page-certificate-report .Errorbox .alert-button {
  color: #d8000c;
}

page-certificate-report .card-md {
  border-radius: 5px !important;
}

page-certificate-report .modal {
  display: none;
  /* Hidden by default */
  position: -webkit-sticky;
  position: sticky;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 30px;
  /* Location of the box */
  left: 0;
  right: 0;
  bottom: 150px;
  width: 400px;
  height: 400px;
  margin: auto;
  border: 4px solid;
  background-color: black;
}

page-certificate-report .modal-content {
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
}

page-certificate-report .close {
  position: absolute;
  color: #f1f1f1;
  top: 0px;
  right: 10px;
  font-size: 28px;
  font-weight: bold;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

page-certificate-report .close:hover,
page-certificate-report .close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

page-certificate-report .customhr {
  width: 90%;
  background-color: #ccc;
}

page-certificate-report .mycustomtoolbar ion-segment {
  border: none;
}

page-certificate-report .mycustomtoolbar ion-segment-button {
  font-size: 16px !important;
  font-weight: 500 !important;
}

page-certificate-report .mycustomtoolbar .segment-md .segment-button.activated,
page-certificate-report .mycustomtoolbar .segment-md .segment-button.segment-activated {
  border-color: #172B4D !important;
  color: #172B4D !important;
}

page-certificate-report .mycustomtoolbar .toolbar-background {
  background: transparent;
}

page-certificate-report .fc {
  direction: ltr;
  text-align: left;
}

page-certificate-report .fc-rtl {
  text-align: right;
}

page-certificate-report body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}

page-certificate-report .fc-unthemed th,
page-certificate-report .fc-unthemed td,
page-certificate-report .fc-unthemed thead,
page-certificate-report .fc-unthemed tbody,
page-certificate-report .fc-unthemed .fc-divider,
page-certificate-report .fc-unthemed .fc-row,
page-certificate-report .fc-unthemed .fc-content,
page-certificate-report .fc-unthemed .fc-popover,
page-certificate-report .fc-unthemed .fc-list-view,
page-certificate-report .fc-unthemed .fc-list-heading td {
  border-color: #ddd;
}

page-certificate-report .fc-unthemed .fc-popover {
  background-color: #fff;
}

page-certificate-report .fc-unthemed .fc-divider,
page-certificate-report .fc-unthemed .fc-popover .fc-header,
page-certificate-report .fc-unthemed .fc-list-heading td {
  background: #eee;
}

page-certificate-report .fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}

page-certificate-report .fc-unthemed td.fc-today {
  background: #fcf8e3;
}

page-certificate-report .fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3;
}

page-certificate-report .fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3;
}

page-certificate-report .fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}

page-certificate-report .fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

page-certificate-report .fc-icon:after {
  position: relative;
}

page-certificate-report .fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-certificate-report .fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-certificate-report .fc-icon-left-double-arrow:after {
  content: "\000AB";
  font-size: 160%;
  top: -7%;
}

page-certificate-report .fc-icon-right-double-arrow:after {
  content: "\000BB";
  font-size: 160%;
  top: -7%;
}

page-certificate-report .fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%;
}

page-certificate-report .fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%;
}

page-certificate-report .fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%;
}

page-certificate-report .fc-icon-x:after {
  content: "\000D7";
  font-size: 200%;
  top: 6%;
}

page-certificate-report .fc button {
  /* force height to include the border and padding */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer;
}

page-certificate-report .fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}

page-certificate-report .fc-state-default {
  /* non-theme */
  border: 1px solid;
}

page-certificate-report .fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

page-certificate-report .fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

page-certificate-report .fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .2em;
  vertical-align: middle;
}

page-certificate-report .fc-state-default {
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-certificate-report .fc-state-hover,
page-certificate-report .fc-state-down,
page-certificate-report .fc-state-active,
page-certificate-report .fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}

page-certificate-report .fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

page-certificate-report .fc-state-down,
page-certificate-report .fc-state-active {
  background-color: #cccccc;
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-certificate-report .fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}

page-certificate-report .fc-button-group {
  display: inline-block;
}

page-certificate-report .fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px;
}

page-certificate-report .fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0;
}

page-certificate-report .fc-popover {
  position: absolute;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

page-certificate-report .fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px;
}

page-certificate-report .fc-popover .fc-header .fc-title {
  margin: 0 2px;
}

page-certificate-report .fc-popover .fc-header .fc-close {
  cursor: pointer;
}

page-certificate-report .fc-ltr .fc-popover .fc-header .fc-title,
page-certificate-report .fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}

page-certificate-report .fc-rtl .fc-popover .fc-header .fc-title,
page-certificate-report .fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}

page-certificate-report .fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}

page-certificate-report .fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: .9em;
  margin-top: 2px;
}

page-certificate-report .fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */
}

page-certificate-report .fc-divider {
  border-style: solid;
  border-width: 1px;
}

page-certificate-report hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}

page-certificate-report .fc-clear {
  clear: both;
}

page-certificate-report .fc-bg,
page-certificate-report .fc-bgevent-skeleton,
page-certificate-report .fc-highlight-skeleton,
page-certificate-report .fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-certificate-report .fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}

page-certificate-report .fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}

page-certificate-report .fc table {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}

page-certificate-report .fc th {
  text-align: center;
}

page-certificate-report .fc th,
page-certificate-report .fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}

page-certificate-report .fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}

page-certificate-report a[data-goto] {
  cursor: pointer;
}

page-certificate-report a[data-goto]:hover {
  text-decoration: underline;
}

page-certificate-report .fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}

page-certificate-report .fc-row table {
  /* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}

page-certificate-report .fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}

page-certificate-report .fc-row {
  position: relative;
}

page-certificate-report .fc-row .fc-bg {
  z-index: 1;
}

page-certificate-report .fc-row .fc-bgevent-skeleton,
page-certificate-report .fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}

page-certificate-report .fc-row .fc-bgevent-skeleton table,
page-certificate-report .fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}

page-certificate-report .fc-row .fc-highlight-skeleton td,
page-certificate-report .fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}

page-certificate-report .fc-row .fc-bgevent-skeleton {
  z-index: 2;
}

page-certificate-report .fc-row .fc-highlight-skeleton {
  z-index: 3;
}

page-certificate-report .fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}

page-certificate-report .fc-row .fc-helper-skeleton {
  z-index: 5;
}

page-certificate-report .fc-row .fc-content-skeleton td,
page-certificate-report .fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}

page-certificate-report .fc-row .fc-content-skeleton tbody td,
page-certificate-report .fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}

page-certificate-report .fc-scroller {
  -webkit-overflow-scrolling: touch;
}

page-certificate-report .fc-scroller > .fc-day-grid,
page-certificate-report .fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}

page-certificate-report .fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */
  font-weight: normal;
  /* undo jqui's ui-widget-header bold */
}

page-certificate-report .fc-event,
page-certificate-report .fc-event-dot {
  background-color: #3a87ad;
  /* default BACKGROUND color */
}

page-certificate-report .fc-event,
page-certificate-report .fc-event:hover,
page-certificate-report .ui-widget .fc-event {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}

page-certificate-report .fc-event[href],
page-certificate-report .fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}

page-certificate-report .fc-not-allowed,
page-certificate-report .fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}

page-certificate-report .fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #ffffff;
  opacity: .25;
}

page-certificate-report .fc-event .fc-content {
  position: relative;
  z-index: 2;
}

page-certificate-report .fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
}

page-certificate-report .fc-event .fc-resizer {
  display: none;
}

page-certificate-report .fc-event.fc-allow-mouse-resize .fc-resizer,
page-certificate-report .fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block;
}

page-certificate-report .fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}

page-certificate-report .fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

page-certificate-report .fc-event.fc-selected.fc-dragging {
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

page-certificate-report .fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}

page-certificate-report .fc-ltr .fc-h-event.fc-not-start,
page-certificate-report .fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

page-certificate-report .fc-ltr .fc-h-event.fc-not-end,
page-certificate-report .fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

page-certificate-report .fc-ltr .fc-h-event .fc-start-resizer,
page-certificate-report .fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */
}

page-certificate-report .fc-ltr .fc-h-event .fc-end-resizer,
page-certificate-report .fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */
}

page-certificate-report .fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */
}

page-certificate-report .fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* vertically center */
  top: 50%;
  margin-top: -4px;
}

page-certificate-report .fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
page-certificate-report .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */
}

page-certificate-report .fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
page-certificate-report .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */
}

page-certificate-report .fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}

page-certificate-report tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */
}

page-certificate-report .fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: .25;
}

page-certificate-report .fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}

page-certificate-report .fc-day-grid-event .fc-time {
  font-weight: bold;
}

page-certificate-report .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
page-certificate-report .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */
}

page-certificate-report .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
page-certificate-report .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */
}

page-certificate-report a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none;
}

page-certificate-report a.fc-more:hover {
  text-decoration: underline;
}

page-certificate-report .fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}

page-certificate-report .fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}

page-certificate-report .fc-more-popover {
  z-index: 2;
  width: 220px;
}

page-certificate-report .fc-more-popover .fc-event-container {
  padding: 10px;
}

page-certificate-report .fc-now-indicator {
  position: absolute;
  border: 0 solid red;
}

page-certificate-report .fc-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

page-certificate-report .fc-toolbar {
  text-align: center;
}

page-certificate-report .fc-toolbar.fc-header-toolbar {
  margin-bottom: 1em;
}

page-certificate-report .fc-toolbar.fc-footer-toolbar {
  margin-top: 1em;
}

page-certificate-report .fc-toolbar .fc-left {
  float: left;
}

page-certificate-report .fc-toolbar .fc-right {
  float: right;
}

page-certificate-report .fc-toolbar .fc-center {
  display: inline-block;
}

page-certificate-report .fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em;
}

page-certificate-report .fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0;
}

page-certificate-report .fc-toolbar h2 {
  margin: 0;
}

page-certificate-report .fc-toolbar button {
  position: relative;
}

page-certificate-report .fc-toolbar .fc-state-hover,
page-certificate-report .fc-toolbar .ui-state-hover {
  z-index: 2;
}

page-certificate-report .fc-toolbar .fc-state-down {
  z-index: 3;
}

page-certificate-report .fc-toolbar .fc-state-active,
page-certificate-report .fc-toolbar .ui-state-active {
  z-index: 4;
}

page-certificate-report .fc-toolbar button:focus {
  z-index: 5;
}

page-certificate-report .fc-view-container *,
page-certificate-report .fc-view-container *:before,
page-certificate-report .fc-view-container *:after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

page-certificate-report .fc-view,
page-certificate-report .fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}

page-certificate-report .fc-basicWeek-view .fc-content-skeleton,
page-certificate-report .fc-basicDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}

page-certificate-report .fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}

page-certificate-report .fc-row.fc-rigid {
  overflow: hidden;
}

page-certificate-report .fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-certificate-report .fc-day-top.fc-other-month {
  opacity: 0.3;
}

page-certificate-report .fc-basic-view .fc-week-number,
page-certificate-report .fc-basic-view .fc-day-number {
  padding: 2px;
}

page-certificate-report .fc-basic-view th.fc-week-number,
page-certificate-report .fc-basic-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */
}

page-certificate-report .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right;
}

page-certificate-report .fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left;
}

page-certificate-report .fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0;
}

page-certificate-report .fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px;
}

page-certificate-report .fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080;
}

page-certificate-report .fc-basic-view td.fc-week-number {
  text-align: center;
}

page-certificate-report .fc-basic-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}

page-certificate-report .fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}

page-certificate-report .fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}

page-certificate-report .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}

page-certificate-report .fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}

page-certificate-report .fc-ltr .fc-axis {
  text-align: right;
}

page-certificate-report .fc-rtl .fc-axis {
  text-align: left;
}

page-certificate-report .ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome jqui theme making it bold */
}

page-certificate-report .fc-time-grid-container,
page-certificate-report .fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}

page-certificate-report .fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

page-certificate-report .fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}

page-certificate-report .fc-time-grid > .fc-bg {
  z-index: 1;
}

page-certificate-report .fc-time-grid .fc-slats,
page-certificate-report .fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}

page-certificate-report .fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */
}

page-certificate-report .fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
}

page-certificate-report .fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1;
}

page-certificate-report .fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2;
}

page-certificate-report .fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3;
}

page-certificate-report .fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4;
}

page-certificate-report .fc-time-grid .fc-now-indicator-line {
  z-index: 5;
}

page-certificate-report .fc-time-grid .fc-helper-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6;
}

page-certificate-report .fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}

page-certificate-report .fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}

page-certificate-report .fc-time-grid .fc-slats .ui-widget-content {
  /* for jqui theme */
  background: none;
  /* see through to fc-bg */
}

page-certificate-report .fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}

page-certificate-report .fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}

page-certificate-report .fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}

page-certificate-report .fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}

page-certificate-report .fc-time-grid .fc-event,
page-certificate-report .fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}

page-certificate-report .fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}

page-certificate-report .fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

page-certificate-report .fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

page-certificate-report .fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */
}

page-certificate-report .fc-time-grid-event.fc-selected {
  /* need to allow touch resizers to extend outside event's bounding box */
  /* common fc-selected styles hide the fc-bg, so don't need this anyway */
  overflow: visible;
}

page-certificate-report .fc-time-grid-event.fc-selected .fc-bg {
  display: none;
  /* hide semi-white background, to appear darker */
}

page-certificate-report .fc-time-grid-event .fc-content {
  overflow: hidden;
  /* for when .fc-selected */
}

page-certificate-report .fc-time-grid-event .fc-time,
page-certificate-report .fc-time-grid-event .fc-title {
  padding: 0 1px;
}

page-certificate-report .fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap;
}

page-certificate-report .fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}

page-certificate-report .fc-time-grid-event.fc-short .fc-time,
page-certificate-report .fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}

page-certificate-report .fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}

page-certificate-report .fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}

page-certificate-report .fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
  /* seperate with a dash, wrapped in nbsp's */
}

page-certificate-report .fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}

page-certificate-report .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}

page-certificate-report .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "=";
}

page-certificate-report .fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px;
}

page-certificate-report .fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0;
}

page-certificate-report .fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */
}

page-certificate-report .fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-certificate-report .fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-certificate-report .fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}

page-certificate-report .fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */
}

page-certificate-report .fc-list-view {
  border-width: 1px;
  border-style: solid;
}

page-certificate-report .fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */
}

page-certificate-report .fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px;
}

page-certificate-report .fc-list-table tr:first-child td {
  border-top-width: 0;
}

page-certificate-report .fc-list-heading {
  border-bottom-width: 1px;
}

page-certificate-report .fc-list-heading td {
  font-weight: bold;
}

page-certificate-report .fc-ltr .fc-list-heading-main {
  float: left;
}

page-certificate-report .fc-ltr .fc-list-heading-alt {
  float: right;
}

page-certificate-report .fc-rtl .fc-list-heading-main {
  float: right;
}

page-certificate-report .fc-rtl .fc-list-heading-alt {
  float: left;
}

page-certificate-report .fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */
}

page-certificate-report .fc-list-item:hover td {
  background-color: #f5f5f5;
}

page-certificate-report .fc-list-item-marker,
page-certificate-report .fc-list-item-time {
  white-space: nowrap;
  width: 1px;
}

page-certificate-report .fc-ltr .fc-list-item-marker {
  padding-right: 0;
}

page-certificate-report .fc-rtl .fc-list-item-marker {
  padding-left: 0;
}

page-certificate-report .fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit;
}

page-certificate-report .fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline;
}

page-certificate-report .fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

page-certificate-report .fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table;
}

page-certificate-report .fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

page-certificate-report .fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #eee;
}

page-certificate-report .downloadAllButton {
  float: right;
}

page-certificate-report .downloadicon {
  position: absolute;
  top: 10px;
  right: 2px;
  font-size: 25px;
}

page-certificate-report ion-checkbox button.item-cover {
  left: initial;
  right: 0;
  width: 15%;
}

page-certificate-report .generateButton {
  display: block;
  margin: 0 auto;
}

page-certificate-report .selectindex {
  width: 2%;
  text-align: center;
}

page-certificate-report .resetButton {
  float: right;
}

page-certificate-report .downloadButton {
  float: left;
}

page-certificate-report .nodata_avail {
  font-family: "Open Sans" !important;
  text-align: center;
  line-height: 60px;
  font-size: 25px;
  color: #0099ff !important;
  margin: auto;
  border-radius: 10px;
  width: 75%;
  padding: 13px 16px;
  background: #ffffff !important;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

page-certificate-report .nodata_avail-title {
  color: #0099ff !important;
  border-bottom: 1px solid #0099ff !important;
  font-size: 18px !important;
  font-weight: bold;
  font-family: "Open Sans";
  cursor: pointer;
}

page-certificate-report .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
  background-color: #5eaac2 !important;
  color: #ffffff !important;
}

page-certificate-report .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active {
  color: #ffffff !important;
  background-color: #5eaac2 !important;
}

page-certificate-report p-table.flatTable th {
  border: none;
  border-bottom: 3px solid #f1f1f1;
  width: 130px;
}

page-certificate-report p-table.flatTable td {
  width: 130px;
}

page-certificate-report p-table.flatTable .ui-table-wrapper {
  min-height: 52.5vh !important;
}

page-certificate-report body .ui-table .ui-sortable-column.ui-state-highlight {
  color: #333333 !important;
}

page-certificate-report body .ui-table .ui-sortable-column.ui-state-highlight .ui-sortable-column-icon {
  color: #848484 !important;
}

page-corp-dashboard .card-container {
  position: relative;
  text-align: center;
  color: white;
  background: rgba(0, 0, 0, 0.8);
}

page-corp-dashboard .centered {
  position: absolute;
  bottom: 8px;
  right: 16px;
}

page-corp-dashboard .menucard {
  height: 190px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-corp-dashboard .menucard .imgdiv {
  width: 36%;
  height: 80%;
  padding: 10px;
}

page-corp-dashboard .menucard .imgdiv img {
  width: 100%;
  margin: auto;
  height: 100%;
}

page-corp-dashboard .add-opacity {
  opacity: 0.5;
}

page-corp-dashboard .remove-opacity {
  opacity: 1;
}

page-corp-dashboard .addArrow {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #ffffff;
  position: relative;
  top: 2.20%;
  left: 86.25%;
}

page-corp-dashboard .menuImg1 {
  background-image: -webkit-gradient(linear, left top, right top, from(#d4d4f1), color-stop(#b3b7f3), color-stop(#9ca7f1), color-stop(#7c8fe3), to(#4c61a9));
  background-image: linear-gradient(to right, #d4d4f1, #b3b7f3, #9ca7f1, #7c8fe3, #4c61a9);
}

page-corp-dashboard .menuImg2 {
  background-image: -webkit-gradient(linear, left top, right top, from(#f3d2f0), color-stop(#e999e0), color-stop(#ed82dd), color-stop(#ed8adc), to(#a73f96));
  background-image: linear-gradient(to right, #f3d2f0, #e999e0, #ed82dd, #ed8adc, #a73f96);
}

page-corp-dashboard .menuImg3 {
  background-image: -webkit-gradient(linear, left top, right top, from(#d8fde3), color-stop(#83d3a3), color-stop(#4cbf84), color-stop(#419d73), to(#23875e));
  background-image: linear-gradient(to right, #d8fde3, #83d3a3, #4cbf84, #419d73, #23875e);
}

page-corp-dashboard .menuImg4 {
  background-image: -webkit-gradient(linear, left top, right top, from(#c8eced), color-stop(#62e7eb), color-stop(#4bced3), color-stop(#15bdc3), to(#1c9fa5));
  background-image: linear-gradient(to right, #c8eced, #62e7eb, #4bced3, #15bdc3, #1c9fa5);
}

page-corp-dashboard .menuImg5 {
  background-image: -webkit-gradient(linear, left top, right top, from(#e9f5dc), color-stop(#ceefb1), color-stop(#abdf86), color-stop(#78b15b), to(#459927));
  background-image: linear-gradient(to right, #e9f5dc, #ceefb1, #abdf86, #78b15b, #459927);
}

page-corp-dashboard .menuImg6 {
  background-image: -webkit-gradient(linear, left top, right top, from(#d2e1e6), color-stop(#afb3bc), color-stop(#8c888e), color-stop(#676162), to(#403d3c));
  background-image: linear-gradient(to right, #d2e1e6, #afb3bc, #8c888e, #676162, #403d3c);
}

page-corp-dashboard .logoutbtn {
  font-size: 23px;
}

page-corp-dashboard .heading1 {
  width: auto;
  cursor: pointer;
}

page-corp-dashboard .globalsearch {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  margin: auto;
  font-size: 20px;
  text-transform: none;
}

page-corp-dashboard .globalsearch ion-icon {
  margin-left: 20px;
}

page-corp-dashboard .mycustomdrop {
  width: 40%;
  right: 20px;
  min-width: 600px;
  margin-top: 20px;
  position: absolute;
  z-index: 999;
  background-color: white;
  border-radius: 5px;
}

page-corp-dashboard .mycustomdrop ion-item {
  background-color: white;
}

page-corp-dashboard .mycustomdrop .radioItem {
  margin: 5px;
}

page-corp-dashboard .mycustomdrop2 {
  width: 40%;
  right: 20px;
  min-width: 600px;
  margin-top: 20px;
  position: absolute;
  z-index: 999;
  background-color: white;
  -webkit-box-shadow: 0px 2px 9px #00000030 !important;
  box-shadow: 0px 2px 9px #00000030 !important;
  border-radius: 5px;
}

page-corp-dashboard .mycustomdrop2 ion-item {
  background-color: white;
}

page-corp-dashboard .mycustomdrop2 .radioItem {
  margin: 20px auto;
  width: 90%;
}

page-corp-dashboard .mycustomdrop2 .purposehead {
  text-align: center;
  font-size: 20px;
  margin-top: 20px;
}

page-corp-dashboard .mycustomdrop3 {
  width: 30%;
  top: 10px;
  right: 10px;
  min-width: 300px;
  position: absolute;
  z-index: 999;
  background-color: white;
  -webkit-box-shadow: 0px 2px 9px #00000030 !important;
  box-shadow: 0px 2px 9px #00000030 !important;
  border-radius: 5px;
}

page-corp-dashboard .mycustomdrop3 .purposeString {
  font-style: italic;
  text-align: justify;
  padding: 0 10px;
  line-height: 18px;
}

page-corp-dashboard .mycustomdrop3 ion-row:nth-child(-n + 11) {
  padding: 15px;
  font-size: 18px;
}

page-corp-dashboard .mycustomdrop3 ion-row:nth-child(-n + 11) ion-icon {
  margin: 0 20px;
}

page-corp-dashboard .mycustomdrop3 ion-row p {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-corp-dashboard .mycustomdrop3 ion-row:nth-child(13) {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-corp-dashboard .mycustomdrop3 .purposehead {
  text-align: center;
  font-size: 25px;
  margin: 10px;
}

page-corp-dashboard .customrow {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-corp-dashboard .customrow ion-col:first-child {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  font-weight: bold;
}

page-corp-dashboard .newusermsgrow {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-corp-dashboard .newusermsgrow p {
  font-weight: bold;
  color: red;
}

page-corp-dashboard .selectorClass {
  height: calc(100% - 65px);
}

page-corp-dashboard .complete {
  color: green;
  cursor: pointer;
}

page-corp-dashboard .pending {
  color: red;
  cursor: pointer;
}

page-create-assessment ion-fab {
  width: 30px !important;
  height: 30px !important;
  margin: 3%;
}

page-create-assignment .upload-button {
  margin-left: 10px;
}

page-create-assignment .uploadHeader {
  font-size: larger;
  color: #0099ff !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-create-assignment .uploadBody {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 20px;
}

page-create-assignment .uploadBody button {
  background-color: #a9a9a96b;
  width: 60px;
  height: 60px;
  margin: 10px;
  padding-left: 20px;
}

page-create-assignment .uploadBody .thumbnail img {
  width: 60px !important;
  margin: 10px;
  height: 60px !important;
}

page-create-assignment .uploadBody .thumbnail .closeCross {
  color: white;
  position: absolute;
  margin: -80px 60px;
  opacity: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: scale(0);
  transform: scale(0);
  border-radius: 50%;
  background-color: black;
}

page-create-assignment .uploadBody .thumbnail:hover .closeCross {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

page-create-employee ion-card ion-card-content {
  height: 80%;
}

page-create-employee ion-card ion-card-content .importres h4 {
  color: #ffffff;
}

page-create-employee ion-card ion-card-content .button-text {
  color: #0037ff;
  text-decoration: underline;
}

page-create-employee ion-card ion-card-content .form {
  padding: 0 15px;
}

page-create-employee ion-card ion-card-content .form ion-item {
  border-bottom: 1px solid #e2e2e2;
}

page-create-employee .a4sheet {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

page-create-employee .a4sheet .container {
  width: 50%;
  margin: 24px 0;
}

page-create-employee .a4sheet .container .textfield {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-create-employee .a4sheet .container .textfield ion-label {
  display: contents;
  font-size: 12px;
}

page-create-employee .a4sheet .container .textfield p {
  padding: 0 12px;
}

page-create-employee .radioItem {
  border-right: 4px solid #f7f7f7;
}

page-create-employee .importres {
  width: 140px;
  height: 30px;
  border-radius: 15px !important;
}

page-create-employee .downtemp {
  width: 190px;
  height: 30px;
}

page-create-employee sup {
  color: red;
}

page-create-employee ion-card {
  height: 250px !important;
  border-radius: 15px !important;
  -webkit-box-shadow: 2px 0px 6px 4px #eaeaea !important;
  box-shadow: 2px 0px 6px 4px #eaeaea !important;
}

page-create-employee .globalTable {
  border: 1px solid lightgrey;
  min-width: 801px;
}

page-create-employee .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-create-employee .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

page-create-employee .globalTable .table-header .align input {
  width: 60%;
  line-height: 25px;
}

page-create-employee .globalTable th input {
  text-align: center;
  width: 90%;
  font-weight: 400;
}

page-create-employee .globalTable .user-badge.status-done {
  padding: 2px 10px !important;
  text-align: center !important;
  color: #5ecf8d !important;
  font-weight: bold;
  font-size: 12px;
}

page-create-employee .globalTable .user-badge.status-failed {
  padding: 2px 10px !important;
  text-align: center !important;
  color: #f55050 !important;
  font-weight: bold;
  font-size: 12px;
}

page-create-employee .progressbardiv {
  width: 80%;
  margin-left: 10%;
}

page-create-employee .progressbardiv .ui-progressbar {
  height: 1.6em;
}

page-create-employee .progressbardiv .ui-widget-content {
  border: 2px solid #0099ff;
}

page-create-employee .progressbardiv .ui-progressbar.ui-progressbar-determinate .ui-progressbar-value {
  background: #0099ff;
}

page-create-employee .progressbardiv .ui-progressbar-determinate .ui-progressbar-value-animate {
  transition: width 1s ease-in-out 0s;
  -webkit-transition: width 1s ease-in-out 0s;
}

page-create-employee .range-md {
  padding: 0 20px !important;
}

page-create-employee .item-input ion-label {
  max-width: 215px !important;
}

page-create-employee .item-range .input-wrapper .label-md {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-create-employee .myhead {
  font-size: 22px;
  padding: 10px 5px;
}

page-create-employee .btnrow {
  padding-left: 5px;
  font-weight: bold;
  margin-bottom: 20px;
}

page-create-employee .btnrow ion-col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-create-employee .btnrow ion-col button {
  margin: 0 25px;
}

page-create-employee .red {
  color: red;
}

page-create-employee .orange {
  color: orange;
}

page-create-employee .green {
  color: green;
}

page-create-employee .scoreRow {
  padding: 0 10px;
  font-size: 16px;
  font-weight: bold;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

page-create-employee .scoreRow div:first-child {
  padding-bottom: 10px;
}

page-create-meeting {
  /* Hide HTML5 Up and Down arrows. */
}

page-create-meeting input[type="number"]::-webkit-outer-spin-button, page-create-meeting input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

page-create-meeting input[type="number"] {
  -moz-appearance: textfield;
}

page-create-meeting .badgeweak {
  background-color: #b3bece;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  margin: 0 12px;
  cursor: pointer;
}

page-create-meeting .badgeweak:hover {
  background-color: #0099ff;
}

page-create-notice .uploadHeader {
  font-size: larger;
  color: #0099ff !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-create-notice .uploadBody {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 20px;
}

page-create-notice .uploadBody button {
  background-color: #a9a9a96b;
  width: 60px;
  height: 60px;
  margin: 10px;
  padding-left: 20px;
}

page-create-notice .uploadBody .thumbnail img {
  width: 60px !important;
  margin: 10px;
  height: 60px !important;
}

page-create-notice .uploadBody .thumbnail .closeCross {
  color: white;
  position: absolute;
  margin: -80px 60px;
  opacity: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: scale(0);
  transform: scale(0);
  border-radius: 50%;
  background-color: black;
}

page-create-notice .uploadBody .thumbnail:hover .closeCross {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

page-create-notice .label-ios {
  margin: 13px 8px 13px 10px;
}

page-create-notice .label-md {
  margin: 13px 8px 13px 10px;
}

@media (min-width: 800px) {
  page-create-notice .createComplaintform {
    width: 50%;
    margin: 0 auto;
  }
}

page-create-notice .error_msg {
  color: red;
  font-size: 12px;
}

page-create-notice .helpbutton {
  font-size: 15px;
}

page-create-notice .help-circle-icon {
  color: #ffffff !important;
}

page-create-notice .submitbtn {
  width: 100%;
  display: block;
  margin: 0 auto;
  max-width: 200px;
}

page-create-notice .submitbtn {
  border-radius: 10px;
}

@media (max-width: 799px) {
  page-create-notice .scroll-content {
    margin-top: 100px !important;
  }
}

page-create-question-bank .fieldset {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 20%;
}

page-create-question-bank .globalTable {
  border: 1px solid lightgrey;
  min-width: 401px;
}

page-create-question-bank .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-create-question-bank .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

page-create-question-bank .globalTable .table-header .align input {
  width: 60%;
  line-height: 25px;
}

page-create-question-bank .globalTable th input {
  text-align: center;
  width: 90%;
  font-weight: 400;
}

page-create-question-bank .globalTable .assignment-badge.status-Active {
  padding: 2px 10px;
  border-radius: 10px;
  border-color: #5ECF8D;
  color: white;
  text-align: center;
  background-color: #5ECF8D;
  font-weight: 500;
  font-size: 12px;
}

page-create-question-bank .globalTable .assignment-badge.status-Inactive {
  padding: 2px 10px;
  border-radius: 10px;
  color: white;
  text-align: center;
  border-color: #F55050;
  background-color: #F55050;
  font-weight: 500;
  font-size: 12px;
}

page-create-question-bank .globalTable .actionIcon {
  padding: 0 6px;
  font-size: 16px;
  cursor: pointer;
}

page-create-user ion-list {
  margin-top: 30px !important;
}

page-create-user ion-list ion-row {
  margin-bottom: 5px;
}

page-e-sign canvas {
  border: 3px dashed gray;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

page-e-sign .scroll-content {
  overflow-y: hidden !important;
}

page-ecode-report {
  /* ANIMATION */
  /* SHADOWS */
  /*
 *
 *   MaterialWrap - Bootstrap + Material Design Admin Theme

 
*/
  /*
 * CSS Transform - Scale and Rotate
 */
  /* The Modal (background) */
  /* Modal Content (image) */
  /* The Close Button */
  /*!
 * FullCalendar v3.2.0 Stylesheet
 * Docs & License: https://fullcalendar.io/
 * (c) 2017 Adam Shaw
 */
  /* Colors
--------------------------------------------------------------------------------------------------*/
  /* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
  /*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
  /* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
  /* Firefox has an annoying inner border */
  /* icons in buttons */
  /*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
  /* Buttons Groups
--------------------------------------------------------------------------------------------------*/
  /*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
  /* Popover
--------------------------------------------------------------------------------------------------*/
  /* unthemed */
  /* jqui themed */
  /* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
  /* Tables
--------------------------------------------------------------------------------------------------*/
  /* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
  /* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
  /* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
  /* highlighting cells & background event skeleton */
  /*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
  /* Scrolling Container
--------------------------------------------------------------------------------------------------*/
  /* TODO: move to agenda/basic */
  /* Global Event Styles
--------------------------------------------------------------------------------------------------*/
  /* overpower some of bootstrap's and jqui's styles on <a> tags */
  /* resizer (cursor AND touch devices) */
  /* resizer (touch devices) */
  /* hit area */
  /* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
  /* Horizontal Events
--------------------------------------------------------------------------------------------------*/
  /* bigger touch area when selected */
  /* events that are continuing to/from another week. kill rounded corners and butt up against edge */
  /* resizer (cursor AND touch devices) */
  /* left resizer  */
  /* right resizer */
  /* resizer (mouse devices) */
  /* resizer (touch devices) */
  /* left resizer  */
  /* right resizer */
  /* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* resizer (cursor devices) */
  /* left resizer  */
  /* right resizer */
  /* Event Limiting
--------------------------------------------------------------------------------------------------*/
  /* "more" link that represents hidden events */
  /* popover that appears when "more" link is clicked */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* Utilities
--------------------------------------------------------------------------------------------------*/
  /* Toolbar
--------------------------------------------------------------------------------------------------*/
  /* the things within each left/right/center section */
  /* the first thing within each left/center/right section */
  /* title text */
  /* button layering (for border precedence) */
  /* View Structure
--------------------------------------------------------------------------------------------------*/
  /* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
  /* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
  /* BasicView
--------------------------------------------------------------------------------------------------*/
  /* day row structure */
  /* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
  /* week and day number styling */
  /* when week/day number have own column */
  /* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
  /* divs within a cell within the fc-content-skeleton */
  /* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
  /* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* short mode, where time and title are on the same line */
  /* resizer (cursor device) */
  /* resizer (touch device) */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* arrow on axis */
  /* List View
--------------------------------------------------------------------------------------------------*/
  /* possibly reusable */
  /* view wrapper */
  /* table resets */
  /* day headings with the list */
  /* event list items */
  /* make the dot closer to the event title */
  /* message when no events */
}

page-ecode-report .letter-sp-1 {
  letter-spacing: 1px;
}

page-ecode-report .letter-sp-2 {
  letter-spacing: 2px;
}

page-ecode-report .letter-sp-3 {
  letter-spacing: 3px;
}

page-ecode-report .m-0 {
  margin: 0 !important;
}

page-ecode-report .m-5 {
  margin: 5px !important;
}

page-ecode-report .m-10 {
  margin: 10px !important;
}

page-ecode-report .m-15 {
  margin: 15px !important;
}

page-ecode-report .m-20 {
  margin: 20px !important;
}

page-ecode-report .m-30 {
  margin: 30px !important;
}

page-ecode-report .m-50 {
  margin: 50px !important;
}

page-ecode-report .m-b-100 {
  margin-bottom: 100px !important;
}

page-ecode-report .m-b-15 {
  margin-bottom: 15px !important;
}

page-ecode-report .m-b-20 {
  margin-bottom: 20px !important;
}

page-ecode-report .m-b-0 {
  margin-bottom: 0 !important;
}

page-ecode-report .m-l-0 {
  margin-left: 0 !important;
}

page-ecode-report .m-l-5 {
  margin-left: 5px !important;
}

page-ecode-report .m-l-10 {
  margin-left: 10px !important;
}

page-ecode-report .m-l-15 {
  margin-left: 15px !important;
}

page-ecode-report .m-l-20 {
  margin-left: 20px !important;
}

page-ecode-report .m-l-30 {
  margin-left: 30px !important;
}

page-ecode-report .m-l-40 {
  margin-left: 40px !important;
}

page-ecode-report .m-l-50 {
  margin-left: 50px !important;
}

page-ecode-report .m-l-n-1 {
  margin-left: -1px !important;
}

page-ecode-report .m-l-n-5 {
  margin-left: -5px !important;
}

page-ecode-report .m-l-n-10 {
  margin-left: -10px !important;
}

page-ecode-report .m-l-n-15 {
  margin-left: -15px !important;
}

page-ecode-report .m-l-n-20 {
  margin-left: -20px !important;
}

page-ecode-report .m-l-n-30 {
  margin-left: -30px !important;
}

page-ecode-report .m-l-n-40 {
  margin-left: -40px !important;
}

page-ecode-report .m-l-n-50 {
  margin-left: -50px !important;
}

page-ecode-report .m-t-0 {
  margin-top: 0 !important;
}

page-ecode-report .m-t-1 {
  margin-top: 1px !important;
}

page-ecode-report .m-t-2 {
  margin-top: 2px;
}

page-ecode-report .m-t-2p {
  margin-top: 2% !important;
}

page-ecode-report .m-t-5p {
  margin-top: 5% !important;
}

page-ecode-report .m-t-25p {
  margin-top: 25% !important;
}

page-ecode-report .m-t-30p {
  margin-top: 30% !important;
}

page-ecode-report .m-t-4 {
  margin-top: 4px !important;
}

page-ecode-report .m-t-5 {
  margin-top: 5px !important;
}

page-ecode-report .m-t-5p {
  margin-top: 5% !important;
}

page-ecode-report .m-t-10 {
  margin-top: 10px !important;
}

page-ecode-report .m-t-15 {
  margin-top: 15px !important;
}

page-ecode-report .m-t-20 {
  margin-top: 20px !important;
}

page-ecode-report .m-t-30 {
  margin-top: 30px !important;
}

page-ecode-report .m-t-40 {
  margin-top: 40px !important;
}

page-ecode-report .m-t-50 {
  margin-top: 50px !important;
}

page-ecode-report .m-t-75 {
  margin-top: 75px !important;
}

page-ecode-report .m-t-100 {
  margin-top: 100px !important;
}

page-ecode-report .m-t-120 {
  margin-top: 120px !important;
}

page-ecode-report .m-t-140 {
  margin-top: 140px !important;
}

page-ecode-report .m-t-n-1 {
  margin-top: -1px !important;
}

page-ecode-report .m-t-n-5 {
  margin-top: -5px !important;
}

page-ecode-report .m-t-n-10 {
  margin-top: -10px !important;
}

page-ecode-report .m-t-n-15 {
  margin-top: -15px !important;
}

page-ecode-report .m-t-n-20 {
  margin-top: -20px !important;
}

page-ecode-report .m-t-n-30 {
  margin-top: -30px !important;
}

page-ecode-report .m-t-n-40 {
  margin-top: -40px !important;
}

page-ecode-report .m-t-n-50 {
  margin-top: -50px !important;
}

page-ecode-report .m-r-0 {
  margin-right: 0 !important;
}

page-ecode-report .m-r-1 {
  margin-right: 1px !important;
}

page-ecode-report .m-r-5 {
  margin-right: 5px !important;
}

page-ecode-report .m-r-10 {
  margin-right: 10px !important;
}

page-ecode-report .m-r-15 {
  margin-right: 15px !important;
}

page-ecode-report .m-r-20 {
  margin-right: 20px !important;
}

page-ecode-report .m-r-30 {
  margin-right: 30px !important;
}

page-ecode-report .m-r-40 {
  margin-right: 40px !important;
}

page-ecode-report .m-r-50 {
  margin-right: 50px !important;
}

page-ecode-report .m-r-n-1 {
  margin-right: -1px !important;
}

page-ecode-report .m-r-n-5 {
  margin-right: -5px !important;
}

page-ecode-report .m-r-n-10 {
  margin-right: -10px !important;
}

page-ecode-report .m-r-n-15 {
  margin-right: -15px !important;
}

page-ecode-report .m-r-n-20 {
  margin-right: -20px !important;
}

page-ecode-report .m-r-n-30 {
  margin-right: -30px !important;
}

page-ecode-report .m-r-n-40 {
  margin-right: -40px !important;
}

page-ecode-report .m-r-n-50 {
  margin-right: -50px !important;
}

page-ecode-report .m-b-0 {
  margin-bottom: 0 !important;
}

page-ecode-report .m-b-1 {
  margin-bottom: 1px !important;
}

page-ecode-report .m-b-4 {
  margin-bottom: 4px !important;
}

page-ecode-report .m-b-5 {
  margin-bottom: 5px !important;
}

page-ecode-report .m-b-10 {
  margin-bottom: 10px !important;
}

page-ecode-report .m-b-15 {
  margin-bottom: 15px !important;
}

page-ecode-report .m-b-20 {
  margin-bottom: 20px !important;
}

page-ecode-report .m-b-30 {
  margin-bottom: 30px !important;
}

page-ecode-report .m-b-40 {
  margin-bottom: 40px !important;
}

page-ecode-report .m-b-50 {
  margin-bottom: 50px !important;
}

page-ecode-report .m-b-n-1 {
  margin-bottom: -1px !important;
}

page-ecode-report .m-b-n-5 {
  margin-bottom: -5px !important;
}

page-ecode-report .m-b-n-10 {
  margin-bottom: -10px !important;
}

page-ecode-report .m-b-n-15 {
  margin-bottom: -15px !important;
}

page-ecode-report .m-b-n-20 {
  margin-bottom: -20px !important;
}

page-ecode-report .m-b-n-30 {
  margin-bottom: -30px !important;
}

page-ecode-report .m-b-n-40 {
  margin-bottom: -40px !important;
}

page-ecode-report .m-b-n-50 {
  margin-bottom: -50px !important;
}

page-ecode-report .p-0 {
  padding: 0 !important;
}

page-ecode-report .p-5 {
  padding: 5px !important;
}

page-ecode-report .p-10 {
  padding: 10px !important;
}

page-ecode-report .p-15 {
  padding: 15px !important;
}

page-ecode-report .p-20 {
  padding: 20px !important;
}

page-ecode-report .p-25 {
  padding: 25px !important;
}

page-ecode-report .p-30 {
  padding: 30px !important;
}

page-ecode-report .p-40 {
  padding: 40px !important;
}

page-ecode-report .p-50 {
  padding: 50px !important;
}

page-ecode-report .p-75 {
  padding: 75px !important;
}

page-ecode-report .p-100 {
  padding: 100px !important;
}

page-ecode-report .p-lr {
  padding: 0px 4% 0px 4%;
}

page-ecode-report .p-l-0 {
  padding-left: 0 !important;
}

page-ecode-report .p-l-5 {
  padding-left: 5px !important;
}

page-ecode-report .p-l-10 {
  padding-left: 10px !important;
}

page-ecode-report .p-l-12 {
  padding-left: 12px !important;
}

page-ecode-report .p-l-15 {
  padding-left: 15px !important;
}

page-ecode-report .p-l-16 {
  padding-left: 16px !important;
}

page-ecode-report .p-l-20 {
  padding-left: 20px !important;
}

page-ecode-report .p-l-25 {
  padding-left: 25px !important;
}

page-ecode-report .p-l-30 {
  padding-left: 30px !important;
}

page-ecode-report .p-l-40 {
  padding-left: 40px !important;
}

page-ecode-report .p-l-50 {
  padding-left: 50px !important;
}

page-ecode-report .p-l-75 {
  padding-left: 75px !important;
}

page-ecode-report .p-l-100 {
  padding-left: 100px !important;
}

page-ecode-report .p-r-0 {
  padding-right: 0 !important;
}

page-ecode-report .p-r-5 {
  padding-right: 5px !important;
}

page-ecode-report .p-r-10 {
  padding-right: 10px !important;
}

page-ecode-report .p-r-12 {
  padding-right: 12px !important;
}

page-ecode-report .p-r-15 {
  padding-right: 15px !important;
}

page-ecode-report .p-r-20 {
  padding-right: 20px !important;
}

page-ecode-report .p-r-25 {
  padding-right: 25px !important;
}

page-ecode-report .p-r-30 {
  padding-right: 30px !important;
}

page-ecode-report .p-r-40 {
  padding-right: 40px !important;
}

page-ecode-report .p-r-50 {
  padding-right: 50px !important;
}

page-ecode-report .p-r-75 {
  padding-right: 75px !important;
}

page-ecode-report .p-r-100 {
  padding-right: 100px !important;
}

page-ecode-report .p-b-0 {
  padding-bottom: 0 !important;
}

page-ecode-report .p-b-5 {
  padding-bottom: 5px !important;
}

page-ecode-report .p-b-10 {
  padding-bottom: 10px !important;
}

page-ecode-report .p-b-15 {
  padding-bottom: 15px !important;
}

page-ecode-report .p-b-16 {
  padding-bottom: 16px !important;
}

page-ecode-report .p-b-20 {
  padding-bottom: 20px !important;
}

page-ecode-report .p-b-25 {
  padding-bottom: 25px !important;
}

page-ecode-report .p-b-30 {
  padding-bottom: 30px !important;
}

page-ecode-report .p-b-40 {
  padding-bottom: 40px !important;
}

page-ecode-report .p-b-50 {
  padding-bottom: 50px !important;
}

page-ecode-report .p-b-60 {
  padding-bottom: 60px !important;
}

page-ecode-report .p-b-70 {
  padding-bottom: 70px !important;
}

page-ecode-report .p-b-80 {
  padding-bottom: 80px !important;
}

page-ecode-report .p-b-90 {
  padding-bottom: 90px !important;
}

page-ecode-report .p-b-100 {
  padding-bottom: 100px !important;
}

page-ecode-report .p-t-0 {
  padding-top: 0 !important;
}

page-ecode-report .p-t-5 {
  padding-top: 5px !important;
}

page-ecode-report .p-t-7 {
  padding-top: 7px !important;
}

page-ecode-report .p-t-10 {
  padding-top: 10px !important;
}

page-ecode-report .p-t-15 {
  padding-top: 15px !important;
}

page-ecode-report .p-t-16 {
  padding-top: 16px !important;
}

page-ecode-report .p-t-20 {
  padding-top: 20px !important;
}

page-ecode-report .p-t-25 {
  padding-top: 25px !important;
}

page-ecode-report .p-t-30 {
  padding-top: 30px !important;
}

page-ecode-report .p-t-40 {
  padding-top: 40px !important;
}

page-ecode-report .p-t-50 {
  padding-top: 50px !important;
}

page-ecode-report .p-t-75 {
  padding-top: 75px !important;
}

page-ecode-report .p-t-100 {
  padding-top: 100px !important;
}

page-ecode-report .p-t-120 {
  padding-top: 120px !important;
}

page-ecode-report .p-t-130 {
  padding-top: 130px !important;
}

page-ecode-report .p-t-140 {
  padding-top: 140px !important;
}

page-ecode-report .p-t-150 {
  padding-top: 150px !important;
}

page-ecode-report .block {
  display: block !important;
}

page-ecode-report .img-xs {
  width: 30px;
  height: 30px;
}

page-ecode-report .img-sm {
  width: 35px;
  height: 35px;
}

page-ecode-report .img-md {
  width: 55px;
  height: 55px;
}

page-ecode-report .img-lg {
  width: 100px;
  height: 100px;
}

page-ecode-report .min-w-800 {
  min-width: 800px !important;
}

page-ecode-report .min-w-1000 {
  min-width: 1000px !important;
}

page-ecode-report .min-w-1100 {
  min-width: 1100px !important;
}

page-ecode-report .max-w-20 {
  max-width: 20px !important;
}

page-ecode-report .max-w-30 {
  max-width: 30px !important;
}

page-ecode-report .max-w-32 {
  max-width: 35px !important;
}

page-ecode-report .max-w-35 {
  max-width: 35px !important;
}

page-ecode-report .max-w-40 {
  max-width: 40px !important;
}

page-ecode-report .max-w-50 {
  max-width: 50px !important;
}

page-ecode-report .max-w-75 {
  max-width: 75px !important;
}

page-ecode-report .max-w-100 {
  max-width: 100px !important;
}

page-ecode-report .max-w-150 {
  max-width: 150px !important;
}

page-ecode-report .max-w-200 {
  max-width: 200px !important;
}

page-ecode-report .max-w-300 {
  max-width: 300px !important;
}

page-ecode-report .max-w-400 {
  max-width: 400px !important;
}

page-ecode-report .overflow-hidden {
  overflow: hidden;
}

page-ecode-report .overflow-auto {
  overflow: auto;
}

page-ecode-report .max-h-50 {
  max-height: 50px !important;
}

page-ecode-report .max-h-80 {
  max-height: 80px !important;
}

page-ecode-report .max-h-100 {
  max-height: 100px !important;
}

page-ecode-report .max-h-150 {
  max-height: 150px !important;
}

page-ecode-report .max-h-200 {
  max-height: 200px !important;
}

page-ecode-report .max-h-250 {
  max-height: 250px !important;
}

page-ecode-report .max-h-300 {
  max-height: 300px !important;
}

page-ecode-report .max-h-350 {
  max-height: 300px !important;
}

page-ecode-report .max-h-375 {
  max-height: 300px !important;
}

page-ecode-report .max-h-400 {
  max-height: 400px !important;
}

page-ecode-report .max-h-450 {
  max-height: 450px !important;
}

page-ecode-report .max-h-500 {
  max-height: 500px !important;
}

page-ecode-report .max-h-600 {
  max-height: 600px !important;
}

page-ecode-report .max-h-650 {
  max-height: 650px !important;
}

page-ecode-report .max-h-700 {
  max-height: 700px !important;
}

page-ecode-report .max-h-800 {
  max-height: 800px !important;
}

page-ecode-report .max-h-900 {
  max-height: 900px !important;
}

page-ecode-report .max-h-1000 {
  max-height: 1000px !important;
}

page-ecode-report .min-h-0 {
  min-height: 0 !important;
}

page-ecode-report .min-h-50 {
  min-height: 50px !important;
}

page-ecode-report .min-h-100 {
  min-height: 100px !important;
}

page-ecode-report .min-h-200 {
  min-height: 200px !important;
}

page-ecode-report .min-h-250 {
  min-height: 250px !important;
}

page-ecode-report .min-h-300 {
  min-height: 300px !important;
}

page-ecode-report .min-h-350 {
  min-height: 300px !important;
}

page-ecode-report .min-h-375 {
  min-height: 300px !important;
}

page-ecode-report .min-h-400 {
  min-height: 400px !important;
}

page-ecode-report .min-h-450 {
  min-height: 450px !important;
}

page-ecode-report .min-h-500 {
  min-height: 500px !important;
}

page-ecode-report .min-h-600 {
  min-height: 600px !important;
}

page-ecode-report .min-h-650 {
  min-height: 650px !important;
}

page-ecode-report .min-h-700 {
  min-height: 700px !important;
}

page-ecode-report .min-h-800 {
  min-height: 800px !important;
}

page-ecode-report .min-h-900 {
  min-height: 900px !important;
}

page-ecode-report .min-h-1000 {
  min-height: 1000px !important;
}

page-ecode-report .h-5 {
  height: 5px !important;
}

page-ecode-report .h-10 {
  height: 10px !important;
}

page-ecode-report .h-20 {
  height: 20px !important;
}

page-ecode-report .h-25 {
  height: 25px !important;
}

page-ecode-report .h-50 {
  height: 50px !important;
}

page-ecode-report .h-75 {
  height: 75px !important;
}

page-ecode-report .h-100 {
  height: 100px !important;
}

page-ecode-report .h-125 {
  height: 125px !important;
}

page-ecode-report .h-150 {
  height: 150px !important;
}

page-ecode-report .h-200 {
  height: 200px !important;
}

page-ecode-report .h-300 {
  height: 300px !important;
}

page-ecode-report .h-350 {
  height: 350px !important;
}

page-ecode-report .h-400 {
  height: 400px !important;
}

page-ecode-report .h-450 {
  height: 450px !important;
}

page-ecode-report .h-500 {
  height: 500px !important;
}

page-ecode-report .h-600 {
  height: 600px !important;
}

page-ecode-report .h-650 {
  height: 650px !important;
}

page-ecode-report .h-700 {
  height: 700px !important;
}

page-ecode-report .h-800 {
  height: 800px !important;
}

page-ecode-report .h-900 {
  height: 900px !important;
}

page-ecode-report .h-1000 {
  height: 1000px !important;
}

page-ecode-report .w-5 {
  width: 5px !important;
}

page-ecode-report .w-10 {
  width: 10px !important;
}

page-ecode-report .w-15 {
  width: 15px !important;
}

page-ecode-report .w-20 {
  width: 20px !important;
}

page-ecode-report .w-30 {
  width: 30px !important;
}

page-ecode-report .w-40 {
  width: 40px !important;
}

page-ecode-report .w-50 {
  width: 50px !important;
}

page-ecode-report .w-60 {
  width: 60px !important;
}

page-ecode-report .w-80 {
  width: 80px !important;
}

page-ecode-report .w-100 {
  width: 100px !important;
}

page-ecode-report .w-150 {
  width: 150px !important;
}

page-ecode-report .w-190 {
  width: 190px !important;
}

page-ecode-report .w-200 {
  width: 200px !important;
}

page-ecode-report .w-250 {
  width: 250px !important;
}

page-ecode-report .w-300 {
  width: 300px !important;
}

page-ecode-report .w-600 {
  width: 600px !important;
}

page-ecode-report .w-100p {
  width: 100% !important;
}

page-ecode-report .w-95p {
  width: 95% !important;
}

page-ecode-report .w-90p {
  width: 90% !important;
}

page-ecode-report .w-80p {
  width: 80% !important;
}

page-ecode-report .w-70p {
  width: 70% !important;
}

page-ecode-report .w-60p {
  width: 60% !important;
}

page-ecode-report .w-50p {
  width: 50% !important;
}

page-ecode-report .w-45p {
  width: 45% !important;
}

page-ecode-report .w-40p {
  width: 40% !important;
}

page-ecode-report .w-30p {
  width: 30% !important;
}

page-ecode-report .w-25p {
  width: 25% !important;
}

page-ecode-report .w-20p {
  width: 20% !important;
}

page-ecode-report .w-15p {
  width: 15% !important;
}

page-ecode-report .w-10p {
  width: 10% !important;
}

page-ecode-report .w-8p {
  width: 8% !important;
}

page-ecode-report .w-5p {
  width: 5% !important;
}

page-ecode-report .w-3p {
  width: 3% !important;
}

page-ecode-report .w-95p {
  width: 95% !important;
}

page-ecode-report .h-100p {
  height: 100% !important;
}

page-ecode-report .h-80p {
  height: 80% !important;
}

page-ecode-report .absolute {
  position: absolute !important;
}

page-ecode-report .relative {
  position: relative !important;
}

page-ecode-report .block {
  display: block !important;
}

page-ecode-report .inline-block {
  display: inline-block !important;
}

page-ecode-report .list-block li {
  display: block !important;
}

page-ecode-report .list-inline li {
  display: inline !important;
}

page-ecode-report .clear-both {
  clear: both !important;
}

page-ecode-report .line-height-normal {
  line-height: normal !important;
}

page-ecode-report .line-height-8 {
  line-height: 8px !important;
}

page-ecode-report .line-height-14 {
  line-height: 14px !important;
}

page-ecode-report .line-height-12 {
  line-height: normal !important;
}

page-ecode-report ul.style-none {
  margin: 0;
  padding: 0;
  list-style: none;
}

page-ecode-report ul.style-none li {
  font-size: 0.875rem;
  padding: 3px 0;
}

page-ecode-report ul.style-none li ul {
  list-style: none;
}

page-ecode-report ul.vertical-icon-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

page-ecode-report ul.vertical-icon-list li {
  font-size: 0.875rem;
  padding: 6px 0;
}

page-ecode-report ul.vertical-icon-list li i {
  font-size: 1.25rem;
  padding-right: 15px;
  vertical-align: middle;
}

page-ecode-report .bg-white {
  background: #ffffff !important;
}

page-ecode-report .bg-green {
  background: #28bebd !important;
}

page-ecode-report .bg-blue {
  background: #42a5f5 !important;
}

page-ecode-report .bg-lightBlue {
  background: #2ebaee !important;
}

page-ecode-report .bg-red {
  background: #ef5350 !important;
}

page-ecode-report .bg-yellow {
  background: #f8c200 !important;
}

page-ecode-report .bg-paleYellow {
  background: #fddd7e !important;
}

page-ecode-report .bg-lightGray {
  background: #e3ecf7 !important;
}

page-ecode-report .bg-gray {
  background: #8f9eb5 !important;
}

page-ecode-report .bg-drakGray {
  background: #707c94 !important;
}

page-ecode-report .bg-grayBlue {
  background: #59779b !important;
}

page-ecode-report .bg-purple {
  background: #6b79c4 !important;
}

page-ecode-report .bg-turquoise {
  background: #00c5dc !important;
}

page-ecode-report .bg-peach {
  background: #feb38d !important;
}

page-ecode-report .bg-transparent {
  background: transparent !important;
}

page-ecode-report .text-primary {
  color: #172B4D !important;
}

page-ecode-report .text-link {
  color: #0645ad !important;
}

page-ecode-report .text-green {
  color: #28bebd !important;
}

page-ecode-report .text-turquoise {
  color: #00c5dc !important;
}

page-ecode-report .text-red {
  color: #ef5350 !important;
}

page-ecode-report .text-cyan {
  color: #26c6da !important;
}

page-ecode-report .text-yellow {
  color: #f8c200 !important;
}

page-ecode-report .text-gray {
  color: #8f9eb5 !important;
}

page-ecode-report .text-blue {
  color: #42a5f5 !important;
}

page-ecode-report .text-orange {
  color: #ffb74d !important;
}

page-ecode-report .text-purple {
  color: #6b79c4 !important;
}

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

page-ecode-report .text-brown {
  color: #906b6b !important;
}

page-ecode-report .text-salmon {
  color: #ee6e73 !important;
}

page-ecode-report .text-muted {
  color: #8396b0;
}

page-ecode-report .color-black {
  color: #000 !important;
}

page-ecode-report .color-white {
  color: #fff !important;
}

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

page-ecode-report .transparent {
  background: transparent !important;
}

page-ecode-report .bg-primary {
  background-color: #172B4D !important;
}

page-ecode-report .border-bottom,
page-ecode-report .border-grey-bottom-1px {
  border-bottom: 1px solid rgba(215, 225, 237, 0.8) !important;
}

page-ecode-report .border-grey-top-1px,
page-ecode-report .border-top {
  border-top: 1px solid rgba(215, 225, 237, 0.6) !important;
}

page-ecode-report .border-bottom-black-2px {
  border-bottom: 2px solid black;
}

page-ecode-report .border-top0p {
  border-top: 0px !important;
}

page-ecode-report .b-n {
  border: none !important;
}

page-ecode-report .b-b-1 {
  border: 1px solid black;
}

page-ecode-report .b-lg-1 {
  border: 1px solid lightgrey;
}

page-ecode-report .shadow-none {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

page-ecode-report .shadow-z-0 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-ecode-report .shadow-z-1 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-ecode-report .shadow-z-1:hover {
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

page-ecode-report .shadow-z-2 {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

page-ecode-report .shadow-z-3 {
  -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

page-ecode-report .shadow-z-4 {
  -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}

page-ecode-report .shadow-z-5 {
  -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}

page-ecode-report .big-shadow {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
}

page-ecode-report .shadow-2dp {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

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

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

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

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

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

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

page-ecode-report .font-weight-100 {
  font-weight: 100 !important;
}

page-ecode-report .font-weight-200 {
  font-weight: 200 !important;
}

page-ecode-report .font-weight-300 {
  font-weight: 300 !important;
}

page-ecode-report .font-weight-400 {
  font-weight: 400 !important;
}

page-ecode-report .font-weight-500 {
  font-weight: 500 !important;
}

page-ecode-report .font-weight-600 {
  font-weight: 600 !important;
}

page-ecode-report .font-weight-700 {
  font-weight: 700 !important;
}

page-ecode-report .font-weight-800 {
  font-weight: 800 !important;
}

page-ecode-report .font-weight-900 {
  font-weight: 900 !important;
}

page-ecode-report .font-weight-light {
  font-weight: 100 !important;
}

page-ecode-report .font-weight-normal {
  font-weight: 300 !important;
}

page-ecode-report .font-weight-medium {
  font-weight: 400 !important;
}

page-ecode-report .font-weight-bold {
  font-weight: 500 !important;
}

page-ecode-report .bold {
  font-weight: bold !important;
}

page-ecode-report .font-size-0 {
  font-size: 0 !important;
}

page-ecode-report .font-size-10 {
  font-size: 10px !important;
}

page-ecode-report .font-size-11 {
  font-size: 11px !important;
}

page-ecode-report .font-size-12 {
  font-size: 12px !important;
}

page-ecode-report .font-size-14 {
  font-size: 14px !important;
}

page-ecode-report .font-size-16 {
  font-size: 16px !important;
}

page-ecode-report .font-size-18 {
  font-size: 18px !important;
}

page-ecode-report .font-size-20 {
  font-size: 20px !important;
}

page-ecode-report .font-size-24 {
  font-size: 24px !important;
}

page-ecode-report .font-size-26 {
  font-size: 26px !important;
}

page-ecode-report .font-size-30 {
  font-size: 30px !important;
}

page-ecode-report .font-size-35 {
  font-size: 35px !important;
}

page-ecode-report .font-size-38 {
  font-size: 38px !important;
}

page-ecode-report .font-size-40 {
  font-size: 40px !important;
}

page-ecode-report .font-size-50 {
  font-size: 50px !important;
}

page-ecode-report .font-size-60 {
  font-size: 60px !important;
}

page-ecode-report .font-size-70 {
  font-size: 70px !important;
}

page-ecode-report .font-size-80 {
  font-size: 80px !important;
}

page-ecode-report .hidden {
  display: none !important;
}

page-ecode-report .w-100p {
  width: 100% !important;
}

page-ecode-report .float-r {
  float: right !important;
}

page-ecode-report .float-l {
  float: left !important;
}

page-ecode-report .align-c {
  display: block;
  margin: 0 auto;
}

page-ecode-report .align-b {
  display: block;
}

page-ecode-report .text-center {
  text-align: center !important;
}

page-ecode-report .text-left {
  text-align: left !important;
}

page-ecode-report .text-right {
  text-align: right !important;
}

page-ecode-report .align-v-c {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-ecode-report .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-ecode-report .align-v-c1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-ecode-report .align-v-c2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-ecode-report .align-v-c3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-ecode-report .align-v-c4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-ecode-report .align-flex-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-ecode-report .align-right-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

page-ecode-report .align-start-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media (max-width: 576px) {
  page-ecode-report .d-xs-none {
    display: none !important;
  }
  page-ecode-report .d-xs-inline {
    display: inline !important;
  }
  page-ecode-report .d-xs-inline-block {
    display: inline-block !important;
  }
  page-ecode-report .d-xs-block {
    display: block !important;
  }
  page-ecode-report .d-xs-table {
    display: table !important;
  }
  page-ecode-report .d-xs-table-cell {
    display: table-cell !important;
  }
  page-ecode-report .d-xs-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
  }
  page-ecode-report .d-xs-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important;
  }
}

page-ecode-report .b-r-gd {
  border-radius: 10px !important;
}

page-ecode-report .b-r-10 {
  border-radius: 10px !important;
}

page-ecode-report .b-r-5 {
  border-radius: 5px;
}

page-ecode-report .d-fl-ov-x {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  overflow-x: auto !important;
}

page-ecode-report .align-base {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-ecode-report .d-fl-bl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-ecode-report .d-fl-vhcenter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-ecode-report .d-fl-b2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
}

page-ecode-report .d-fl-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-ecode-report .d-fl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-ecode-report .d-fl-sb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-ecode-report .d-fl-saround {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-ecode-report .d-fl-ac {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-ecode-report .text-capital {
  text-transform: capitalize !important;
}

page-ecode-report .text-upper {
  text-transform: uppercase !important;
}

page-ecode-report .m-a {
  margin: auto !important;
}

page-ecode-report .m-l-a {
  margin-left: auto !important;
}

page-ecode-report .m-r-a {
  margin-right: auto !important;
}

page-ecode-report .italic {
  font-style: italic;
}

page-ecode-report .pointer {
  cursor: pointer;
}

page-ecode-report .ws-in {
  white-space: inherit;
}

page-ecode-report .opacity-1 {
  opacity: 1;
}

page-ecode-report .in-valid-checkbox {
  border: 1px solid #ff0000 !important;
  padding: 5px !important;
  margin-bottom: 10px;
  border-radius: 5px;
}

page-ecode-report page-corp-dashboard .mycustomdrop:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
  top: -15px;
  position: absolute;
  right: 15%;
}

page-ecode-report h1 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1.6875rem !important;
  line-height: 64px;
  letter-spacing: -0.4px;
}

page-ecode-report h2 {
  font-family: "Poppins", sans-serif;
  font-size: 24px !important;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
}

page-ecode-report h3,
page-ecode-report .h3 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 22px !important;
  line-height: 48px;
  /* identical to box height, or 200% */
  /* Neutral / dark gray */
  color: #000000;
}

page-ecode-report h4,
page-ecode-report .menu-heading-h4 {
  font-family: "Poppins", sans-serif !important;
  font-style: normal;
  font-weight: normal;
  font-size: 15px !important;
  line-height: 26px;
  /* or 144% */
  letter-spacing: -0.2px;
  color: #000000;
}

page-ecode-report h5 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  /* or 143% */
  color: #000000;
}

page-ecode-report .subtitle {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  /* or 200% */
  letter-spacing: 2.5px;
  color: #4E5761;
}

page-ecode-report p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 13px !important;
  line-height: 24px;
  /* identical to box height, or 171% */
  letter-spacing: -0.1px;
  /* Neutral / black */
  color: #000000;
}

page-ecode-report .ui-tabview.ui-tabview-top > .ui-tabview-nav {
  padding: 0.2em 0.2em 0;
  border-bottom: 1px solid #eaeaea;
}

page-ecode-report .scroll-content {
  padding: 0 !important;
}

page-ecode-report ion-navbar {
  margin: 0;
  border-radius: 0px;
  height: 50px !important;
  color: #172B4D !important;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-ecode-report ion-header {
  padding: 0;
}

page-ecode-report .header-md::after {
  background-image: none;
}

page-ecode-report .toolbar-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #172B4D !important;
  line-height: 24px;
  font-family: "Poppins", sans-serif;
  font-size: 2rem !important;
  font-weight: bold !important;
  text-align: left !important;
}

page-ecode-report .userLabel {
  float: right;
  display: inline;
  letter-spacing: 1px;
  color: #172B4D !important !important;
}

page-ecode-report .card-title {
  font-size: 16px !important;
  color: #000000;
  font-weight: bold !important;
  text-align: center !important;
}

page-ecode-report .barcolor {
  background: #5a75a3;
  color: #ffffff;
}

page-ecode-report p-sorticon {
  color: black;
}

page-ecode-report p-sorticon a {
  color: black !important;
}

page-ecode-report .globalTable {
  border: none;
  border: 1px solid #c1c1c1;
}

page-ecode-report .globalTable .ui-table-caption {
  border-bottom: 1px solid #dadada !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  font-size: 18px !important;
  background: #ecececad !important;
}

page-ecode-report .globalTable .table-header input {
  font-size: 15px !important;
  border-style: groove;
  width: 100% !important;
  padding-left: 10px;
  border-radius: 10px;
  border-color: #f3f3f3;
  font-weight: 500;
  line-height: 25px !important;
}

page-ecode-report .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-ecode-report .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

page-ecode-report .globalTable .table-header .align input {
  width: 80%;
  line-height: 25px;
}

page-ecode-report .globalTable .ui-table-tbody tr:nth-child(2n+1) {
  background: white;
}

page-ecode-report .globalTable .ui-table-tbody tr:nth-child(2n) {
  background: #f3f3f3;
}

page-ecode-report .globalTable .ui-table-tbody tr:hover {
  background: #c1c1c167 !important;
}

page-ecode-report .globalTable .ui-table-tbody .activeRow {
  background: #c4d2e5 !important;
}

page-ecode-report .globalTable th input {
  text-align: center !important;
  width: 90% !important;
  font-weight: 400 !important;
}

page-ecode-report .globalTable .ui-table .ui-sortable-column.ui-state-highlight {
  color: black !important;
}

page-ecode-report .globalTable .ui-table .ui-table-thead tr th {
  background: #eeeeee9e;
  border: none;
  padding: 10px 0;
  width: 100%;
  text-align: center;
}

page-ecode-report .globalTable .ui-table .ui-table-tbody tr td {
  border: none;
  background: inherit;
  padding: 20px 0;
  text-align: center;
}

page-ecode-report .globalTable .ui-table .ui-table-tbody tr {
  border-bottom: 1px solid #cacaca;
}

page-ecode-report .globalTable .p-column-filter {
  border-radius: 4px;
  border: 1px solid gray;
}

page-ecode-report .globalTable .badge-badge.status-Active {
  padding: 5px 20px;
  color: #226f4e;
  background-color: #9decbe;
  font-weight: 500;
  font-size: 12px;
}

page-ecode-report .globalTable .badge-badge.status-Inactive {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

page-ecode-report .globalTable .badge-badge.status-Suspended {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

page-ecode-report .globalTable .badge-badge.status-Waiting {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

page-ecode-report .globalTable .badge-badge.status-Pending {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

page-ecode-report .globalTable .actionIcon {
  padding: 0 3px;
  font-size: 16px;
  cursor: pointer;
}

page-ecode-report ion-icon {
  cursor: pointer;
}

page-ecode-report .button-md-reset {
  background-color: #ffffff;
  color: black !important;
  border: 1px solid #e3ecf7;
}

page-ecode-report .button-md-reset:hover {
  background-color: #ececec !important;
}

page-ecode-report .reset:hover {
  background-color: #ececec !important;
}

page-ecode-report .button-md-primary {
  background-color: #172B4D !important;
  color: #ffffff !important;
}

page-ecode-report ion-button {
  background-color: #172B4D !important;
  color: #ffffff;
}

page-ecode-report .my-custom-class .alert-button-group button:first-child {
  position: relative;
}

page-ecode-report .my-custom-class .alert-button-group button {
  font-weight: bold;
}

page-ecode-report .my-custom-class .alert-radio-group {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100% !important;
}

page-ecode-report .my-custom-class button {
  text-align: center;
}

page-ecode-report .alert-button-group button:first-child {
  position: relative !important;
  min-width: 0 !important;
}

page-ecode-report .alert-md .alert-wrapper {
  max-width: 320px !important;
}

page-ecode-report .alert-md .alert-message {
  font-size: 16px !important;
}

page-ecode-report .alert-button {
  font-size: 15px !important;
}

page-ecode-report .alert-md .alert-sub-title {
  font-size: 16px !important;
}

page-ecode-report .alert-md .alert-title {
  font-size: 22px !important;
}

page-ecode-report .breakclass {
  white-space: pre-line;
}

page-ecode-report .error {
  color: red;
  float: left;
}

page-ecode-report .topStrip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}

page-ecode-report .infographic1 {
  border: none;
  color: #367ad2;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-ecode-report .infographic1 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-ecode-report .infographic1 ion-icon {
  color: black;
}

page-ecode-report .infographic2 {
  border: none;
  color: #50d29b;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-ecode-report .infographic2 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-ecode-report .infographic2 ion-icon {
  color: black;
}

page-ecode-report .infographic3 {
  border: none;
  color: #ffaa00;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-ecode-report .infographic3 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-ecode-report .infographic3 ion-icon {
  color: black;
}

page-ecode-report .infographic4 {
  border: none;
  color: #f36363;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-ecode-report .infographic4 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-ecode-report .infographic4 ion-icon {
  color: black;
}

page-ecode-report .infographic5 {
  border: none;
  color: #41acbf;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-ecode-report .infographic5 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-ecode-report .infographic5 ion-icon {
  color: black;
}

page-ecode-report .infograph1 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #367ad2;
  font-size: 20px;
}

page-ecode-report .infograph2 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #51b98d;
  font-size: 20px;
}

page-ecode-report .infograph3 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #ffaa00;
  font-size: 20px;
}

page-ecode-report .infograph4 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #dc5b54;
  font-size: 20px;
}

page-ecode-report .infograph5 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #41acbf;
  font-size: 20px;
}

page-ecode-report .infographtext {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 12px;
}

page-ecode-report .successToast .toast-message {
  background-color: #d2f8d2 !important;
  color: black;
}

page-ecode-report .errorToast .toast-message {
  background-color: #eea9a0 !important;
  color: black;
}

page-ecode-report .actionIconsBar {
  padding-right: 20px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

page-ecode-report .ui-carousel .ui-carousel-header {
  display: none !important;
}

page-ecode-report .userfab .fab-close-active .fab-close-icon {
  height: 40px !important;
  position: relative !important;
}

page-ecode-report textarea.text-input {
  resize: none !important;
}

page-ecode-report .asterisk {
  color: red;
  padding-left: 3px;
}

page-ecode-report .m-b-t {
  margin-bottom: 4% !important;
}

page-ecode-report .ui-radiobutton-box.ui-state-active {
  border: 1px solid #09f;
  background: #09f;
  color: #09f;
}

page-ecode-report .alert-md .alert-message {
  overflow: auto;
}

page-ecode-report .alert-md .alert-message .alertstyle1 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

page-ecode-report .alert-md .alert-message .alertstyle1 b {
  width: 65px !important;
}

page-ecode-report .alert-md .alert-message .alertstyle3 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-ecode-report .alert-md .alert-message .alertstyle3 b {
  width: 65px !important;
}

page-ecode-report .alert-md .alert-message .alertstyle4 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-ecode-report .alert-md .alert-message .alertstyle4 b {
  width: 150px !important;
}

page-ecode-report .alert-md .alert-message .alertstyle5 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

page-ecode-report .alert-md .alert-message .alertstyle5 b {
  width: 75px !important;
}

page-ecode-report .alert-md .alert-message .alertstyle5 span {
  width: 5px;
}

page-ecode-report .alert-md .alert-message .alertstyle2 {
  text-align: left !important;
}

page-ecode-report .alert-md .alert-message .alertstyle2 li {
  margin-top: 10px;
}

page-ecode-report .ui-tooltip {
  background-color: #172B4D !important;
  color: #ffffff;
}

page-ecode-report .navsebexam .toolbar-content-md {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
}

page-ecode-report .modal-wrapper {
  height: 75%;
  top: 10%;
  position: absolute;
  display: block;
  border-radius: 10px !important;
}

page-ecode-report .ui-picklist-source-controls.ui-picklist-buttons {
  display: none !important;
}

page-ecode-report .ui-picklist-target-controls.ui-picklist-buttons {
  display: none !important;
}

page-ecode-report .ui-picklist-target-controls.ui-picklist-buttons.ng-star-inserted {
  display: none !important;
}

page-ecode-report .ellip {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

page-ecode-report .p-slider {
  background: #dee2e6;
  border: 0 none;
  border-radius: 3px;
}

page-ecode-report .Errorbox .alert-title {
  color: #d8000c;
}

page-ecode-report .Errorbox .alert-button {
  color: #d8000c;
}

page-ecode-report .card-md {
  border-radius: 5px !important;
}

page-ecode-report .modal {
  display: none;
  /* Hidden by default */
  position: -webkit-sticky;
  position: sticky;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 30px;
  /* Location of the box */
  left: 0;
  right: 0;
  bottom: 150px;
  width: 400px;
  height: 400px;
  margin: auto;
  border: 4px solid;
  background-color: black;
}

page-ecode-report .modal-content {
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
}

page-ecode-report .close {
  position: absolute;
  color: #f1f1f1;
  top: 0px;
  right: 10px;
  font-size: 28px;
  font-weight: bold;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

page-ecode-report .close:hover,
page-ecode-report .close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

page-ecode-report .customhr {
  width: 90%;
  background-color: #ccc;
}

page-ecode-report .mycustomtoolbar ion-segment {
  border: none;
}

page-ecode-report .mycustomtoolbar ion-segment-button {
  font-size: 16px !important;
  font-weight: 500 !important;
}

page-ecode-report .mycustomtoolbar .segment-md .segment-button.activated,
page-ecode-report .mycustomtoolbar .segment-md .segment-button.segment-activated {
  border-color: #172B4D !important;
  color: #172B4D !important;
}

page-ecode-report .mycustomtoolbar .toolbar-background {
  background: transparent;
}

page-ecode-report .fc {
  direction: ltr;
  text-align: left;
}

page-ecode-report .fc-rtl {
  text-align: right;
}

page-ecode-report body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}

page-ecode-report .fc-unthemed th,
page-ecode-report .fc-unthemed td,
page-ecode-report .fc-unthemed thead,
page-ecode-report .fc-unthemed tbody,
page-ecode-report .fc-unthemed .fc-divider,
page-ecode-report .fc-unthemed .fc-row,
page-ecode-report .fc-unthemed .fc-content,
page-ecode-report .fc-unthemed .fc-popover,
page-ecode-report .fc-unthemed .fc-list-view,
page-ecode-report .fc-unthemed .fc-list-heading td {
  border-color: #ddd;
}

page-ecode-report .fc-unthemed .fc-popover {
  background-color: #fff;
}

page-ecode-report .fc-unthemed .fc-divider,
page-ecode-report .fc-unthemed .fc-popover .fc-header,
page-ecode-report .fc-unthemed .fc-list-heading td {
  background: #eee;
}

page-ecode-report .fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}

page-ecode-report .fc-unthemed td.fc-today {
  background: #fcf8e3;
}

page-ecode-report .fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3;
}

page-ecode-report .fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3;
}

page-ecode-report .fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}

page-ecode-report .fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

page-ecode-report .fc-icon:after {
  position: relative;
}

page-ecode-report .fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-ecode-report .fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-ecode-report .fc-icon-left-double-arrow:after {
  content: "\000AB";
  font-size: 160%;
  top: -7%;
}

page-ecode-report .fc-icon-right-double-arrow:after {
  content: "\000BB";
  font-size: 160%;
  top: -7%;
}

page-ecode-report .fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%;
}

page-ecode-report .fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%;
}

page-ecode-report .fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%;
}

page-ecode-report .fc-icon-x:after {
  content: "\000D7";
  font-size: 200%;
  top: 6%;
}

page-ecode-report .fc button {
  /* force height to include the border and padding */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer;
}

page-ecode-report .fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}

page-ecode-report .fc-state-default {
  /* non-theme */
  border: 1px solid;
}

page-ecode-report .fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

page-ecode-report .fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

page-ecode-report .fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .2em;
  vertical-align: middle;
}

page-ecode-report .fc-state-default {
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-ecode-report .fc-state-hover,
page-ecode-report .fc-state-down,
page-ecode-report .fc-state-active,
page-ecode-report .fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}

page-ecode-report .fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

page-ecode-report .fc-state-down,
page-ecode-report .fc-state-active {
  background-color: #cccccc;
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-ecode-report .fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}

page-ecode-report .fc-button-group {
  display: inline-block;
}

page-ecode-report .fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px;
}

page-ecode-report .fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0;
}

page-ecode-report .fc-popover {
  position: absolute;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

page-ecode-report .fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px;
}

page-ecode-report .fc-popover .fc-header .fc-title {
  margin: 0 2px;
}

page-ecode-report .fc-popover .fc-header .fc-close {
  cursor: pointer;
}

page-ecode-report .fc-ltr .fc-popover .fc-header .fc-title,
page-ecode-report .fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}

page-ecode-report .fc-rtl .fc-popover .fc-header .fc-title,
page-ecode-report .fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}

page-ecode-report .fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}

page-ecode-report .fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: .9em;
  margin-top: 2px;
}

page-ecode-report .fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */
}

page-ecode-report .fc-divider {
  border-style: solid;
  border-width: 1px;
}

page-ecode-report hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}

page-ecode-report .fc-clear {
  clear: both;
}

page-ecode-report .fc-bg,
page-ecode-report .fc-bgevent-skeleton,
page-ecode-report .fc-highlight-skeleton,
page-ecode-report .fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-ecode-report .fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}

page-ecode-report .fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}

page-ecode-report .fc table {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}

page-ecode-report .fc th {
  text-align: center;
}

page-ecode-report .fc th,
page-ecode-report .fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}

page-ecode-report .fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}

page-ecode-report a[data-goto] {
  cursor: pointer;
}

page-ecode-report a[data-goto]:hover {
  text-decoration: underline;
}

page-ecode-report .fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}

page-ecode-report .fc-row table {
  /* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}

page-ecode-report .fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}

page-ecode-report .fc-row {
  position: relative;
}

page-ecode-report .fc-row .fc-bg {
  z-index: 1;
}

page-ecode-report .fc-row .fc-bgevent-skeleton,
page-ecode-report .fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}

page-ecode-report .fc-row .fc-bgevent-skeleton table,
page-ecode-report .fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}

page-ecode-report .fc-row .fc-highlight-skeleton td,
page-ecode-report .fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}

page-ecode-report .fc-row .fc-bgevent-skeleton {
  z-index: 2;
}

page-ecode-report .fc-row .fc-highlight-skeleton {
  z-index: 3;
}

page-ecode-report .fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}

page-ecode-report .fc-row .fc-helper-skeleton {
  z-index: 5;
}

page-ecode-report .fc-row .fc-content-skeleton td,
page-ecode-report .fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}

page-ecode-report .fc-row .fc-content-skeleton tbody td,
page-ecode-report .fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}

page-ecode-report .fc-scroller {
  -webkit-overflow-scrolling: touch;
}

page-ecode-report .fc-scroller > .fc-day-grid,
page-ecode-report .fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}

page-ecode-report .fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */
  font-weight: normal;
  /* undo jqui's ui-widget-header bold */
}

page-ecode-report .fc-event,
page-ecode-report .fc-event-dot {
  background-color: #3a87ad;
  /* default BACKGROUND color */
}

page-ecode-report .fc-event,
page-ecode-report .fc-event:hover,
page-ecode-report .ui-widget .fc-event {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}

page-ecode-report .fc-event[href],
page-ecode-report .fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}

page-ecode-report .fc-not-allowed,
page-ecode-report .fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}

page-ecode-report .fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #ffffff;
  opacity: .25;
}

page-ecode-report .fc-event .fc-content {
  position: relative;
  z-index: 2;
}

page-ecode-report .fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
}

page-ecode-report .fc-event .fc-resizer {
  display: none;
}

page-ecode-report .fc-event.fc-allow-mouse-resize .fc-resizer,
page-ecode-report .fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block;
}

page-ecode-report .fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}

page-ecode-report .fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

page-ecode-report .fc-event.fc-selected.fc-dragging {
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

page-ecode-report .fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}

page-ecode-report .fc-ltr .fc-h-event.fc-not-start,
page-ecode-report .fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

page-ecode-report .fc-ltr .fc-h-event.fc-not-end,
page-ecode-report .fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

page-ecode-report .fc-ltr .fc-h-event .fc-start-resizer,
page-ecode-report .fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */
}

page-ecode-report .fc-ltr .fc-h-event .fc-end-resizer,
page-ecode-report .fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */
}

page-ecode-report .fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */
}

page-ecode-report .fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* vertically center */
  top: 50%;
  margin-top: -4px;
}

page-ecode-report .fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
page-ecode-report .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */
}

page-ecode-report .fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
page-ecode-report .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */
}

page-ecode-report .fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}

page-ecode-report tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */
}

page-ecode-report .fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: .25;
}

page-ecode-report .fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}

page-ecode-report .fc-day-grid-event .fc-time {
  font-weight: bold;
}

page-ecode-report .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
page-ecode-report .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */
}

page-ecode-report .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
page-ecode-report .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */
}

page-ecode-report a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none;
}

page-ecode-report a.fc-more:hover {
  text-decoration: underline;
}

page-ecode-report .fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}

page-ecode-report .fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}

page-ecode-report .fc-more-popover {
  z-index: 2;
  width: 220px;
}

page-ecode-report .fc-more-popover .fc-event-container {
  padding: 10px;
}

page-ecode-report .fc-now-indicator {
  position: absolute;
  border: 0 solid red;
}

page-ecode-report .fc-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

page-ecode-report .fc-toolbar {
  text-align: center;
}

page-ecode-report .fc-toolbar.fc-header-toolbar {
  margin-bottom: 1em;
}

page-ecode-report .fc-toolbar.fc-footer-toolbar {
  margin-top: 1em;
}

page-ecode-report .fc-toolbar .fc-left {
  float: left;
}

page-ecode-report .fc-toolbar .fc-right {
  float: right;
}

page-ecode-report .fc-toolbar .fc-center {
  display: inline-block;
}

page-ecode-report .fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em;
}

page-ecode-report .fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0;
}

page-ecode-report .fc-toolbar h2 {
  margin: 0;
}

page-ecode-report .fc-toolbar button {
  position: relative;
}

page-ecode-report .fc-toolbar .fc-state-hover,
page-ecode-report .fc-toolbar .ui-state-hover {
  z-index: 2;
}

page-ecode-report .fc-toolbar .fc-state-down {
  z-index: 3;
}

page-ecode-report .fc-toolbar .fc-state-active,
page-ecode-report .fc-toolbar .ui-state-active {
  z-index: 4;
}

page-ecode-report .fc-toolbar button:focus {
  z-index: 5;
}

page-ecode-report .fc-view-container *,
page-ecode-report .fc-view-container *:before,
page-ecode-report .fc-view-container *:after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

page-ecode-report .fc-view,
page-ecode-report .fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}

page-ecode-report .fc-basicWeek-view .fc-content-skeleton,
page-ecode-report .fc-basicDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}

page-ecode-report .fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}

page-ecode-report .fc-row.fc-rigid {
  overflow: hidden;
}

page-ecode-report .fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-ecode-report .fc-day-top.fc-other-month {
  opacity: 0.3;
}

page-ecode-report .fc-basic-view .fc-week-number,
page-ecode-report .fc-basic-view .fc-day-number {
  padding: 2px;
}

page-ecode-report .fc-basic-view th.fc-week-number,
page-ecode-report .fc-basic-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */
}

page-ecode-report .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right;
}

page-ecode-report .fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left;
}

page-ecode-report .fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0;
}

page-ecode-report .fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px;
}

page-ecode-report .fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080;
}

page-ecode-report .fc-basic-view td.fc-week-number {
  text-align: center;
}

page-ecode-report .fc-basic-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}

page-ecode-report .fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}

page-ecode-report .fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}

page-ecode-report .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}

page-ecode-report .fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}

page-ecode-report .fc-ltr .fc-axis {
  text-align: right;
}

page-ecode-report .fc-rtl .fc-axis {
  text-align: left;
}

page-ecode-report .ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome jqui theme making it bold */
}

page-ecode-report .fc-time-grid-container,
page-ecode-report .fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}

page-ecode-report .fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

page-ecode-report .fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}

page-ecode-report .fc-time-grid > .fc-bg {
  z-index: 1;
}

page-ecode-report .fc-time-grid .fc-slats,
page-ecode-report .fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}

page-ecode-report .fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */
}

page-ecode-report .fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
}

page-ecode-report .fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1;
}

page-ecode-report .fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2;
}

page-ecode-report .fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3;
}

page-ecode-report .fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4;
}

page-ecode-report .fc-time-grid .fc-now-indicator-line {
  z-index: 5;
}

page-ecode-report .fc-time-grid .fc-helper-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6;
}

page-ecode-report .fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}

page-ecode-report .fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}

page-ecode-report .fc-time-grid .fc-slats .ui-widget-content {
  /* for jqui theme */
  background: none;
  /* see through to fc-bg */
}

page-ecode-report .fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}

page-ecode-report .fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}

page-ecode-report .fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}

page-ecode-report .fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}

page-ecode-report .fc-time-grid .fc-event,
page-ecode-report .fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}

page-ecode-report .fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}

page-ecode-report .fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

page-ecode-report .fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

page-ecode-report .fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */
}

page-ecode-report .fc-time-grid-event.fc-selected {
  /* need to allow touch resizers to extend outside event's bounding box */
  /* common fc-selected styles hide the fc-bg, so don't need this anyway */
  overflow: visible;
}

page-ecode-report .fc-time-grid-event.fc-selected .fc-bg {
  display: none;
  /* hide semi-white background, to appear darker */
}

page-ecode-report .fc-time-grid-event .fc-content {
  overflow: hidden;
  /* for when .fc-selected */
}

page-ecode-report .fc-time-grid-event .fc-time,
page-ecode-report .fc-time-grid-event .fc-title {
  padding: 0 1px;
}

page-ecode-report .fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap;
}

page-ecode-report .fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}

page-ecode-report .fc-time-grid-event.fc-short .fc-time,
page-ecode-report .fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}

page-ecode-report .fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}

page-ecode-report .fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}

page-ecode-report .fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
  /* seperate with a dash, wrapped in nbsp's */
}

page-ecode-report .fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}

page-ecode-report .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}

page-ecode-report .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "=";
}

page-ecode-report .fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px;
}

page-ecode-report .fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0;
}

page-ecode-report .fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */
}

page-ecode-report .fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-ecode-report .fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-ecode-report .fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}

page-ecode-report .fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */
}

page-ecode-report .fc-list-view {
  border-width: 1px;
  border-style: solid;
}

page-ecode-report .fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */
}

page-ecode-report .fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px;
}

page-ecode-report .fc-list-table tr:first-child td {
  border-top-width: 0;
}

page-ecode-report .fc-list-heading {
  border-bottom-width: 1px;
}

page-ecode-report .fc-list-heading td {
  font-weight: bold;
}

page-ecode-report .fc-ltr .fc-list-heading-main {
  float: left;
}

page-ecode-report .fc-ltr .fc-list-heading-alt {
  float: right;
}

page-ecode-report .fc-rtl .fc-list-heading-main {
  float: right;
}

page-ecode-report .fc-rtl .fc-list-heading-alt {
  float: left;
}

page-ecode-report .fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */
}

page-ecode-report .fc-list-item:hover td {
  background-color: #f5f5f5;
}

page-ecode-report .fc-list-item-marker,
page-ecode-report .fc-list-item-time {
  white-space: nowrap;
  width: 1px;
}

page-ecode-report .fc-ltr .fc-list-item-marker {
  padding-right: 0;
}

page-ecode-report .fc-rtl .fc-list-item-marker {
  padding-left: 0;
}

page-ecode-report .fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit;
}

page-ecode-report .fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline;
}

page-ecode-report .fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

page-ecode-report .fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table;
}

page-ecode-report .fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

page-ecode-report .fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #eee;
}

page-ecode-report .generateButton {
  display: block;
  margin: 0 auto;
}

page-ecode-report .resetButton {
  float: right;
}

page-ecode-report .downloadButton {
  float: left;
}

page-ecode-report .nodata_avail {
  font-family: "Open Sans" !important;
  text-align: center;
  line-height: 60px;
  font-size: 25px;
  color: #0099ff !important;
  margin: auto;
  border-radius: 10px;
  width: 75%;
  padding: 13px 16px;
  background: #ffffff !important;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

page-ecode-report .nodata_avail-title {
  color: #0099ff !important;
  border-bottom: 1px solid #0099ff !important;
  font-size: 18px !important;
  font-weight: bold;
  font-family: "Open Sans";
  cursor: pointer;
}

page-ecode-report .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
  background-color: #5eaac2 !important;
  color: #ffffff !important;
}

page-ecode-report .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active {
  color: #ffffff !important;
  background-color: #5eaac2 !important;
}

page-ecode-report p-table.flatTable th {
  border: none;
  border-bottom: 3px solid #f1f1f1;
  width: 130px;
}

page-ecode-report p-table.flatTable td {
  width: 130px;
}

page-ecode-report p-table.flatTable .ui-table-wrapper {
  min-height: 52.5vh !important;
}

page-ecode-report body .ui-table .ui-sortable-column.ui-state-highlight {
  color: #333333 !important;
}

page-ecode-report body .ui-table .ui-sortable-column.ui-state-highlight .ui-sortable-column-icon {
  color: #848484 !important;
}

page-edit-profile {
  /* ANIMATION */
  /* SHADOWS */
  /*
 *
 *   MaterialWrap - Bootstrap + Material Design Admin Theme

 
*/
  /*
 * CSS Transform - Scale and Rotate
 */
  /* The Modal (background) */
  /* Modal Content (image) */
  /* The Close Button */
  /*!
 * FullCalendar v3.2.0 Stylesheet
 * Docs & License: https://fullcalendar.io/
 * (c) 2017 Adam Shaw
 */
  /* Colors
--------------------------------------------------------------------------------------------------*/
  /* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
  /*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
  /* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
  /* Firefox has an annoying inner border */
  /* icons in buttons */
  /*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
  /* Buttons Groups
--------------------------------------------------------------------------------------------------*/
  /*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
  /* Popover
--------------------------------------------------------------------------------------------------*/
  /* unthemed */
  /* jqui themed */
  /* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
  /* Tables
--------------------------------------------------------------------------------------------------*/
  /* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
  /* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
  /* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
  /* highlighting cells & background event skeleton */
  /*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
  /* Scrolling Container
--------------------------------------------------------------------------------------------------*/
  /* TODO: move to agenda/basic */
  /* Global Event Styles
--------------------------------------------------------------------------------------------------*/
  /* overpower some of bootstrap's and jqui's styles on <a> tags */
  /* resizer (cursor AND touch devices) */
  /* resizer (touch devices) */
  /* hit area */
  /* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
  /* Horizontal Events
--------------------------------------------------------------------------------------------------*/
  /* bigger touch area when selected */
  /* events that are continuing to/from another week. kill rounded corners and butt up against edge */
  /* resizer (cursor AND touch devices) */
  /* left resizer  */
  /* right resizer */
  /* resizer (mouse devices) */
  /* resizer (touch devices) */
  /* left resizer  */
  /* right resizer */
  /* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* resizer (cursor devices) */
  /* left resizer  */
  /* right resizer */
  /* Event Limiting
--------------------------------------------------------------------------------------------------*/
  /* "more" link that represents hidden events */
  /* popover that appears when "more" link is clicked */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* Utilities
--------------------------------------------------------------------------------------------------*/
  /* Toolbar
--------------------------------------------------------------------------------------------------*/
  /* the things within each left/right/center section */
  /* the first thing within each left/center/right section */
  /* title text */
  /* button layering (for border precedence) */
  /* View Structure
--------------------------------------------------------------------------------------------------*/
  /* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
  /* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
  /* BasicView
--------------------------------------------------------------------------------------------------*/
  /* day row structure */
  /* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
  /* week and day number styling */
  /* when week/day number have own column */
  /* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
  /* divs within a cell within the fc-content-skeleton */
  /* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
  /* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* short mode, where time and title are on the same line */
  /* resizer (cursor device) */
  /* resizer (touch device) */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* arrow on axis */
  /* List View
--------------------------------------------------------------------------------------------------*/
  /* possibly reusable */
  /* view wrapper */
  /* table resets */
  /* day headings with the list */
  /* event list items */
  /* make the dot closer to the event title */
  /* message when no events */
}

page-edit-profile .letter-sp-1 {
  letter-spacing: 1px;
}

page-edit-profile .letter-sp-2 {
  letter-spacing: 2px;
}

page-edit-profile .letter-sp-3 {
  letter-spacing: 3px;
}

page-edit-profile .m-0 {
  margin: 0 !important;
}

page-edit-profile .m-5 {
  margin: 5px !important;
}

page-edit-profile .m-10 {
  margin: 10px !important;
}

page-edit-profile .m-15 {
  margin: 15px !important;
}

page-edit-profile .m-20 {
  margin: 20px !important;
}

page-edit-profile .m-30 {
  margin: 30px !important;
}

page-edit-profile .m-50 {
  margin: 50px !important;
}

page-edit-profile .m-b-100 {
  margin-bottom: 100px !important;
}

page-edit-profile .m-b-15 {
  margin-bottom: 15px !important;
}

page-edit-profile .m-b-20 {
  margin-bottom: 20px !important;
}

page-edit-profile .m-b-0 {
  margin-bottom: 0 !important;
}

page-edit-profile .m-l-0 {
  margin-left: 0 !important;
}

page-edit-profile .m-l-5 {
  margin-left: 5px !important;
}

page-edit-profile .m-l-10 {
  margin-left: 10px !important;
}

page-edit-profile .m-l-15 {
  margin-left: 15px !important;
}

page-edit-profile .m-l-20 {
  margin-left: 20px !important;
}

page-edit-profile .m-l-30 {
  margin-left: 30px !important;
}

page-edit-profile .m-l-40 {
  margin-left: 40px !important;
}

page-edit-profile .m-l-50 {
  margin-left: 50px !important;
}

page-edit-profile .m-l-n-1 {
  margin-left: -1px !important;
}

page-edit-profile .m-l-n-5 {
  margin-left: -5px !important;
}

page-edit-profile .m-l-n-10 {
  margin-left: -10px !important;
}

page-edit-profile .m-l-n-15 {
  margin-left: -15px !important;
}

page-edit-profile .m-l-n-20 {
  margin-left: -20px !important;
}

page-edit-profile .m-l-n-30 {
  margin-left: -30px !important;
}

page-edit-profile .m-l-n-40 {
  margin-left: -40px !important;
}

page-edit-profile .m-l-n-50 {
  margin-left: -50px !important;
}

page-edit-profile .m-t-0 {
  margin-top: 0 !important;
}

page-edit-profile .m-t-1 {
  margin-top: 1px !important;
}

page-edit-profile .m-t-2 {
  margin-top: 2px;
}

page-edit-profile .m-t-2p {
  margin-top: 2% !important;
}

page-edit-profile .m-t-5p {
  margin-top: 5% !important;
}

page-edit-profile .m-t-25p {
  margin-top: 25% !important;
}

page-edit-profile .m-t-30p {
  margin-top: 30% !important;
}

page-edit-profile .m-t-4 {
  margin-top: 4px !important;
}

page-edit-profile .m-t-5 {
  margin-top: 5px !important;
}

page-edit-profile .m-t-5p {
  margin-top: 5% !important;
}

page-edit-profile .m-t-10 {
  margin-top: 10px !important;
}

page-edit-profile .m-t-15 {
  margin-top: 15px !important;
}

page-edit-profile .m-t-20 {
  margin-top: 20px !important;
}

page-edit-profile .m-t-30 {
  margin-top: 30px !important;
}

page-edit-profile .m-t-40 {
  margin-top: 40px !important;
}

page-edit-profile .m-t-50 {
  margin-top: 50px !important;
}

page-edit-profile .m-t-75 {
  margin-top: 75px !important;
}

page-edit-profile .m-t-100 {
  margin-top: 100px !important;
}

page-edit-profile .m-t-120 {
  margin-top: 120px !important;
}

page-edit-profile .m-t-140 {
  margin-top: 140px !important;
}

page-edit-profile .m-t-n-1 {
  margin-top: -1px !important;
}

page-edit-profile .m-t-n-5 {
  margin-top: -5px !important;
}

page-edit-profile .m-t-n-10 {
  margin-top: -10px !important;
}

page-edit-profile .m-t-n-15 {
  margin-top: -15px !important;
}

page-edit-profile .m-t-n-20 {
  margin-top: -20px !important;
}

page-edit-profile .m-t-n-30 {
  margin-top: -30px !important;
}

page-edit-profile .m-t-n-40 {
  margin-top: -40px !important;
}

page-edit-profile .m-t-n-50 {
  margin-top: -50px !important;
}

page-edit-profile .m-r-0 {
  margin-right: 0 !important;
}

page-edit-profile .m-r-1 {
  margin-right: 1px !important;
}

page-edit-profile .m-r-5 {
  margin-right: 5px !important;
}

page-edit-profile .m-r-10 {
  margin-right: 10px !important;
}

page-edit-profile .m-r-15 {
  margin-right: 15px !important;
}

page-edit-profile .m-r-20 {
  margin-right: 20px !important;
}

page-edit-profile .m-r-30 {
  margin-right: 30px !important;
}

page-edit-profile .m-r-40 {
  margin-right: 40px !important;
}

page-edit-profile .m-r-50 {
  margin-right: 50px !important;
}

page-edit-profile .m-r-n-1 {
  margin-right: -1px !important;
}

page-edit-profile .m-r-n-5 {
  margin-right: -5px !important;
}

page-edit-profile .m-r-n-10 {
  margin-right: -10px !important;
}

page-edit-profile .m-r-n-15 {
  margin-right: -15px !important;
}

page-edit-profile .m-r-n-20 {
  margin-right: -20px !important;
}

page-edit-profile .m-r-n-30 {
  margin-right: -30px !important;
}

page-edit-profile .m-r-n-40 {
  margin-right: -40px !important;
}

page-edit-profile .m-r-n-50 {
  margin-right: -50px !important;
}

page-edit-profile .m-b-0 {
  margin-bottom: 0 !important;
}

page-edit-profile .m-b-1 {
  margin-bottom: 1px !important;
}

page-edit-profile .m-b-4 {
  margin-bottom: 4px !important;
}

page-edit-profile .m-b-5 {
  margin-bottom: 5px !important;
}

page-edit-profile .m-b-10 {
  margin-bottom: 10px !important;
}

page-edit-profile .m-b-15 {
  margin-bottom: 15px !important;
}

page-edit-profile .m-b-20 {
  margin-bottom: 20px !important;
}

page-edit-profile .m-b-30 {
  margin-bottom: 30px !important;
}

page-edit-profile .m-b-40 {
  margin-bottom: 40px !important;
}

page-edit-profile .m-b-50 {
  margin-bottom: 50px !important;
}

page-edit-profile .m-b-n-1 {
  margin-bottom: -1px !important;
}

page-edit-profile .m-b-n-5 {
  margin-bottom: -5px !important;
}

page-edit-profile .m-b-n-10 {
  margin-bottom: -10px !important;
}

page-edit-profile .m-b-n-15 {
  margin-bottom: -15px !important;
}

page-edit-profile .m-b-n-20 {
  margin-bottom: -20px !important;
}

page-edit-profile .m-b-n-30 {
  margin-bottom: -30px !important;
}

page-edit-profile .m-b-n-40 {
  margin-bottom: -40px !important;
}

page-edit-profile .m-b-n-50 {
  margin-bottom: -50px !important;
}

page-edit-profile .p-0 {
  padding: 0 !important;
}

page-edit-profile .p-5 {
  padding: 5px !important;
}

page-edit-profile .p-10 {
  padding: 10px !important;
}

page-edit-profile .p-15 {
  padding: 15px !important;
}

page-edit-profile .p-20 {
  padding: 20px !important;
}

page-edit-profile .p-25 {
  padding: 25px !important;
}

page-edit-profile .p-30 {
  padding: 30px !important;
}

page-edit-profile .p-40 {
  padding: 40px !important;
}

page-edit-profile .p-50 {
  padding: 50px !important;
}

page-edit-profile .p-75 {
  padding: 75px !important;
}

page-edit-profile .p-100 {
  padding: 100px !important;
}

page-edit-profile .p-lr {
  padding: 0px 4% 0px 4%;
}

page-edit-profile .p-l-0 {
  padding-left: 0 !important;
}

page-edit-profile .p-l-5 {
  padding-left: 5px !important;
}

page-edit-profile .p-l-10 {
  padding-left: 10px !important;
}

page-edit-profile .p-l-12 {
  padding-left: 12px !important;
}

page-edit-profile .p-l-15 {
  padding-left: 15px !important;
}

page-edit-profile .p-l-16 {
  padding-left: 16px !important;
}

page-edit-profile .p-l-20 {
  padding-left: 20px !important;
}

page-edit-profile .p-l-25 {
  padding-left: 25px !important;
}

page-edit-profile .p-l-30 {
  padding-left: 30px !important;
}

page-edit-profile .p-l-40 {
  padding-left: 40px !important;
}

page-edit-profile .p-l-50 {
  padding-left: 50px !important;
}

page-edit-profile .p-l-75 {
  padding-left: 75px !important;
}

page-edit-profile .p-l-100 {
  padding-left: 100px !important;
}

page-edit-profile .p-r-0 {
  padding-right: 0 !important;
}

page-edit-profile .p-r-5 {
  padding-right: 5px !important;
}

page-edit-profile .p-r-10 {
  padding-right: 10px !important;
}

page-edit-profile .p-r-12 {
  padding-right: 12px !important;
}

page-edit-profile .p-r-15 {
  padding-right: 15px !important;
}

page-edit-profile .p-r-20 {
  padding-right: 20px !important;
}

page-edit-profile .p-r-25 {
  padding-right: 25px !important;
}

page-edit-profile .p-r-30 {
  padding-right: 30px !important;
}

page-edit-profile .p-r-40 {
  padding-right: 40px !important;
}

page-edit-profile .p-r-50 {
  padding-right: 50px !important;
}

page-edit-profile .p-r-75 {
  padding-right: 75px !important;
}

page-edit-profile .p-r-100 {
  padding-right: 100px !important;
}

page-edit-profile .p-b-0 {
  padding-bottom: 0 !important;
}

page-edit-profile .p-b-5 {
  padding-bottom: 5px !important;
}

page-edit-profile .p-b-10 {
  padding-bottom: 10px !important;
}

page-edit-profile .p-b-15 {
  padding-bottom: 15px !important;
}

page-edit-profile .p-b-16 {
  padding-bottom: 16px !important;
}

page-edit-profile .p-b-20 {
  padding-bottom: 20px !important;
}

page-edit-profile .p-b-25 {
  padding-bottom: 25px !important;
}

page-edit-profile .p-b-30 {
  padding-bottom: 30px !important;
}

page-edit-profile .p-b-40 {
  padding-bottom: 40px !important;
}

page-edit-profile .p-b-50 {
  padding-bottom: 50px !important;
}

page-edit-profile .p-b-60 {
  padding-bottom: 60px !important;
}

page-edit-profile .p-b-70 {
  padding-bottom: 70px !important;
}

page-edit-profile .p-b-80 {
  padding-bottom: 80px !important;
}

page-edit-profile .p-b-90 {
  padding-bottom: 90px !important;
}

page-edit-profile .p-b-100 {
  padding-bottom: 100px !important;
}

page-edit-profile .p-t-0 {
  padding-top: 0 !important;
}

page-edit-profile .p-t-5 {
  padding-top: 5px !important;
}

page-edit-profile .p-t-7 {
  padding-top: 7px !important;
}

page-edit-profile .p-t-10 {
  padding-top: 10px !important;
}

page-edit-profile .p-t-15 {
  padding-top: 15px !important;
}

page-edit-profile .p-t-16 {
  padding-top: 16px !important;
}

page-edit-profile .p-t-20 {
  padding-top: 20px !important;
}

page-edit-profile .p-t-25 {
  padding-top: 25px !important;
}

page-edit-profile .p-t-30 {
  padding-top: 30px !important;
}

page-edit-profile .p-t-40 {
  padding-top: 40px !important;
}

page-edit-profile .p-t-50 {
  padding-top: 50px !important;
}

page-edit-profile .p-t-75 {
  padding-top: 75px !important;
}

page-edit-profile .p-t-100 {
  padding-top: 100px !important;
}

page-edit-profile .p-t-120 {
  padding-top: 120px !important;
}

page-edit-profile .p-t-130 {
  padding-top: 130px !important;
}

page-edit-profile .p-t-140 {
  padding-top: 140px !important;
}

page-edit-profile .p-t-150 {
  padding-top: 150px !important;
}

page-edit-profile .block {
  display: block !important;
}

page-edit-profile .img-xs {
  width: 30px;
  height: 30px;
}

page-edit-profile .img-sm {
  width: 35px;
  height: 35px;
}

page-edit-profile .img-md {
  width: 55px;
  height: 55px;
}

page-edit-profile .img-lg {
  width: 100px;
  height: 100px;
}

page-edit-profile .min-w-800 {
  min-width: 800px !important;
}

page-edit-profile .min-w-1000 {
  min-width: 1000px !important;
}

page-edit-profile .min-w-1100 {
  min-width: 1100px !important;
}

page-edit-profile .max-w-20 {
  max-width: 20px !important;
}

page-edit-profile .max-w-30 {
  max-width: 30px !important;
}

page-edit-profile .max-w-32 {
  max-width: 35px !important;
}

page-edit-profile .max-w-35 {
  max-width: 35px !important;
}

page-edit-profile .max-w-40 {
  max-width: 40px !important;
}

page-edit-profile .max-w-50 {
  max-width: 50px !important;
}

page-edit-profile .max-w-75 {
  max-width: 75px !important;
}

page-edit-profile .max-w-100 {
  max-width: 100px !important;
}

page-edit-profile .max-w-150 {
  max-width: 150px !important;
}

page-edit-profile .max-w-200 {
  max-width: 200px !important;
}

page-edit-profile .max-w-300 {
  max-width: 300px !important;
}

page-edit-profile .max-w-400 {
  max-width: 400px !important;
}

page-edit-profile .overflow-hidden {
  overflow: hidden;
}

page-edit-profile .overflow-auto {
  overflow: auto;
}

page-edit-profile .max-h-50 {
  max-height: 50px !important;
}

page-edit-profile .max-h-80 {
  max-height: 80px !important;
}

page-edit-profile .max-h-100 {
  max-height: 100px !important;
}

page-edit-profile .max-h-150 {
  max-height: 150px !important;
}

page-edit-profile .max-h-200 {
  max-height: 200px !important;
}

page-edit-profile .max-h-250 {
  max-height: 250px !important;
}

page-edit-profile .max-h-300 {
  max-height: 300px !important;
}

page-edit-profile .max-h-350 {
  max-height: 300px !important;
}

page-edit-profile .max-h-375 {
  max-height: 300px !important;
}

page-edit-profile .max-h-400 {
  max-height: 400px !important;
}

page-edit-profile .max-h-450 {
  max-height: 450px !important;
}

page-edit-profile .max-h-500 {
  max-height: 500px !important;
}

page-edit-profile .max-h-600 {
  max-height: 600px !important;
}

page-edit-profile .max-h-650 {
  max-height: 650px !important;
}

page-edit-profile .max-h-700 {
  max-height: 700px !important;
}

page-edit-profile .max-h-800 {
  max-height: 800px !important;
}

page-edit-profile .max-h-900 {
  max-height: 900px !important;
}

page-edit-profile .max-h-1000 {
  max-height: 1000px !important;
}

page-edit-profile .min-h-0 {
  min-height: 0 !important;
}

page-edit-profile .min-h-50 {
  min-height: 50px !important;
}

page-edit-profile .min-h-100 {
  min-height: 100px !important;
}

page-edit-profile .min-h-200 {
  min-height: 200px !important;
}

page-edit-profile .min-h-250 {
  min-height: 250px !important;
}

page-edit-profile .min-h-300 {
  min-height: 300px !important;
}

page-edit-profile .min-h-350 {
  min-height: 300px !important;
}

page-edit-profile .min-h-375 {
  min-height: 300px !important;
}

page-edit-profile .min-h-400 {
  min-height: 400px !important;
}

page-edit-profile .min-h-450 {
  min-height: 450px !important;
}

page-edit-profile .min-h-500 {
  min-height: 500px !important;
}

page-edit-profile .min-h-600 {
  min-height: 600px !important;
}

page-edit-profile .min-h-650 {
  min-height: 650px !important;
}

page-edit-profile .min-h-700 {
  min-height: 700px !important;
}

page-edit-profile .min-h-800 {
  min-height: 800px !important;
}

page-edit-profile .min-h-900 {
  min-height: 900px !important;
}

page-edit-profile .min-h-1000 {
  min-height: 1000px !important;
}

page-edit-profile .h-5 {
  height: 5px !important;
}

page-edit-profile .h-10 {
  height: 10px !important;
}

page-edit-profile .h-20 {
  height: 20px !important;
}

page-edit-profile .h-25 {
  height: 25px !important;
}

page-edit-profile .h-50 {
  height: 50px !important;
}

page-edit-profile .h-75 {
  height: 75px !important;
}

page-edit-profile .h-100 {
  height: 100px !important;
}

page-edit-profile .h-125 {
  height: 125px !important;
}

page-edit-profile .h-150 {
  height: 150px !important;
}

page-edit-profile .h-200 {
  height: 200px !important;
}

page-edit-profile .h-300 {
  height: 300px !important;
}

page-edit-profile .h-350 {
  height: 350px !important;
}

page-edit-profile .h-400 {
  height: 400px !important;
}

page-edit-profile .h-450 {
  height: 450px !important;
}

page-edit-profile .h-500 {
  height: 500px !important;
}

page-edit-profile .h-600 {
  height: 600px !important;
}

page-edit-profile .h-650 {
  height: 650px !important;
}

page-edit-profile .h-700 {
  height: 700px !important;
}

page-edit-profile .h-800 {
  height: 800px !important;
}

page-edit-profile .h-900 {
  height: 900px !important;
}

page-edit-profile .h-1000 {
  height: 1000px !important;
}

page-edit-profile .w-5 {
  width: 5px !important;
}

page-edit-profile .w-10 {
  width: 10px !important;
}

page-edit-profile .w-15 {
  width: 15px !important;
}

page-edit-profile .w-20 {
  width: 20px !important;
}

page-edit-profile .w-30 {
  width: 30px !important;
}

page-edit-profile .w-40 {
  width: 40px !important;
}

page-edit-profile .w-50 {
  width: 50px !important;
}

page-edit-profile .w-60 {
  width: 60px !important;
}

page-edit-profile .w-80 {
  width: 80px !important;
}

page-edit-profile .w-100 {
  width: 100px !important;
}

page-edit-profile .w-150 {
  width: 150px !important;
}

page-edit-profile .w-190 {
  width: 190px !important;
}

page-edit-profile .w-200 {
  width: 200px !important;
}

page-edit-profile .w-250 {
  width: 250px !important;
}

page-edit-profile .w-300 {
  width: 300px !important;
}

page-edit-profile .w-600 {
  width: 600px !important;
}

page-edit-profile .w-100p {
  width: 100% !important;
}

page-edit-profile .w-95p {
  width: 95% !important;
}

page-edit-profile .w-90p {
  width: 90% !important;
}

page-edit-profile .w-80p {
  width: 80% !important;
}

page-edit-profile .w-70p {
  width: 70% !important;
}

page-edit-profile .w-60p {
  width: 60% !important;
}

page-edit-profile .w-50p {
  width: 50% !important;
}

page-edit-profile .w-45p {
  width: 45% !important;
}

page-edit-profile .w-40p {
  width: 40% !important;
}

page-edit-profile .w-30p {
  width: 30% !important;
}

page-edit-profile .w-25p {
  width: 25% !important;
}

page-edit-profile .w-20p {
  width: 20% !important;
}

page-edit-profile .w-15p {
  width: 15% !important;
}

page-edit-profile .w-10p {
  width: 10% !important;
}

page-edit-profile .w-8p {
  width: 8% !important;
}

page-edit-profile .w-5p {
  width: 5% !important;
}

page-edit-profile .w-3p {
  width: 3% !important;
}

page-edit-profile .w-95p {
  width: 95% !important;
}

page-edit-profile .h-100p {
  height: 100% !important;
}

page-edit-profile .h-80p {
  height: 80% !important;
}

page-edit-profile .absolute {
  position: absolute !important;
}

page-edit-profile .relative {
  position: relative !important;
}

page-edit-profile .block {
  display: block !important;
}

page-edit-profile .inline-block {
  display: inline-block !important;
}

page-edit-profile .list-block li {
  display: block !important;
}

page-edit-profile .list-inline li {
  display: inline !important;
}

page-edit-profile .clear-both {
  clear: both !important;
}

page-edit-profile .line-height-normal {
  line-height: normal !important;
}

page-edit-profile .line-height-8 {
  line-height: 8px !important;
}

page-edit-profile .line-height-14 {
  line-height: 14px !important;
}

page-edit-profile .line-height-12 {
  line-height: normal !important;
}

page-edit-profile ul.style-none {
  margin: 0;
  padding: 0;
  list-style: none;
}

page-edit-profile ul.style-none li {
  font-size: 0.875rem;
  padding: 3px 0;
}

page-edit-profile ul.style-none li ul {
  list-style: none;
}

page-edit-profile ul.vertical-icon-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

page-edit-profile ul.vertical-icon-list li {
  font-size: 0.875rem;
  padding: 6px 0;
}

page-edit-profile ul.vertical-icon-list li i {
  font-size: 1.25rem;
  padding-right: 15px;
  vertical-align: middle;
}

page-edit-profile .bg-white {
  background: #ffffff !important;
}

page-edit-profile .bg-green {
  background: #28bebd !important;
}

page-edit-profile .bg-blue {
  background: #42a5f5 !important;
}

page-edit-profile .bg-lightBlue {
  background: #2ebaee !important;
}

page-edit-profile .bg-red {
  background: #ef5350 !important;
}

page-edit-profile .bg-yellow {
  background: #f8c200 !important;
}

page-edit-profile .bg-paleYellow {
  background: #fddd7e !important;
}

page-edit-profile .bg-lightGray {
  background: #e3ecf7 !important;
}

page-edit-profile .bg-gray {
  background: #8f9eb5 !important;
}

page-edit-profile .bg-drakGray {
  background: #707c94 !important;
}

page-edit-profile .bg-grayBlue {
  background: #59779b !important;
}

page-edit-profile .bg-purple {
  background: #6b79c4 !important;
}

page-edit-profile .bg-turquoise {
  background: #00c5dc !important;
}

page-edit-profile .bg-peach {
  background: #feb38d !important;
}

page-edit-profile .bg-transparent {
  background: transparent !important;
}

page-edit-profile .text-primary {
  color: #172B4D !important;
}

page-edit-profile .text-link {
  color: #0645ad !important;
}

page-edit-profile .text-green {
  color: #28bebd !important;
}

page-edit-profile .text-turquoise {
  color: #00c5dc !important;
}

page-edit-profile .text-red {
  color: #ef5350 !important;
}

page-edit-profile .text-cyan {
  color: #26c6da !important;
}

page-edit-profile .text-yellow {
  color: #f8c200 !important;
}

page-edit-profile .text-gray {
  color: #8f9eb5 !important;
}

page-edit-profile .text-blue {
  color: #42a5f5 !important;
}

page-edit-profile .text-orange {
  color: #ffb74d !important;
}

page-edit-profile .text-purple {
  color: #6b79c4 !important;
}

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

page-edit-profile .text-brown {
  color: #906b6b !important;
}

page-edit-profile .text-salmon {
  color: #ee6e73 !important;
}

page-edit-profile .text-muted {
  color: #8396b0;
}

page-edit-profile .color-black {
  color: #000 !important;
}

page-edit-profile .color-white {
  color: #fff !important;
}

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

page-edit-profile .transparent {
  background: transparent !important;
}

page-edit-profile .bg-primary {
  background-color: #172B4D !important;
}

page-edit-profile .border-bottom,
page-edit-profile .border-grey-bottom-1px {
  border-bottom: 1px solid rgba(215, 225, 237, 0.8) !important;
}

page-edit-profile .border-grey-top-1px,
page-edit-profile .border-top {
  border-top: 1px solid rgba(215, 225, 237, 0.6) !important;
}

page-edit-profile .border-bottom-black-2px {
  border-bottom: 2px solid black;
}

page-edit-profile .border-top0p {
  border-top: 0px !important;
}

page-edit-profile .b-n {
  border: none !important;
}

page-edit-profile .b-b-1 {
  border: 1px solid black;
}

page-edit-profile .b-lg-1 {
  border: 1px solid lightgrey;
}

page-edit-profile .shadow-none {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

page-edit-profile .shadow-z-0 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-edit-profile .shadow-z-1 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-edit-profile .shadow-z-1:hover {
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

page-edit-profile .shadow-z-2 {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

page-edit-profile .shadow-z-3 {
  -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

page-edit-profile .shadow-z-4 {
  -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}

page-edit-profile .shadow-z-5 {
  -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}

page-edit-profile .big-shadow {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
}

page-edit-profile .shadow-2dp {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

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

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

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

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

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

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

page-edit-profile .font-weight-100 {
  font-weight: 100 !important;
}

page-edit-profile .font-weight-200 {
  font-weight: 200 !important;
}

page-edit-profile .font-weight-300 {
  font-weight: 300 !important;
}

page-edit-profile .font-weight-400 {
  font-weight: 400 !important;
}

page-edit-profile .font-weight-500 {
  font-weight: 500 !important;
}

page-edit-profile .font-weight-600 {
  font-weight: 600 !important;
}

page-edit-profile .font-weight-700 {
  font-weight: 700 !important;
}

page-edit-profile .font-weight-800 {
  font-weight: 800 !important;
}

page-edit-profile .font-weight-900 {
  font-weight: 900 !important;
}

page-edit-profile .font-weight-light {
  font-weight: 100 !important;
}

page-edit-profile .font-weight-normal {
  font-weight: 300 !important;
}

page-edit-profile .font-weight-medium {
  font-weight: 400 !important;
}

page-edit-profile .font-weight-bold {
  font-weight: 500 !important;
}

page-edit-profile .bold {
  font-weight: bold !important;
}

page-edit-profile .font-size-0 {
  font-size: 0 !important;
}

page-edit-profile .font-size-10 {
  font-size: 10px !important;
}

page-edit-profile .font-size-11 {
  font-size: 11px !important;
}

page-edit-profile .font-size-12 {
  font-size: 12px !important;
}

page-edit-profile .font-size-14 {
  font-size: 14px !important;
}

page-edit-profile .font-size-16 {
  font-size: 16px !important;
}

page-edit-profile .font-size-18 {
  font-size: 18px !important;
}

page-edit-profile .font-size-20 {
  font-size: 20px !important;
}

page-edit-profile .font-size-24 {
  font-size: 24px !important;
}

page-edit-profile .font-size-26 {
  font-size: 26px !important;
}

page-edit-profile .font-size-30 {
  font-size: 30px !important;
}

page-edit-profile .font-size-35 {
  font-size: 35px !important;
}

page-edit-profile .font-size-38 {
  font-size: 38px !important;
}

page-edit-profile .font-size-40 {
  font-size: 40px !important;
}

page-edit-profile .font-size-50 {
  font-size: 50px !important;
}

page-edit-profile .font-size-60 {
  font-size: 60px !important;
}

page-edit-profile .font-size-70 {
  font-size: 70px !important;
}

page-edit-profile .font-size-80 {
  font-size: 80px !important;
}

page-edit-profile .hidden {
  display: none !important;
}

page-edit-profile .w-100p {
  width: 100% !important;
}

page-edit-profile .float-r {
  float: right !important;
}

page-edit-profile .float-l {
  float: left !important;
}

page-edit-profile .align-c {
  display: block;
  margin: 0 auto;
}

page-edit-profile .align-b {
  display: block;
}

page-edit-profile .text-center {
  text-align: center !important;
}

page-edit-profile .text-left {
  text-align: left !important;
}

page-edit-profile .text-right {
  text-align: right !important;
}

page-edit-profile .align-v-c {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-edit-profile .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-edit-profile .align-v-c1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-edit-profile .align-v-c2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-edit-profile .align-v-c3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-edit-profile .align-v-c4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-edit-profile .align-flex-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-edit-profile .align-right-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

page-edit-profile .align-start-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media (max-width: 576px) {
  page-edit-profile .d-xs-none {
    display: none !important;
  }
  page-edit-profile .d-xs-inline {
    display: inline !important;
  }
  page-edit-profile .d-xs-inline-block {
    display: inline-block !important;
  }
  page-edit-profile .d-xs-block {
    display: block !important;
  }
  page-edit-profile .d-xs-table {
    display: table !important;
  }
  page-edit-profile .d-xs-table-cell {
    display: table-cell !important;
  }
  page-edit-profile .d-xs-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
  }
  page-edit-profile .d-xs-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important;
  }
}

page-edit-profile .b-r-gd {
  border-radius: 10px !important;
}

page-edit-profile .b-r-10 {
  border-radius: 10px !important;
}

page-edit-profile .b-r-5 {
  border-radius: 5px;
}

page-edit-profile .d-fl-ov-x {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  overflow-x: auto !important;
}

page-edit-profile .align-base {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-edit-profile .d-fl-bl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-edit-profile .d-fl-vhcenter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-edit-profile .d-fl-b2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
}

page-edit-profile .d-fl-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-edit-profile .d-fl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-edit-profile .d-fl-sb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-edit-profile .d-fl-saround {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-edit-profile .d-fl-ac {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-edit-profile .text-capital {
  text-transform: capitalize !important;
}

page-edit-profile .text-upper {
  text-transform: uppercase !important;
}

page-edit-profile .m-a {
  margin: auto !important;
}

page-edit-profile .m-l-a {
  margin-left: auto !important;
}

page-edit-profile .m-r-a {
  margin-right: auto !important;
}

page-edit-profile .italic {
  font-style: italic;
}

page-edit-profile .pointer {
  cursor: pointer;
}

page-edit-profile .ws-in {
  white-space: inherit;
}

page-edit-profile .opacity-1 {
  opacity: 1;
}

page-edit-profile .in-valid-checkbox {
  border: 1px solid #ff0000 !important;
  padding: 5px !important;
  margin-bottom: 10px;
  border-radius: 5px;
}

page-edit-profile page-corp-dashboard .mycustomdrop:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
  top: -15px;
  position: absolute;
  right: 15%;
}

page-edit-profile h1 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1.6875rem !important;
  line-height: 64px;
  letter-spacing: -0.4px;
}

page-edit-profile h2 {
  font-family: "Poppins", sans-serif;
  font-size: 24px !important;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
}

page-edit-profile h3,
page-edit-profile .h3 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 22px !important;
  line-height: 48px;
  /* identical to box height, or 200% */
  /* Neutral / dark gray */
  color: #000000;
}

page-edit-profile h4,
page-edit-profile .menu-heading-h4 {
  font-family: "Poppins", sans-serif !important;
  font-style: normal;
  font-weight: normal;
  font-size: 15px !important;
  line-height: 26px;
  /* or 144% */
  letter-spacing: -0.2px;
  color: #000000;
}

page-edit-profile h5 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  /* or 143% */
  color: #000000;
}

page-edit-profile .subtitle {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  /* or 200% */
  letter-spacing: 2.5px;
  color: #4E5761;
}

page-edit-profile p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 13px !important;
  line-height: 24px;
  /* identical to box height, or 171% */
  letter-spacing: -0.1px;
  /* Neutral / black */
  color: #000000;
}

page-edit-profile .ui-tabview.ui-tabview-top > .ui-tabview-nav {
  padding: 0.2em 0.2em 0;
  border-bottom: 1px solid #eaeaea;
}

page-edit-profile .scroll-content {
  padding: 0 !important;
}

page-edit-profile ion-navbar {
  margin: 0;
  border-radius: 0px;
  height: 50px !important;
  color: #172B4D !important;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-edit-profile ion-header {
  padding: 0;
}

page-edit-profile .header-md::after {
  background-image: none;
}

page-edit-profile .toolbar-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #172B4D !important;
  line-height: 24px;
  font-family: "Poppins", sans-serif;
  font-size: 2rem !important;
  font-weight: bold !important;
  text-align: left !important;
}

page-edit-profile .userLabel {
  float: right;
  display: inline;
  letter-spacing: 1px;
  color: #172B4D !important !important;
}

page-edit-profile .card-title {
  font-size: 16px !important;
  color: #000000;
  font-weight: bold !important;
  text-align: center !important;
}

page-edit-profile .barcolor {
  background: #5a75a3;
  color: #ffffff;
}

page-edit-profile p-sorticon {
  color: black;
}

page-edit-profile p-sorticon a {
  color: black !important;
}

page-edit-profile .globalTable {
  border: none;
  border: 1px solid #c1c1c1;
}

page-edit-profile .globalTable .ui-table-caption {
  border-bottom: 1px solid #dadada !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  font-size: 18px !important;
  background: #ecececad !important;
}

page-edit-profile .globalTable .table-header input {
  font-size: 15px !important;
  border-style: groove;
  width: 100% !important;
  padding-left: 10px;
  border-radius: 10px;
  border-color: #f3f3f3;
  font-weight: 500;
  line-height: 25px !important;
}

page-edit-profile .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-edit-profile .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

page-edit-profile .globalTable .table-header .align input {
  width: 80%;
  line-height: 25px;
}

page-edit-profile .globalTable .ui-table-tbody tr:nth-child(2n+1) {
  background: white;
}

page-edit-profile .globalTable .ui-table-tbody tr:nth-child(2n) {
  background: #f3f3f3;
}

page-edit-profile .globalTable .ui-table-tbody tr:hover {
  background: #c1c1c167 !important;
}

page-edit-profile .globalTable .ui-table-tbody .activeRow {
  background: #c4d2e5 !important;
}

page-edit-profile .globalTable th input {
  text-align: center !important;
  width: 90% !important;
  font-weight: 400 !important;
}

page-edit-profile .globalTable .ui-table .ui-sortable-column.ui-state-highlight {
  color: black !important;
}

page-edit-profile .globalTable .ui-table .ui-table-thead tr th {
  background: #eeeeee9e;
  border: none;
  padding: 10px 0;
  width: 100%;
  text-align: center;
}

page-edit-profile .globalTable .ui-table .ui-table-tbody tr td {
  border: none;
  background: inherit;
  padding: 20px 0;
  text-align: center;
}

page-edit-profile .globalTable .ui-table .ui-table-tbody tr {
  border-bottom: 1px solid #cacaca;
}

page-edit-profile .globalTable .p-column-filter {
  border-radius: 4px;
  border: 1px solid gray;
}

page-edit-profile .globalTable .badge-badge.status-Active {
  padding: 5px 20px;
  color: #226f4e;
  background-color: #9decbe;
  font-weight: 500;
  font-size: 12px;
}

page-edit-profile .globalTable .badge-badge.status-Inactive {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

page-edit-profile .globalTable .badge-badge.status-Suspended {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

page-edit-profile .globalTable .badge-badge.status-Waiting {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

page-edit-profile .globalTable .badge-badge.status-Pending {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

page-edit-profile .globalTable .actionIcon {
  padding: 0 3px;
  font-size: 16px;
  cursor: pointer;
}

page-edit-profile ion-icon {
  cursor: pointer;
}

page-edit-profile .button-md-reset {
  background-color: #ffffff;
  color: black !important;
  border: 1px solid #e3ecf7;
}

page-edit-profile .button-md-reset:hover {
  background-color: #ececec !important;
}

page-edit-profile .reset:hover {
  background-color: #ececec !important;
}

page-edit-profile .button-md-primary {
  background-color: #172B4D !important;
  color: #ffffff !important;
}

page-edit-profile ion-button {
  background-color: #172B4D !important;
  color: #ffffff;
}

page-edit-profile .my-custom-class .alert-button-group button:first-child {
  position: relative;
}

page-edit-profile .my-custom-class .alert-button-group button {
  font-weight: bold;
}

page-edit-profile .my-custom-class .alert-radio-group {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100% !important;
}

page-edit-profile .my-custom-class button {
  text-align: center;
}

page-edit-profile .alert-button-group button:first-child {
  position: relative !important;
  min-width: 0 !important;
}

page-edit-profile .alert-md .alert-wrapper {
  max-width: 320px !important;
}

page-edit-profile .alert-md .alert-message {
  font-size: 16px !important;
}

page-edit-profile .alert-button {
  font-size: 15px !important;
}

page-edit-profile .alert-md .alert-sub-title {
  font-size: 16px !important;
}

page-edit-profile .alert-md .alert-title {
  font-size: 22px !important;
}

page-edit-profile .breakclass {
  white-space: pre-line;
}

page-edit-profile .error {
  color: red;
  float: left;
}

page-edit-profile .topStrip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}

page-edit-profile .infographic1 {
  border: none;
  color: #367ad2;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-edit-profile .infographic1 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-edit-profile .infographic1 ion-icon {
  color: black;
}

page-edit-profile .infographic2 {
  border: none;
  color: #50d29b;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-edit-profile .infographic2 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-edit-profile .infographic2 ion-icon {
  color: black;
}

page-edit-profile .infographic3 {
  border: none;
  color: #ffaa00;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-edit-profile .infographic3 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-edit-profile .infographic3 ion-icon {
  color: black;
}

page-edit-profile .infographic4 {
  border: none;
  color: #f36363;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-edit-profile .infographic4 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-edit-profile .infographic4 ion-icon {
  color: black;
}

page-edit-profile .infographic5 {
  border: none;
  color: #41acbf;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-edit-profile .infographic5 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-edit-profile .infographic5 ion-icon {
  color: black;
}

page-edit-profile .infograph1 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #367ad2;
  font-size: 20px;
}

page-edit-profile .infograph2 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #51b98d;
  font-size: 20px;
}

page-edit-profile .infograph3 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #ffaa00;
  font-size: 20px;
}

page-edit-profile .infograph4 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #dc5b54;
  font-size: 20px;
}

page-edit-profile .infograph5 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #41acbf;
  font-size: 20px;
}

page-edit-profile .infographtext {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 12px;
}

page-edit-profile .successToast .toast-message {
  background-color: #d2f8d2 !important;
  color: black;
}

page-edit-profile .errorToast .toast-message {
  background-color: #eea9a0 !important;
  color: black;
}

page-edit-profile .actionIconsBar {
  padding-right: 20px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

page-edit-profile .ui-carousel .ui-carousel-header {
  display: none !important;
}

page-edit-profile .userfab .fab-close-active .fab-close-icon {
  height: 40px !important;
  position: relative !important;
}

page-edit-profile textarea.text-input {
  resize: none !important;
}

page-edit-profile .asterisk {
  color: red;
  padding-left: 3px;
}

page-edit-profile .m-b-t {
  margin-bottom: 4% !important;
}

page-edit-profile .ui-radiobutton-box.ui-state-active {
  border: 1px solid #09f;
  background: #09f;
  color: #09f;
}

page-edit-profile .alert-md .alert-message {
  overflow: auto;
}

page-edit-profile .alert-md .alert-message .alertstyle1 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

page-edit-profile .alert-md .alert-message .alertstyle1 b {
  width: 65px !important;
}

page-edit-profile .alert-md .alert-message .alertstyle3 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-edit-profile .alert-md .alert-message .alertstyle3 b {
  width: 65px !important;
}

page-edit-profile .alert-md .alert-message .alertstyle4 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-edit-profile .alert-md .alert-message .alertstyle4 b {
  width: 150px !important;
}

page-edit-profile .alert-md .alert-message .alertstyle5 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

page-edit-profile .alert-md .alert-message .alertstyle5 b {
  width: 75px !important;
}

page-edit-profile .alert-md .alert-message .alertstyle5 span {
  width: 5px;
}

page-edit-profile .alert-md .alert-message .alertstyle2 {
  text-align: left !important;
}

page-edit-profile .alert-md .alert-message .alertstyle2 li {
  margin-top: 10px;
}

page-edit-profile .ui-tooltip {
  background-color: #172B4D !important;
  color: #ffffff;
}

page-edit-profile .navsebexam .toolbar-content-md {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
}

page-edit-profile .modal-wrapper {
  height: 75%;
  top: 10%;
  position: absolute;
  display: block;
  border-radius: 10px !important;
}

page-edit-profile .ui-picklist-source-controls.ui-picklist-buttons {
  display: none !important;
}

page-edit-profile .ui-picklist-target-controls.ui-picklist-buttons {
  display: none !important;
}

page-edit-profile .ui-picklist-target-controls.ui-picklist-buttons.ng-star-inserted {
  display: none !important;
}

page-edit-profile .ellip {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

page-edit-profile .p-slider {
  background: #dee2e6;
  border: 0 none;
  border-radius: 3px;
}

page-edit-profile .Errorbox .alert-title {
  color: #d8000c;
}

page-edit-profile .Errorbox .alert-button {
  color: #d8000c;
}

page-edit-profile .card-md {
  border-radius: 5px !important;
}

page-edit-profile .modal {
  display: none;
  /* Hidden by default */
  position: -webkit-sticky;
  position: sticky;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 30px;
  /* Location of the box */
  left: 0;
  right: 0;
  bottom: 150px;
  width: 400px;
  height: 400px;
  margin: auto;
  border: 4px solid;
  background-color: black;
}

page-edit-profile .modal-content {
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
}

page-edit-profile .close {
  position: absolute;
  color: #f1f1f1;
  top: 0px;
  right: 10px;
  font-size: 28px;
  font-weight: bold;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

page-edit-profile .close:hover,
page-edit-profile .close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

page-edit-profile .customhr {
  width: 90%;
  background-color: #ccc;
}

page-edit-profile .mycustomtoolbar ion-segment {
  border: none;
}

page-edit-profile .mycustomtoolbar ion-segment-button {
  font-size: 16px !important;
  font-weight: 500 !important;
}

page-edit-profile .mycustomtoolbar .segment-md .segment-button.activated,
page-edit-profile .mycustomtoolbar .segment-md .segment-button.segment-activated {
  border-color: #172B4D !important;
  color: #172B4D !important;
}

page-edit-profile .mycustomtoolbar .toolbar-background {
  background: transparent;
}

page-edit-profile .fc {
  direction: ltr;
  text-align: left;
}

page-edit-profile .fc-rtl {
  text-align: right;
}

page-edit-profile body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}

page-edit-profile .fc-unthemed th,
page-edit-profile .fc-unthemed td,
page-edit-profile .fc-unthemed thead,
page-edit-profile .fc-unthemed tbody,
page-edit-profile .fc-unthemed .fc-divider,
page-edit-profile .fc-unthemed .fc-row,
page-edit-profile .fc-unthemed .fc-content,
page-edit-profile .fc-unthemed .fc-popover,
page-edit-profile .fc-unthemed .fc-list-view,
page-edit-profile .fc-unthemed .fc-list-heading td {
  border-color: #ddd;
}

page-edit-profile .fc-unthemed .fc-popover {
  background-color: #fff;
}

page-edit-profile .fc-unthemed .fc-divider,
page-edit-profile .fc-unthemed .fc-popover .fc-header,
page-edit-profile .fc-unthemed .fc-list-heading td {
  background: #eee;
}

page-edit-profile .fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}

page-edit-profile .fc-unthemed td.fc-today {
  background: #fcf8e3;
}

page-edit-profile .fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3;
}

page-edit-profile .fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3;
}

page-edit-profile .fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}

page-edit-profile .fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

page-edit-profile .fc-icon:after {
  position: relative;
}

page-edit-profile .fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-edit-profile .fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-edit-profile .fc-icon-left-double-arrow:after {
  content: "\000AB";
  font-size: 160%;
  top: -7%;
}

page-edit-profile .fc-icon-right-double-arrow:after {
  content: "\000BB";
  font-size: 160%;
  top: -7%;
}

page-edit-profile .fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%;
}

page-edit-profile .fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%;
}

page-edit-profile .fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%;
}

page-edit-profile .fc-icon-x:after {
  content: "\000D7";
  font-size: 200%;
  top: 6%;
}

page-edit-profile .fc button {
  /* force height to include the border and padding */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer;
}

page-edit-profile .fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}

page-edit-profile .fc-state-default {
  /* non-theme */
  border: 1px solid;
}

page-edit-profile .fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

page-edit-profile .fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

page-edit-profile .fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .2em;
  vertical-align: middle;
}

page-edit-profile .fc-state-default {
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-edit-profile .fc-state-hover,
page-edit-profile .fc-state-down,
page-edit-profile .fc-state-active,
page-edit-profile .fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}

page-edit-profile .fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

page-edit-profile .fc-state-down,
page-edit-profile .fc-state-active {
  background-color: #cccccc;
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-edit-profile .fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}

page-edit-profile .fc-button-group {
  display: inline-block;
}

page-edit-profile .fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px;
}

page-edit-profile .fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0;
}

page-edit-profile .fc-popover {
  position: absolute;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

page-edit-profile .fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px;
}

page-edit-profile .fc-popover .fc-header .fc-title {
  margin: 0 2px;
}

page-edit-profile .fc-popover .fc-header .fc-close {
  cursor: pointer;
}

page-edit-profile .fc-ltr .fc-popover .fc-header .fc-title,
page-edit-profile .fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}

page-edit-profile .fc-rtl .fc-popover .fc-header .fc-title,
page-edit-profile .fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}

page-edit-profile .fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}

page-edit-profile .fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: .9em;
  margin-top: 2px;
}

page-edit-profile .fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */
}

page-edit-profile .fc-divider {
  border-style: solid;
  border-width: 1px;
}

page-edit-profile hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}

page-edit-profile .fc-clear {
  clear: both;
}

page-edit-profile .fc-bg,
page-edit-profile .fc-bgevent-skeleton,
page-edit-profile .fc-highlight-skeleton,
page-edit-profile .fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-edit-profile .fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}

page-edit-profile .fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}

page-edit-profile .fc table {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}

page-edit-profile .fc th {
  text-align: center;
}

page-edit-profile .fc th,
page-edit-profile .fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}

page-edit-profile .fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}

page-edit-profile a[data-goto] {
  cursor: pointer;
}

page-edit-profile a[data-goto]:hover {
  text-decoration: underline;
}

page-edit-profile .fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}

page-edit-profile .fc-row table {
  /* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}

page-edit-profile .fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}

page-edit-profile .fc-row {
  position: relative;
}

page-edit-profile .fc-row .fc-bg {
  z-index: 1;
}

page-edit-profile .fc-row .fc-bgevent-skeleton,
page-edit-profile .fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}

page-edit-profile .fc-row .fc-bgevent-skeleton table,
page-edit-profile .fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}

page-edit-profile .fc-row .fc-highlight-skeleton td,
page-edit-profile .fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}

page-edit-profile .fc-row .fc-bgevent-skeleton {
  z-index: 2;
}

page-edit-profile .fc-row .fc-highlight-skeleton {
  z-index: 3;
}

page-edit-profile .fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}

page-edit-profile .fc-row .fc-helper-skeleton {
  z-index: 5;
}

page-edit-profile .fc-row .fc-content-skeleton td,
page-edit-profile .fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}

page-edit-profile .fc-row .fc-content-skeleton tbody td,
page-edit-profile .fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}

page-edit-profile .fc-scroller {
  -webkit-overflow-scrolling: touch;
}

page-edit-profile .fc-scroller > .fc-day-grid,
page-edit-profile .fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}

page-edit-profile .fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */
  font-weight: normal;
  /* undo jqui's ui-widget-header bold */
}

page-edit-profile .fc-event,
page-edit-profile .fc-event-dot {
  background-color: #3a87ad;
  /* default BACKGROUND color */
}

page-edit-profile .fc-event,
page-edit-profile .fc-event:hover,
page-edit-profile .ui-widget .fc-event {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}

page-edit-profile .fc-event[href],
page-edit-profile .fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}

page-edit-profile .fc-not-allowed,
page-edit-profile .fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}

page-edit-profile .fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #ffffff;
  opacity: .25;
}

page-edit-profile .fc-event .fc-content {
  position: relative;
  z-index: 2;
}

page-edit-profile .fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
}

page-edit-profile .fc-event .fc-resizer {
  display: none;
}

page-edit-profile .fc-event.fc-allow-mouse-resize .fc-resizer,
page-edit-profile .fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block;
}

page-edit-profile .fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}

page-edit-profile .fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

page-edit-profile .fc-event.fc-selected.fc-dragging {
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

page-edit-profile .fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}

page-edit-profile .fc-ltr .fc-h-event.fc-not-start,
page-edit-profile .fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

page-edit-profile .fc-ltr .fc-h-event.fc-not-end,
page-edit-profile .fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

page-edit-profile .fc-ltr .fc-h-event .fc-start-resizer,
page-edit-profile .fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */
}

page-edit-profile .fc-ltr .fc-h-event .fc-end-resizer,
page-edit-profile .fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */
}

page-edit-profile .fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */
}

page-edit-profile .fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* vertically center */
  top: 50%;
  margin-top: -4px;
}

page-edit-profile .fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
page-edit-profile .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */
}

page-edit-profile .fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
page-edit-profile .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */
}

page-edit-profile .fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}

page-edit-profile tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */
}

page-edit-profile .fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: .25;
}

page-edit-profile .fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}

page-edit-profile .fc-day-grid-event .fc-time {
  font-weight: bold;
}

page-edit-profile .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
page-edit-profile .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */
}

page-edit-profile .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
page-edit-profile .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */
}

page-edit-profile a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none;
}

page-edit-profile a.fc-more:hover {
  text-decoration: underline;
}

page-edit-profile .fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}

page-edit-profile .fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}

page-edit-profile .fc-more-popover {
  z-index: 2;
  width: 220px;
}

page-edit-profile .fc-more-popover .fc-event-container {
  padding: 10px;
}

page-edit-profile .fc-now-indicator {
  position: absolute;
  border: 0 solid red;
}

page-edit-profile .fc-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

page-edit-profile .fc-toolbar {
  text-align: center;
}

page-edit-profile .fc-toolbar.fc-header-toolbar {
  margin-bottom: 1em;
}

page-edit-profile .fc-toolbar.fc-footer-toolbar {
  margin-top: 1em;
}

page-edit-profile .fc-toolbar .fc-left {
  float: left;
}

page-edit-profile .fc-toolbar .fc-right {
  float: right;
}

page-edit-profile .fc-toolbar .fc-center {
  display: inline-block;
}

page-edit-profile .fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em;
}

page-edit-profile .fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0;
}

page-edit-profile .fc-toolbar h2 {
  margin: 0;
}

page-edit-profile .fc-toolbar button {
  position: relative;
}

page-edit-profile .fc-toolbar .fc-state-hover,
page-edit-profile .fc-toolbar .ui-state-hover {
  z-index: 2;
}

page-edit-profile .fc-toolbar .fc-state-down {
  z-index: 3;
}

page-edit-profile .fc-toolbar .fc-state-active,
page-edit-profile .fc-toolbar .ui-state-active {
  z-index: 4;
}

page-edit-profile .fc-toolbar button:focus {
  z-index: 5;
}

page-edit-profile .fc-view-container *,
page-edit-profile .fc-view-container *:before,
page-edit-profile .fc-view-container *:after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

page-edit-profile .fc-view,
page-edit-profile .fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}

page-edit-profile .fc-basicWeek-view .fc-content-skeleton,
page-edit-profile .fc-basicDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}

page-edit-profile .fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}

page-edit-profile .fc-row.fc-rigid {
  overflow: hidden;
}

page-edit-profile .fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-edit-profile .fc-day-top.fc-other-month {
  opacity: 0.3;
}

page-edit-profile .fc-basic-view .fc-week-number,
page-edit-profile .fc-basic-view .fc-day-number {
  padding: 2px;
}

page-edit-profile .fc-basic-view th.fc-week-number,
page-edit-profile .fc-basic-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */
}

page-edit-profile .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right;
}

page-edit-profile .fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left;
}

page-edit-profile .fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0;
}

page-edit-profile .fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px;
}

page-edit-profile .fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080;
}

page-edit-profile .fc-basic-view td.fc-week-number {
  text-align: center;
}

page-edit-profile .fc-basic-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}

page-edit-profile .fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}

page-edit-profile .fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}

page-edit-profile .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}

page-edit-profile .fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}

page-edit-profile .fc-ltr .fc-axis {
  text-align: right;
}

page-edit-profile .fc-rtl .fc-axis {
  text-align: left;
}

page-edit-profile .ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome jqui theme making it bold */
}

page-edit-profile .fc-time-grid-container,
page-edit-profile .fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}

page-edit-profile .fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

page-edit-profile .fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}

page-edit-profile .fc-time-grid > .fc-bg {
  z-index: 1;
}

page-edit-profile .fc-time-grid .fc-slats,
page-edit-profile .fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}

page-edit-profile .fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */
}

page-edit-profile .fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
}

page-edit-profile .fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1;
}

page-edit-profile .fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2;
}

page-edit-profile .fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3;
}

page-edit-profile .fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4;
}

page-edit-profile .fc-time-grid .fc-now-indicator-line {
  z-index: 5;
}

page-edit-profile .fc-time-grid .fc-helper-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6;
}

page-edit-profile .fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}

page-edit-profile .fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}

page-edit-profile .fc-time-grid .fc-slats .ui-widget-content {
  /* for jqui theme */
  background: none;
  /* see through to fc-bg */
}

page-edit-profile .fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}

page-edit-profile .fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}

page-edit-profile .fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}

page-edit-profile .fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}

page-edit-profile .fc-time-grid .fc-event,
page-edit-profile .fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}

page-edit-profile .fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}

page-edit-profile .fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

page-edit-profile .fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

page-edit-profile .fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */
}

page-edit-profile .fc-time-grid-event.fc-selected {
  /* need to allow touch resizers to extend outside event's bounding box */
  /* common fc-selected styles hide the fc-bg, so don't need this anyway */
  overflow: visible;
}

page-edit-profile .fc-time-grid-event.fc-selected .fc-bg {
  display: none;
  /* hide semi-white background, to appear darker */
}

page-edit-profile .fc-time-grid-event .fc-content {
  overflow: hidden;
  /* for when .fc-selected */
}

page-edit-profile .fc-time-grid-event .fc-time,
page-edit-profile .fc-time-grid-event .fc-title {
  padding: 0 1px;
}

page-edit-profile .fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap;
}

page-edit-profile .fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}

page-edit-profile .fc-time-grid-event.fc-short .fc-time,
page-edit-profile .fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}

page-edit-profile .fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}

page-edit-profile .fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}

page-edit-profile .fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
  /* seperate with a dash, wrapped in nbsp's */
}

page-edit-profile .fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}

page-edit-profile .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}

page-edit-profile .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "=";
}

page-edit-profile .fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px;
}

page-edit-profile .fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0;
}

page-edit-profile .fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */
}

page-edit-profile .fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-edit-profile .fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-edit-profile .fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}

page-edit-profile .fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */
}

page-edit-profile .fc-list-view {
  border-width: 1px;
  border-style: solid;
}

page-edit-profile .fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */
}

page-edit-profile .fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px;
}

page-edit-profile .fc-list-table tr:first-child td {
  border-top-width: 0;
}

page-edit-profile .fc-list-heading {
  border-bottom-width: 1px;
}

page-edit-profile .fc-list-heading td {
  font-weight: bold;
}

page-edit-profile .fc-ltr .fc-list-heading-main {
  float: left;
}

page-edit-profile .fc-ltr .fc-list-heading-alt {
  float: right;
}

page-edit-profile .fc-rtl .fc-list-heading-main {
  float: right;
}

page-edit-profile .fc-rtl .fc-list-heading-alt {
  float: left;
}

page-edit-profile .fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */
}

page-edit-profile .fc-list-item:hover td {
  background-color: #f5f5f5;
}

page-edit-profile .fc-list-item-marker,
page-edit-profile .fc-list-item-time {
  white-space: nowrap;
  width: 1px;
}

page-edit-profile .fc-ltr .fc-list-item-marker {
  padding-right: 0;
}

page-edit-profile .fc-rtl .fc-list-item-marker {
  padding-left: 0;
}

page-edit-profile .fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit;
}

page-edit-profile .fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline;
}

page-edit-profile .fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

page-edit-profile .fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table;
}

page-edit-profile .fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

page-edit-profile .fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #eee;
}

page-edit-profile .helpbutton {
  font-size: 15px;
}

page-edit-profile .help-circle-icon {
  color: #ffffff !important;
}

page-edit-profile .error_msg {
  color: red;
}

page-edit-profile .text-input {
  text-align: right;
}

page-edit-profile ion-label {
  font-size: 14px;
}

page-edit-profile form {
  padding: 1% 3% 3% 3%;
  border: 1px solid #3687f0;
  border-radius: 10px;
}

page-edit-profile form ion-item {
  background: transparent !important;
}

@media (min-width: 800px) {
  page-edit-profile form {
    width: 50%;
    margin: 0 auto;
  }
  page-edit-profile .content ion-card {
    width: 200px;
    margin: 10px auto;
  }
}

page-edit-profile .firstname input {
  text-transform: capitalize;
}

@media (max-width: 799px) {
  page-edit-profile .scroll-content {
    margin-top: 100px !important;
  }
  page-edit-profile .editbtn {
    width: 50%;
    margin: 5px auto;
  }
}

page-employee-joined-report .ui-dropdown .ui-dropdown-panel {
  z-index: 1017 !important;
  top: -102px !important;
  left: 0px !important;
  opacity: 1 !important;
}

page-employee-list .scrollablecards {
  max-height: 420px;
  overflow: auto;
}

page-employee-list .commentcard {
  width: 493px;
  min-width: 490px;
}

page-employee-list .commentcard .textarea {
  width: 100%;
  border-radius: 10px;
  font-size: 12px;
}

page-employee-list .commentcard .commentbtn {
  float: right;
  font-weight: 400;
  height: 3rem;
  -webkit-box-shadow: none;
  box-shadow: none;
}

page-employee-list .commentcard .commentreset {
  float: right;
  font-weight: 400;
  height: 3rem;
  color: black;
  background: white;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #c1c1c1;
}

page-employee-list .commentcard .commentreset:hover {
  color: white;
  background: black;
}

page-employee-list .globalTable {
  min-width: 1171px;
  border: 1px solid lightgrey;
}

page-employee-list .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-employee-list .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

page-employee-list .globalTable .table-header .align input {
  width: 80%;
  line-height: 25px;
}

page-employee-list .globalTable th input {
  text-align: center;
  width: 90%;
  font-weight: 400;
}

page-employee-list .globalTable .assessment-badge.status-Active {
  padding: 2px 10px;
  border-radius: 10px;
  border-color: #5ecf8d;
  color: white;
  text-align: center;
  background-color: #5ecf8d;
  font-weight: 500;
  font-size: 12px;
}

page-employee-list .globalTable .assessment-badge.status-Inactive {
  padding: 2px 10px;
  border-radius: 10px;
  color: white;
  text-align: center;
  border-color: #f55050;
  background-color: #f55050;
  font-weight: 500;
  font-size: 12px;
}

page-employee-list .globalTable .actionIcon {
  padding: 0 3px;
  font-size: 16px;
  cursor: pointer;
}

page-employee-list .actionbtn button {
  width: 100px;
}

page-employee-list .assessmentlist {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

page-employee-list .tableTD ion-card {
  height: 250px;
  margin: 10px 30px 10px 20px;
}

page-employee-list .ui-dropdown .ui-dropdown-panel {
  z-index: 1017 !important;
  top: -102px !important;
  left: 0px !important;
  opacity: 1 !important;
}

page-evaluate-settings .d-flex-inline {
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

page-evaluate-settings .btn-icons {
  vertical-align: bottom !important;
}

page-evaluate-settings .mr-b {
  margin-bottom: 10px;
}

page-exam-monitoring-images {
  /* The Modal (background) */
  /* Modal Content (image) */
  /* The Close Button */
}

page-exam-monitoring-images .leftside {
  height: 70vh;
  overflow: auto;
  width: 60%;
}

page-exam-monitoring-images .rightside {
  height: 70vh;
  overflow: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 40%;
}

page-exam-monitoring-images .modal {
  display: none;
  /* Hidden by default */
  position: -webkit-sticky;
  position: sticky;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 30px;
  /* Location of the box */
  left: 0;
  right: 0;
  bottom: 150px;
  width: 400px;
  height: 400px;
  margin: auto;
  border: 4px solid;
  background-color: black;
}

page-exam-monitoring-images .modal-content {
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
}

page-exam-monitoring-images .close {
  position: absolute;
  color: #f1f1f1;
  top: 0px;
  right: 10px;
  font-size: 28px;
  font-weight: bold;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

page-exam-monitoring-images .close:hover,
page-exam-monitoring-images .close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

page-exam-monitoring-images .pass {
  color: #ffffff;
  text-transform: capitalize;
}

page-exam-monitoring-images .fail {
  color: #ffffff;
  text-transform: capitalize;
}

page-examination .red {
  color: #e95858;
  font-size: 30px;
}

page-examination .blue {
  color: #4ab5fd;
  font-size: 30px;
}

page-examination .green {
  color: #52cf52;
  font-size: 30px;
}

page-examination .redbg {
  background-color: #e95858;
}

page-examination .b-red {
  border-bottom: 1px solid #e95858;
  padding-bottom: 3px;
}

page-examination .b-blue {
  border-bottom: 1px solid #4ab5fd;
  padding-bottom: 3px;
}

page-examination .b-green {
  border-bottom: 1px solid #52cf52;
  padding-bottom: 3px;
}

page-examination .empty {
  color: #4ab5fd !important;
  font-weight: bold;
}

@media screen and (min-width: 1435px) {
  page-examination .custom {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
  }
}

@media (max-width: 1440px) and (min-width: 1024px) {
  page-examination .custom {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

@media screen and (max-width: 770px) {
  page-examination .custom {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  page-examination .rowcustom {
    display: block;
  }
}

page-examination .cardWidth {
  height: 190px;
  width: 450px;
  border-radius: 20px !important;
  cursor: default;
}

page-examination .cardWidth .leftCard {
  background-color: #172B4D !important;
  color: #ffffff;
  -webkit-box-pack: left;
  -webkit-justify-content: left;
  -ms-flex-pack: left;
  justify-content: left;
  border-radius: 20px;
  width: 35%;
  max-width: 35%;
}

page-examination .cardWidth .rightCard {
  width: 65%;
  max-width: 65%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

page-examination .cardWidth .rightCard .cardTitle {
  color: #172B4D !important;
  text-align: left !important;
  font-size: 20px !important;
}

page-examination .cardWidth .rightCard .greybg {
  background-color: #999999;
}

page-examination .cardWidth .rightCard .greenbg {
  background-color: #60a963;
}

page-examination .cardWidth .rightCard .bluebg {
  background-color: #172B4D !important;
}

page-examination .cardWidth .rightCard .redbg {
  background-color: #ee6060;
}

page-examination .togglediv ion-icon {
  font-size: 3rem;
  float: right;
  margin-right: 10px;
}

page-exit-report .ui-dropdown .ui-dropdown-panel {
  z-index: 1017 !important;
  top: -102px !important;
  left: 0px !important;
  opacity: 1 !important;
}

page-faqs {
  /* ANIMATION */
  /* SHADOWS */
  /*
 *
 *   MaterialWrap - Bootstrap + Material Design Admin Theme

 
*/
  /*
 * CSS Transform - Scale and Rotate
 */
  /* The Modal (background) */
  /* Modal Content (image) */
  /* The Close Button */
  /*!
 * FullCalendar v3.2.0 Stylesheet
 * Docs & License: https://fullcalendar.io/
 * (c) 2017 Adam Shaw
 */
  /* Colors
--------------------------------------------------------------------------------------------------*/
  /* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
  /*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
  /* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
  /* Firefox has an annoying inner border */
  /* icons in buttons */
  /*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
  /* Buttons Groups
--------------------------------------------------------------------------------------------------*/
  /*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
  /* Popover
--------------------------------------------------------------------------------------------------*/
  /* unthemed */
  /* jqui themed */
  /* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
  /* Tables
--------------------------------------------------------------------------------------------------*/
  /* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
  /* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
  /* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
  /* highlighting cells & background event skeleton */
  /*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
  /* Scrolling Container
--------------------------------------------------------------------------------------------------*/
  /* TODO: move to agenda/basic */
  /* Global Event Styles
--------------------------------------------------------------------------------------------------*/
  /* overpower some of bootstrap's and jqui's styles on <a> tags */
  /* resizer (cursor AND touch devices) */
  /* resizer (touch devices) */
  /* hit area */
  /* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
  /* Horizontal Events
--------------------------------------------------------------------------------------------------*/
  /* bigger touch area when selected */
  /* events that are continuing to/from another week. kill rounded corners and butt up against edge */
  /* resizer (cursor AND touch devices) */
  /* left resizer  */
  /* right resizer */
  /* resizer (mouse devices) */
  /* resizer (touch devices) */
  /* left resizer  */
  /* right resizer */
  /* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* resizer (cursor devices) */
  /* left resizer  */
  /* right resizer */
  /* Event Limiting
--------------------------------------------------------------------------------------------------*/
  /* "more" link that represents hidden events */
  /* popover that appears when "more" link is clicked */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* Utilities
--------------------------------------------------------------------------------------------------*/
  /* Toolbar
--------------------------------------------------------------------------------------------------*/
  /* the things within each left/right/center section */
  /* the first thing within each left/center/right section */
  /* title text */
  /* button layering (for border precedence) */
  /* View Structure
--------------------------------------------------------------------------------------------------*/
  /* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
  /* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
  /* BasicView
--------------------------------------------------------------------------------------------------*/
  /* day row structure */
  /* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
  /* week and day number styling */
  /* when week/day number have own column */
  /* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
  /* divs within a cell within the fc-content-skeleton */
  /* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
  /* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* short mode, where time and title are on the same line */
  /* resizer (cursor device) */
  /* resizer (touch device) */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* arrow on axis */
  /* List View
--------------------------------------------------------------------------------------------------*/
  /* possibly reusable */
  /* view wrapper */
  /* table resets */
  /* day headings with the list */
  /* event list items */
  /* make the dot closer to the event title */
  /* message when no events */
}

page-faqs .letter-sp-1 {
  letter-spacing: 1px;
}

page-faqs .letter-sp-2 {
  letter-spacing: 2px;
}

page-faqs .letter-sp-3 {
  letter-spacing: 3px;
}

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

page-faqs .m-5 {
  margin: 5px !important;
}

page-faqs .m-10 {
  margin: 10px !important;
}

page-faqs .m-15 {
  margin: 15px !important;
}

page-faqs .m-20 {
  margin: 20px !important;
}

page-faqs .m-30 {
  margin: 30px !important;
}

page-faqs .m-50 {
  margin: 50px !important;
}

page-faqs .m-b-100 {
  margin-bottom: 100px !important;
}

page-faqs .m-b-15 {
  margin-bottom: 15px !important;
}

page-faqs .m-b-20 {
  margin-bottom: 20px !important;
}

page-faqs .m-b-0 {
  margin-bottom: 0 !important;
}

page-faqs .m-l-0 {
  margin-left: 0 !important;
}

page-faqs .m-l-5 {
  margin-left: 5px !important;
}

page-faqs .m-l-10 {
  margin-left: 10px !important;
}

page-faqs .m-l-15 {
  margin-left: 15px !important;
}

page-faqs .m-l-20 {
  margin-left: 20px !important;
}

page-faqs .m-l-30 {
  margin-left: 30px !important;
}

page-faqs .m-l-40 {
  margin-left: 40px !important;
}

page-faqs .m-l-50 {
  margin-left: 50px !important;
}

page-faqs .m-l-n-1 {
  margin-left: -1px !important;
}

page-faqs .m-l-n-5 {
  margin-left: -5px !important;
}

page-faqs .m-l-n-10 {
  margin-left: -10px !important;
}

page-faqs .m-l-n-15 {
  margin-left: -15px !important;
}

page-faqs .m-l-n-20 {
  margin-left: -20px !important;
}

page-faqs .m-l-n-30 {
  margin-left: -30px !important;
}

page-faqs .m-l-n-40 {
  margin-left: -40px !important;
}

page-faqs .m-l-n-50 {
  margin-left: -50px !important;
}

page-faqs .m-t-0 {
  margin-top: 0 !important;
}

page-faqs .m-t-1 {
  margin-top: 1px !important;
}

page-faqs .m-t-2 {
  margin-top: 2px;
}

page-faqs .m-t-2p {
  margin-top: 2% !important;
}

page-faqs .m-t-5p {
  margin-top: 5% !important;
}

page-faqs .m-t-25p {
  margin-top: 25% !important;
}

page-faqs .m-t-30p {
  margin-top: 30% !important;
}

page-faqs .m-t-4 {
  margin-top: 4px !important;
}

page-faqs .m-t-5 {
  margin-top: 5px !important;
}

page-faqs .m-t-5p {
  margin-top: 5% !important;
}

page-faqs .m-t-10 {
  margin-top: 10px !important;
}

page-faqs .m-t-15 {
  margin-top: 15px !important;
}

page-faqs .m-t-20 {
  margin-top: 20px !important;
}

page-faqs .m-t-30 {
  margin-top: 30px !important;
}

page-faqs .m-t-40 {
  margin-top: 40px !important;
}

page-faqs .m-t-50 {
  margin-top: 50px !important;
}

page-faqs .m-t-75 {
  margin-top: 75px !important;
}

page-faqs .m-t-100 {
  margin-top: 100px !important;
}

page-faqs .m-t-120 {
  margin-top: 120px !important;
}

page-faqs .m-t-140 {
  margin-top: 140px !important;
}

page-faqs .m-t-n-1 {
  margin-top: -1px !important;
}

page-faqs .m-t-n-5 {
  margin-top: -5px !important;
}

page-faqs .m-t-n-10 {
  margin-top: -10px !important;
}

page-faqs .m-t-n-15 {
  margin-top: -15px !important;
}

page-faqs .m-t-n-20 {
  margin-top: -20px !important;
}

page-faqs .m-t-n-30 {
  margin-top: -30px !important;
}

page-faqs .m-t-n-40 {
  margin-top: -40px !important;
}

page-faqs .m-t-n-50 {
  margin-top: -50px !important;
}

page-faqs .m-r-0 {
  margin-right: 0 !important;
}

page-faqs .m-r-1 {
  margin-right: 1px !important;
}

page-faqs .m-r-5 {
  margin-right: 5px !important;
}

page-faqs .m-r-10 {
  margin-right: 10px !important;
}

page-faqs .m-r-15 {
  margin-right: 15px !important;
}

page-faqs .m-r-20 {
  margin-right: 20px !important;
}

page-faqs .m-r-30 {
  margin-right: 30px !important;
}

page-faqs .m-r-40 {
  margin-right: 40px !important;
}

page-faqs .m-r-50 {
  margin-right: 50px !important;
}

page-faqs .m-r-n-1 {
  margin-right: -1px !important;
}

page-faqs .m-r-n-5 {
  margin-right: -5px !important;
}

page-faqs .m-r-n-10 {
  margin-right: -10px !important;
}

page-faqs .m-r-n-15 {
  margin-right: -15px !important;
}

page-faqs .m-r-n-20 {
  margin-right: -20px !important;
}

page-faqs .m-r-n-30 {
  margin-right: -30px !important;
}

page-faqs .m-r-n-40 {
  margin-right: -40px !important;
}

page-faqs .m-r-n-50 {
  margin-right: -50px !important;
}

page-faqs .m-b-0 {
  margin-bottom: 0 !important;
}

page-faqs .m-b-1 {
  margin-bottom: 1px !important;
}

page-faqs .m-b-4 {
  margin-bottom: 4px !important;
}

page-faqs .m-b-5 {
  margin-bottom: 5px !important;
}

page-faqs .m-b-10 {
  margin-bottom: 10px !important;
}

page-faqs .m-b-15 {
  margin-bottom: 15px !important;
}

page-faqs .m-b-20 {
  margin-bottom: 20px !important;
}

page-faqs .m-b-30 {
  margin-bottom: 30px !important;
}

page-faqs .m-b-40 {
  margin-bottom: 40px !important;
}

page-faqs .m-b-50 {
  margin-bottom: 50px !important;
}

page-faqs .m-b-n-1 {
  margin-bottom: -1px !important;
}

page-faqs .m-b-n-5 {
  margin-bottom: -5px !important;
}

page-faqs .m-b-n-10 {
  margin-bottom: -10px !important;
}

page-faqs .m-b-n-15 {
  margin-bottom: -15px !important;
}

page-faqs .m-b-n-20 {
  margin-bottom: -20px !important;
}

page-faqs .m-b-n-30 {
  margin-bottom: -30px !important;
}

page-faqs .m-b-n-40 {
  margin-bottom: -40px !important;
}

page-faqs .m-b-n-50 {
  margin-bottom: -50px !important;
}

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

page-faqs .p-5 {
  padding: 5px !important;
}

page-faqs .p-10 {
  padding: 10px !important;
}

page-faqs .p-15 {
  padding: 15px !important;
}

page-faqs .p-20 {
  padding: 20px !important;
}

page-faqs .p-25 {
  padding: 25px !important;
}

page-faqs .p-30 {
  padding: 30px !important;
}

page-faqs .p-40 {
  padding: 40px !important;
}

page-faqs .p-50 {
  padding: 50px !important;
}

page-faqs .p-75 {
  padding: 75px !important;
}

page-faqs .p-100 {
  padding: 100px !important;
}

page-faqs .p-lr {
  padding: 0px 4% 0px 4%;
}

page-faqs .p-l-0 {
  padding-left: 0 !important;
}

page-faqs .p-l-5 {
  padding-left: 5px !important;
}

page-faqs .p-l-10 {
  padding-left: 10px !important;
}

page-faqs .p-l-12 {
  padding-left: 12px !important;
}

page-faqs .p-l-15 {
  padding-left: 15px !important;
}

page-faqs .p-l-16 {
  padding-left: 16px !important;
}

page-faqs .p-l-20 {
  padding-left: 20px !important;
}

page-faqs .p-l-25 {
  padding-left: 25px !important;
}

page-faqs .p-l-30 {
  padding-left: 30px !important;
}

page-faqs .p-l-40 {
  padding-left: 40px !important;
}

page-faqs .p-l-50 {
  padding-left: 50px !important;
}

page-faqs .p-l-75 {
  padding-left: 75px !important;
}

page-faqs .p-l-100 {
  padding-left: 100px !important;
}

page-faqs .p-r-0 {
  padding-right: 0 !important;
}

page-faqs .p-r-5 {
  padding-right: 5px !important;
}

page-faqs .p-r-10 {
  padding-right: 10px !important;
}

page-faqs .p-r-12 {
  padding-right: 12px !important;
}

page-faqs .p-r-15 {
  padding-right: 15px !important;
}

page-faqs .p-r-20 {
  padding-right: 20px !important;
}

page-faqs .p-r-25 {
  padding-right: 25px !important;
}

page-faqs .p-r-30 {
  padding-right: 30px !important;
}

page-faqs .p-r-40 {
  padding-right: 40px !important;
}

page-faqs .p-r-50 {
  padding-right: 50px !important;
}

page-faqs .p-r-75 {
  padding-right: 75px !important;
}

page-faqs .p-r-100 {
  padding-right: 100px !important;
}

page-faqs .p-b-0 {
  padding-bottom: 0 !important;
}

page-faqs .p-b-5 {
  padding-bottom: 5px !important;
}

page-faqs .p-b-10 {
  padding-bottom: 10px !important;
}

page-faqs .p-b-15 {
  padding-bottom: 15px !important;
}

page-faqs .p-b-16 {
  padding-bottom: 16px !important;
}

page-faqs .p-b-20 {
  padding-bottom: 20px !important;
}

page-faqs .p-b-25 {
  padding-bottom: 25px !important;
}

page-faqs .p-b-30 {
  padding-bottom: 30px !important;
}

page-faqs .p-b-40 {
  padding-bottom: 40px !important;
}

page-faqs .p-b-50 {
  padding-bottom: 50px !important;
}

page-faqs .p-b-60 {
  padding-bottom: 60px !important;
}

page-faqs .p-b-70 {
  padding-bottom: 70px !important;
}

page-faqs .p-b-80 {
  padding-bottom: 80px !important;
}

page-faqs .p-b-90 {
  padding-bottom: 90px !important;
}

page-faqs .p-b-100 {
  padding-bottom: 100px !important;
}

page-faqs .p-t-0 {
  padding-top: 0 !important;
}

page-faqs .p-t-5 {
  padding-top: 5px !important;
}

page-faqs .p-t-7 {
  padding-top: 7px !important;
}

page-faqs .p-t-10 {
  padding-top: 10px !important;
}

page-faqs .p-t-15 {
  padding-top: 15px !important;
}

page-faqs .p-t-16 {
  padding-top: 16px !important;
}

page-faqs .p-t-20 {
  padding-top: 20px !important;
}

page-faqs .p-t-25 {
  padding-top: 25px !important;
}

page-faqs .p-t-30 {
  padding-top: 30px !important;
}

page-faqs .p-t-40 {
  padding-top: 40px !important;
}

page-faqs .p-t-50 {
  padding-top: 50px !important;
}

page-faqs .p-t-75 {
  padding-top: 75px !important;
}

page-faqs .p-t-100 {
  padding-top: 100px !important;
}

page-faqs .p-t-120 {
  padding-top: 120px !important;
}

page-faqs .p-t-130 {
  padding-top: 130px !important;
}

page-faqs .p-t-140 {
  padding-top: 140px !important;
}

page-faqs .p-t-150 {
  padding-top: 150px !important;
}

page-faqs .block {
  display: block !important;
}

page-faqs .img-xs {
  width: 30px;
  height: 30px;
}

page-faqs .img-sm {
  width: 35px;
  height: 35px;
}

page-faqs .img-md {
  width: 55px;
  height: 55px;
}

page-faqs .img-lg {
  width: 100px;
  height: 100px;
}

page-faqs .min-w-800 {
  min-width: 800px !important;
}

page-faqs .min-w-1000 {
  min-width: 1000px !important;
}

page-faqs .min-w-1100 {
  min-width: 1100px !important;
}

page-faqs .max-w-20 {
  max-width: 20px !important;
}

page-faqs .max-w-30 {
  max-width: 30px !important;
}

page-faqs .max-w-32 {
  max-width: 35px !important;
}

page-faqs .max-w-35 {
  max-width: 35px !important;
}

page-faqs .max-w-40 {
  max-width: 40px !important;
}

page-faqs .max-w-50 {
  max-width: 50px !important;
}

page-faqs .max-w-75 {
  max-width: 75px !important;
}

page-faqs .max-w-100 {
  max-width: 100px !important;
}

page-faqs .max-w-150 {
  max-width: 150px !important;
}

page-faqs .max-w-200 {
  max-width: 200px !important;
}

page-faqs .max-w-300 {
  max-width: 300px !important;
}

page-faqs .max-w-400 {
  max-width: 400px !important;
}

page-faqs .overflow-hidden {
  overflow: hidden;
}

page-faqs .overflow-auto {
  overflow: auto;
}

page-faqs .max-h-50 {
  max-height: 50px !important;
}

page-faqs .max-h-80 {
  max-height: 80px !important;
}

page-faqs .max-h-100 {
  max-height: 100px !important;
}

page-faqs .max-h-150 {
  max-height: 150px !important;
}

page-faqs .max-h-200 {
  max-height: 200px !important;
}

page-faqs .max-h-250 {
  max-height: 250px !important;
}

page-faqs .max-h-300 {
  max-height: 300px !important;
}

page-faqs .max-h-350 {
  max-height: 300px !important;
}

page-faqs .max-h-375 {
  max-height: 300px !important;
}

page-faqs .max-h-400 {
  max-height: 400px !important;
}

page-faqs .max-h-450 {
  max-height: 450px !important;
}

page-faqs .max-h-500 {
  max-height: 500px !important;
}

page-faqs .max-h-600 {
  max-height: 600px !important;
}

page-faqs .max-h-650 {
  max-height: 650px !important;
}

page-faqs .max-h-700 {
  max-height: 700px !important;
}

page-faqs .max-h-800 {
  max-height: 800px !important;
}

page-faqs .max-h-900 {
  max-height: 900px !important;
}

page-faqs .max-h-1000 {
  max-height: 1000px !important;
}

page-faqs .min-h-0 {
  min-height: 0 !important;
}

page-faqs .min-h-50 {
  min-height: 50px !important;
}

page-faqs .min-h-100 {
  min-height: 100px !important;
}

page-faqs .min-h-200 {
  min-height: 200px !important;
}

page-faqs .min-h-250 {
  min-height: 250px !important;
}

page-faqs .min-h-300 {
  min-height: 300px !important;
}

page-faqs .min-h-350 {
  min-height: 300px !important;
}

page-faqs .min-h-375 {
  min-height: 300px !important;
}

page-faqs .min-h-400 {
  min-height: 400px !important;
}

page-faqs .min-h-450 {
  min-height: 450px !important;
}

page-faqs .min-h-500 {
  min-height: 500px !important;
}

page-faqs .min-h-600 {
  min-height: 600px !important;
}

page-faqs .min-h-650 {
  min-height: 650px !important;
}

page-faqs .min-h-700 {
  min-height: 700px !important;
}

page-faqs .min-h-800 {
  min-height: 800px !important;
}

page-faqs .min-h-900 {
  min-height: 900px !important;
}

page-faqs .min-h-1000 {
  min-height: 1000px !important;
}

page-faqs .h-5 {
  height: 5px !important;
}

page-faqs .h-10 {
  height: 10px !important;
}

page-faqs .h-20 {
  height: 20px !important;
}

page-faqs .h-25 {
  height: 25px !important;
}

page-faqs .h-50 {
  height: 50px !important;
}

page-faqs .h-75 {
  height: 75px !important;
}

page-faqs .h-100 {
  height: 100px !important;
}

page-faqs .h-125 {
  height: 125px !important;
}

page-faqs .h-150 {
  height: 150px !important;
}

page-faqs .h-200 {
  height: 200px !important;
}

page-faqs .h-300 {
  height: 300px !important;
}

page-faqs .h-350 {
  height: 350px !important;
}

page-faqs .h-400 {
  height: 400px !important;
}

page-faqs .h-450 {
  height: 450px !important;
}

page-faqs .h-500 {
  height: 500px !important;
}

page-faqs .h-600 {
  height: 600px !important;
}

page-faqs .h-650 {
  height: 650px !important;
}

page-faqs .h-700 {
  height: 700px !important;
}

page-faqs .h-800 {
  height: 800px !important;
}

page-faqs .h-900 {
  height: 900px !important;
}

page-faqs .h-1000 {
  height: 1000px !important;
}

page-faqs .w-5 {
  width: 5px !important;
}

page-faqs .w-10 {
  width: 10px !important;
}

page-faqs .w-15 {
  width: 15px !important;
}

page-faqs .w-20 {
  width: 20px !important;
}

page-faqs .w-30 {
  width: 30px !important;
}

page-faqs .w-40 {
  width: 40px !important;
}

page-faqs .w-50 {
  width: 50px !important;
}

page-faqs .w-60 {
  width: 60px !important;
}

page-faqs .w-80 {
  width: 80px !important;
}

page-faqs .w-100 {
  width: 100px !important;
}

page-faqs .w-150 {
  width: 150px !important;
}

page-faqs .w-190 {
  width: 190px !important;
}

page-faqs .w-200 {
  width: 200px !important;
}

page-faqs .w-250 {
  width: 250px !important;
}

page-faqs .w-300 {
  width: 300px !important;
}

page-faqs .w-600 {
  width: 600px !important;
}

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

page-faqs .w-95p {
  width: 95% !important;
}

page-faqs .w-90p {
  width: 90% !important;
}

page-faqs .w-80p {
  width: 80% !important;
}

page-faqs .w-70p {
  width: 70% !important;
}

page-faqs .w-60p {
  width: 60% !important;
}

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

page-faqs .w-45p {
  width: 45% !important;
}

page-faqs .w-40p {
  width: 40% !important;
}

page-faqs .w-30p {
  width: 30% !important;
}

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

page-faqs .w-20p {
  width: 20% !important;
}

page-faqs .w-15p {
  width: 15% !important;
}

page-faqs .w-10p {
  width: 10% !important;
}

page-faqs .w-8p {
  width: 8% !important;
}

page-faqs .w-5p {
  width: 5% !important;
}

page-faqs .w-3p {
  width: 3% !important;
}

page-faqs .w-95p {
  width: 95% !important;
}

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

page-faqs .h-80p {
  height: 80% !important;
}

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

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

page-faqs .block {
  display: block !important;
}

page-faqs .inline-block {
  display: inline-block !important;
}

page-faqs .list-block li {
  display: block !important;
}

page-faqs .list-inline li {
  display: inline !important;
}

page-faqs .clear-both {
  clear: both !important;
}

page-faqs .line-height-normal {
  line-height: normal !important;
}

page-faqs .line-height-8 {
  line-height: 8px !important;
}

page-faqs .line-height-14 {
  line-height: 14px !important;
}

page-faqs .line-height-12 {
  line-height: normal !important;
}

page-faqs ul.style-none {
  margin: 0;
  padding: 0;
  list-style: none;
}

page-faqs ul.style-none li {
  font-size: 0.875rem;
  padding: 3px 0;
}

page-faqs ul.style-none li ul {
  list-style: none;
}

page-faqs ul.vertical-icon-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

page-faqs ul.vertical-icon-list li {
  font-size: 0.875rem;
  padding: 6px 0;
}

page-faqs ul.vertical-icon-list li i {
  font-size: 1.25rem;
  padding-right: 15px;
  vertical-align: middle;
}

page-faqs .bg-white {
  background: #ffffff !important;
}

page-faqs .bg-green {
  background: #28bebd !important;
}

page-faqs .bg-blue {
  background: #42a5f5 !important;
}

page-faqs .bg-lightBlue {
  background: #2ebaee !important;
}

page-faqs .bg-red {
  background: #ef5350 !important;
}

page-faqs .bg-yellow {
  background: #f8c200 !important;
}

page-faqs .bg-paleYellow {
  background: #fddd7e !important;
}

page-faqs .bg-lightGray {
  background: #e3ecf7 !important;
}

page-faqs .bg-gray {
  background: #8f9eb5 !important;
}

page-faqs .bg-drakGray {
  background: #707c94 !important;
}

page-faqs .bg-grayBlue {
  background: #59779b !important;
}

page-faqs .bg-purple {
  background: #6b79c4 !important;
}

page-faqs .bg-turquoise {
  background: #00c5dc !important;
}

page-faqs .bg-peach {
  background: #feb38d !important;
}

page-faqs .bg-transparent {
  background: transparent !important;
}

page-faqs .text-primary {
  color: #172B4D !important;
}

page-faqs .text-link {
  color: #0645ad !important;
}

page-faqs .text-green {
  color: #28bebd !important;
}

page-faqs .text-turquoise {
  color: #00c5dc !important;
}

page-faqs .text-red {
  color: #ef5350 !important;
}

page-faqs .text-cyan {
  color: #26c6da !important;
}

page-faqs .text-yellow {
  color: #f8c200 !important;
}

page-faqs .text-gray {
  color: #8f9eb5 !important;
}

page-faqs .text-blue {
  color: #42a5f5 !important;
}

page-faqs .text-orange {
  color: #ffb74d !important;
}

page-faqs .text-purple {
  color: #6b79c4 !important;
}

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

page-faqs .text-brown {
  color: #906b6b !important;
}

page-faqs .text-salmon {
  color: #ee6e73 !important;
}

page-faqs .text-muted {
  color: #8396b0;
}

page-faqs .color-black {
  color: #000 !important;
}

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

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

page-faqs .transparent {
  background: transparent !important;
}

page-faqs .bg-primary {
  background-color: #172B4D !important;
}

page-faqs .border-bottom,
page-faqs .border-grey-bottom-1px {
  border-bottom: 1px solid rgba(215, 225, 237, 0.8) !important;
}

page-faqs .border-grey-top-1px,
page-faqs .border-top {
  border-top: 1px solid rgba(215, 225, 237, 0.6) !important;
}

page-faqs .border-bottom-black-2px {
  border-bottom: 2px solid black;
}

page-faqs .border-top0p {
  border-top: 0px !important;
}

page-faqs .b-n {
  border: none !important;
}

page-faqs .b-b-1 {
  border: 1px solid black;
}

page-faqs .b-lg-1 {
  border: 1px solid lightgrey;
}

page-faqs .shadow-none {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

page-faqs .shadow-z-0 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-faqs .shadow-z-1 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-faqs .shadow-z-1:hover {
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

page-faqs .shadow-z-2 {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

page-faqs .shadow-z-3 {
  -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

page-faqs .shadow-z-4 {
  -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}

page-faqs .shadow-z-5 {
  -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}

page-faqs .big-shadow {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
}

page-faqs .shadow-2dp {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

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

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

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

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

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

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

page-faqs .font-weight-100 {
  font-weight: 100 !important;
}

page-faqs .font-weight-200 {
  font-weight: 200 !important;
}

page-faqs .font-weight-300 {
  font-weight: 300 !important;
}

page-faqs .font-weight-400 {
  font-weight: 400 !important;
}

page-faqs .font-weight-500 {
  font-weight: 500 !important;
}

page-faqs .font-weight-600 {
  font-weight: 600 !important;
}

page-faqs .font-weight-700 {
  font-weight: 700 !important;
}

page-faqs .font-weight-800 {
  font-weight: 800 !important;
}

page-faqs .font-weight-900 {
  font-weight: 900 !important;
}

page-faqs .font-weight-light {
  font-weight: 100 !important;
}

page-faqs .font-weight-normal {
  font-weight: 300 !important;
}

page-faqs .font-weight-medium {
  font-weight: 400 !important;
}

page-faqs .font-weight-bold {
  font-weight: 500 !important;
}

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

page-faqs .font-size-0 {
  font-size: 0 !important;
}

page-faqs .font-size-10 {
  font-size: 10px !important;
}

page-faqs .font-size-11 {
  font-size: 11px !important;
}

page-faqs .font-size-12 {
  font-size: 12px !important;
}

page-faqs .font-size-14 {
  font-size: 14px !important;
}

page-faqs .font-size-16 {
  font-size: 16px !important;
}

page-faqs .font-size-18 {
  font-size: 18px !important;
}

page-faqs .font-size-20 {
  font-size: 20px !important;
}

page-faqs .font-size-24 {
  font-size: 24px !important;
}

page-faqs .font-size-26 {
  font-size: 26px !important;
}

page-faqs .font-size-30 {
  font-size: 30px !important;
}

page-faqs .font-size-35 {
  font-size: 35px !important;
}

page-faqs .font-size-38 {
  font-size: 38px !important;
}

page-faqs .font-size-40 {
  font-size: 40px !important;
}

page-faqs .font-size-50 {
  font-size: 50px !important;
}

page-faqs .font-size-60 {
  font-size: 60px !important;
}

page-faqs .font-size-70 {
  font-size: 70px !important;
}

page-faqs .font-size-80 {
  font-size: 80px !important;
}

page-faqs .hidden {
  display: none !important;
}

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

page-faqs .float-r {
  float: right !important;
}

page-faqs .float-l {
  float: left !important;
}

page-faqs .align-c {
  display: block;
  margin: 0 auto;
}

page-faqs .align-b {
  display: block;
}

page-faqs .text-center {
  text-align: center !important;
}

page-faqs .text-left {
  text-align: left !important;
}

page-faqs .text-right {
  text-align: right !important;
}

page-faqs .align-v-c {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-faqs .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-faqs .align-v-c1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-faqs .align-v-c2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-faqs .align-v-c3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-faqs .align-v-c4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-faqs .align-flex-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-faqs .align-right-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

page-faqs .align-start-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media (max-width: 576px) {
  page-faqs .d-xs-none {
    display: none !important;
  }
  page-faqs .d-xs-inline {
    display: inline !important;
  }
  page-faqs .d-xs-inline-block {
    display: inline-block !important;
  }
  page-faqs .d-xs-block {
    display: block !important;
  }
  page-faqs .d-xs-table {
    display: table !important;
  }
  page-faqs .d-xs-table-cell {
    display: table-cell !important;
  }
  page-faqs .d-xs-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
  }
  page-faqs .d-xs-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important;
  }
}

page-faqs .b-r-gd {
  border-radius: 10px !important;
}

page-faqs .b-r-10 {
  border-radius: 10px !important;
}

page-faqs .b-r-5 {
  border-radius: 5px;
}

page-faqs .d-fl-ov-x {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  overflow-x: auto !important;
}

page-faqs .align-base {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-faqs .d-fl-bl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-faqs .d-fl-vhcenter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-faqs .d-fl-b2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
}

page-faqs .d-fl-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-faqs .d-fl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-faqs .d-fl-sb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-faqs .d-fl-saround {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-faqs .d-fl-ac {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-faqs .text-capital {
  text-transform: capitalize !important;
}

page-faqs .text-upper {
  text-transform: uppercase !important;
}

page-faqs .m-a {
  margin: auto !important;
}

page-faqs .m-l-a {
  margin-left: auto !important;
}

page-faqs .m-r-a {
  margin-right: auto !important;
}

page-faqs .italic {
  font-style: italic;
}

page-faqs .pointer {
  cursor: pointer;
}

page-faqs .ws-in {
  white-space: inherit;
}

page-faqs .opacity-1 {
  opacity: 1;
}

page-faqs .in-valid-checkbox {
  border: 1px solid #ff0000 !important;
  padding: 5px !important;
  margin-bottom: 10px;
  border-radius: 5px;
}

page-faqs page-corp-dashboard .mycustomdrop:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
  top: -15px;
  position: absolute;
  right: 15%;
}

page-faqs h1 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1.6875rem !important;
  line-height: 64px;
  letter-spacing: -0.4px;
}

page-faqs h2 {
  font-family: "Poppins", sans-serif;
  font-size: 24px !important;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
}

page-faqs h3,
page-faqs .h3 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 22px !important;
  line-height: 48px;
  /* identical to box height, or 200% */
  /* Neutral / dark gray */
  color: #000000;
}

page-faqs h4,
page-faqs .menu-heading-h4 {
  font-family: "Poppins", sans-serif !important;
  font-style: normal;
  font-weight: normal;
  font-size: 15px !important;
  line-height: 26px;
  /* or 144% */
  letter-spacing: -0.2px;
  color: #000000;
}

page-faqs h5 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  /* or 143% */
  color: #000000;
}

page-faqs .subtitle {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  /* or 200% */
  letter-spacing: 2.5px;
  color: #4E5761;
}

page-faqs p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 13px !important;
  line-height: 24px;
  /* identical to box height, or 171% */
  letter-spacing: -0.1px;
  /* Neutral / black */
  color: #000000;
}

page-faqs .ui-tabview.ui-tabview-top > .ui-tabview-nav {
  padding: 0.2em 0.2em 0;
  border-bottom: 1px solid #eaeaea;
}

page-faqs .scroll-content {
  padding: 0 !important;
}

page-faqs ion-navbar {
  margin: 0;
  border-radius: 0px;
  height: 50px !important;
  color: #172B4D !important;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-faqs ion-header {
  padding: 0;
}

page-faqs .header-md::after {
  background-image: none;
}

page-faqs .toolbar-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #172B4D !important;
  line-height: 24px;
  font-family: "Poppins", sans-serif;
  font-size: 2rem !important;
  font-weight: bold !important;
  text-align: left !important;
}

page-faqs .userLabel {
  float: right;
  display: inline;
  letter-spacing: 1px;
  color: #172B4D !important !important;
}

page-faqs .card-title {
  font-size: 16px !important;
  color: #000000;
  font-weight: bold !important;
  text-align: center !important;
}

page-faqs .barcolor {
  background: #5a75a3;
  color: #ffffff;
}

page-faqs p-sorticon {
  color: black;
}

page-faqs p-sorticon a {
  color: black !important;
}

page-faqs .globalTable {
  border: none;
  border: 1px solid #c1c1c1;
}

page-faqs .globalTable .ui-table-caption {
  border-bottom: 1px solid #dadada !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  font-size: 18px !important;
  background: #ecececad !important;
}

page-faqs .globalTable .table-header input {
  font-size: 15px !important;
  border-style: groove;
  width: 100% !important;
  padding-left: 10px;
  border-radius: 10px;
  border-color: #f3f3f3;
  font-weight: 500;
  line-height: 25px !important;
}

page-faqs .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-faqs .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

page-faqs .globalTable .table-header .align input {
  width: 80%;
  line-height: 25px;
}

page-faqs .globalTable .ui-table-tbody tr:nth-child(2n+1) {
  background: white;
}

page-faqs .globalTable .ui-table-tbody tr:nth-child(2n) {
  background: #f3f3f3;
}

page-faqs .globalTable .ui-table-tbody tr:hover {
  background: #c1c1c167 !important;
}

page-faqs .globalTable .ui-table-tbody .activeRow {
  background: #c4d2e5 !important;
}

page-faqs .globalTable th input {
  text-align: center !important;
  width: 90% !important;
  font-weight: 400 !important;
}

page-faqs .globalTable .ui-table .ui-sortable-column.ui-state-highlight {
  color: black !important;
}

page-faqs .globalTable .ui-table .ui-table-thead tr th {
  background: #eeeeee9e;
  border: none;
  padding: 10px 0;
  width: 100%;
  text-align: center;
}

page-faqs .globalTable .ui-table .ui-table-tbody tr td {
  border: none;
  background: inherit;
  padding: 20px 0;
  text-align: center;
}

page-faqs .globalTable .ui-table .ui-table-tbody tr {
  border-bottom: 1px solid #cacaca;
}

page-faqs .globalTable .p-column-filter {
  border-radius: 4px;
  border: 1px solid gray;
}

page-faqs .globalTable .badge-badge.status-Active {
  padding: 5px 20px;
  color: #226f4e;
  background-color: #9decbe;
  font-weight: 500;
  font-size: 12px;
}

page-faqs .globalTable .badge-badge.status-Inactive {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

page-faqs .globalTable .badge-badge.status-Suspended {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

page-faqs .globalTable .badge-badge.status-Waiting {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

page-faqs .globalTable .badge-badge.status-Pending {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

page-faqs .globalTable .actionIcon {
  padding: 0 3px;
  font-size: 16px;
  cursor: pointer;
}

page-faqs ion-icon {
  cursor: pointer;
}

page-faqs .button-md-reset {
  background-color: #ffffff;
  color: black !important;
  border: 1px solid #e3ecf7;
}

page-faqs .button-md-reset:hover {
  background-color: #ececec !important;
}

page-faqs .reset:hover {
  background-color: #ececec !important;
}

page-faqs .button-md-primary {
  background-color: #172B4D !important;
  color: #ffffff !important;
}

page-faqs ion-button {
  background-color: #172B4D !important;
  color: #ffffff;
}

page-faqs .my-custom-class .alert-button-group button:first-child {
  position: relative;
}

page-faqs .my-custom-class .alert-button-group button {
  font-weight: bold;
}

page-faqs .my-custom-class .alert-radio-group {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100% !important;
}

page-faqs .my-custom-class button {
  text-align: center;
}

page-faqs .alert-button-group button:first-child {
  position: relative !important;
  min-width: 0 !important;
}

page-faqs .alert-md .alert-wrapper {
  max-width: 320px !important;
}

page-faqs .alert-md .alert-message {
  font-size: 16px !important;
}

page-faqs .alert-button {
  font-size: 15px !important;
}

page-faqs .alert-md .alert-sub-title {
  font-size: 16px !important;
}

page-faqs .alert-md .alert-title {
  font-size: 22px !important;
}

page-faqs .breakclass {
  white-space: pre-line;
}

page-faqs .error {
  color: red;
  float: left;
}

page-faqs .topStrip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}

page-faqs .infographic1 {
  border: none;
  color: #367ad2;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-faqs .infographic1 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-faqs .infographic1 ion-icon {
  color: black;
}

page-faqs .infographic2 {
  border: none;
  color: #50d29b;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-faqs .infographic2 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-faqs .infographic2 ion-icon {
  color: black;
}

page-faqs .infographic3 {
  border: none;
  color: #ffaa00;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-faqs .infographic3 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-faqs .infographic3 ion-icon {
  color: black;
}

page-faqs .infographic4 {
  border: none;
  color: #f36363;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-faqs .infographic4 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-faqs .infographic4 ion-icon {
  color: black;
}

page-faqs .infographic5 {
  border: none;
  color: #41acbf;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-faqs .infographic5 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-faqs .infographic5 ion-icon {
  color: black;
}

page-faqs .infograph1 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #367ad2;
  font-size: 20px;
}

page-faqs .infograph2 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #51b98d;
  font-size: 20px;
}

page-faqs .infograph3 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #ffaa00;
  font-size: 20px;
}

page-faqs .infograph4 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #dc5b54;
  font-size: 20px;
}

page-faqs .infograph5 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #41acbf;
  font-size: 20px;
}

page-faqs .infographtext {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 12px;
}

page-faqs .successToast .toast-message {
  background-color: #d2f8d2 !important;
  color: black;
}

page-faqs .errorToast .toast-message {
  background-color: #eea9a0 !important;
  color: black;
}

page-faqs .actionIconsBar {
  padding-right: 20px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

page-faqs .ui-carousel .ui-carousel-header {
  display: none !important;
}

page-faqs .userfab .fab-close-active .fab-close-icon {
  height: 40px !important;
  position: relative !important;
}

page-faqs textarea.text-input {
  resize: none !important;
}

page-faqs .asterisk {
  color: red;
  padding-left: 3px;
}

page-faqs .m-b-t {
  margin-bottom: 4% !important;
}

page-faqs .ui-radiobutton-box.ui-state-active {
  border: 1px solid #09f;
  background: #09f;
  color: #09f;
}

page-faqs .alert-md .alert-message {
  overflow: auto;
}

page-faqs .alert-md .alert-message .alertstyle1 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

page-faqs .alert-md .alert-message .alertstyle1 b {
  width: 65px !important;
}

page-faqs .alert-md .alert-message .alertstyle3 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-faqs .alert-md .alert-message .alertstyle3 b {
  width: 65px !important;
}

page-faqs .alert-md .alert-message .alertstyle4 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-faqs .alert-md .alert-message .alertstyle4 b {
  width: 150px !important;
}

page-faqs .alert-md .alert-message .alertstyle5 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

page-faqs .alert-md .alert-message .alertstyle5 b {
  width: 75px !important;
}

page-faqs .alert-md .alert-message .alertstyle5 span {
  width: 5px;
}

page-faqs .alert-md .alert-message .alertstyle2 {
  text-align: left !important;
}

page-faqs .alert-md .alert-message .alertstyle2 li {
  margin-top: 10px;
}

page-faqs .ui-tooltip {
  background-color: #172B4D !important;
  color: #ffffff;
}

page-faqs .navsebexam .toolbar-content-md {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
}

page-faqs .modal-wrapper {
  height: 75%;
  top: 10%;
  position: absolute;
  display: block;
  border-radius: 10px !important;
}

page-faqs .ui-picklist-source-controls.ui-picklist-buttons {
  display: none !important;
}

page-faqs .ui-picklist-target-controls.ui-picklist-buttons {
  display: none !important;
}

page-faqs .ui-picklist-target-controls.ui-picklist-buttons.ng-star-inserted {
  display: none !important;
}

page-faqs .ellip {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

page-faqs .p-slider {
  background: #dee2e6;
  border: 0 none;
  border-radius: 3px;
}

page-faqs .Errorbox .alert-title {
  color: #d8000c;
}

page-faqs .Errorbox .alert-button {
  color: #d8000c;
}

page-faqs .card-md {
  border-radius: 5px !important;
}

page-faqs .modal {
  display: none;
  /* Hidden by default */
  position: -webkit-sticky;
  position: sticky;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 30px;
  /* Location of the box */
  left: 0;
  right: 0;
  bottom: 150px;
  width: 400px;
  height: 400px;
  margin: auto;
  border: 4px solid;
  background-color: black;
}

page-faqs .modal-content {
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
}

page-faqs .close {
  position: absolute;
  color: #f1f1f1;
  top: 0px;
  right: 10px;
  font-size: 28px;
  font-weight: bold;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

page-faqs .close:hover,
page-faqs .close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

page-faqs .customhr {
  width: 90%;
  background-color: #ccc;
}

page-faqs .mycustomtoolbar ion-segment {
  border: none;
}

page-faqs .mycustomtoolbar ion-segment-button {
  font-size: 16px !important;
  font-weight: 500 !important;
}

page-faqs .mycustomtoolbar .segment-md .segment-button.activated,
page-faqs .mycustomtoolbar .segment-md .segment-button.segment-activated {
  border-color: #172B4D !important;
  color: #172B4D !important;
}

page-faqs .mycustomtoolbar .toolbar-background {
  background: transparent;
}

page-faqs .fc {
  direction: ltr;
  text-align: left;
}

page-faqs .fc-rtl {
  text-align: right;
}

page-faqs body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}

page-faqs .fc-unthemed th,
page-faqs .fc-unthemed td,
page-faqs .fc-unthemed thead,
page-faqs .fc-unthemed tbody,
page-faqs .fc-unthemed .fc-divider,
page-faqs .fc-unthemed .fc-row,
page-faqs .fc-unthemed .fc-content,
page-faqs .fc-unthemed .fc-popover,
page-faqs .fc-unthemed .fc-list-view,
page-faqs .fc-unthemed .fc-list-heading td {
  border-color: #ddd;
}

page-faqs .fc-unthemed .fc-popover {
  background-color: #fff;
}

page-faqs .fc-unthemed .fc-divider,
page-faqs .fc-unthemed .fc-popover .fc-header,
page-faqs .fc-unthemed .fc-list-heading td {
  background: #eee;
}

page-faqs .fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}

page-faqs .fc-unthemed td.fc-today {
  background: #fcf8e3;
}

page-faqs .fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3;
}

page-faqs .fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3;
}

page-faqs .fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}

page-faqs .fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

page-faqs .fc-icon:after {
  position: relative;
}

page-faqs .fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-faqs .fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-faqs .fc-icon-left-double-arrow:after {
  content: "\000AB";
  font-size: 160%;
  top: -7%;
}

page-faqs .fc-icon-right-double-arrow:after {
  content: "\000BB";
  font-size: 160%;
  top: -7%;
}

page-faqs .fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%;
}

page-faqs .fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%;
}

page-faqs .fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%;
}

page-faqs .fc-icon-x:after {
  content: "\000D7";
  font-size: 200%;
  top: 6%;
}

page-faqs .fc button {
  /* force height to include the border and padding */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer;
}

page-faqs .fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}

page-faqs .fc-state-default {
  /* non-theme */
  border: 1px solid;
}

page-faqs .fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

page-faqs .fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

page-faqs .fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .2em;
  vertical-align: middle;
}

page-faqs .fc-state-default {
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-faqs .fc-state-hover,
page-faqs .fc-state-down,
page-faqs .fc-state-active,
page-faqs .fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}

page-faqs .fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

page-faqs .fc-state-down,
page-faqs .fc-state-active {
  background-color: #cccccc;
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-faqs .fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}

page-faqs .fc-button-group {
  display: inline-block;
}

page-faqs .fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px;
}

page-faqs .fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0;
}

page-faqs .fc-popover {
  position: absolute;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

page-faqs .fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px;
}

page-faqs .fc-popover .fc-header .fc-title {
  margin: 0 2px;
}

page-faqs .fc-popover .fc-header .fc-close {
  cursor: pointer;
}

page-faqs .fc-ltr .fc-popover .fc-header .fc-title,
page-faqs .fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}

page-faqs .fc-rtl .fc-popover .fc-header .fc-title,
page-faqs .fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}

page-faqs .fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}

page-faqs .fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: .9em;
  margin-top: 2px;
}

page-faqs .fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */
}

page-faqs .fc-divider {
  border-style: solid;
  border-width: 1px;
}

page-faqs hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}

page-faqs .fc-clear {
  clear: both;
}

page-faqs .fc-bg,
page-faqs .fc-bgevent-skeleton,
page-faqs .fc-highlight-skeleton,
page-faqs .fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-faqs .fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}

page-faqs .fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}

page-faqs .fc table {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}

page-faqs .fc th {
  text-align: center;
}

page-faqs .fc th,
page-faqs .fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}

page-faqs .fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}

page-faqs a[data-goto] {
  cursor: pointer;
}

page-faqs a[data-goto]:hover {
  text-decoration: underline;
}

page-faqs .fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}

page-faqs .fc-row table {
  /* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}

page-faqs .fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}

page-faqs .fc-row {
  position: relative;
}

page-faqs .fc-row .fc-bg {
  z-index: 1;
}

page-faqs .fc-row .fc-bgevent-skeleton,
page-faqs .fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}

page-faqs .fc-row .fc-bgevent-skeleton table,
page-faqs .fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}

page-faqs .fc-row .fc-highlight-skeleton td,
page-faqs .fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}

page-faqs .fc-row .fc-bgevent-skeleton {
  z-index: 2;
}

page-faqs .fc-row .fc-highlight-skeleton {
  z-index: 3;
}

page-faqs .fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}

page-faqs .fc-row .fc-helper-skeleton {
  z-index: 5;
}

page-faqs .fc-row .fc-content-skeleton td,
page-faqs .fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}

page-faqs .fc-row .fc-content-skeleton tbody td,
page-faqs .fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}

page-faqs .fc-scroller {
  -webkit-overflow-scrolling: touch;
}

page-faqs .fc-scroller > .fc-day-grid,
page-faqs .fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}

page-faqs .fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */
  font-weight: normal;
  /* undo jqui's ui-widget-header bold */
}

page-faqs .fc-event,
page-faqs .fc-event-dot {
  background-color: #3a87ad;
  /* default BACKGROUND color */
}

page-faqs .fc-event,
page-faqs .fc-event:hover,
page-faqs .ui-widget .fc-event {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}

page-faqs .fc-event[href],
page-faqs .fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}

page-faqs .fc-not-allowed,
page-faqs .fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}

page-faqs .fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #ffffff;
  opacity: .25;
}

page-faqs .fc-event .fc-content {
  position: relative;
  z-index: 2;
}

page-faqs .fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
}

page-faqs .fc-event .fc-resizer {
  display: none;
}

page-faqs .fc-event.fc-allow-mouse-resize .fc-resizer,
page-faqs .fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block;
}

page-faqs .fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}

page-faqs .fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

page-faqs .fc-event.fc-selected.fc-dragging {
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

page-faqs .fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}

page-faqs .fc-ltr .fc-h-event.fc-not-start,
page-faqs .fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

page-faqs .fc-ltr .fc-h-event.fc-not-end,
page-faqs .fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

page-faqs .fc-ltr .fc-h-event .fc-start-resizer,
page-faqs .fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */
}

page-faqs .fc-ltr .fc-h-event .fc-end-resizer,
page-faqs .fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */
}

page-faqs .fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */
}

page-faqs .fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* vertically center */
  top: 50%;
  margin-top: -4px;
}

page-faqs .fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
page-faqs .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */
}

page-faqs .fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
page-faqs .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */
}

page-faqs .fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}

page-faqs tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */
}

page-faqs .fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: .25;
}

page-faqs .fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}

page-faqs .fc-day-grid-event .fc-time {
  font-weight: bold;
}

page-faqs .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
page-faqs .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */
}

page-faqs .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
page-faqs .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */
}

page-faqs a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none;
}

page-faqs a.fc-more:hover {
  text-decoration: underline;
}

page-faqs .fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}

page-faqs .fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}

page-faqs .fc-more-popover {
  z-index: 2;
  width: 220px;
}

page-faqs .fc-more-popover .fc-event-container {
  padding: 10px;
}

page-faqs .fc-now-indicator {
  position: absolute;
  border: 0 solid red;
}

page-faqs .fc-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

page-faqs .fc-toolbar {
  text-align: center;
}

page-faqs .fc-toolbar.fc-header-toolbar {
  margin-bottom: 1em;
}

page-faqs .fc-toolbar.fc-footer-toolbar {
  margin-top: 1em;
}

page-faqs .fc-toolbar .fc-left {
  float: left;
}

page-faqs .fc-toolbar .fc-right {
  float: right;
}

page-faqs .fc-toolbar .fc-center {
  display: inline-block;
}

page-faqs .fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em;
}

page-faqs .fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0;
}

page-faqs .fc-toolbar h2 {
  margin: 0;
}

page-faqs .fc-toolbar button {
  position: relative;
}

page-faqs .fc-toolbar .fc-state-hover,
page-faqs .fc-toolbar .ui-state-hover {
  z-index: 2;
}

page-faqs .fc-toolbar .fc-state-down {
  z-index: 3;
}

page-faqs .fc-toolbar .fc-state-active,
page-faqs .fc-toolbar .ui-state-active {
  z-index: 4;
}

page-faqs .fc-toolbar button:focus {
  z-index: 5;
}

page-faqs .fc-view-container *,
page-faqs .fc-view-container *:before,
page-faqs .fc-view-container *:after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

page-faqs .fc-view,
page-faqs .fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}

page-faqs .fc-basicWeek-view .fc-content-skeleton,
page-faqs .fc-basicDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}

page-faqs .fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}

page-faqs .fc-row.fc-rigid {
  overflow: hidden;
}

page-faqs .fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-faqs .fc-day-top.fc-other-month {
  opacity: 0.3;
}

page-faqs .fc-basic-view .fc-week-number,
page-faqs .fc-basic-view .fc-day-number {
  padding: 2px;
}

page-faqs .fc-basic-view th.fc-week-number,
page-faqs .fc-basic-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */
}

page-faqs .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right;
}

page-faqs .fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left;
}

page-faqs .fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0;
}

page-faqs .fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px;
}

page-faqs .fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080;
}

page-faqs .fc-basic-view td.fc-week-number {
  text-align: center;
}

page-faqs .fc-basic-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}

page-faqs .fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}

page-faqs .fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}

page-faqs .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}

page-faqs .fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}

page-faqs .fc-ltr .fc-axis {
  text-align: right;
}

page-faqs .fc-rtl .fc-axis {
  text-align: left;
}

page-faqs .ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome jqui theme making it bold */
}

page-faqs .fc-time-grid-container,
page-faqs .fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}

page-faqs .fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

page-faqs .fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}

page-faqs .fc-time-grid > .fc-bg {
  z-index: 1;
}

page-faqs .fc-time-grid .fc-slats,
page-faqs .fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}

page-faqs .fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */
}

page-faqs .fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
}

page-faqs .fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1;
}

page-faqs .fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2;
}

page-faqs .fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3;
}

page-faqs .fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4;
}

page-faqs .fc-time-grid .fc-now-indicator-line {
  z-index: 5;
}

page-faqs .fc-time-grid .fc-helper-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6;
}

page-faqs .fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}

page-faqs .fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}

page-faqs .fc-time-grid .fc-slats .ui-widget-content {
  /* for jqui theme */
  background: none;
  /* see through to fc-bg */
}

page-faqs .fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}

page-faqs .fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}

page-faqs .fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}

page-faqs .fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}

page-faqs .fc-time-grid .fc-event,
page-faqs .fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}

page-faqs .fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}

page-faqs .fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

page-faqs .fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

page-faqs .fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */
}

page-faqs .fc-time-grid-event.fc-selected {
  /* need to allow touch resizers to extend outside event's bounding box */
  /* common fc-selected styles hide the fc-bg, so don't need this anyway */
  overflow: visible;
}

page-faqs .fc-time-grid-event.fc-selected .fc-bg {
  display: none;
  /* hide semi-white background, to appear darker */
}

page-faqs .fc-time-grid-event .fc-content {
  overflow: hidden;
  /* for when .fc-selected */
}

page-faqs .fc-time-grid-event .fc-time,
page-faqs .fc-time-grid-event .fc-title {
  padding: 0 1px;
}

page-faqs .fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap;
}

page-faqs .fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}

page-faqs .fc-time-grid-event.fc-short .fc-time,
page-faqs .fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}

page-faqs .fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}

page-faqs .fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}

page-faqs .fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
  /* seperate with a dash, wrapped in nbsp's */
}

page-faqs .fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}

page-faqs .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}

page-faqs .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "=";
}

page-faqs .fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px;
}

page-faqs .fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0;
}

page-faqs .fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */
}

page-faqs .fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-faqs .fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-faqs .fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}

page-faqs .fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */
}

page-faqs .fc-list-view {
  border-width: 1px;
  border-style: solid;
}

page-faqs .fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */
}

page-faqs .fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px;
}

page-faqs .fc-list-table tr:first-child td {
  border-top-width: 0;
}

page-faqs .fc-list-heading {
  border-bottom-width: 1px;
}

page-faqs .fc-list-heading td {
  font-weight: bold;
}

page-faqs .fc-ltr .fc-list-heading-main {
  float: left;
}

page-faqs .fc-ltr .fc-list-heading-alt {
  float: right;
}

page-faqs .fc-rtl .fc-list-heading-main {
  float: right;
}

page-faqs .fc-rtl .fc-list-heading-alt {
  float: left;
}

page-faqs .fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */
}

page-faqs .fc-list-item:hover td {
  background-color: #f5f5f5;
}

page-faqs .fc-list-item-marker,
page-faqs .fc-list-item-time {
  white-space: nowrap;
  width: 1px;
}

page-faqs .fc-ltr .fc-list-item-marker {
  padding-right: 0;
}

page-faqs .fc-rtl .fc-list-item-marker {
  padding-left: 0;
}

page-faqs .fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit;
}

page-faqs .fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline;
}

page-faqs .fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

page-faqs .fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table;
}

page-faqs .fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

page-faqs .fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #eee;
}

page-faqs ion-item {
  background-color: transparent;
  padding: 0 5%;
}

page-faqs .faqimage100 {
  height: 200px;
  width: 100%;
}

page-faqs .faqimage {
  height: 200px;
  width: 200px;
}

page-faqs .textp {
  white-space: pre-wrap;
  font-size: 14px;
  font-weight: 500;
  color: #222;
}

page-faqs .nodata_avail {
  font-family: "Open Sans";
  text-align: center;
  line-height: 60px;
  font-size: 25px;
  color: #0099ff;
}

page-faqs ion-card-title {
  color: #0099ff !important;
  border-bottom: 1px solid #0099ff;
  font-size: 18px !important;
  font-weight: bold;
  font-family: "Macondo";
  cursor: pointer;
}

page-faqs .content ion-card {
  border-radius: 10px;
}

page-faqs .videoheading {
  font-family: "Macondo";
  font-size: 18px;
  padding: 20px 0;
  font-weight: 500;
}

page-faqs .videoDescription {
  padding-left: 10px;
}

page-faqs .titleColor {
  color: #0099ff;
}

page-faqs .youtubeVideo {
  padding: 15px 0;
}

page-faqs .faqWrapper {
  position: relative;
}

page-faqs .activatebtn {
  width: auto;
  color: #20bb20;
  border: 1px solid #20bb20;
  -webkit-transition: .8s ease all;
  transition: .8s ease all;
}

page-faqs .activatebtn:hover:not(.disable-hover) {
  background: #20bb20;
  color: #fff;
}

page-faqs .activatebtn:hover:not(.disable-hover) .editicon {
  color: #fff;
}

page-faqs .deactivatebtn {
  width: auto;
  color: #D52B3D;
  border: 1px solid #D52B3D;
  -webkit-transition: .8s ease all;
  transition: .8s ease all;
}

page-faqs .deactivatebtn:hover:not(.disable-hover) {
  background: #D52B3D;
  color: #fff;
}

page-faqs .deactivatebtn:hover:not(.disable-hover) .decativeicon, page-faqs .activatebtn:hover:not(.disable-hover) .activeicon {
  color: #fff;
}

page-faqs .editbluebtn {
  width: auto;
  color: #2f68ff;
  border: 1px solid #2f68ff;
}

page-faqs .editbluebtn:hover:not(.disable-hover) {
  background: #2f68ff;
  color: #fff;
}

page-faqs .editbluebtn:hover:not(.disable-hover) .editicon {
  color: #fff;
}

page-faqs .editbtn {
  background: transparent;
}

page-faqs .editicon {
  color: #2f68ff;
  -webkit-transition: .8s ease all;
  transition: .8s ease all;
}

page-faqs .activeicon {
  color: #20bb20;
  -webkit-transition: .8s ease all;
  transition: .8s ease all;
}

page-faqs .decativeicon {
  color: #D52B3D;
  -webkit-transition: .8s ease all;
  transition: .8s ease all;
}

page-faqs .actionbtn {
  text-align: right;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-faqs .faq_header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: inherit;
  -webkit-box-direction: inherit;
  -webkit-flex-direction: inherit;
  -ms-flex-direction: inherit;
  flex-direction: inherit;
}

page-faqs .cd-faq-content {
  display: none;
}

page-faqs .cd-faq-group .cd-faq-content.show {
  display: block;
}

page-faqs .faq_wrapper ion-segment-button.segment-button {
  font-size: 15px;
  font-family: "Macondo";
  font-weight: 600;
}

page-faqs .faq_wrapper .segmentDiv h4 {
  font-family: "Macondo";
  font-size: 18px;
  padding: 20px 0;
  font-weight: 500;
}

page-faqs .faq_wrapper .segmentDiv .cd-faq-group {
  margin: 0 0 1px 0;
  width: 100%;
}

page-faqs .faq_wrapper .segmentDiv .cd-faq-group .faq_header {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px 15px 7px 15px;
}

page-faqs .actionbtn span.button-inner {
  font-size: 0;
}

page-faqs .actionbtn.show span.button-inner {
  font-size: 12px;
}

page-faqs .actionbtn ion-icon {
  font-size: 16px;
  padding: 0;
}

page-faqs .faq_wrapper .segmentDiv .cd-faq-group .faq_header a {
  position: relative;
  width: 200%;
  padding-left: 15px;
  overflow: auto;
  white-space: normal;
}

page-faqs .faq_wrapper .segmentDiv .cd-faq-group .cd-faq-content p {
  white-space: initial;
  color: #000;
  line-height: 1.6;
  font-size: 15px;
}

page-faqs .faq_wrapper .segmentDiv .cd-faq-group .faq_header a.ansOpen:before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

page-faqs .nodata_avail {
  font-family: "Open Sans";
  text-align: center;
  line-height: 60px;
  font-size: 25px;
  color: #0099ff;
}

page-faqs ion-segment {
  border: 1px solid #0099ff;
  border-radius: 25px;
  margin-bottom: 11px;
}

page-faqs ion-segment-button {
  border-radius: 25px;
  border-bottom-style: none !important;
}

page-faqs .segment-md .segment-button.activated, page-faqs .segment-md .segment-button.segment-activated {
  border-color: #0099ff;
  background: #0099ff;
  color: #ffffff;
}

page-faqs .toolbar-background {
  background: transparent;
  border: 0px;
}

page-upload-assignment ion-segment {
  border: 1px solid #0099ff;
  border-radius: 25px;
}

page-upload-assignment ion-segment-button {
  border-radius: 25px;
  border-bottom-style: none !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

page-upload-assignment .segment-md .segment-button.activated,
page-upload-assignment .segment-md .segment-button.segment-activated {
  border-color: #0099ff;
  background: #0099ff;
  color: #000;
}

page-upload-assignment .toolbar-background {
  background: transparent;
  border: 0px;
}

page-upload-assignment .centerdiv {
  width: 80%;
  margin: 10px auto;
}

page-upload-assignment #primaryclass {
  color: blue;
  background-color: rgba(135, 207, 235, 0.322);
  border-radius: 5px;
}

page-upload-assignment #normalclass {
  color: black;
}

page-upload-assignment .imageContainer {
  border: 1px solid black;
  width: 100%;
  height: 70vh;
  padding: 10%;
  overflow: auto;
  text-align: center;
  border-radius: 5px;
}

page-upload-assignment .filelist {
  width: 95%;
  background-color: white;
  border-radius: 5px;
}

page-upload-assignment .fileitem {
  background-color: transparent;
  width: 100%;
  height: 30px;
  text-align: left;
  font-size: medium;
  margin-top: 5px;
}

page-upload-assignment .empty {
  color: #0099ff !important;
}

page-files-modal ion-segment {
  border: 1px solid #0099ff;
  border-radius: 25px;
}

page-files-modal ion-segment-button {
  border-radius: 25px;
  border-bottom-style: none !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

page-files-modal .segment-md .segment-button.activated,
page-files-modal .segment-md .segment-button.segment-activated {
  border-color: #0099ff;
  background: #0099ff;
  color: #000;
}

page-files-modal .toolbar-background {
  background: transparent;
  border: 0px;
}

page-files-modal .centerdiv {
  width: 80%;
  margin: 0 auto;
}

page-files-modal .button-save {
  position: absolute;
  pointer-events: auto;
  left: 15px;
  bottom: 16px;
  padding: 10px;
  z-index: 10;
  cursor: pointer;
}

page-files-modal .button-save:hover {
  opacity: 0.8;
}

page-files-modal .tui-image-editor-container {
  margin: auto;
}

page-files-modal .tui-image-editor-container .color-picker-control .tui-colorpicker-palette-button {
  min-width: 15px;
  min-height: 15px;
}

page-files-modal .tui-image-editor-container .tui-colorpicker-palette-container ul .tui-colorpicker-clearfix {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-files-modal .tui-image-editor-container .tui-image-editor-header {
  display: none;
  height: 0;
  pointer-events: none;
}

page-files-modal .tui-image-editor-container .tui-image-editor-main {
  top: 0px;
}

page-files-modal .tui-image-editor-container div.tui-colorpicker-clearfix {
  display: none;
}

page-files-modal .tui-image-editor-container .color-picker-control {
  width: auto;
}

page-files-modal imageContainer {
  border: 1px solid black;
  width: 100%;
  text-align: center;
  border-radius: 10px;
}

page-files-modal page-modal-upload-file .tui-image-editor-container {
  margin: auto;
  height: 75vh;
}

page-files-modal .filelist {
  width: 95%;
  background-color: white;
  border-radius: 10px;
  border: 1px solid black;
}

page-files-modal .filehead {
  font-size: 20px !important;
  padding: 15px;
  text-align: center;
  background-color: #d7d7d7;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

page-files-modal .fileitem {
  background-color: transparent;
  width: 80%;
  padding: 15px;
  text-align: left;
  font-size: medium;
  margin-top: 5px;
  border-radius: 10px;
}

page-files-modal .download-icon {
  margin: auto;
  display: inline;
}

page-files-modal a {
  text-decoration: underline;
  color: #5EAAC2;
  cursor: pointer;
}

page-files-modal .empty {
  color: #0099ff !important;
}

page-files-modal #primaryclass {
  color: blue;
  background-color: rgba(135, 207, 235, 0.322);
  border-radius: 5px;
}

page-files-modal #normalclass {
  color: black;
}

page-files-modal submit-btn {
  padding: 10px 0;
}

page-generate-policy .error_msg {
  font-family: "Open Sans";
  color: #0099ff;
  font-size: 17px;
}

page-generate-policy .helpbutton {
  font-size: 15px;
}

page-generate-policy .nodata_avail {
  font-family: "Open Sans";
  text-align: center;
  line-height: 60px;
  font-size: 25px;
  color: #f15c6c;
}

page-generate-policy .help-circle-icon {
  color: #222 !important;
}

page-generate-policy .imagecls {
  width: 50px;
}

page-generate-policy ion-segment.superSegment.segment.segment-md ion-segment.superSegment {
  border: 1px solid #f15c6c;
}

page-generate-policy ion-segment.superSegment.segment.segment-md ion-segment-button.superSegmentbtn {
  border-radius: 25px;
  border-bottom-style: none !important;
}

page-generate-policy ion-segment.superSegment.segment.segment-md ion-segment-button.superSegmentbtn.segment-button.segment-activated {
  border-color: #f15c6c !important;
  background: #f15c6c !important;
  color: #fff;
}

page-generate-policy .submitbtn {
  border-radius: 10px;
}

page-generate-policy .word-export {
  height: 3.0rem;
  font-size: 1.4rem;
  font-weight: 500;
  text-transform: uppercase;
  color: #f15c6c;
  border: 0.5px solid #f15c6c;
  /* border-radius: 10px; */
  padding: 10px;
  text-decoration: none;
  margin: 0px;
  background: #fff;
  width: 100%;
}

page-generate-policy .topmessage {
  color: #f15c6c;
  font-size: 12px;
  font-style: italic;
}

page-generate-policy .export {
  font-size: 1.4rem;
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
  margin: 0px;
  width: 100%;
}

page-generate-policy .buttoncls {
  height: 3.6rem;
  font-size: 1.4rem;
  font-weight: 500;
  text-transform: capitalize;
  color: #fff;
  background-color: #f15c6c;
  border-radius: 10px;
  width: 135px;
}

page-generate-policy .buttoncls:hover {
  background-color: #f15c6c !important;
}

@media (min-width: 800px) {
  page-generate-policy .centerdiv {
    width: 80%;
    margin: 10px auto;
  }
}

page-generate-policy ion-segment.subSegment.segment.segment-md {
  border-bottom: 1px solid #f15c6c !important;
  border-radius: 0 !important;
  border-top: none;
  border-left: none;
  border-right: none;
}

page-generate-policy ion-segment.subSegment.segment.segment-md ion-segment-button.subSegmentbtn {
  border-radius: 0 !important;
  border-bottom-style: none !important;
}

page-generate-policy ion-segment.subSegment.segment.segment-md ion-segment-button.subSegmentbtn.segment-button.segment-activated {
  border-color: #f15c6c !important;
  background: #f15c6c !important;
  color: #fff;
  border-radius: 0 !important;
}

/* ANIMATION */
/* SHADOWS */
/*
 *
 *   MaterialWrap - Bootstrap + Material Design Admin Theme

 
*/
/*
 * CSS Transform - Scale and Rotate
 */
.letter-sp-1 {
  letter-spacing: 1px;
}

.letter-sp-2 {
  letter-spacing: 2px;
}

.letter-sp-3 {
  letter-spacing: 3px;
}

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

.m-5 {
  margin: 5px !important;
}

.m-10 {
  margin: 10px !important;
}

.m-15 {
  margin: 15px !important;
}

.m-20 {
  margin: 20px !important;
}

.m-30 {
  margin: 30px !important;
}

.m-50 {
  margin: 50px !important;
}

.m-b-100 {
  margin-bottom: 100px !important;
}

.m-b-15 {
  margin-bottom: 15px !important;
}

.m-b-20 {
  margin-bottom: 20px !important;
}

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

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

.m-l-5 {
  margin-left: 5px !important;
}

.m-l-10 {
  margin-left: 10px !important;
}

.m-l-15 {
  margin-left: 15px !important;
}

.m-l-20 {
  margin-left: 20px !important;
}

.m-l-30 {
  margin-left: 30px !important;
}

.m-l-40 {
  margin-left: 40px !important;
}

.m-l-50 {
  margin-left: 50px !important;
}

.m-l-n-1 {
  margin-left: -1px !important;
}

.m-l-n-5 {
  margin-left: -5px !important;
}

.m-l-n-10 {
  margin-left: -10px !important;
}

.m-l-n-15 {
  margin-left: -15px !important;
}

.m-l-n-20 {
  margin-left: -20px !important;
}

.m-l-n-30 {
  margin-left: -30px !important;
}

.m-l-n-40 {
  margin-left: -40px !important;
}

.m-l-n-50 {
  margin-left: -50px !important;
}

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

.m-t-1 {
  margin-top: 1px !important;
}

.m-t-2 {
  margin-top: 2px;
}

.m-t-2p {
  margin-top: 2% !important;
}

.m-t-5p {
  margin-top: 5% !important;
}

.m-t-25p {
  margin-top: 25% !important;
}

.m-t-30p {
  margin-top: 30% !important;
}

.m-t-4 {
  margin-top: 4px !important;
}

.m-t-5 {
  margin-top: 5px !important;
}

.m-t-5p {
  margin-top: 5% !important;
}

.m-t-10 {
  margin-top: 10px !important;
}

.m-t-15 {
  margin-top: 15px !important;
}

.m-t-20 {
  margin-top: 20px !important;
}

.m-t-30 {
  margin-top: 30px !important;
}

.m-t-40 {
  margin-top: 40px !important;
}

.m-t-50 {
  margin-top: 50px !important;
}

.m-t-75 {
  margin-top: 75px !important;
}

.m-t-100 {
  margin-top: 100px !important;
}

.m-t-120 {
  margin-top: 120px !important;
}

.m-t-140 {
  margin-top: 140px !important;
}

.m-t-n-1 {
  margin-top: -1px !important;
}

.m-t-n-5 {
  margin-top: -5px !important;
}

.m-t-n-10 {
  margin-top: -10px !important;
}

.m-t-n-15 {
  margin-top: -15px !important;
}

.m-t-n-20 {
  margin-top: -20px !important;
}

.m-t-n-30 {
  margin-top: -30px !important;
}

.m-t-n-40 {
  margin-top: -40px !important;
}

.m-t-n-50 {
  margin-top: -50px !important;
}

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

.m-r-1 {
  margin-right: 1px !important;
}

.m-r-5 {
  margin-right: 5px !important;
}

.m-r-10 {
  margin-right: 10px !important;
}

.m-r-15 {
  margin-right: 15px !important;
}

.m-r-20 {
  margin-right: 20px !important;
}

.m-r-30 {
  margin-right: 30px !important;
}

.m-r-40 {
  margin-right: 40px !important;
}

.m-r-50 {
  margin-right: 50px !important;
}

.m-r-n-1 {
  margin-right: -1px !important;
}

.m-r-n-5 {
  margin-right: -5px !important;
}

.m-r-n-10 {
  margin-right: -10px !important;
}

.m-r-n-15 {
  margin-right: -15px !important;
}

.m-r-n-20 {
  margin-right: -20px !important;
}

.m-r-n-30 {
  margin-right: -30px !important;
}

.m-r-n-40 {
  margin-right: -40px !important;
}

.m-r-n-50 {
  margin-right: -50px !important;
}

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

.m-b-1 {
  margin-bottom: 1px !important;
}

.m-b-4 {
  margin-bottom: 4px !important;
}

.m-b-5 {
  margin-bottom: 5px !important;
}

.m-b-10 {
  margin-bottom: 10px !important;
}

.m-b-15 {
  margin-bottom: 15px !important;
}

.m-b-20 {
  margin-bottom: 20px !important;
}

.m-b-30 {
  margin-bottom: 30px !important;
}

.m-b-40 {
  margin-bottom: 40px !important;
}

.m-b-50 {
  margin-bottom: 50px !important;
}

.m-b-n-1 {
  margin-bottom: -1px !important;
}

.m-b-n-5 {
  margin-bottom: -5px !important;
}

.m-b-n-10 {
  margin-bottom: -10px !important;
}

.m-b-n-15 {
  margin-bottom: -15px !important;
}

.m-b-n-20 {
  margin-bottom: -20px !important;
}

.m-b-n-30 {
  margin-bottom: -30px !important;
}

.m-b-n-40 {
  margin-bottom: -40px !important;
}

.m-b-n-50 {
  margin-bottom: -50px !important;
}

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

.p-5 {
  padding: 5px !important;
}

.p-10 {
  padding: 10px !important;
}

.p-15 {
  padding: 15px !important;
}

.p-20 {
  padding: 20px !important;
}

.p-25 {
  padding: 25px !important;
}

.p-30 {
  padding: 30px !important;
}

.p-40 {
  padding: 40px !important;
}

.p-50 {
  padding: 50px !important;
}

.p-75 {
  padding: 75px !important;
}

.p-100 {
  padding: 100px !important;
}

.p-lr {
  padding: 0px 4% 0px 4%;
}

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

.p-l-5 {
  padding-left: 5px !important;
}

.p-l-10 {
  padding-left: 10px !important;
}

.p-l-12 {
  padding-left: 12px !important;
}

.p-l-15 {
  padding-left: 15px !important;
}

.p-l-16 {
  padding-left: 16px !important;
}

.p-l-20 {
  padding-left: 20px !important;
}

.p-l-25 {
  padding-left: 25px !important;
}

.p-l-30 {
  padding-left: 30px !important;
}

.p-l-40 {
  padding-left: 40px !important;
}

.p-l-50 {
  padding-left: 50px !important;
}

.p-l-75 {
  padding-left: 75px !important;
}

.p-l-100 {
  padding-left: 100px !important;
}

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

.p-r-5 {
  padding-right: 5px !important;
}

.p-r-10 {
  padding-right: 10px !important;
}

.p-r-12 {
  padding-right: 12px !important;
}

.p-r-15 {
  padding-right: 15px !important;
}

.p-r-20 {
  padding-right: 20px !important;
}

.p-r-25 {
  padding-right: 25px !important;
}

.p-r-30 {
  padding-right: 30px !important;
}

.p-r-40 {
  padding-right: 40px !important;
}

.p-r-50 {
  padding-right: 50px !important;
}

.p-r-75 {
  padding-right: 75px !important;
}

.p-r-100 {
  padding-right: 100px !important;
}

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

.p-b-5 {
  padding-bottom: 5px !important;
}

.p-b-10 {
  padding-bottom: 10px !important;
}

.p-b-15 {
  padding-bottom: 15px !important;
}

.p-b-16 {
  padding-bottom: 16px !important;
}

.p-b-20 {
  padding-bottom: 20px !important;
}

.p-b-25 {
  padding-bottom: 25px !important;
}

.p-b-30 {
  padding-bottom: 30px !important;
}

.p-b-40 {
  padding-bottom: 40px !important;
}

.p-b-50 {
  padding-bottom: 50px !important;
}

.p-b-60 {
  padding-bottom: 60px !important;
}

.p-b-70 {
  padding-bottom: 70px !important;
}

.p-b-80 {
  padding-bottom: 80px !important;
}

.p-b-90 {
  padding-bottom: 90px !important;
}

.p-b-100 {
  padding-bottom: 100px !important;
}

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

.p-t-5 {
  padding-top: 5px !important;
}

.p-t-7 {
  padding-top: 7px !important;
}

.p-t-10 {
  padding-top: 10px !important;
}

.p-t-15 {
  padding-top: 15px !important;
}

.p-t-16 {
  padding-top: 16px !important;
}

.p-t-20 {
  padding-top: 20px !important;
}

.p-t-25 {
  padding-top: 25px !important;
}

.p-t-30 {
  padding-top: 30px !important;
}

.p-t-40 {
  padding-top: 40px !important;
}

.p-t-50 {
  padding-top: 50px !important;
}

.p-t-75 {
  padding-top: 75px !important;
}

.p-t-100 {
  padding-top: 100px !important;
}

.p-t-120 {
  padding-top: 120px !important;
}

.p-t-130 {
  padding-top: 130px !important;
}

.p-t-140 {
  padding-top: 140px !important;
}

.p-t-150 {
  padding-top: 150px !important;
}

.block {
  display: block !important;
}

.img-xs {
  width: 30px;
  height: 30px;
}

.img-sm {
  width: 35px;
  height: 35px;
}

.img-md {
  width: 55px;
  height: 55px;
}

.img-lg {
  width: 100px;
  height: 100px;
}

.min-w-800 {
  min-width: 800px !important;
}

.min-w-1000 {
  min-width: 1000px !important;
}

.min-w-1100 {
  min-width: 1100px !important;
}

.max-w-20 {
  max-width: 20px !important;
}

.max-w-30 {
  max-width: 30px !important;
}

.max-w-32 {
  max-width: 35px !important;
}

.max-w-35 {
  max-width: 35px !important;
}

.max-w-40 {
  max-width: 40px !important;
}

.max-w-50 {
  max-width: 50px !important;
}

.max-w-75 {
  max-width: 75px !important;
}

.max-w-100 {
  max-width: 100px !important;
}

.max-w-150 {
  max-width: 150px !important;
}

.max-w-200 {
  max-width: 200px !important;
}

.max-w-300 {
  max-width: 300px !important;
}

.max-w-400 {
  max-width: 400px !important;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-auto {
  overflow: auto;
}

.max-h-50 {
  max-height: 50px !important;
}

.max-h-80 {
  max-height: 80px !important;
}

.max-h-100 {
  max-height: 100px !important;
}

.max-h-150 {
  max-height: 150px !important;
}

.max-h-200 {
  max-height: 200px !important;
}

.max-h-250 {
  max-height: 250px !important;
}

.max-h-300 {
  max-height: 300px !important;
}

.max-h-350 {
  max-height: 300px !important;
}

.max-h-375 {
  max-height: 300px !important;
}

.max-h-400 {
  max-height: 400px !important;
}

.max-h-450 {
  max-height: 450px !important;
}

.max-h-500 {
  max-height: 500px !important;
}

.max-h-600 {
  max-height: 600px !important;
}

.max-h-650 {
  max-height: 650px !important;
}

.max-h-700 {
  max-height: 700px !important;
}

.max-h-800 {
  max-height: 800px !important;
}

.max-h-900 {
  max-height: 900px !important;
}

.max-h-1000 {
  max-height: 1000px !important;
}

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

.min-h-50 {
  min-height: 50px !important;
}

.min-h-100 {
  min-height: 100px !important;
}

.min-h-200 {
  min-height: 200px !important;
}

.min-h-250 {
  min-height: 250px !important;
}

.min-h-300 {
  min-height: 300px !important;
}

.min-h-350 {
  min-height: 300px !important;
}

.min-h-375 {
  min-height: 300px !important;
}

.min-h-400 {
  min-height: 400px !important;
}

.min-h-450 {
  min-height: 450px !important;
}

.min-h-500 {
  min-height: 500px !important;
}

.min-h-600 {
  min-height: 600px !important;
}

.min-h-650 {
  min-height: 650px !important;
}

.min-h-700 {
  min-height: 700px !important;
}

.min-h-800 {
  min-height: 800px !important;
}

.min-h-900 {
  min-height: 900px !important;
}

.min-h-1000 {
  min-height: 1000px !important;
}

.h-5 {
  height: 5px !important;
}

.h-10 {
  height: 10px !important;
}

.h-20 {
  height: 20px !important;
}

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

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

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

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

.h-125 {
  height: 125px !important;
}

.h-150 {
  height: 150px !important;
}

.h-200 {
  height: 200px !important;
}

.h-300 {
  height: 300px !important;
}

.h-350 {
  height: 350px !important;
}

.h-400 {
  height: 400px !important;
}

.h-450 {
  height: 450px !important;
}

.h-500 {
  height: 500px !important;
}

.h-600 {
  height: 600px !important;
}

.h-650 {
  height: 650px !important;
}

.h-700 {
  height: 700px !important;
}

.h-800 {
  height: 800px !important;
}

.h-900 {
  height: 900px !important;
}

.h-1000 {
  height: 1000px !important;
}

.w-5 {
  width: 5px !important;
}

.w-10 {
  width: 10px !important;
}

.w-15 {
  width: 15px !important;
}

.w-20 {
  width: 20px !important;
}

.w-30 {
  width: 30px !important;
}

.w-40 {
  width: 40px !important;
}

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

.w-60 {
  width: 60px !important;
}

.w-80 {
  width: 80px !important;
}

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

.w-150 {
  width: 150px !important;
}

.w-190 {
  width: 190px !important;
}

.w-200 {
  width: 200px !important;
}

.w-250 {
  width: 250px !important;
}

.w-300 {
  width: 300px !important;
}

.w-600 {
  width: 600px !important;
}

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

.w-95p {
  width: 95% !important;
}

.w-90p {
  width: 90% !important;
}

.w-80p {
  width: 80% !important;
}

.w-70p {
  width: 70% !important;
}

.w-60p {
  width: 60% !important;
}

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

.w-45p {
  width: 45% !important;
}

.w-40p {
  width: 40% !important;
}

.w-30p {
  width: 30% !important;
}

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

.w-20p {
  width: 20% !important;
}

.w-15p {
  width: 15% !important;
}

.w-10p {
  width: 10% !important;
}

.w-8p {
  width: 8% !important;
}

.w-5p {
  width: 5% !important;
}

.w-3p {
  width: 3% !important;
}

.w-95p {
  width: 95% !important;
}

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

.h-80p {
  height: 80% !important;
}

.absolute {
  position: absolute !important;
}

.relative {
  position: relative !important;
}

.block {
  display: block !important;
}

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

.list-block li {
  display: block !important;
}

.list-inline li {
  display: inline !important;
}

.clear-both {
  clear: both !important;
}

.line-height-normal {
  line-height: normal !important;
}

.line-height-8 {
  line-height: 8px !important;
}

.line-height-14 {
  line-height: 14px !important;
}

.line-height-12 {
  line-height: normal !important;
}

ul.style-none {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.style-none li {
  font-size: 0.875rem;
  padding: 3px 0;
}

ul.style-none li ul {
  list-style: none;
}

ul.vertical-icon-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.vertical-icon-list li {
  font-size: 0.875rem;
  padding: 6px 0;
}

ul.vertical-icon-list li i {
  font-size: 1.25rem;
  padding-right: 15px;
  vertical-align: middle;
}

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

.bg-green {
  background: #28bebd !important;
}

.bg-blue {
  background: #42a5f5 !important;
}

.bg-lightBlue {
  background: #2ebaee !important;
}

.bg-red {
  background: #ef5350 !important;
}

.bg-yellow {
  background: #f8c200 !important;
}

.bg-paleYellow {
  background: #fddd7e !important;
}

.bg-lightGray {
  background: #e3ecf7 !important;
}

.bg-gray {
  background: #8f9eb5 !important;
}

.bg-drakGray {
  background: #707c94 !important;
}

.bg-grayBlue {
  background: #59779b !important;
}

.bg-purple {
  background: #6b79c4 !important;
}

.bg-turquoise {
  background: #00c5dc !important;
}

.bg-peach {
  background: #feb38d !important;
}

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

.text-primary {
  color: #172B4D !important;
}

.text-link {
  color: #0645ad !important;
}

.text-green {
  color: #28bebd !important;
}

.text-turquoise {
  color: #00c5dc !important;
}

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

.text-cyan {
  color: #26c6da !important;
}

.text-yellow {
  color: #f8c200 !important;
}

.text-gray {
  color: #8f9eb5 !important;
}

.text-blue {
  color: #42a5f5 !important;
}

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

.text-purple {
  color: #6b79c4 !important;
}

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

.text-brown {
  color: #906b6b !important;
}

.text-salmon {
  color: #ee6e73 !important;
}

.text-muted {
  color: #8396b0;
}

.color-black {
  color: #000 !important;
}

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

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

.transparent {
  background: transparent !important;
}

.bg-primary {
  background-color: #172B4D !important;
}

.border-bottom,
.border-grey-bottom-1px {
  border-bottom: 1px solid rgba(215, 225, 237, 0.8) !important;
}

.border-grey-top-1px,
.border-top {
  border-top: 1px solid rgba(215, 225, 237, 0.6) !important;
}

.border-bottom-black-2px {
  border-bottom: 2px solid black;
}

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

.b-n {
  border: none !important;
}

.b-b-1 {
  border: 1px solid black;
}

.b-lg-1 {
  border: 1px solid lightgrey;
}

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

.shadow-z-0 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

.shadow-z-1 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

.shadow-z-1:hover {
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.shadow-z-2 {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.shadow-z-3 {
  -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

.shadow-z-4 {
  -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}

.shadow-z-5 {
  -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}

.big-shadow {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.font-weight-light {
  font-weight: 100 !important;
}

.font-weight-normal {
  font-weight: 300 !important;
}

.font-weight-medium {
  font-weight: 400 !important;
}

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

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

.font-size-0 {
  font-size: 0 !important;
}

.font-size-10 {
  font-size: 10px !important;
}

.font-size-11 {
  font-size: 11px !important;
}

.font-size-12 {
  font-size: 12px !important;
}

.font-size-14 {
  font-size: 14px !important;
}

.font-size-16 {
  font-size: 16px !important;
}

.font-size-18 {
  font-size: 18px !important;
}

.font-size-20 {
  font-size: 20px !important;
}

.font-size-24 {
  font-size: 24px !important;
}

.font-size-26 {
  font-size: 26px !important;
}

.font-size-30 {
  font-size: 30px !important;
}

.font-size-35 {
  font-size: 35px !important;
}

.font-size-38 {
  font-size: 38px !important;
}

.font-size-40 {
  font-size: 40px !important;
}

.font-size-50 {
  font-size: 50px !important;
}

.font-size-60 {
  font-size: 60px !important;
}

.font-size-70 {
  font-size: 70px !important;
}

.font-size-80 {
  font-size: 80px !important;
}

.hidden {
  display: none !important;
}

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

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

.float-l {
  float: left !important;
}

.align-c {
  display: block;
  margin: 0 auto;
}

.align-b {
  display: block;
}

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

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.align-v-c {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.align-v-c1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.align-v-c2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.align-v-c3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.align-v-c4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.align-flex-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.align-right-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.align-start-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media (max-width: 576px) {
  .d-xs-none {
    display: none !important;
  }
  .d-xs-inline {
    display: inline !important;
  }
  .d-xs-inline-block {
    display: inline-block !important;
  }
  .d-xs-block {
    display: block !important;
  }
  .d-xs-table {
    display: table !important;
  }
  .d-xs-table-cell {
    display: table-cell !important;
  }
  .d-xs-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
  }
  .d-xs-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important;
  }
}

.b-r-gd {
  border-radius: 10px !important;
}

.b-r-10 {
  border-radius: 10px !important;
}

.b-r-5 {
  border-radius: 5px;
}

.d-fl-ov-x {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  overflow-x: auto !important;
}

.align-base {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.d-fl-bl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.d-fl-vhcenter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.d-fl-b2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
}

.d-fl-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.d-fl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.d-fl-sb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.d-fl-saround {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.d-fl-ac {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-capital {
  text-transform: capitalize !important;
}

.text-upper {
  text-transform: uppercase !important;
}

.m-a {
  margin: auto !important;
}

.m-l-a {
  margin-left: auto !important;
}

.m-r-a {
  margin-right: auto !important;
}

.italic {
  font-style: italic;
}

.pointer {
  cursor: pointer;
}

.ws-in {
  white-space: inherit;
}

.opacity-1 {
  opacity: 1;
}

.in-valid-checkbox {
  border: 1px solid #ff0000 !important;
  padding: 5px !important;
  margin-bottom: 10px;
  border-radius: 5px;
}

page-corp-dashboard .mycustomdrop:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
  top: -15px;
  position: absolute;
  right: 15%;
}

h1 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1.6875rem !important;
  line-height: 64px;
  letter-spacing: -0.4px;
}

h2 {
  font-family: "Poppins", sans-serif;
  font-size: 24px !important;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
}

h3,
.h3 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 22px !important;
  line-height: 48px;
  /* identical to box height, or 200% */
  /* Neutral / dark gray */
  color: #000000;
}

h4,
.menu-heading-h4 {
  font-family: "Poppins", sans-serif !important;
  font-style: normal;
  font-weight: normal;
  font-size: 15px !important;
  line-height: 26px;
  /* or 144% */
  letter-spacing: -0.2px;
  color: #000000;
}

h5 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  /* or 143% */
  color: #000000;
}

.subtitle {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  /* or 200% */
  letter-spacing: 2.5px;
  color: #4E5761;
}

p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 13px !important;
  line-height: 24px;
  /* identical to box height, or 171% */
  letter-spacing: -0.1px;
  /* Neutral / black */
  color: #000000;
}

.ui-tabview.ui-tabview-top > .ui-tabview-nav {
  padding: 0.2em 0.2em 0;
  border-bottom: 1px solid #eaeaea;
}

.scroll-content {
  padding: 0 !important;
}

ion-navbar {
  margin: 0;
  border-radius: 0px;
  height: 50px !important;
  color: #172B4D !important;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

ion-header {
  padding: 0;
}

.header-md::after {
  background-image: none;
}

.toolbar-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #172B4D !important;
  line-height: 24px;
  font-family: "Poppins", sans-serif;
  font-size: 2rem !important;
  font-weight: bold !important;
  text-align: left !important;
}

.userLabel {
  float: right;
  display: inline;
  letter-spacing: 1px;
  color: #172B4D !important !important;
}

.card-title {
  font-size: 16px !important;
  color: #000000;
  font-weight: bold !important;
  text-align: center !important;
}

.barcolor {
  background: #5a75a3;
  color: #ffffff;
}

p-sorticon {
  color: black;
}

p-sorticon a {
  color: black !important;
}

.globalTable {
  border: none;
  border: 1px solid #c1c1c1;
}

.globalTable .ui-table-caption {
  border-bottom: 1px solid #dadada !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  font-size: 18px !important;
  background: #ecececad !important;
}

.globalTable .table-header input {
  font-size: 15px !important;
  border-style: groove;
  width: 100% !important;
  padding-left: 10px;
  border-radius: 10px;
  border-color: #f3f3f3;
  font-weight: 500;
  line-height: 25px !important;
}

.globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

.globalTable .table-header .align input {
  width: 80%;
  line-height: 25px;
}

.globalTable .ui-table-tbody tr:nth-child(2n+1) {
  background: white;
}

.globalTable .ui-table-tbody tr:nth-child(2n) {
  background: #f3f3f3;
}

.globalTable .ui-table-tbody tr:hover {
  background: #c1c1c167 !important;
}

.globalTable .ui-table-tbody .activeRow {
  background: #c4d2e5 !important;
}

.globalTable th input {
  text-align: center !important;
  width: 90% !important;
  font-weight: 400 !important;
}

.globalTable .ui-table .ui-sortable-column.ui-state-highlight {
  color: black !important;
}

.globalTable .ui-table .ui-table-thead tr th {
  background: #eeeeee9e;
  border: none;
  padding: 10px 0;
  width: 100%;
  text-align: center;
}

.globalTable .ui-table .ui-table-tbody tr td {
  border: none;
  background: inherit;
  padding: 20px 0;
  text-align: center;
}

.globalTable .ui-table .ui-table-tbody tr {
  border-bottom: 1px solid #cacaca;
}

.globalTable .p-column-filter {
  border-radius: 4px;
  border: 1px solid gray;
}

.globalTable .badge-badge.status-Active {
  padding: 5px 20px;
  color: #226f4e;
  background-color: #9decbe;
  font-weight: 500;
  font-size: 12px;
}

.globalTable .badge-badge.status-Inactive {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

.globalTable .badge-badge.status-Suspended {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

.globalTable .badge-badge.status-Waiting {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

.globalTable .badge-badge.status-Pending {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

.globalTable .actionIcon {
  padding: 0 3px;
  font-size: 16px;
  cursor: pointer;
}

ion-icon {
  cursor: pointer;
}

.button-md-reset {
  background-color: #ffffff;
  color: black !important;
  border: 1px solid #e3ecf7;
}

.button-md-reset:hover {
  background-color: #ececec !important;
}

.reset:hover {
  background-color: #ececec !important;
}

.button-md-primary {
  background-color: #172B4D !important;
  color: #ffffff !important;
}

ion-button {
  background-color: #172B4D !important;
  color: #ffffff;
}

.my-custom-class .alert-button-group button:first-child {
  position: relative;
}

.my-custom-class .alert-button-group button {
  font-weight: bold;
}

.my-custom-class .alert-radio-group {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100% !important;
}

.my-custom-class button {
  text-align: center;
}

.alert-button-group button:first-child {
  position: relative !important;
  min-width: 0 !important;
}

.alert-md .alert-wrapper {
  max-width: 320px !important;
}

.alert-md .alert-message {
  font-size: 16px !important;
}

.alert-button {
  font-size: 15px !important;
}

.alert-md .alert-sub-title {
  font-size: 16px !important;
}

.alert-md .alert-title {
  font-size: 22px !important;
}

.breakclass {
  white-space: pre-line;
}

.error {
  color: red;
  float: left;
}

.topStrip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}

.infographic1 {
  border: none;
  color: #367ad2;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

.infographic1 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

.infographic1 ion-icon {
  color: black;
}

.infographic2 {
  border: none;
  color: #50d29b;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

.infographic2 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

.infographic2 ion-icon {
  color: black;
}

.infographic3 {
  border: none;
  color: #ffaa00;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

.infographic3 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

.infographic3 ion-icon {
  color: black;
}

.infographic4 {
  border: none;
  color: #f36363;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

.infographic4 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

.infographic4 ion-icon {
  color: black;
}

.infographic5 {
  border: none;
  color: #41acbf;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

.infographic5 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

.infographic5 ion-icon {
  color: black;
}

.infograph1 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #367ad2;
  font-size: 20px;
}

.infograph2 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #51b98d;
  font-size: 20px;
}

.infograph3 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #ffaa00;
  font-size: 20px;
}

.infograph4 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #dc5b54;
  font-size: 20px;
}

.infograph5 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #41acbf;
  font-size: 20px;
}

.infographtext {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 12px;
}

.successToast .toast-message {
  background-color: #d2f8d2 !important;
  color: black;
}

.errorToast .toast-message {
  background-color: #eea9a0 !important;
  color: black;
}

.actionIconsBar {
  padding-right: 20px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.ui-carousel .ui-carousel-header {
  display: none !important;
}

.userfab .fab-close-active .fab-close-icon {
  height: 40px !important;
  position: relative !important;
}

textarea.text-input {
  resize: none !important;
}

.asterisk {
  color: red;
  padding-left: 3px;
}

.m-b-t {
  margin-bottom: 4% !important;
}

.ui-radiobutton-box.ui-state-active {
  border: 1px solid #09f;
  background: #09f;
  color: #09f;
}

.alert-md .alert-message {
  overflow: auto;
}

.alert-md .alert-message .alertstyle1 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

.alert-md .alert-message .alertstyle1 b {
  width: 65px !important;
}

.alert-md .alert-message .alertstyle3 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.alert-md .alert-message .alertstyle3 b {
  width: 65px !important;
}

.alert-md .alert-message .alertstyle4 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.alert-md .alert-message .alertstyle4 b {
  width: 150px !important;
}

.alert-md .alert-message .alertstyle5 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

.alert-md .alert-message .alertstyle5 b {
  width: 75px !important;
}

.alert-md .alert-message .alertstyle5 span {
  width: 5px;
}

.alert-md .alert-message .alertstyle2 {
  text-align: left !important;
}

.alert-md .alert-message .alertstyle2 li {
  margin-top: 10px;
}

.ui-tooltip {
  background-color: #172B4D !important;
  color: #ffffff;
}

.navsebexam .toolbar-content-md {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
}

.modal-wrapper {
  height: 75%;
  top: 10%;
  position: absolute;
  display: block;
  border-radius: 10px !important;
}

.ui-picklist-source-controls.ui-picklist-buttons {
  display: none !important;
}

.ui-picklist-target-controls.ui-picklist-buttons {
  display: none !important;
}

.ui-picklist-target-controls.ui-picklist-buttons.ng-star-inserted {
  display: none !important;
}

.ellip {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.p-slider {
  background: #dee2e6;
  border: 0 none;
  border-radius: 3px;
}

.Errorbox .alert-title {
  color: #d8000c;
}

.Errorbox .alert-button {
  color: #d8000c;
}

.card-md {
  border-radius: 5px !important;
}

/* The Modal (background) */
.modal {
  display: none;
  /* Hidden by default */
  position: -webkit-sticky;
  position: sticky;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 30px;
  /* Location of the box */
  left: 0;
  right: 0;
  bottom: 150px;
  width: 400px;
  height: 400px;
  margin: auto;
  border: 4px solid;
  background-color: black;
}

/* Modal Content (image) */
.modal-content {
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
}

/* The Close Button */
.close {
  position: absolute;
  color: #f1f1f1;
  top: 0px;
  right: 10px;
  font-size: 28px;
  font-weight: bold;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

.customhr {
  width: 90%;
  background-color: #ccc;
}

.mycustomtoolbar ion-segment {
  border: none;
}

.mycustomtoolbar ion-segment-button {
  font-size: 16px !important;
  font-weight: 500 !important;
}

.mycustomtoolbar .segment-md .segment-button.activated,
.mycustomtoolbar .segment-md .segment-button.segment-activated {
  border-color: #172B4D !important;
  color: #172B4D !important;
}

.mycustomtoolbar .toolbar-background {
  background: transparent;
}

/*!
 * FullCalendar v3.2.0 Stylesheet
 * Docs & License: https://fullcalendar.io/
 * (c) 2017 Adam Shaw
 */
.fc {
  direction: ltr;
  text-align: left;
}

.fc-rtl {
  text-align: right;
}

body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}

/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-list-heading td {
  border-color: #ddd;
}

.fc-unthemed .fc-popover {
  background-color: #fff;
}

.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header,
.fc-unthemed .fc-list-heading td {
  background: #eee;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}

.fc-unthemed td.fc-today {
  background: #fcf8e3;
}

.fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3;
}

.fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3;
}

.fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}

/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
.fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
.fc-icon:after {
  position: relative;
}

.fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

.fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

.fc-icon-left-double-arrow:after {
  content: "\000AB";
  font-size: 160%;
  top: -7%;
}

.fc-icon-right-double-arrow:after {
  content: "\000BB";
  font-size: 160%;
  top: -7%;
}

.fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%;
}

.fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%;
}

.fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%;
}

.fc-icon-x:after {
  content: "\000D7";
  font-size: 200%;
  top: 6%;
}

/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
.fc button {
  /* force height to include the border and padding */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer;
}

/* Firefox has an annoying inner border */
.fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}

.fc-state-default {
  /* non-theme */
  border: 1px solid;
}

.fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* icons in buttons */
.fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .2em;
  vertical-align: middle;
}

/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
.fc-state-default {
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}

.fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

.fc-state-down,
.fc-state-active {
  background-color: #cccccc;
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* Buttons Groups
--------------------------------------------------------------------------------------------------*/
.fc-button-group {
  display: inline-block;
}

/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
.fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px;
}

.fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0;
}

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover {
  position: absolute;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px;
}

.fc-popover .fc-header .fc-title {
  margin: 0 2px;
}

.fc-popover .fc-header .fc-close {
  cursor: pointer;
}

.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}

.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}

/* unthemed */
.fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: .9em;
  margin-top: 2px;
}

/* jqui themed */
.fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */
}

/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
.fc-divider {
  border-style: solid;
  border-width: 1px;
}

hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}

.fc-clear {
  clear: both;
}

.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}

.fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}

/* Tables
--------------------------------------------------------------------------------------------------*/
.fc table {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}

.fc th {
  text-align: center;
}

.fc th,
.fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}

.fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}

/* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
a[data-goto] {
  cursor: pointer;
}

a[data-goto]:hover {
  text-decoration: underline;
}

/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
.fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}

.fc-row table {
  /* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}

.fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}

/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
.fc-row {
  position: relative;
}

.fc-row .fc-bg {
  z-index: 1;
}

/* highlighting cells & background event skeleton */
.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}

.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}

.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}

.fc-row .fc-bgevent-skeleton {
  z-index: 2;
}

.fc-row .fc-highlight-skeleton {
  z-index: 3;
}

/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
.fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}

.fc-row .fc-helper-skeleton {
  z-index: 5;
}

.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}

.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}

/* Scrolling Container
--------------------------------------------------------------------------------------------------*/
.fc-scroller {
  -webkit-overflow-scrolling: touch;
}

/* TODO: move to agenda/basic */
.fc-scroller > .fc-day-grid,
.fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}

/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */
  font-weight: normal;
  /* undo jqui's ui-widget-header bold */
}

.fc-event,
.fc-event-dot {
  background-color: #3a87ad;
  /* default BACKGROUND color */
}

/* overpower some of bootstrap's and jqui's styles on <a> tags */
.fc-event,
.fc-event:hover,
.ui-widget .fc-event {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}

.fc-event[href],
.fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}

.fc-not-allowed,
.fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}

.fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #ffffff;
  opacity: .25;
}

.fc-event .fc-content {
  position: relative;
  z-index: 2;
}

/* resizer (cursor AND touch devices) */
.fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
}

/* resizer (touch devices) */
.fc-event .fc-resizer {
  display: none;
}

.fc-event.fc-allow-mouse-resize .fc-resizer,
.fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block;
}

/* hit area */
.fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}

/* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
.fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.fc-event.fc-selected.fc-dragging {
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

/* Horizontal Events
--------------------------------------------------------------------------------------------------*/
/* bigger touch area when selected */
.fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}

/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* resizer (cursor AND touch devices) */
/* left resizer  */
.fc-ltr .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */
}

/* right resizer */
.fc-ltr .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */
}

/* resizer (mouse devices) */
.fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */
}

/* resizer (touch devices) */
.fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* vertically center */
  top: 50%;
  margin-top: -4px;
}

/* left resizer  */
.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */
}

/* right resizer */
.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */
}

/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}

tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */
}

.fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: .25;
}

.fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}

.fc-day-grid-event .fc-time {
  font-weight: bold;
}

/* resizer (cursor devices) */
/* left resizer  */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */
}

/* right resizer */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */
}

/* Event Limiting
--------------------------------------------------------------------------------------------------*/
/* "more" link that represents hidden events */
a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none;
}

a.fc-more:hover {
  text-decoration: underline;
}

.fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}

/* popover that appears when "more" link is clicked */
.fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}

.fc-more-popover {
  z-index: 2;
  width: 220px;
}

.fc-more-popover .fc-event-container {
  padding: 10px;
}

/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-now-indicator {
  position: absolute;
  border: 0 solid red;
}

/* Utilities
--------------------------------------------------------------------------------------------------*/
.fc-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* Toolbar
--------------------------------------------------------------------------------------------------*/
.fc-toolbar {
  text-align: center;
}

.fc-toolbar.fc-header-toolbar {
  margin-bottom: 1em;
}

.fc-toolbar.fc-footer-toolbar {
  margin-top: 1em;
}

.fc-toolbar .fc-left {
  float: left;
}

.fc-toolbar .fc-right {
  float: right;
}

.fc-toolbar .fc-center {
  display: inline-block;
}

/* the things within each left/right/center section */
.fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em;
}

/* the first thing within each left/center/right section */
.fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0;
}

/* title text */
.fc-toolbar h2 {
  margin: 0;
}

/* button layering (for border precedence) */
.fc-toolbar button {
  position: relative;
}

.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
  z-index: 2;
}

.fc-toolbar .fc-state-down {
  z-index: 3;
}

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
  z-index: 4;
}

.fc-toolbar button:focus {
  z-index: 5;
}

/* View Structure
--------------------------------------------------------------------------------------------------*/
/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.fc-view,
.fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}

/* BasicView
--------------------------------------------------------------------------------------------------*/
/* day row structure */
.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}

.fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}

/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
.fc-row.fc-rigid {
  overflow: hidden;
}

.fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

/* week and day number styling */
.fc-day-top.fc-other-month {
  opacity: 0.3;
}

.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
  padding: 2px;
}

.fc-basic-view th.fc-week-number,
.fc-basic-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */
}

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right;
}

.fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left;
}

.fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0;
}

.fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px;
}

.fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080;
}

/* when week/day number have own column */
.fc-basic-view td.fc-week-number {
  text-align: center;
}

.fc-basic-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}

/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
.fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}

.fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}

/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
.fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}

.fc-ltr .fc-axis {
  text-align: right;
}

.fc-rtl .fc-axis {
  text-align: left;
}

.ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome jqui theme making it bold */
}

/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
.fc-time-grid-container,
.fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}

.fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

.fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}

.fc-time-grid > .fc-bg {
  z-index: 1;
}

.fc-time-grid .fc-slats,
.fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}

.fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */
}

.fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
}

/* divs within a cell within the fc-content-skeleton */
.fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1;
}

.fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2;
}

.fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3;
}

.fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4;
}

.fc-time-grid .fc-now-indicator-line {
  z-index: 5;
}

.fc-time-grid .fc-helper-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6;
}

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}

.fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}

.fc-time-grid .fc-slats .ui-widget-content {
  /* for jqui theme */
  background: none;
  /* see through to fc-bg */
}

/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}

.fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}

/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
.fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}

.fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}

.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}

.fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}

/* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
.fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */
}

.fc-time-grid-event.fc-selected {
  /* need to allow touch resizers to extend outside event's bounding box */
  /* common fc-selected styles hide the fc-bg, so don't need this anyway */
  overflow: visible;
}

.fc-time-grid-event.fc-selected .fc-bg {
  display: none;
  /* hide semi-white background, to appear darker */
}

.fc-time-grid-event .fc-content {
  overflow: hidden;
  /* for when .fc-selected */
}

.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
  padding: 0 1px;
}

.fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap;
}

/* short mode, where time and title are on the same line */
.fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}

.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}

.fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}

.fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}

.fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
  /* seperate with a dash, wrapped in nbsp's */
}

.fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}

/* resizer (cursor device) */
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}

.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "=";
}

/* resizer (touch device) */
.fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px;
}

/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0;
}

/* arrow on axis */
.fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */
}

.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

/* List View
--------------------------------------------------------------------------------------------------*/
/* possibly reusable */
.fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}

/* view wrapper */
.fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */
}

.fc-list-view {
  border-width: 1px;
  border-style: solid;
}

/* table resets */
.fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */
}

.fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px;
}

.fc-list-table tr:first-child td {
  border-top-width: 0;
}

/* day headings with the list */
.fc-list-heading {
  border-bottom-width: 1px;
}

.fc-list-heading td {
  font-weight: bold;
}

.fc-ltr .fc-list-heading-main {
  float: left;
}

.fc-ltr .fc-list-heading-alt {
  float: right;
}

.fc-rtl .fc-list-heading-main {
  float: right;
}

.fc-rtl .fc-list-heading-alt {
  float: left;
}

/* event list items */
.fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */
}

.fc-list-item:hover td {
  background-color: #f5f5f5;
}

.fc-list-item-marker,
.fc-list-item-time {
  white-space: nowrap;
  width: 1px;
}

/* make the dot closer to the event title */
.fc-ltr .fc-list-item-marker {
  padding-right: 0;
}

.fc-rtl .fc-list-item-marker {
  padding-left: 0;
}

.fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit;
}

.fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline;
}

/* message when no events */
.fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table;
}

.fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #eee;
}

.admindashboard {
  padding: 1px 16px;
  /*!
 * FullCalendar v3.2.0 Stylesheet
 * Docs & License: https://fullcalendar.io/
 * (c) 2017 Adam Shaw
 */
  /* Colors
--------------------------------------------------------------------------------------------------*/
  /* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
  /*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
  /* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
  /* Firefox has an annoying inner border */
  /* icons in buttons */
  /*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
  /* Buttons Groups
--------------------------------------------------------------------------------------------------*/
  /*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
  /* Popover
--------------------------------------------------------------------------------------------------*/
  /* unthemed */
  /* jqui themed */
  /* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
  /* Tables
--------------------------------------------------------------------------------------------------*/
  /* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
  /* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
  /* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
  /* highlighting cells & background event skeleton */
  /*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
  /* Scrolling Container
--------------------------------------------------------------------------------------------------*/
  /* TODO: move to agenda/basic */
  /* Global Event Styles
--------------------------------------------------------------------------------------------------*/
  /* overpower some of bootstrap's and jqui's styles on <a> tags */
  /* resizer (cursor AND touch devices) */
  /* resizer (touch devices) */
  /* hit area */
  /* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
  /* Horizontal Events
--------------------------------------------------------------------------------------------------*/
  /* bigger touch area when selected */
  /* events that are continuing to/from another week. kill rounded corners and butt up against edge */
  /* resizer (cursor AND touch devices) */
  /* left resizer  */
  /* right resizer */
  /* resizer (mouse devices) */
  /* resizer (touch devices) */
  /* left resizer  */
  /* right resizer */
  /* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* resizer (cursor devices) */
  /* left resizer  */
  /* right resizer */
  /* Event Limiting
--------------------------------------------------------------------------------------------------*/
  /* "more" link that represents hidden events */
  /* popover that appears when "more" link is clicked */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* Utilities
--------------------------------------------------------------------------------------------------*/
  /* Toolbar
--------------------------------------------------------------------------------------------------*/
  /* the things within each left/right/center section */
  /* the first thing within each left/center/right section */
  /* title text */
  /* button layering (for border precedence) */
  /* View Structure
--------------------------------------------------------------------------------------------------*/
  /* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
  /* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
  /* BasicView
--------------------------------------------------------------------------------------------------*/
  /* day row structure */
  /* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
  /* week and day number styling */
  /* when week/day number have own column */
  /* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
  /* divs within a cell within the fc-content-skeleton */
  /* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
  /* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* short mode, where time and title are on the same line */
  /* resizer (cursor device) */
  /* resizer (touch device) */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* arrow on axis */
  /* List View
--------------------------------------------------------------------------------------------------*/
  /* possibly reusable */
  /* view wrapper */
  /* table resets */
  /* day headings with the list */
  /* event list items */
  /* make the dot closer to the event title */
  /* message when no events */
}

.admindashboard .top-grid-card {
  max-height: 200px;
}

.admindashboard .infographic1, .admindashboard .infographic2, .admindashboard .infographic3 {
  height: 70px;
}

.admindashboard .emptyStyle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.admindashboard .emptyDiv {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.admindashboard .emptyDiv .notfoundicon {
  font-size: 42px;
  color: darkgray;
}

.admindashboard #chart {
  max-width: 650px;
  margin: 35px auto;
}

.admindashboard #secondchart {
  max-width: 650px;
  margin: 35px auto;
}

.admindashboard #thirdchart {
  max-width: 650px;
  margin: 35px auto;
}

.admindashboard #forthchart {
  max-width: 650px;
  margin: 35px auto;
}

.admindashboard .grid-card {
  min-height: 200px;
  padding: 0px;
}

@media (max-width: 600px) {
  .admindashboard .countshow_div button {
    font-size: 12px;
  }
  .admindashboard .infodiv1 {
    font-size: 11px !important;
  }
  .admindashboard .infodiv2 {
    font-size: 11px !important;
  }
  .admindashboard .infodiv3 {
    font-size: 11px !important;
  }
  .admindashboard .infodiv4 {
    font-size: 11px !important;
  }
}

.admindashboard ion-spinner * {
  width: 28px;
  height: 28px;
  stroke: #444;
  fill: #222;
}

.admindashboard .nodataimage {
  height: 300px;
  width: 100%;
}

.admindashboard .fourthchartstyle {
  min-height: 350px;
  height: 382px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.admindashboard .success {
  margin-top: 2%;
  padding-top: 2%;
  text-align: center;
}

.admindashboard .warning {
  margin-top: 2%;
  padding-top: 2%;
  text-align: center;
}

.admindashboard .globalTable {
  border: 1px solid lightgrey;
  min-width: 601px;
}

.admindashboard .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.admindashboard .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

.admindashboard .globalTable .table-header .align input {
  width: 60%;
  line-height: 25px;
}

.admindashboard .globalTable th input {
  text-align: center;
  width: 90%;
  font-weight: 400;
}

.admindashboard #calendar-container {
  height: 75vh;
}

.admindashboard .fc {
  direction: ltr;
  text-align: left;
}

.admindashboard .fc-rtl {
  text-align: right;
}

.admindashboard body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}

.admindashboard .fc-unthemed th,
.admindashboard .fc-unthemed td,
.admindashboard .fc-unthemed thead,
.admindashboard .fc-unthemed tbody,
.admindashboard .fc-unthemed .fc-divider,
.admindashboard .fc-unthemed .fc-row,
.admindashboard .fc-unthemed .fc-content,
.admindashboard .fc-unthemed .fc-popover,
.admindashboard .fc-unthemed .fc-list-view,
.admindashboard .fc-unthemed .fc-list-heading td {
  border-color: #ddd;
}

.admindashboard .fc-unthemed .fc-popover {
  background-color: #fff;
}

.admindashboard .fc-unthemed .fc-divider,
.admindashboard .fc-unthemed .fc-popover .fc-header,
.admindashboard .fc-unthemed .fc-list-heading td {
  background: #eee;
}

.admindashboard .fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}

.admindashboard .fc-unthemed td.fc-today {
  background: #fcf8e3;
}

.admindashboard .fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3;
}

.admindashboard .fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3;
}

.admindashboard .fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}

.admindashboard .fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.admindashboard .fc-icon:after {
  position: relative;
}

.admindashboard .fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

.admindashboard .fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

.admindashboard .fc-icon-left-double-arrow:after {
  content: "\000AB";
  font-size: 160%;
  top: -7%;
}

.admindashboard .fc-icon-right-double-arrow:after {
  content: "\000BB";
  font-size: 160%;
  top: -7%;
}

.admindashboard .fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%;
}

.admindashboard .fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%;
}

.admindashboard .fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%;
}

.admindashboard .fc-icon-x:after {
  content: "\000D7";
  font-size: 200%;
  top: 6%;
}

.admindashboard .fc button {
  /* force height to include the border and padding */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer;
}

.admindashboard .fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}

.admindashboard .fc-state-default {
  /* non-theme */
  border: 1px solid;
}

.admindashboard .fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.admindashboard .fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.admindashboard .fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .2em;
  vertical-align: middle;
}

.admindashboard .fc-state-default {
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.admindashboard .fc-state-hover,
.admindashboard .fc-state-down,
.admindashboard .fc-state-active,
.admindashboard .fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}

.admindashboard .fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

.admindashboard .fc-state-down,
.admindashboard .fc-state-active {
  background-color: #cccccc;
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.admindashboard .fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.admindashboard .fc-button-group {
  display: inline-block;
}

.admindashboard .fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px;
}

.admindashboard .fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0;
}

.admindashboard .fc-popover {
  position: absolute;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.admindashboard .fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px;
}

.admindashboard .fc-popover .fc-header .fc-title {
  margin: 0 2px;
}

.admindashboard .fc-popover .fc-header .fc-close {
  cursor: pointer;
}

.admindashboard .fc-ltr .fc-popover .fc-header .fc-title,
.admindashboard .fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}

.admindashboard .fc-rtl .fc-popover .fc-header .fc-title,
.admindashboard .fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}

.admindashboard .fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}

.admindashboard .fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: .9em;
  margin-top: 2px;
}

.admindashboard .fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */
}

.admindashboard .fc-divider {
  border-style: solid;
  border-width: 1px;
}

.admindashboard hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}

.admindashboard .fc-clear {
  clear: both;
}

.admindashboard .fc-bg,
.admindashboard .fc-bgevent-skeleton,
.admindashboard .fc-highlight-skeleton,
.admindashboard .fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.admindashboard .fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}

.admindashboard .fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}

.admindashboard .fc table {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}

.admindashboard .fc th {
  text-align: center;
}

.admindashboard .fc th,
.admindashboard .fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}

.admindashboard .fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}

.admindashboard a[data-goto] {
  cursor: pointer;
}

.admindashboard a[data-goto]:hover {
  text-decoration: underline;
}

.admindashboard .fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}

.admindashboard .fc-row table {
  /* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}

.admindashboard .fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}

.admindashboard .fc-row {
  position: relative;
}

.admindashboard .fc-row .fc-bg {
  z-index: 1;
}

.admindashboard .fc-row .fc-bgevent-skeleton,
.admindashboard .fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}

.admindashboard .fc-row .fc-bgevent-skeleton table,
.admindashboard .fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}

.admindashboard .fc-row .fc-highlight-skeleton td,
.admindashboard .fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}

.admindashboard .fc-row .fc-bgevent-skeleton {
  z-index: 2;
}

.admindashboard .fc-row .fc-highlight-skeleton {
  z-index: 3;
}

.admindashboard .fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}

.admindashboard .fc-row .fc-helper-skeleton {
  z-index: 5;
}

.admindashboard .fc-row .fc-content-skeleton td,
.admindashboard .fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}

.admindashboard .fc-row .fc-content-skeleton tbody td,
.admindashboard .fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}

.admindashboard .fc-scroller {
  -webkit-overflow-scrolling: touch;
}

.admindashboard .fc-scroller > .fc-day-grid,
.admindashboard .fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}

.admindashboard .fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */
  font-weight: normal;
  /* undo jqui's ui-widget-header bold */
}

.admindashboard .fc-event,
.admindashboard .fc-event-dot {
  background-color: #3a87ad;
  /* default BACKGROUND color */
}

.admindashboard .fc-event,
.admindashboard .fc-event:hover,
.admindashboard .ui-widget .fc-event {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}

.admindashboard .fc-event[href],
.admindashboard .fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}

.admindashboard .fc-not-allowed,
.admindashboard .fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}

.admindashboard .fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #ffffff;
  opacity: .25;
}

.admindashboard .fc-event .fc-content {
  position: relative;
  z-index: 2;
}

.admindashboard .fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
}

.admindashboard .fc-event .fc-resizer {
  display: none;
}

.admindashboard .fc-event.fc-allow-mouse-resize .fc-resizer,
.admindashboard .fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block;
}

.admindashboard .fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}

.admindashboard .fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.admindashboard .fc-event.fc-selected.fc-dragging {
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

.admindashboard .fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}

.admindashboard .fc-ltr .fc-h-event.fc-not-start,
.admindashboard .fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.admindashboard .fc-ltr .fc-h-event.fc-not-end,
.admindashboard .fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.admindashboard .fc-ltr .fc-h-event .fc-start-resizer,
.admindashboard .fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */
}

.admindashboard .fc-ltr .fc-h-event .fc-end-resizer,
.admindashboard .fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */
}

.admindashboard .fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */
}

.admindashboard .fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* vertically center */
  top: 50%;
  margin-top: -4px;
}

.admindashboard .fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
.admindashboard .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */
}

.admindashboard .fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
.admindashboard .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */
}

.admindashboard .fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}

.admindashboard tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */
}

.admindashboard .fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: .25;
}

.admindashboard .fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}

.admindashboard .fc-day-grid-event .fc-time {
  font-weight: bold;
}

.admindashboard .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
.admindashboard .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */
}

.admindashboard .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
.admindashboard .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */
}

.admindashboard a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none;
}

.admindashboard a.fc-more:hover {
  text-decoration: underline;
}

.admindashboard .fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}

.admindashboard .fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}

.admindashboard .fc-more-popover {
  z-index: 2;
  width: 220px;
}

.admindashboard .fc-more-popover .fc-event-container {
  padding: 10px;
}

.admindashboard .fc-now-indicator {
  position: absolute;
  border: 0 solid red;
}

.admindashboard .fc-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.admindashboard .fc-toolbar {
  text-align: center;
}

.admindashboard .fc-toolbar.fc-header-toolbar {
  margin-bottom: 1em;
}

.admindashboard .fc-toolbar.fc-footer-toolbar {
  margin-top: 1em;
}

.admindashboard .fc-toolbar .fc-left {
  float: left;
}

.admindashboard .fc-toolbar .fc-right {
  float: right;
}

.admindashboard .fc-toolbar .fc-center {
  display: inline-block;
}

.admindashboard .fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em;
}

.admindashboard .fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0;
}

.admindashboard .fc-toolbar h2 {
  margin: 0;
}

.admindashboard .fc-toolbar button {
  position: relative;
}

.admindashboard .fc-toolbar .fc-state-hover,
.admindashboard .fc-toolbar .ui-state-hover {
  z-index: 2;
}

.admindashboard .fc-toolbar .fc-state-down {
  z-index: 3;
}

.admindashboard .fc-toolbar .fc-state-active,
.admindashboard .fc-toolbar .ui-state-active {
  z-index: 4;
}

.admindashboard .fc-toolbar button:focus {
  z-index: 5;
}

.admindashboard .fc-view-container *,
.admindashboard .fc-view-container *:before,
.admindashboard .fc-view-container *:after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.admindashboard .fc-view,
.admindashboard .fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}

.admindashboard .fc-basicWeek-view .fc-content-skeleton,
.admindashboard .fc-basicDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}

.admindashboard .fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}

.admindashboard .fc-row.fc-rigid {
  overflow: hidden;
}

.admindashboard .fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.admindashboard .fc-day-top.fc-other-month {
  opacity: 0.3;
}

.admindashboard .fc-basic-view .fc-week-number,
.admindashboard .fc-basic-view .fc-day-number {
  padding: 2px;
}

.admindashboard .fc-basic-view th.fc-week-number,
.admindashboard .fc-basic-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */
}

.admindashboard .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right;
}

.admindashboard .fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left;
}

.admindashboard .fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0;
}

.admindashboard .fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px;
}

.admindashboard .fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080;
}

.admindashboard .fc-basic-view td.fc-week-number {
  text-align: center;
}

.admindashboard .fc-basic-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}

.admindashboard .fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}

.admindashboard .fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}

.admindashboard .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}

.admindashboard .fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}

.admindashboard .fc-ltr .fc-axis {
  text-align: right;
}

.admindashboard .fc-rtl .fc-axis {
  text-align: left;
}

.admindashboard .ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome jqui theme making it bold */
}

.admindashboard .fc-time-grid-container,
.admindashboard .fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}

.admindashboard .fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

.admindashboard .fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}

.admindashboard .fc-time-grid > .fc-bg {
  z-index: 1;
}

.admindashboard .fc-time-grid .fc-slats,
.admindashboard .fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}

.admindashboard .fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */
}

.admindashboard .fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
}

.admindashboard .fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1;
}

.admindashboard .fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2;
}

.admindashboard .fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3;
}

.admindashboard .fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4;
}

.admindashboard .fc-time-grid .fc-now-indicator-line {
  z-index: 5;
}

.admindashboard .fc-time-grid .fc-helper-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6;
}

.admindashboard .fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}

.admindashboard .fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}

.admindashboard .fc-time-grid .fc-slats .ui-widget-content {
  /* for jqui theme */
  background: none;
  /* see through to fc-bg */
}

.admindashboard .fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}

.admindashboard .fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}

.admindashboard .fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}

.admindashboard .fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}

.admindashboard .fc-time-grid .fc-event,
.admindashboard .fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}

.admindashboard .fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}

.admindashboard .fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.admindashboard .fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.admindashboard .fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */
}

.admindashboard .fc-time-grid-event.fc-selected {
  /* need to allow touch resizers to extend outside event's bounding box */
  /* common fc-selected styles hide the fc-bg, so don't need this anyway */
  overflow: visible;
}

.admindashboard .fc-time-grid-event.fc-selected .fc-bg {
  display: none;
  /* hide semi-white background, to appear darker */
}

.admindashboard .fc-time-grid-event .fc-content {
  overflow: hidden;
  /* for when .fc-selected */
}

.admindashboard .fc-time-grid-event .fc-time,
.admindashboard .fc-time-grid-event .fc-title {
  padding: 0 1px;
}

.admindashboard .fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap;
}

.admindashboard .fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}

.admindashboard .fc-time-grid-event.fc-short .fc-time,
.admindashboard .fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}

.admindashboard .fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}

.admindashboard .fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}

.admindashboard .fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
  /* seperate with a dash, wrapped in nbsp's */
}

.admindashboard .fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}

.admindashboard .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}

.admindashboard .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "=";
}

.admindashboard .fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px;
}

.admindashboard .fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0;
}

.admindashboard .fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */
}

.admindashboard .fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

.admindashboard .fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

.admindashboard .fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}

.admindashboard .fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */
}

.admindashboard .fc-list-view {
  border-width: 1px;
  border-style: solid;
}

.admindashboard .fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */
}

.admindashboard .fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px;
}

.admindashboard .fc-list-table tr:first-child td {
  border-top-width: 0;
}

.admindashboard .fc-list-heading {
  border-bottom-width: 1px;
}

.admindashboard .fc-list-heading td {
  font-weight: bold;
}

.admindashboard .fc-ltr .fc-list-heading-main {
  float: left;
}

.admindashboard .fc-ltr .fc-list-heading-alt {
  float: right;
}

.admindashboard .fc-rtl .fc-list-heading-main {
  float: right;
}

.admindashboard .fc-rtl .fc-list-heading-alt {
  float: left;
}

.admindashboard .fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */
}

.admindashboard .fc-list-item:hover td {
  background-color: #f5f5f5;
}

.admindashboard .fc-list-item-marker,
.admindashboard .fc-list-item-time {
  white-space: nowrap;
  width: 1px;
}

.admindashboard .fc-ltr .fc-list-item-marker {
  padding-right: 0;
}

.admindashboard .fc-rtl .fc-list-item-marker {
  padding-left: 0;
}

.admindashboard .fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit;
}

.admindashboard .fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline;
}

.admindashboard .fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.admindashboard .fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table;
}

.admindashboard .fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.admindashboard .fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #eee;
}

.admindashboard .cardcalenderstyle {
  background-color: white;
  padding: 15px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.19);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.19);
  border-radius: 5px;
}

@media screen and (min-width: 768px) {
  .admindashboard .paddingcalender {
    padding: 0 2%;
  }
}

@media screen and (max-width: 768px) {
  .admindashboard .paddingcalender {
    padding: 0 5%;
  }
}

page-global-search ion-fab {
  width: 40px !important;
  height: 40px !important;
  margin: 3%;
}

page-global-search .imgui {
  border-radius: 50%;
  overflow: hidden;
  width: 70px;
  height: 70px;
  background-color: #c1c1c1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 30px;
}

page-global-search .globalTable {
  min-width: 100%;
  height: 317px;
}

page-global-search .candidet {
  padding: 10px;
  padding-left: 16px;
}

page-global-search .resumelink {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-decoration: none;
}

page-global-search .mycard {
  padding: 15px;
}

page-global-search .custom > ion-card {
  min-height: 300px;
  width: 100%;
  margin: 0px !important;
}

page-global-search .emptycard {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

page-global-search .emptycard p {
  font-size: 20px !important;
  font-weight: bold;
}

page-global-search .progressbardiv {
  width: 100%;
}

page-global-search .progressbardiv .ui-progressbar {
  height: 1.6em;
}

page-global-search .progressbardiv .ui-widget-content {
  border: 2px solid #bdd7ee75;
}

page-global-search .progressbardiv .ui-progressbar.ui-progressbar-determinate .ui-progressbar-value {
  background: blue;
}

page-global-search .progressbardiv .ui-progressbar-determinate .ui-progressbar-value-animate {
  transition: width 2s ease-in-out 0s;
  -webkit-transition: width 2s ease-in-out 0s;
}

page-global-search .progressbardiv .ui-progressbar-determinate .ui-progressbar-label {
  background: #bdd7ee75;
}

page-global-search p-progressBar {
  width: 100%;
}

page-global-search .assessCard ion-row {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-global-search .assessCard ion-row ion-col:first-child {
  max-width: 130px;
  text-align: left;
}

page-global-search .assessCard ion-row ion-col:nth-child(3) {
  max-width: 80px;
}

page-global-search .assessCard ion-row ion-col:last-child {
  max-width: 90px;
  text-align: center;
}

page-global-search .mycustomdrop9 {
  width: 35%;
  margin-right: 5%;
  bottom: 10%;
  padding: 30px;
  position: -webkit-sticky;
  position: sticky;
  z-index: 999;
  background-color: white;
  -webkit-box-shadow: 0px 2px 9px #00000030 !important;
  box-shadow: 0px 2px 9px #00000030 !important;
  border-radius: 5px;
}

page-global-search .mycustomdrop9 .purposehead {
  text-align: center;
  font-size: 20px;
  margin-top: 20px;
}

page-global-search .invCard ion-row {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-global-search .invCard ion-row ion-col:first-child {
  text-align: left;
}

page-global-search .invCard ion-row ion-col:first-child ion-row:first-child {
  font-weight: bold;
  font-size: 16px;
}

page-global-search .invCard ion-row ion-col:first-child ion-row:last-child {
  font-size: 12px;
}

page-global-search .invCard ion-row ion-col:nth-child(2) {
  font-size: 12px;
  min-width: 200px;
  padding: 0;
}

page-global-search .invCard ion-row ion-col:last-child {
  max-width: 40px;
}

page-global-search .info-grid ion-col {
  padding: 0;
}

page-global-search .info-grid ion-col ion-row {
  margin: 10px;
  border: 1px lightgrey solid;
  background-color: #ffffff;
}

page-global-search .info-grid ion-col .label-md {
  margin: 0;
}

page-global-search .info-grid ion-col .label-md .heading {
  font-family: "Open Sans";
  font-size: 0.9em;
  color: black;
  width: 60%;
}

page-global-search .info-grid ion-col .heading {
  width: 50%;
  background-color: #ebedf0;
  font-weight: bold;
  padding: 5px;
}

page-global-search .info-grid ion-col .info {
  width: 50%;
  background-color: #ffffff;
  padding: 5px;
  text-align: right;
}

page-global-search .red {
  color: red;
  font-weight: bold;
  font-size: 20px !important;
}

page-global-search .green {
  color: green;
  font-weight: bold;
  font-size: 20px !important;
}

page-global-search .h4head {
  background-color: rgba(204, 204, 204, 0.486);
  width: 100%;
  padding: 0 5px;
  border: 2px solid #c1c1c1;
}

page-global-search .cardgrid {
  height: 200px;
  overflow-y: auto;
}

page-global-search hr {
  background-color: #c1c1c1 !important;
}

page-global-search .btnCard {
  width: 100%;
  padding-top: 20px;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}

page-global-training {
  /* ANIMATION */
  /* SHADOWS */
  /*
 *
 *   MaterialWrap - Bootstrap + Material Design Admin Theme

 
*/
  /*
 * CSS Transform - Scale and Rotate
 */
  /* The Modal (background) */
  /* Modal Content (image) */
  /* The Close Button */
  /*!
 * FullCalendar v3.2.0 Stylesheet
 * Docs & License: https://fullcalendar.io/
 * (c) 2017 Adam Shaw
 */
  /* Colors
--------------------------------------------------------------------------------------------------*/
  /* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
  /*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
  /* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
  /* Firefox has an annoying inner border */
  /* icons in buttons */
  /*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
  /* Buttons Groups
--------------------------------------------------------------------------------------------------*/
  /*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
  /* Popover
--------------------------------------------------------------------------------------------------*/
  /* unthemed */
  /* jqui themed */
  /* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
  /* Tables
--------------------------------------------------------------------------------------------------*/
  /* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
  /* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
  /* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
  /* highlighting cells & background event skeleton */
  /*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
  /* Scrolling Container
--------------------------------------------------------------------------------------------------*/
  /* TODO: move to agenda/basic */
  /* Global Event Styles
--------------------------------------------------------------------------------------------------*/
  /* overpower some of bootstrap's and jqui's styles on <a> tags */
  /* resizer (cursor AND touch devices) */
  /* resizer (touch devices) */
  /* hit area */
  /* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
  /* Horizontal Events
--------------------------------------------------------------------------------------------------*/
  /* bigger touch area when selected */
  /* events that are continuing to/from another week. kill rounded corners and butt up against edge */
  /* resizer (cursor AND touch devices) */
  /* left resizer  */
  /* right resizer */
  /* resizer (mouse devices) */
  /* resizer (touch devices) */
  /* left resizer  */
  /* right resizer */
  /* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* resizer (cursor devices) */
  /* left resizer  */
  /* right resizer */
  /* Event Limiting
--------------------------------------------------------------------------------------------------*/
  /* "more" link that represents hidden events */
  /* popover that appears when "more" link is clicked */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* Utilities
--------------------------------------------------------------------------------------------------*/
  /* Toolbar
--------------------------------------------------------------------------------------------------*/
  /* the things within each left/right/center section */
  /* the first thing within each left/center/right section */
  /* title text */
  /* button layering (for border precedence) */
  /* View Structure
--------------------------------------------------------------------------------------------------*/
  /* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
  /* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
  /* BasicView
--------------------------------------------------------------------------------------------------*/
  /* day row structure */
  /* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
  /* week and day number styling */
  /* when week/day number have own column */
  /* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
  /* divs within a cell within the fc-content-skeleton */
  /* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
  /* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* short mode, where time and title are on the same line */
  /* resizer (cursor device) */
  /* resizer (touch device) */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* arrow on axis */
  /* List View
--------------------------------------------------------------------------------------------------*/
  /* possibly reusable */
  /* view wrapper */
  /* table resets */
  /* day headings with the list */
  /* event list items */
  /* make the dot closer to the event title */
  /* message when no events */
}

page-global-training .letter-sp-1 {
  letter-spacing: 1px;
}

page-global-training .letter-sp-2 {
  letter-spacing: 2px;
}

page-global-training .letter-sp-3 {
  letter-spacing: 3px;
}

page-global-training .m-0 {
  margin: 0 !important;
}

page-global-training .m-5 {
  margin: 5px !important;
}

page-global-training .m-10 {
  margin: 10px !important;
}

page-global-training .m-15 {
  margin: 15px !important;
}

page-global-training .m-20 {
  margin: 20px !important;
}

page-global-training .m-30 {
  margin: 30px !important;
}

page-global-training .m-50 {
  margin: 50px !important;
}

page-global-training .m-b-100 {
  margin-bottom: 100px !important;
}

page-global-training .m-b-15 {
  margin-bottom: 15px !important;
}

page-global-training .m-b-20 {
  margin-bottom: 20px !important;
}

page-global-training .m-b-0 {
  margin-bottom: 0 !important;
}

page-global-training .m-l-0 {
  margin-left: 0 !important;
}

page-global-training .m-l-5 {
  margin-left: 5px !important;
}

page-global-training .m-l-10 {
  margin-left: 10px !important;
}

page-global-training .m-l-15 {
  margin-left: 15px !important;
}

page-global-training .m-l-20 {
  margin-left: 20px !important;
}

page-global-training .m-l-30 {
  margin-left: 30px !important;
}

page-global-training .m-l-40 {
  margin-left: 40px !important;
}

page-global-training .m-l-50 {
  margin-left: 50px !important;
}

page-global-training .m-l-n-1 {
  margin-left: -1px !important;
}

page-global-training .m-l-n-5 {
  margin-left: -5px !important;
}

page-global-training .m-l-n-10 {
  margin-left: -10px !important;
}

page-global-training .m-l-n-15 {
  margin-left: -15px !important;
}

page-global-training .m-l-n-20 {
  margin-left: -20px !important;
}

page-global-training .m-l-n-30 {
  margin-left: -30px !important;
}

page-global-training .m-l-n-40 {
  margin-left: -40px !important;
}

page-global-training .m-l-n-50 {
  margin-left: -50px !important;
}

page-global-training .m-t-0 {
  margin-top: 0 !important;
}

page-global-training .m-t-1 {
  margin-top: 1px !important;
}

page-global-training .m-t-2 {
  margin-top: 2px;
}

page-global-training .m-t-2p {
  margin-top: 2% !important;
}

page-global-training .m-t-5p {
  margin-top: 5% !important;
}

page-global-training .m-t-25p {
  margin-top: 25% !important;
}

page-global-training .m-t-30p {
  margin-top: 30% !important;
}

page-global-training .m-t-4 {
  margin-top: 4px !important;
}

page-global-training .m-t-5 {
  margin-top: 5px !important;
}

page-global-training .m-t-5p {
  margin-top: 5% !important;
}

page-global-training .m-t-10 {
  margin-top: 10px !important;
}

page-global-training .m-t-15 {
  margin-top: 15px !important;
}

page-global-training .m-t-20 {
  margin-top: 20px !important;
}

page-global-training .m-t-30 {
  margin-top: 30px !important;
}

page-global-training .m-t-40 {
  margin-top: 40px !important;
}

page-global-training .m-t-50 {
  margin-top: 50px !important;
}

page-global-training .m-t-75 {
  margin-top: 75px !important;
}

page-global-training .m-t-100 {
  margin-top: 100px !important;
}

page-global-training .m-t-120 {
  margin-top: 120px !important;
}

page-global-training .m-t-140 {
  margin-top: 140px !important;
}

page-global-training .m-t-n-1 {
  margin-top: -1px !important;
}

page-global-training .m-t-n-5 {
  margin-top: -5px !important;
}

page-global-training .m-t-n-10 {
  margin-top: -10px !important;
}

page-global-training .m-t-n-15 {
  margin-top: -15px !important;
}

page-global-training .m-t-n-20 {
  margin-top: -20px !important;
}

page-global-training .m-t-n-30 {
  margin-top: -30px !important;
}

page-global-training .m-t-n-40 {
  margin-top: -40px !important;
}

page-global-training .m-t-n-50 {
  margin-top: -50px !important;
}

page-global-training .m-r-0 {
  margin-right: 0 !important;
}

page-global-training .m-r-1 {
  margin-right: 1px !important;
}

page-global-training .m-r-5 {
  margin-right: 5px !important;
}

page-global-training .m-r-10 {
  margin-right: 10px !important;
}

page-global-training .m-r-15 {
  margin-right: 15px !important;
}

page-global-training .m-r-20 {
  margin-right: 20px !important;
}

page-global-training .m-r-30 {
  margin-right: 30px !important;
}

page-global-training .m-r-40 {
  margin-right: 40px !important;
}

page-global-training .m-r-50 {
  margin-right: 50px !important;
}

page-global-training .m-r-n-1 {
  margin-right: -1px !important;
}

page-global-training .m-r-n-5 {
  margin-right: -5px !important;
}

page-global-training .m-r-n-10 {
  margin-right: -10px !important;
}

page-global-training .m-r-n-15 {
  margin-right: -15px !important;
}

page-global-training .m-r-n-20 {
  margin-right: -20px !important;
}

page-global-training .m-r-n-30 {
  margin-right: -30px !important;
}

page-global-training .m-r-n-40 {
  margin-right: -40px !important;
}

page-global-training .m-r-n-50 {
  margin-right: -50px !important;
}

page-global-training .m-b-0 {
  margin-bottom: 0 !important;
}

page-global-training .m-b-1 {
  margin-bottom: 1px !important;
}

page-global-training .m-b-4 {
  margin-bottom: 4px !important;
}

page-global-training .m-b-5 {
  margin-bottom: 5px !important;
}

page-global-training .m-b-10 {
  margin-bottom: 10px !important;
}

page-global-training .m-b-15 {
  margin-bottom: 15px !important;
}

page-global-training .m-b-20 {
  margin-bottom: 20px !important;
}

page-global-training .m-b-30 {
  margin-bottom: 30px !important;
}

page-global-training .m-b-40 {
  margin-bottom: 40px !important;
}

page-global-training .m-b-50 {
  margin-bottom: 50px !important;
}

page-global-training .m-b-n-1 {
  margin-bottom: -1px !important;
}

page-global-training .m-b-n-5 {
  margin-bottom: -5px !important;
}

page-global-training .m-b-n-10 {
  margin-bottom: -10px !important;
}

page-global-training .m-b-n-15 {
  margin-bottom: -15px !important;
}

page-global-training .m-b-n-20 {
  margin-bottom: -20px !important;
}

page-global-training .m-b-n-30 {
  margin-bottom: -30px !important;
}

page-global-training .m-b-n-40 {
  margin-bottom: -40px !important;
}

page-global-training .m-b-n-50 {
  margin-bottom: -50px !important;
}

page-global-training .p-0 {
  padding: 0 !important;
}

page-global-training .p-5 {
  padding: 5px !important;
}

page-global-training .p-10 {
  padding: 10px !important;
}

page-global-training .p-15 {
  padding: 15px !important;
}

page-global-training .p-20 {
  padding: 20px !important;
}

page-global-training .p-25 {
  padding: 25px !important;
}

page-global-training .p-30 {
  padding: 30px !important;
}

page-global-training .p-40 {
  padding: 40px !important;
}

page-global-training .p-50 {
  padding: 50px !important;
}

page-global-training .p-75 {
  padding: 75px !important;
}

page-global-training .p-100 {
  padding: 100px !important;
}

page-global-training .p-lr {
  padding: 0px 4% 0px 4%;
}

page-global-training .p-l-0 {
  padding-left: 0 !important;
}

page-global-training .p-l-5 {
  padding-left: 5px !important;
}

page-global-training .p-l-10 {
  padding-left: 10px !important;
}

page-global-training .p-l-12 {
  padding-left: 12px !important;
}

page-global-training .p-l-15 {
  padding-left: 15px !important;
}

page-global-training .p-l-16 {
  padding-left: 16px !important;
}

page-global-training .p-l-20 {
  padding-left: 20px !important;
}

page-global-training .p-l-25 {
  padding-left: 25px !important;
}

page-global-training .p-l-30 {
  padding-left: 30px !important;
}

page-global-training .p-l-40 {
  padding-left: 40px !important;
}

page-global-training .p-l-50 {
  padding-left: 50px !important;
}

page-global-training .p-l-75 {
  padding-left: 75px !important;
}

page-global-training .p-l-100 {
  padding-left: 100px !important;
}

page-global-training .p-r-0 {
  padding-right: 0 !important;
}

page-global-training .p-r-5 {
  padding-right: 5px !important;
}

page-global-training .p-r-10 {
  padding-right: 10px !important;
}

page-global-training .p-r-12 {
  padding-right: 12px !important;
}

page-global-training .p-r-15 {
  padding-right: 15px !important;
}

page-global-training .p-r-20 {
  padding-right: 20px !important;
}

page-global-training .p-r-25 {
  padding-right: 25px !important;
}

page-global-training .p-r-30 {
  padding-right: 30px !important;
}

page-global-training .p-r-40 {
  padding-right: 40px !important;
}

page-global-training .p-r-50 {
  padding-right: 50px !important;
}

page-global-training .p-r-75 {
  padding-right: 75px !important;
}

page-global-training .p-r-100 {
  padding-right: 100px !important;
}

page-global-training .p-b-0 {
  padding-bottom: 0 !important;
}

page-global-training .p-b-5 {
  padding-bottom: 5px !important;
}

page-global-training .p-b-10 {
  padding-bottom: 10px !important;
}

page-global-training .p-b-15 {
  padding-bottom: 15px !important;
}

page-global-training .p-b-16 {
  padding-bottom: 16px !important;
}

page-global-training .p-b-20 {
  padding-bottom: 20px !important;
}

page-global-training .p-b-25 {
  padding-bottom: 25px !important;
}

page-global-training .p-b-30 {
  padding-bottom: 30px !important;
}

page-global-training .p-b-40 {
  padding-bottom: 40px !important;
}

page-global-training .p-b-50 {
  padding-bottom: 50px !important;
}

page-global-training .p-b-60 {
  padding-bottom: 60px !important;
}

page-global-training .p-b-70 {
  padding-bottom: 70px !important;
}

page-global-training .p-b-80 {
  padding-bottom: 80px !important;
}

page-global-training .p-b-90 {
  padding-bottom: 90px !important;
}

page-global-training .p-b-100 {
  padding-bottom: 100px !important;
}

page-global-training .p-t-0 {
  padding-top: 0 !important;
}

page-global-training .p-t-5 {
  padding-top: 5px !important;
}

page-global-training .p-t-7 {
  padding-top: 7px !important;
}

page-global-training .p-t-10 {
  padding-top: 10px !important;
}

page-global-training .p-t-15 {
  padding-top: 15px !important;
}

page-global-training .p-t-16 {
  padding-top: 16px !important;
}

page-global-training .p-t-20 {
  padding-top: 20px !important;
}

page-global-training .p-t-25 {
  padding-top: 25px !important;
}

page-global-training .p-t-30 {
  padding-top: 30px !important;
}

page-global-training .p-t-40 {
  padding-top: 40px !important;
}

page-global-training .p-t-50 {
  padding-top: 50px !important;
}

page-global-training .p-t-75 {
  padding-top: 75px !important;
}

page-global-training .p-t-100 {
  padding-top: 100px !important;
}

page-global-training .p-t-120 {
  padding-top: 120px !important;
}

page-global-training .p-t-130 {
  padding-top: 130px !important;
}

page-global-training .p-t-140 {
  padding-top: 140px !important;
}

page-global-training .p-t-150 {
  padding-top: 150px !important;
}

page-global-training .block {
  display: block !important;
}

page-global-training .img-xs {
  width: 30px;
  height: 30px;
}

page-global-training .img-sm {
  width: 35px;
  height: 35px;
}

page-global-training .img-md {
  width: 55px;
  height: 55px;
}

page-global-training .img-lg {
  width: 100px;
  height: 100px;
}

page-global-training .min-w-800 {
  min-width: 800px !important;
}

page-global-training .min-w-1000 {
  min-width: 1000px !important;
}

page-global-training .min-w-1100 {
  min-width: 1100px !important;
}

page-global-training .max-w-20 {
  max-width: 20px !important;
}

page-global-training .max-w-30 {
  max-width: 30px !important;
}

page-global-training .max-w-32 {
  max-width: 35px !important;
}

page-global-training .max-w-35 {
  max-width: 35px !important;
}

page-global-training .max-w-40 {
  max-width: 40px !important;
}

page-global-training .max-w-50 {
  max-width: 50px !important;
}

page-global-training .max-w-75 {
  max-width: 75px !important;
}

page-global-training .max-w-100 {
  max-width: 100px !important;
}

page-global-training .max-w-150 {
  max-width: 150px !important;
}

page-global-training .max-w-200 {
  max-width: 200px !important;
}

page-global-training .max-w-300 {
  max-width: 300px !important;
}

page-global-training .max-w-400 {
  max-width: 400px !important;
}

page-global-training .overflow-hidden {
  overflow: hidden;
}

page-global-training .overflow-auto {
  overflow: auto;
}

page-global-training .max-h-50 {
  max-height: 50px !important;
}

page-global-training .max-h-80 {
  max-height: 80px !important;
}

page-global-training .max-h-100 {
  max-height: 100px !important;
}

page-global-training .max-h-150 {
  max-height: 150px !important;
}

page-global-training .max-h-200 {
  max-height: 200px !important;
}

page-global-training .max-h-250 {
  max-height: 250px !important;
}

page-global-training .max-h-300 {
  max-height: 300px !important;
}

page-global-training .max-h-350 {
  max-height: 300px !important;
}

page-global-training .max-h-375 {
  max-height: 300px !important;
}

page-global-training .max-h-400 {
  max-height: 400px !important;
}

page-global-training .max-h-450 {
  max-height: 450px !important;
}

page-global-training .max-h-500 {
  max-height: 500px !important;
}

page-global-training .max-h-600 {
  max-height: 600px !important;
}

page-global-training .max-h-650 {
  max-height: 650px !important;
}

page-global-training .max-h-700 {
  max-height: 700px !important;
}

page-global-training .max-h-800 {
  max-height: 800px !important;
}

page-global-training .max-h-900 {
  max-height: 900px !important;
}

page-global-training .max-h-1000 {
  max-height: 1000px !important;
}

page-global-training .min-h-0 {
  min-height: 0 !important;
}

page-global-training .min-h-50 {
  min-height: 50px !important;
}

page-global-training .min-h-100 {
  min-height: 100px !important;
}

page-global-training .min-h-200 {
  min-height: 200px !important;
}

page-global-training .min-h-250 {
  min-height: 250px !important;
}

page-global-training .min-h-300 {
  min-height: 300px !important;
}

page-global-training .min-h-350 {
  min-height: 300px !important;
}

page-global-training .min-h-375 {
  min-height: 300px !important;
}

page-global-training .min-h-400 {
  min-height: 400px !important;
}

page-global-training .min-h-450 {
  min-height: 450px !important;
}

page-global-training .min-h-500 {
  min-height: 500px !important;
}

page-global-training .min-h-600 {
  min-height: 600px !important;
}

page-global-training .min-h-650 {
  min-height: 650px !important;
}

page-global-training .min-h-700 {
  min-height: 700px !important;
}

page-global-training .min-h-800 {
  min-height: 800px !important;
}

page-global-training .min-h-900 {
  min-height: 900px !important;
}

page-global-training .min-h-1000 {
  min-height: 1000px !important;
}

page-global-training .h-5 {
  height: 5px !important;
}

page-global-training .h-10 {
  height: 10px !important;
}

page-global-training .h-20 {
  height: 20px !important;
}

page-global-training .h-25 {
  height: 25px !important;
}

page-global-training .h-50 {
  height: 50px !important;
}

page-global-training .h-75 {
  height: 75px !important;
}

page-global-training .h-100 {
  height: 100px !important;
}

page-global-training .h-125 {
  height: 125px !important;
}

page-global-training .h-150 {
  height: 150px !important;
}

page-global-training .h-200 {
  height: 200px !important;
}

page-global-training .h-300 {
  height: 300px !important;
}

page-global-training .h-350 {
  height: 350px !important;
}

page-global-training .h-400 {
  height: 400px !important;
}

page-global-training .h-450 {
  height: 450px !important;
}

page-global-training .h-500 {
  height: 500px !important;
}

page-global-training .h-600 {
  height: 600px !important;
}

page-global-training .h-650 {
  height: 650px !important;
}

page-global-training .h-700 {
  height: 700px !important;
}

page-global-training .h-800 {
  height: 800px !important;
}

page-global-training .h-900 {
  height: 900px !important;
}

page-global-training .h-1000 {
  height: 1000px !important;
}

page-global-training .w-5 {
  width: 5px !important;
}

page-global-training .w-10 {
  width: 10px !important;
}

page-global-training .w-15 {
  width: 15px !important;
}

page-global-training .w-20 {
  width: 20px !important;
}

page-global-training .w-30 {
  width: 30px !important;
}

page-global-training .w-40 {
  width: 40px !important;
}

page-global-training .w-50 {
  width: 50px !important;
}

page-global-training .w-60 {
  width: 60px !important;
}

page-global-training .w-80 {
  width: 80px !important;
}

page-global-training .w-100 {
  width: 100px !important;
}

page-global-training .w-150 {
  width: 150px !important;
}

page-global-training .w-190 {
  width: 190px !important;
}

page-global-training .w-200 {
  width: 200px !important;
}

page-global-training .w-250 {
  width: 250px !important;
}

page-global-training .w-300 {
  width: 300px !important;
}

page-global-training .w-600 {
  width: 600px !important;
}

page-global-training .w-100p {
  width: 100% !important;
}

page-global-training .w-95p {
  width: 95% !important;
}

page-global-training .w-90p {
  width: 90% !important;
}

page-global-training .w-80p {
  width: 80% !important;
}

page-global-training .w-70p {
  width: 70% !important;
}

page-global-training .w-60p {
  width: 60% !important;
}

page-global-training .w-50p {
  width: 50% !important;
}

page-global-training .w-45p {
  width: 45% !important;
}

page-global-training .w-40p {
  width: 40% !important;
}

page-global-training .w-30p {
  width: 30% !important;
}

page-global-training .w-25p {
  width: 25% !important;
}

page-global-training .w-20p {
  width: 20% !important;
}

page-global-training .w-15p {
  width: 15% !important;
}

page-global-training .w-10p {
  width: 10% !important;
}

page-global-training .w-8p {
  width: 8% !important;
}

page-global-training .w-5p {
  width: 5% !important;
}

page-global-training .w-3p {
  width: 3% !important;
}

page-global-training .w-95p {
  width: 95% !important;
}

page-global-training .h-100p {
  height: 100% !important;
}

page-global-training .h-80p {
  height: 80% !important;
}

page-global-training .absolute {
  position: absolute !important;
}

page-global-training .relative {
  position: relative !important;
}

page-global-training .block {
  display: block !important;
}

page-global-training .inline-block {
  display: inline-block !important;
}

page-global-training .list-block li {
  display: block !important;
}

page-global-training .list-inline li {
  display: inline !important;
}

page-global-training .clear-both {
  clear: both !important;
}

page-global-training .line-height-normal {
  line-height: normal !important;
}

page-global-training .line-height-8 {
  line-height: 8px !important;
}

page-global-training .line-height-14 {
  line-height: 14px !important;
}

page-global-training .line-height-12 {
  line-height: normal !important;
}

page-global-training ul.style-none {
  margin: 0;
  padding: 0;
  list-style: none;
}

page-global-training ul.style-none li {
  font-size: 0.875rem;
  padding: 3px 0;
}

page-global-training ul.style-none li ul {
  list-style: none;
}

page-global-training ul.vertical-icon-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

page-global-training ul.vertical-icon-list li {
  font-size: 0.875rem;
  padding: 6px 0;
}

page-global-training ul.vertical-icon-list li i {
  font-size: 1.25rem;
  padding-right: 15px;
  vertical-align: middle;
}

page-global-training .bg-white {
  background: #ffffff !important;
}

page-global-training .bg-green {
  background: #28bebd !important;
}

page-global-training .bg-blue {
  background: #42a5f5 !important;
}

page-global-training .bg-lightBlue {
  background: #2ebaee !important;
}

page-global-training .bg-red {
  background: #ef5350 !important;
}

page-global-training .bg-yellow {
  background: #f8c200 !important;
}

page-global-training .bg-paleYellow {
  background: #fddd7e !important;
}

page-global-training .bg-lightGray {
  background: #e3ecf7 !important;
}

page-global-training .bg-gray {
  background: #8f9eb5 !important;
}

page-global-training .bg-drakGray {
  background: #707c94 !important;
}

page-global-training .bg-grayBlue {
  background: #59779b !important;
}

page-global-training .bg-purple {
  background: #6b79c4 !important;
}

page-global-training .bg-turquoise {
  background: #00c5dc !important;
}

page-global-training .bg-peach {
  background: #feb38d !important;
}

page-global-training .bg-transparent {
  background: transparent !important;
}

page-global-training .text-primary {
  color: #172B4D !important;
}

page-global-training .text-link {
  color: #0645ad !important;
}

page-global-training .text-green {
  color: #28bebd !important;
}

page-global-training .text-turquoise {
  color: #00c5dc !important;
}

page-global-training .text-red {
  color: #ef5350 !important;
}

page-global-training .text-cyan {
  color: #26c6da !important;
}

page-global-training .text-yellow {
  color: #f8c200 !important;
}

page-global-training .text-gray {
  color: #8f9eb5 !important;
}

page-global-training .text-blue {
  color: #42a5f5 !important;
}

page-global-training .text-orange {
  color: #ffb74d !important;
}

page-global-training .text-purple {
  color: #6b79c4 !important;
}

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

page-global-training .text-brown {
  color: #906b6b !important;
}

page-global-training .text-salmon {
  color: #ee6e73 !important;
}

page-global-training .text-muted {
  color: #8396b0;
}

page-global-training .color-black {
  color: #000 !important;
}

page-global-training .color-white {
  color: #fff !important;
}

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

page-global-training .transparent {
  background: transparent !important;
}

page-global-training .bg-primary {
  background-color: #172B4D !important;
}

page-global-training .border-bottom,
page-global-training .border-grey-bottom-1px {
  border-bottom: 1px solid rgba(215, 225, 237, 0.8) !important;
}

page-global-training .border-grey-top-1px,
page-global-training .border-top {
  border-top: 1px solid rgba(215, 225, 237, 0.6) !important;
}

page-global-training .border-bottom-black-2px {
  border-bottom: 2px solid black;
}

page-global-training .border-top0p {
  border-top: 0px !important;
}

page-global-training .b-n {
  border: none !important;
}

page-global-training .b-b-1 {
  border: 1px solid black;
}

page-global-training .b-lg-1 {
  border: 1px solid lightgrey;
}

page-global-training .shadow-none {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

page-global-training .shadow-z-0 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-global-training .shadow-z-1 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-global-training .shadow-z-1:hover {
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

page-global-training .shadow-z-2 {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

page-global-training .shadow-z-3 {
  -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

page-global-training .shadow-z-4 {
  -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}

page-global-training .shadow-z-5 {
  -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}

page-global-training .big-shadow {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
}

page-global-training .shadow-2dp {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

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

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

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

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

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

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

page-global-training .font-weight-100 {
  font-weight: 100 !important;
}

page-global-training .font-weight-200 {
  font-weight: 200 !important;
}

page-global-training .font-weight-300 {
  font-weight: 300 !important;
}

page-global-training .font-weight-400 {
  font-weight: 400 !important;
}

page-global-training .font-weight-500 {
  font-weight: 500 !important;
}

page-global-training .font-weight-600 {
  font-weight: 600 !important;
}

page-global-training .font-weight-700 {
  font-weight: 700 !important;
}

page-global-training .font-weight-800 {
  font-weight: 800 !important;
}

page-global-training .font-weight-900 {
  font-weight: 900 !important;
}

page-global-training .font-weight-light {
  font-weight: 100 !important;
}

page-global-training .font-weight-normal {
  font-weight: 300 !important;
}

page-global-training .font-weight-medium {
  font-weight: 400 !important;
}

page-global-training .font-weight-bold {
  font-weight: 500 !important;
}

page-global-training .bold {
  font-weight: bold !important;
}

page-global-training .font-size-0 {
  font-size: 0 !important;
}

page-global-training .font-size-10 {
  font-size: 10px !important;
}

page-global-training .font-size-11 {
  font-size: 11px !important;
}

page-global-training .font-size-12 {
  font-size: 12px !important;
}

page-global-training .font-size-14 {
  font-size: 14px !important;
}

page-global-training .font-size-16 {
  font-size: 16px !important;
}

page-global-training .font-size-18 {
  font-size: 18px !important;
}

page-global-training .font-size-20 {
  font-size: 20px !important;
}

page-global-training .font-size-24 {
  font-size: 24px !important;
}

page-global-training .font-size-26 {
  font-size: 26px !important;
}

page-global-training .font-size-30 {
  font-size: 30px !important;
}

page-global-training .font-size-35 {
  font-size: 35px !important;
}

page-global-training .font-size-38 {
  font-size: 38px !important;
}

page-global-training .font-size-40 {
  font-size: 40px !important;
}

page-global-training .font-size-50 {
  font-size: 50px !important;
}

page-global-training .font-size-60 {
  font-size: 60px !important;
}

page-global-training .font-size-70 {
  font-size: 70px !important;
}

page-global-training .font-size-80 {
  font-size: 80px !important;
}

page-global-training .hidden {
  display: none !important;
}

page-global-training .w-100p {
  width: 100% !important;
}

page-global-training .float-r {
  float: right !important;
}

page-global-training .float-l {
  float: left !important;
}

page-global-training .align-c {
  display: block;
  margin: 0 auto;
}

page-global-training .align-b {
  display: block;
}

page-global-training .text-center {
  text-align: center !important;
}

page-global-training .text-left {
  text-align: left !important;
}

page-global-training .text-right {
  text-align: right !important;
}

page-global-training .align-v-c {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-global-training .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-global-training .align-v-c1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-global-training .align-v-c2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-global-training .align-v-c3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-global-training .align-v-c4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-global-training .align-flex-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-global-training .align-right-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

page-global-training .align-start-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media (max-width: 576px) {
  page-global-training .d-xs-none {
    display: none !important;
  }
  page-global-training .d-xs-inline {
    display: inline !important;
  }
  page-global-training .d-xs-inline-block {
    display: inline-block !important;
  }
  page-global-training .d-xs-block {
    display: block !important;
  }
  page-global-training .d-xs-table {
    display: table !important;
  }
  page-global-training .d-xs-table-cell {
    display: table-cell !important;
  }
  page-global-training .d-xs-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
  }
  page-global-training .d-xs-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important;
  }
}

page-global-training .b-r-gd {
  border-radius: 10px !important;
}

page-global-training .b-r-10 {
  border-radius: 10px !important;
}

page-global-training .b-r-5 {
  border-radius: 5px;
}

page-global-training .d-fl-ov-x {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  overflow-x: auto !important;
}

page-global-training .align-base {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-global-training .d-fl-bl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-global-training .d-fl-vhcenter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-global-training .d-fl-b2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
}

page-global-training .d-fl-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-global-training .d-fl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-global-training .d-fl-sb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-global-training .d-fl-saround {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-global-training .d-fl-ac {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-global-training .text-capital {
  text-transform: capitalize !important;
}

page-global-training .text-upper {
  text-transform: uppercase !important;
}

page-global-training .m-a {
  margin: auto !important;
}

page-global-training .m-l-a {
  margin-left: auto !important;
}

page-global-training .m-r-a {
  margin-right: auto !important;
}

page-global-training .italic {
  font-style: italic;
}

page-global-training .pointer {
  cursor: pointer;
}

page-global-training .ws-in {
  white-space: inherit;
}

page-global-training .opacity-1 {
  opacity: 1;
}

page-global-training .in-valid-checkbox {
  border: 1px solid #ff0000 !important;
  padding: 5px !important;
  margin-bottom: 10px;
  border-radius: 5px;
}

page-global-training page-corp-dashboard .mycustomdrop:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
  top: -15px;
  position: absolute;
  right: 15%;
}

page-global-training h1 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1.6875rem !important;
  line-height: 64px;
  letter-spacing: -0.4px;
}

page-global-training h2 {
  font-family: "Poppins", sans-serif;
  font-size: 24px !important;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
}

page-global-training h3,
page-global-training .h3 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 22px !important;
  line-height: 48px;
  /* identical to box height, or 200% */
  /* Neutral / dark gray */
  color: #000000;
}

page-global-training h4,
page-global-training .menu-heading-h4 {
  font-family: "Poppins", sans-serif !important;
  font-style: normal;
  font-weight: normal;
  font-size: 15px !important;
  line-height: 26px;
  /* or 144% */
  letter-spacing: -0.2px;
  color: #000000;
}

page-global-training h5 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  /* or 143% */
  color: #000000;
}

page-global-training .subtitle {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  /* or 200% */
  letter-spacing: 2.5px;
  color: #4E5761;
}

page-global-training p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 13px !important;
  line-height: 24px;
  /* identical to box height, or 171% */
  letter-spacing: -0.1px;
  /* Neutral / black */
  color: #000000;
}

page-global-training .ui-tabview.ui-tabview-top > .ui-tabview-nav {
  padding: 0.2em 0.2em 0;
  border-bottom: 1px solid #eaeaea;
}

page-global-training .scroll-content {
  padding: 0 !important;
}

page-global-training ion-navbar {
  margin: 0;
  border-radius: 0px;
  height: 50px !important;
  color: #172B4D !important;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-global-training ion-header {
  padding: 0;
}

page-global-training .header-md::after {
  background-image: none;
}

page-global-training .toolbar-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #172B4D !important;
  line-height: 24px;
  font-family: "Poppins", sans-serif;
  font-size: 2rem !important;
  font-weight: bold !important;
  text-align: left !important;
}

page-global-training .userLabel {
  float: right;
  display: inline;
  letter-spacing: 1px;
  color: #172B4D !important !important;
}

page-global-training .card-title {
  font-size: 16px !important;
  color: #000000;
  font-weight: bold !important;
  text-align: center !important;
}

page-global-training .barcolor {
  background: #5a75a3;
  color: #ffffff;
}

page-global-training p-sorticon {
  color: black;
}

page-global-training p-sorticon a {
  color: black !important;
}

page-global-training .globalTable {
  border: none;
  border: 1px solid #c1c1c1;
}

page-global-training .globalTable .ui-table-caption {
  border-bottom: 1px solid #dadada !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  font-size: 18px !important;
  background: #ecececad !important;
}

page-global-training .globalTable .table-header input {
  font-size: 15px !important;
  border-style: groove;
  width: 100% !important;
  padding-left: 10px;
  border-radius: 10px;
  border-color: #f3f3f3;
  font-weight: 500;
  line-height: 25px !important;
}

page-global-training .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-global-training .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

page-global-training .globalTable .table-header .align input {
  width: 80%;
  line-height: 25px;
}

page-global-training .globalTable .ui-table-tbody tr:nth-child(2n+1) {
  background: white;
}

page-global-training .globalTable .ui-table-tbody tr:nth-child(2n) {
  background: #f3f3f3;
}

page-global-training .globalTable .ui-table-tbody tr:hover {
  background: #c1c1c167 !important;
}

page-global-training .globalTable .ui-table-tbody .activeRow {
  background: #c4d2e5 !important;
}

page-global-training .globalTable th input {
  text-align: center !important;
  width: 90% !important;
  font-weight: 400 !important;
}

page-global-training .globalTable .ui-table .ui-sortable-column.ui-state-highlight {
  color: black !important;
}

page-global-training .globalTable .ui-table .ui-table-thead tr th {
  background: #eeeeee9e;
  border: none;
  padding: 10px 0;
  width: 100%;
  text-align: center;
}

page-global-training .globalTable .ui-table .ui-table-tbody tr td {
  border: none;
  background: inherit;
  padding: 20px 0;
  text-align: center;
}

page-global-training .globalTable .ui-table .ui-table-tbody tr {
  border-bottom: 1px solid #cacaca;
}

page-global-training .globalTable .p-column-filter {
  border-radius: 4px;
  border: 1px solid gray;
}

page-global-training .globalTable .badge-badge.status-Active {
  padding: 5px 20px;
  color: #226f4e;
  background-color: #9decbe;
  font-weight: 500;
  font-size: 12px;
}

page-global-training .globalTable .badge-badge.status-Inactive {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

page-global-training .globalTable .badge-badge.status-Suspended {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

page-global-training .globalTable .badge-badge.status-Waiting {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

page-global-training .globalTable .badge-badge.status-Pending {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

page-global-training .globalTable .actionIcon {
  padding: 0 3px;
  font-size: 16px;
  cursor: pointer;
}

page-global-training ion-icon {
  cursor: pointer;
}

page-global-training .button-md-reset {
  background-color: #ffffff;
  color: black !important;
  border: 1px solid #e3ecf7;
}

page-global-training .button-md-reset:hover {
  background-color: #ececec !important;
}

page-global-training .reset:hover {
  background-color: #ececec !important;
}

page-global-training .button-md-primary {
  background-color: #172B4D !important;
  color: #ffffff !important;
}

page-global-training ion-button {
  background-color: #172B4D !important;
  color: #ffffff;
}

page-global-training .my-custom-class .alert-button-group button:first-child {
  position: relative;
}

page-global-training .my-custom-class .alert-button-group button {
  font-weight: bold;
}

page-global-training .my-custom-class .alert-radio-group {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100% !important;
}

page-global-training .my-custom-class button {
  text-align: center;
}

page-global-training .alert-button-group button:first-child {
  position: relative !important;
  min-width: 0 !important;
}

page-global-training .alert-md .alert-wrapper {
  max-width: 320px !important;
}

page-global-training .alert-md .alert-message {
  font-size: 16px !important;
}

page-global-training .alert-button {
  font-size: 15px !important;
}

page-global-training .alert-md .alert-sub-title {
  font-size: 16px !important;
}

page-global-training .alert-md .alert-title {
  font-size: 22px !important;
}

page-global-training .breakclass {
  white-space: pre-line;
}

page-global-training .error {
  color: red;
  float: left;
}

page-global-training .topStrip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}

page-global-training .infographic1 {
  border: none;
  color: #367ad2;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-global-training .infographic1 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-global-training .infographic1 ion-icon {
  color: black;
}

page-global-training .infographic2 {
  border: none;
  color: #50d29b;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-global-training .infographic2 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-global-training .infographic2 ion-icon {
  color: black;
}

page-global-training .infographic3 {
  border: none;
  color: #ffaa00;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-global-training .infographic3 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-global-training .infographic3 ion-icon {
  color: black;
}

page-global-training .infographic4 {
  border: none;
  color: #f36363;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-global-training .infographic4 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-global-training .infographic4 ion-icon {
  color: black;
}

page-global-training .infographic5 {
  border: none;
  color: #41acbf;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-global-training .infographic5 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-global-training .infographic5 ion-icon {
  color: black;
}

page-global-training .infograph1 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #367ad2;
  font-size: 20px;
}

page-global-training .infograph2 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #51b98d;
  font-size: 20px;
}

page-global-training .infograph3 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #ffaa00;
  font-size: 20px;
}

page-global-training .infograph4 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #dc5b54;
  font-size: 20px;
}

page-global-training .infograph5 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #41acbf;
  font-size: 20px;
}

page-global-training .infographtext {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 12px;
}

page-global-training .successToast .toast-message {
  background-color: #d2f8d2 !important;
  color: black;
}

page-global-training .errorToast .toast-message {
  background-color: #eea9a0 !important;
  color: black;
}

page-global-training .actionIconsBar {
  padding-right: 20px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

page-global-training .ui-carousel .ui-carousel-header {
  display: none !important;
}

page-global-training .userfab .fab-close-active .fab-close-icon {
  height: 40px !important;
  position: relative !important;
}

page-global-training textarea.text-input {
  resize: none !important;
}

page-global-training .asterisk {
  color: red;
  padding-left: 3px;
}

page-global-training .m-b-t {
  margin-bottom: 4% !important;
}

page-global-training .ui-radiobutton-box.ui-state-active {
  border: 1px solid #09f;
  background: #09f;
  color: #09f;
}

page-global-training .alert-md .alert-message {
  overflow: auto;
}

page-global-training .alert-md .alert-message .alertstyle1 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

page-global-training .alert-md .alert-message .alertstyle1 b {
  width: 65px !important;
}

page-global-training .alert-md .alert-message .alertstyle3 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-global-training .alert-md .alert-message .alertstyle3 b {
  width: 65px !important;
}

page-global-training .alert-md .alert-message .alertstyle4 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-global-training .alert-md .alert-message .alertstyle4 b {
  width: 150px !important;
}

page-global-training .alert-md .alert-message .alertstyle5 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

page-global-training .alert-md .alert-message .alertstyle5 b {
  width: 75px !important;
}

page-global-training .alert-md .alert-message .alertstyle5 span {
  width: 5px;
}

page-global-training .alert-md .alert-message .alertstyle2 {
  text-align: left !important;
}

page-global-training .alert-md .alert-message .alertstyle2 li {
  margin-top: 10px;
}

page-global-training .ui-tooltip {
  background-color: #172B4D !important;
  color: #ffffff;
}

page-global-training .navsebexam .toolbar-content-md {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
}

page-global-training .modal-wrapper {
  height: 75%;
  top: 10%;
  position: absolute;
  display: block;
  border-radius: 10px !important;
}

page-global-training .ui-picklist-source-controls.ui-picklist-buttons {
  display: none !important;
}

page-global-training .ui-picklist-target-controls.ui-picklist-buttons {
  display: none !important;
}

page-global-training .ui-picklist-target-controls.ui-picklist-buttons.ng-star-inserted {
  display: none !important;
}

page-global-training .ellip {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

page-global-training .p-slider {
  background: #dee2e6;
  border: 0 none;
  border-radius: 3px;
}

page-global-training .Errorbox .alert-title {
  color: #d8000c;
}

page-global-training .Errorbox .alert-button {
  color: #d8000c;
}

page-global-training .card-md {
  border-radius: 5px !important;
}

page-global-training .modal {
  display: none;
  /* Hidden by default */
  position: -webkit-sticky;
  position: sticky;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 30px;
  /* Location of the box */
  left: 0;
  right: 0;
  bottom: 150px;
  width: 400px;
  height: 400px;
  margin: auto;
  border: 4px solid;
  background-color: black;
}

page-global-training .modal-content {
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
}

page-global-training .close {
  position: absolute;
  color: #f1f1f1;
  top: 0px;
  right: 10px;
  font-size: 28px;
  font-weight: bold;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

page-global-training .close:hover,
page-global-training .close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

page-global-training .customhr {
  width: 90%;
  background-color: #ccc;
}

page-global-training .mycustomtoolbar ion-segment {
  border: none;
}

page-global-training .mycustomtoolbar ion-segment-button {
  font-size: 16px !important;
  font-weight: 500 !important;
}

page-global-training .mycustomtoolbar .segment-md .segment-button.activated,
page-global-training .mycustomtoolbar .segment-md .segment-button.segment-activated {
  border-color: #172B4D !important;
  color: #172B4D !important;
}

page-global-training .mycustomtoolbar .toolbar-background {
  background: transparent;
}

page-global-training .fc {
  direction: ltr;
  text-align: left;
}

page-global-training .fc-rtl {
  text-align: right;
}

page-global-training body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}

page-global-training .fc-unthemed th,
page-global-training .fc-unthemed td,
page-global-training .fc-unthemed thead,
page-global-training .fc-unthemed tbody,
page-global-training .fc-unthemed .fc-divider,
page-global-training .fc-unthemed .fc-row,
page-global-training .fc-unthemed .fc-content,
page-global-training .fc-unthemed .fc-popover,
page-global-training .fc-unthemed .fc-list-view,
page-global-training .fc-unthemed .fc-list-heading td {
  border-color: #ddd;
}

page-global-training .fc-unthemed .fc-popover {
  background-color: #fff;
}

page-global-training .fc-unthemed .fc-divider,
page-global-training .fc-unthemed .fc-popover .fc-header,
page-global-training .fc-unthemed .fc-list-heading td {
  background: #eee;
}

page-global-training .fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}

page-global-training .fc-unthemed td.fc-today {
  background: #fcf8e3;
}

page-global-training .fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3;
}

page-global-training .fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3;
}

page-global-training .fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}

page-global-training .fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

page-global-training .fc-icon:after {
  position: relative;
}

page-global-training .fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-global-training .fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-global-training .fc-icon-left-double-arrow:after {
  content: "\000AB";
  font-size: 160%;
  top: -7%;
}

page-global-training .fc-icon-right-double-arrow:after {
  content: "\000BB";
  font-size: 160%;
  top: -7%;
}

page-global-training .fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%;
}

page-global-training .fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%;
}

page-global-training .fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%;
}

page-global-training .fc-icon-x:after {
  content: "\000D7";
  font-size: 200%;
  top: 6%;
}

page-global-training .fc button {
  /* force height to include the border and padding */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer;
}

page-global-training .fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}

page-global-training .fc-state-default {
  /* non-theme */
  border: 1px solid;
}

page-global-training .fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

page-global-training .fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

page-global-training .fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .2em;
  vertical-align: middle;
}

page-global-training .fc-state-default {
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-global-training .fc-state-hover,
page-global-training .fc-state-down,
page-global-training .fc-state-active,
page-global-training .fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}

page-global-training .fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

page-global-training .fc-state-down,
page-global-training .fc-state-active {
  background-color: #cccccc;
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-global-training .fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}

page-global-training .fc-button-group {
  display: inline-block;
}

page-global-training .fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px;
}

page-global-training .fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0;
}

page-global-training .fc-popover {
  position: absolute;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

page-global-training .fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px;
}

page-global-training .fc-popover .fc-header .fc-title {
  margin: 0 2px;
}

page-global-training .fc-popover .fc-header .fc-close {
  cursor: pointer;
}

page-global-training .fc-ltr .fc-popover .fc-header .fc-title,
page-global-training .fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}

page-global-training .fc-rtl .fc-popover .fc-header .fc-title,
page-global-training .fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}

page-global-training .fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}

page-global-training .fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: .9em;
  margin-top: 2px;
}

page-global-training .fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */
}

page-global-training .fc-divider {
  border-style: solid;
  border-width: 1px;
}

page-global-training hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}

page-global-training .fc-clear {
  clear: both;
}

page-global-training .fc-bg,
page-global-training .fc-bgevent-skeleton,
page-global-training .fc-highlight-skeleton,
page-global-training .fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-global-training .fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}

page-global-training .fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}

page-global-training .fc table {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}

page-global-training .fc th {
  text-align: center;
}

page-global-training .fc th,
page-global-training .fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}

page-global-training .fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}

page-global-training a[data-goto] {
  cursor: pointer;
}

page-global-training a[data-goto]:hover {
  text-decoration: underline;
}

page-global-training .fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}

page-global-training .fc-row table {
  /* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}

page-global-training .fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}

page-global-training .fc-row {
  position: relative;
}

page-global-training .fc-row .fc-bg {
  z-index: 1;
}

page-global-training .fc-row .fc-bgevent-skeleton,
page-global-training .fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}

page-global-training .fc-row .fc-bgevent-skeleton table,
page-global-training .fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}

page-global-training .fc-row .fc-highlight-skeleton td,
page-global-training .fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}

page-global-training .fc-row .fc-bgevent-skeleton {
  z-index: 2;
}

page-global-training .fc-row .fc-highlight-skeleton {
  z-index: 3;
}

page-global-training .fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}

page-global-training .fc-row .fc-helper-skeleton {
  z-index: 5;
}

page-global-training .fc-row .fc-content-skeleton td,
page-global-training .fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}

page-global-training .fc-row .fc-content-skeleton tbody td,
page-global-training .fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}

page-global-training .fc-scroller {
  -webkit-overflow-scrolling: touch;
}

page-global-training .fc-scroller > .fc-day-grid,
page-global-training .fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}

page-global-training .fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */
  font-weight: normal;
  /* undo jqui's ui-widget-header bold */
}

page-global-training .fc-event,
page-global-training .fc-event-dot {
  background-color: #3a87ad;
  /* default BACKGROUND color */
}

page-global-training .fc-event,
page-global-training .fc-event:hover,
page-global-training .ui-widget .fc-event {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}

page-global-training .fc-event[href],
page-global-training .fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}

page-global-training .fc-not-allowed,
page-global-training .fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}

page-global-training .fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #ffffff;
  opacity: .25;
}

page-global-training .fc-event .fc-content {
  position: relative;
  z-index: 2;
}

page-global-training .fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
}

page-global-training .fc-event .fc-resizer {
  display: none;
}

page-global-training .fc-event.fc-allow-mouse-resize .fc-resizer,
page-global-training .fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block;
}

page-global-training .fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}

page-global-training .fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

page-global-training .fc-event.fc-selected.fc-dragging {
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

page-global-training .fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}

page-global-training .fc-ltr .fc-h-event.fc-not-start,
page-global-training .fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

page-global-training .fc-ltr .fc-h-event.fc-not-end,
page-global-training .fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

page-global-training .fc-ltr .fc-h-event .fc-start-resizer,
page-global-training .fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */
}

page-global-training .fc-ltr .fc-h-event .fc-end-resizer,
page-global-training .fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */
}

page-global-training .fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */
}

page-global-training .fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* vertically center */
  top: 50%;
  margin-top: -4px;
}

page-global-training .fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
page-global-training .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */
}

page-global-training .fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
page-global-training .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */
}

page-global-training .fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}

page-global-training tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */
}

page-global-training .fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: .25;
}

page-global-training .fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}

page-global-training .fc-day-grid-event .fc-time {
  font-weight: bold;
}

page-global-training .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
page-global-training .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */
}

page-global-training .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
page-global-training .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */
}

page-global-training a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none;
}

page-global-training a.fc-more:hover {
  text-decoration: underline;
}

page-global-training .fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}

page-global-training .fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}

page-global-training .fc-more-popover {
  z-index: 2;
  width: 220px;
}

page-global-training .fc-more-popover .fc-event-container {
  padding: 10px;
}

page-global-training .fc-now-indicator {
  position: absolute;
  border: 0 solid red;
}

page-global-training .fc-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

page-global-training .fc-toolbar {
  text-align: center;
}

page-global-training .fc-toolbar.fc-header-toolbar {
  margin-bottom: 1em;
}

page-global-training .fc-toolbar.fc-footer-toolbar {
  margin-top: 1em;
}

page-global-training .fc-toolbar .fc-left {
  float: left;
}

page-global-training .fc-toolbar .fc-right {
  float: right;
}

page-global-training .fc-toolbar .fc-center {
  display: inline-block;
}

page-global-training .fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em;
}

page-global-training .fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0;
}

page-global-training .fc-toolbar h2 {
  margin: 0;
}

page-global-training .fc-toolbar button {
  position: relative;
}

page-global-training .fc-toolbar .fc-state-hover,
page-global-training .fc-toolbar .ui-state-hover {
  z-index: 2;
}

page-global-training .fc-toolbar .fc-state-down {
  z-index: 3;
}

page-global-training .fc-toolbar .fc-state-active,
page-global-training .fc-toolbar .ui-state-active {
  z-index: 4;
}

page-global-training .fc-toolbar button:focus {
  z-index: 5;
}

page-global-training .fc-view-container *,
page-global-training .fc-view-container *:before,
page-global-training .fc-view-container *:after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

page-global-training .fc-view,
page-global-training .fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}

page-global-training .fc-basicWeek-view .fc-content-skeleton,
page-global-training .fc-basicDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}

page-global-training .fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}

page-global-training .fc-row.fc-rigid {
  overflow: hidden;
}

page-global-training .fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-global-training .fc-day-top.fc-other-month {
  opacity: 0.3;
}

page-global-training .fc-basic-view .fc-week-number,
page-global-training .fc-basic-view .fc-day-number {
  padding: 2px;
}

page-global-training .fc-basic-view th.fc-week-number,
page-global-training .fc-basic-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */
}

page-global-training .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right;
}

page-global-training .fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left;
}

page-global-training .fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0;
}

page-global-training .fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px;
}

page-global-training .fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080;
}

page-global-training .fc-basic-view td.fc-week-number {
  text-align: center;
}

page-global-training .fc-basic-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}

page-global-training .fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}

page-global-training .fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}

page-global-training .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}

page-global-training .fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}

page-global-training .fc-ltr .fc-axis {
  text-align: right;
}

page-global-training .fc-rtl .fc-axis {
  text-align: left;
}

page-global-training .ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome jqui theme making it bold */
}

page-global-training .fc-time-grid-container,
page-global-training .fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}

page-global-training .fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

page-global-training .fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}

page-global-training .fc-time-grid > .fc-bg {
  z-index: 1;
}

page-global-training .fc-time-grid .fc-slats,
page-global-training .fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}

page-global-training .fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */
}

page-global-training .fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
}

page-global-training .fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1;
}

page-global-training .fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2;
}

page-global-training .fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3;
}

page-global-training .fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4;
}

page-global-training .fc-time-grid .fc-now-indicator-line {
  z-index: 5;
}

page-global-training .fc-time-grid .fc-helper-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6;
}

page-global-training .fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}

page-global-training .fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}

page-global-training .fc-time-grid .fc-slats .ui-widget-content {
  /* for jqui theme */
  background: none;
  /* see through to fc-bg */
}

page-global-training .fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}

page-global-training .fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}

page-global-training .fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}

page-global-training .fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}

page-global-training .fc-time-grid .fc-event,
page-global-training .fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}

page-global-training .fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}

page-global-training .fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

page-global-training .fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

page-global-training .fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */
}

page-global-training .fc-time-grid-event.fc-selected {
  /* need to allow touch resizers to extend outside event's bounding box */
  /* common fc-selected styles hide the fc-bg, so don't need this anyway */
  overflow: visible;
}

page-global-training .fc-time-grid-event.fc-selected .fc-bg {
  display: none;
  /* hide semi-white background, to appear darker */
}

page-global-training .fc-time-grid-event .fc-content {
  overflow: hidden;
  /* for when .fc-selected */
}

page-global-training .fc-time-grid-event .fc-time,
page-global-training .fc-time-grid-event .fc-title {
  padding: 0 1px;
}

page-global-training .fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap;
}

page-global-training .fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}

page-global-training .fc-time-grid-event.fc-short .fc-time,
page-global-training .fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}

page-global-training .fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}

page-global-training .fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}

page-global-training .fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
  /* seperate with a dash, wrapped in nbsp's */
}

page-global-training .fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}

page-global-training .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}

page-global-training .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "=";
}

page-global-training .fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px;
}

page-global-training .fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0;
}

page-global-training .fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */
}

page-global-training .fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-global-training .fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-global-training .fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}

page-global-training .fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */
}

page-global-training .fc-list-view {
  border-width: 1px;
  border-style: solid;
}

page-global-training .fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */
}

page-global-training .fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px;
}

page-global-training .fc-list-table tr:first-child td {
  border-top-width: 0;
}

page-global-training .fc-list-heading {
  border-bottom-width: 1px;
}

page-global-training .fc-list-heading td {
  font-weight: bold;
}

page-global-training .fc-ltr .fc-list-heading-main {
  float: left;
}

page-global-training .fc-ltr .fc-list-heading-alt {
  float: right;
}

page-global-training .fc-rtl .fc-list-heading-main {
  float: right;
}

page-global-training .fc-rtl .fc-list-heading-alt {
  float: left;
}

page-global-training .fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */
}

page-global-training .fc-list-item:hover td {
  background-color: #f5f5f5;
}

page-global-training .fc-list-item-marker,
page-global-training .fc-list-item-time {
  white-space: nowrap;
  width: 1px;
}

page-global-training .fc-ltr .fc-list-item-marker {
  padding-right: 0;
}

page-global-training .fc-rtl .fc-list-item-marker {
  padding-left: 0;
}

page-global-training .fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit;
}

page-global-training .fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline;
}

page-global-training .fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

page-global-training .fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table;
}

page-global-training .fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

page-global-training .fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #eee;
}

page-global-training ion-select {
  max-width: 100%;
}

page-global-training ion-card {
  font-family: "Open Sans";
  border-radius: 10px !important;
}

page-global-training .training ion-item-sliding ion-label {
  border-left: 2px solid #0099ff;
  padding-left: 10px;
}

page-global-training .training ion-item-divider {
  background-color: #EEEEEE;
  color: #0099ff;
}

page-global-training .training .training_item {
  position: relative;
  padding-bottom: 0px;
  padding-top: 0px;
}

page-global-training .training .nodata_avail {
  font-family: "Open Sans";
  text-align: center;
  line-height: 60px;
  font-size: 25px;
  color: #0099ff;
}

page-global-training .training .training .card {
  background: #F3F1F3 !important;
}

@media (min-width: 800px) {
  page-global-training .content ion-card {
    width: 80%;
    margin: 10px auto;
  }
  page-global-training .filtertraining {
    width: 35% !important;
    margin: 0 auto;
  }
}

page-global-training .filtertraining {
  width: 100%;
  margin: 0 auto;
}

page-global-training .filtertraining ion-item {
  margin-top: 20px;
  border: 1px solid #ddd;
  border-radius: 5px;
  border-left: 10px solid #3687f0;
}

page-global-training .training ion-card:nth-child(even) {
  background: #E3E1E3;
}

page-global-training .training .icon {
  color: #0099ff;
}

page-global-training .training button .icon {
  color: #0099ff;
}

page-global-training .editbtn {
  margin-top: 7px;
  float: right;
  background: transparent;
  border: 1px solid #ddd;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 8px;
  height: 25px;
  width: 20px;
  font-size: 12px;
}

page-global-training .deletebtn {
  margin-top: 7px;
  float: right;
  background: transparent;
  border: 1px solid #ddd;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 8px;
  height: 25px;
  width: 20px;
  font-size: 12px;
}

page-global-training .editbtn .icon:hover {
  color: #000 !important;
  background: #0099ff !important;
}

page-global-training .deletebtn .icon:hover {
  color: #000 !important;
  background: #0099ff !important;
}

page-global-training .editbtn .icon {
  color: #0099ff !important;
}

page-global-training .quizbtn .icon {
  color: #fff;
  font-size: 14px;
}

page-global-training .quizbtn {
  float: right;
  width: 30px;
  height: 30px;
  margin: -5px 10px;
}

page-global-training strong {
  white-space: initial !important;
}

page-global-training .labeltraining {
  font-family: "Open Sans";
  color: #0099ff !important;
}

page-global-training .badgetop {
  position: absolute;
  top: 3px;
  left: 1px;
  border-radius: 4px;
  z-index: 999999999;
  padding: 8px;
  font-size: 11px;
}

page-global-training .card-title {
  text-align: center;
  font-size: 16px;
  color: #000;
  font-weight: bold;
  text-decoration: underline;
  text-underline-position: under;
  cursor: pointer;
}

page-global-training .card-title1 {
  text-align: center;
  font-size: 16px;
  color: #000;
  font-weight: bold;
  text-decoration: underline;
  text-underline-position: under;
}

page-global-training .contentdiv {
  white-space: pre-wrap;
  font-weight: 500;
  font-family: "Open Sans";
  font-size: 13px;
  color: #000;
  font-weight: normal;
}

page-global-training read-more a {
  font-size: 10px;
  margin-top: -10px;
  display: block;
  padding-bottom: 15px;
}

page-global-training .footerrow ion-col {
  padding: 0px;
}

page-global-training .ion-colsec {
  text-align: center;
  line-height: 43px;
  text-transform: capitalize;
  color: #0099ff;
  font-weight: bold;
}

page-global-training .ion-colfir {
  text-align: left;
  line-height: 43px;
  color: #0099ff;
  font-weight: bold;
}

page-global-training .createdby {
  text-align: right;
  text-transform: capitalize;
  color: #0099ff;
}

@media (max-width: 799px) {
  page-global-training .scroll-content {
    margin-top: 100px !important;
  }
}

page-group-assignment-report {
  /* ANIMATION */
  /* SHADOWS */
  /*
 *
 *   MaterialWrap - Bootstrap + Material Design Admin Theme

 
*/
  /*
 * CSS Transform - Scale and Rotate
 */
  /* The Modal (background) */
  /* Modal Content (image) */
  /* The Close Button */
  /*!
 * FullCalendar v3.2.0 Stylesheet
 * Docs & License: https://fullcalendar.io/
 * (c) 2017 Adam Shaw
 */
  /* Colors
--------------------------------------------------------------------------------------------------*/
  /* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
  /*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
  /* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
  /* Firefox has an annoying inner border */
  /* icons in buttons */
  /*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
  /* Buttons Groups
--------------------------------------------------------------------------------------------------*/
  /*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
  /* Popover
--------------------------------------------------------------------------------------------------*/
  /* unthemed */
  /* jqui themed */
  /* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
  /* Tables
--------------------------------------------------------------------------------------------------*/
  /* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
  /* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
  /* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
  /* highlighting cells & background event skeleton */
  /*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
  /* Scrolling Container
--------------------------------------------------------------------------------------------------*/
  /* TODO: move to agenda/basic */
  /* Global Event Styles
--------------------------------------------------------------------------------------------------*/
  /* overpower some of bootstrap's and jqui's styles on <a> tags */
  /* resizer (cursor AND touch devices) */
  /* resizer (touch devices) */
  /* hit area */
  /* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
  /* Horizontal Events
--------------------------------------------------------------------------------------------------*/
  /* bigger touch area when selected */
  /* events that are continuing to/from another week. kill rounded corners and butt up against edge */
  /* resizer (cursor AND touch devices) */
  /* left resizer  */
  /* right resizer */
  /* resizer (mouse devices) */
  /* resizer (touch devices) */
  /* left resizer  */
  /* right resizer */
  /* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* resizer (cursor devices) */
  /* left resizer  */
  /* right resizer */
  /* Event Limiting
--------------------------------------------------------------------------------------------------*/
  /* "more" link that represents hidden events */
  /* popover that appears when "more" link is clicked */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* Utilities
--------------------------------------------------------------------------------------------------*/
  /* Toolbar
--------------------------------------------------------------------------------------------------*/
  /* the things within each left/right/center section */
  /* the first thing within each left/center/right section */
  /* title text */
  /* button layering (for border precedence) */
  /* View Structure
--------------------------------------------------------------------------------------------------*/
  /* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
  /* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
  /* BasicView
--------------------------------------------------------------------------------------------------*/
  /* day row structure */
  /* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
  /* week and day number styling */
  /* when week/day number have own column */
  /* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
  /* divs within a cell within the fc-content-skeleton */
  /* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
  /* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* short mode, where time and title are on the same line */
  /* resizer (cursor device) */
  /* resizer (touch device) */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* arrow on axis */
  /* List View
--------------------------------------------------------------------------------------------------*/
  /* possibly reusable */
  /* view wrapper */
  /* table resets */
  /* day headings with the list */
  /* event list items */
  /* make the dot closer to the event title */
  /* message when no events */
}

page-group-assignment-report .letter-sp-1 {
  letter-spacing: 1px;
}

page-group-assignment-report .letter-sp-2 {
  letter-spacing: 2px;
}

page-group-assignment-report .letter-sp-3 {
  letter-spacing: 3px;
}

page-group-assignment-report .m-0 {
  margin: 0 !important;
}

page-group-assignment-report .m-5 {
  margin: 5px !important;
}

page-group-assignment-report .m-10 {
  margin: 10px !important;
}

page-group-assignment-report .m-15 {
  margin: 15px !important;
}

page-group-assignment-report .m-20 {
  margin: 20px !important;
}

page-group-assignment-report .m-30 {
  margin: 30px !important;
}

page-group-assignment-report .m-50 {
  margin: 50px !important;
}

page-group-assignment-report .m-b-100 {
  margin-bottom: 100px !important;
}

page-group-assignment-report .m-b-15 {
  margin-bottom: 15px !important;
}

page-group-assignment-report .m-b-20 {
  margin-bottom: 20px !important;
}

page-group-assignment-report .m-b-0 {
  margin-bottom: 0 !important;
}

page-group-assignment-report .m-l-0 {
  margin-left: 0 !important;
}

page-group-assignment-report .m-l-5 {
  margin-left: 5px !important;
}

page-group-assignment-report .m-l-10 {
  margin-left: 10px !important;
}

page-group-assignment-report .m-l-15 {
  margin-left: 15px !important;
}

page-group-assignment-report .m-l-20 {
  margin-left: 20px !important;
}

page-group-assignment-report .m-l-30 {
  margin-left: 30px !important;
}

page-group-assignment-report .m-l-40 {
  margin-left: 40px !important;
}

page-group-assignment-report .m-l-50 {
  margin-left: 50px !important;
}

page-group-assignment-report .m-l-n-1 {
  margin-left: -1px !important;
}

page-group-assignment-report .m-l-n-5 {
  margin-left: -5px !important;
}

page-group-assignment-report .m-l-n-10 {
  margin-left: -10px !important;
}

page-group-assignment-report .m-l-n-15 {
  margin-left: -15px !important;
}

page-group-assignment-report .m-l-n-20 {
  margin-left: -20px !important;
}

page-group-assignment-report .m-l-n-30 {
  margin-left: -30px !important;
}

page-group-assignment-report .m-l-n-40 {
  margin-left: -40px !important;
}

page-group-assignment-report .m-l-n-50 {
  margin-left: -50px !important;
}

page-group-assignment-report .m-t-0 {
  margin-top: 0 !important;
}

page-group-assignment-report .m-t-1 {
  margin-top: 1px !important;
}

page-group-assignment-report .m-t-2 {
  margin-top: 2px;
}

page-group-assignment-report .m-t-2p {
  margin-top: 2% !important;
}

page-group-assignment-report .m-t-5p {
  margin-top: 5% !important;
}

page-group-assignment-report .m-t-25p {
  margin-top: 25% !important;
}

page-group-assignment-report .m-t-30p {
  margin-top: 30% !important;
}

page-group-assignment-report .m-t-4 {
  margin-top: 4px !important;
}

page-group-assignment-report .m-t-5 {
  margin-top: 5px !important;
}

page-group-assignment-report .m-t-5p {
  margin-top: 5% !important;
}

page-group-assignment-report .m-t-10 {
  margin-top: 10px !important;
}

page-group-assignment-report .m-t-15 {
  margin-top: 15px !important;
}

page-group-assignment-report .m-t-20 {
  margin-top: 20px !important;
}

page-group-assignment-report .m-t-30 {
  margin-top: 30px !important;
}

page-group-assignment-report .m-t-40 {
  margin-top: 40px !important;
}

page-group-assignment-report .m-t-50 {
  margin-top: 50px !important;
}

page-group-assignment-report .m-t-75 {
  margin-top: 75px !important;
}

page-group-assignment-report .m-t-100 {
  margin-top: 100px !important;
}

page-group-assignment-report .m-t-120 {
  margin-top: 120px !important;
}

page-group-assignment-report .m-t-140 {
  margin-top: 140px !important;
}

page-group-assignment-report .m-t-n-1 {
  margin-top: -1px !important;
}

page-group-assignment-report .m-t-n-5 {
  margin-top: -5px !important;
}

page-group-assignment-report .m-t-n-10 {
  margin-top: -10px !important;
}

page-group-assignment-report .m-t-n-15 {
  margin-top: -15px !important;
}

page-group-assignment-report .m-t-n-20 {
  margin-top: -20px !important;
}

page-group-assignment-report .m-t-n-30 {
  margin-top: -30px !important;
}

page-group-assignment-report .m-t-n-40 {
  margin-top: -40px !important;
}

page-group-assignment-report .m-t-n-50 {
  margin-top: -50px !important;
}

page-group-assignment-report .m-r-0 {
  margin-right: 0 !important;
}

page-group-assignment-report .m-r-1 {
  margin-right: 1px !important;
}

page-group-assignment-report .m-r-5 {
  margin-right: 5px !important;
}

page-group-assignment-report .m-r-10 {
  margin-right: 10px !important;
}

page-group-assignment-report .m-r-15 {
  margin-right: 15px !important;
}

page-group-assignment-report .m-r-20 {
  margin-right: 20px !important;
}

page-group-assignment-report .m-r-30 {
  margin-right: 30px !important;
}

page-group-assignment-report .m-r-40 {
  margin-right: 40px !important;
}

page-group-assignment-report .m-r-50 {
  margin-right: 50px !important;
}

page-group-assignment-report .m-r-n-1 {
  margin-right: -1px !important;
}

page-group-assignment-report .m-r-n-5 {
  margin-right: -5px !important;
}

page-group-assignment-report .m-r-n-10 {
  margin-right: -10px !important;
}

page-group-assignment-report .m-r-n-15 {
  margin-right: -15px !important;
}

page-group-assignment-report .m-r-n-20 {
  margin-right: -20px !important;
}

page-group-assignment-report .m-r-n-30 {
  margin-right: -30px !important;
}

page-group-assignment-report .m-r-n-40 {
  margin-right: -40px !important;
}

page-group-assignment-report .m-r-n-50 {
  margin-right: -50px !important;
}

page-group-assignment-report .m-b-0 {
  margin-bottom: 0 !important;
}

page-group-assignment-report .m-b-1 {
  margin-bottom: 1px !important;
}

page-group-assignment-report .m-b-4 {
  margin-bottom: 4px !important;
}

page-group-assignment-report .m-b-5 {
  margin-bottom: 5px !important;
}

page-group-assignment-report .m-b-10 {
  margin-bottom: 10px !important;
}

page-group-assignment-report .m-b-15 {
  margin-bottom: 15px !important;
}

page-group-assignment-report .m-b-20 {
  margin-bottom: 20px !important;
}

page-group-assignment-report .m-b-30 {
  margin-bottom: 30px !important;
}

page-group-assignment-report .m-b-40 {
  margin-bottom: 40px !important;
}

page-group-assignment-report .m-b-50 {
  margin-bottom: 50px !important;
}

page-group-assignment-report .m-b-n-1 {
  margin-bottom: -1px !important;
}

page-group-assignment-report .m-b-n-5 {
  margin-bottom: -5px !important;
}

page-group-assignment-report .m-b-n-10 {
  margin-bottom: -10px !important;
}

page-group-assignment-report .m-b-n-15 {
  margin-bottom: -15px !important;
}

page-group-assignment-report .m-b-n-20 {
  margin-bottom: -20px !important;
}

page-group-assignment-report .m-b-n-30 {
  margin-bottom: -30px !important;
}

page-group-assignment-report .m-b-n-40 {
  margin-bottom: -40px !important;
}

page-group-assignment-report .m-b-n-50 {
  margin-bottom: -50px !important;
}

page-group-assignment-report .p-0 {
  padding: 0 !important;
}

page-group-assignment-report .p-5 {
  padding: 5px !important;
}

page-group-assignment-report .p-10 {
  padding: 10px !important;
}

page-group-assignment-report .p-15 {
  padding: 15px !important;
}

page-group-assignment-report .p-20 {
  padding: 20px !important;
}

page-group-assignment-report .p-25 {
  padding: 25px !important;
}

page-group-assignment-report .p-30 {
  padding: 30px !important;
}

page-group-assignment-report .p-40 {
  padding: 40px !important;
}

page-group-assignment-report .p-50 {
  padding: 50px !important;
}

page-group-assignment-report .p-75 {
  padding: 75px !important;
}

page-group-assignment-report .p-100 {
  padding: 100px !important;
}

page-group-assignment-report .p-lr {
  padding: 0px 4% 0px 4%;
}

page-group-assignment-report .p-l-0 {
  padding-left: 0 !important;
}

page-group-assignment-report .p-l-5 {
  padding-left: 5px !important;
}

page-group-assignment-report .p-l-10 {
  padding-left: 10px !important;
}

page-group-assignment-report .p-l-12 {
  padding-left: 12px !important;
}

page-group-assignment-report .p-l-15 {
  padding-left: 15px !important;
}

page-group-assignment-report .p-l-16 {
  padding-left: 16px !important;
}

page-group-assignment-report .p-l-20 {
  padding-left: 20px !important;
}

page-group-assignment-report .p-l-25 {
  padding-left: 25px !important;
}

page-group-assignment-report .p-l-30 {
  padding-left: 30px !important;
}

page-group-assignment-report .p-l-40 {
  padding-left: 40px !important;
}

page-group-assignment-report .p-l-50 {
  padding-left: 50px !important;
}

page-group-assignment-report .p-l-75 {
  padding-left: 75px !important;
}

page-group-assignment-report .p-l-100 {
  padding-left: 100px !important;
}

page-group-assignment-report .p-r-0 {
  padding-right: 0 !important;
}

page-group-assignment-report .p-r-5 {
  padding-right: 5px !important;
}

page-group-assignment-report .p-r-10 {
  padding-right: 10px !important;
}

page-group-assignment-report .p-r-12 {
  padding-right: 12px !important;
}

page-group-assignment-report .p-r-15 {
  padding-right: 15px !important;
}

page-group-assignment-report .p-r-20 {
  padding-right: 20px !important;
}

page-group-assignment-report .p-r-25 {
  padding-right: 25px !important;
}

page-group-assignment-report .p-r-30 {
  padding-right: 30px !important;
}

page-group-assignment-report .p-r-40 {
  padding-right: 40px !important;
}

page-group-assignment-report .p-r-50 {
  padding-right: 50px !important;
}

page-group-assignment-report .p-r-75 {
  padding-right: 75px !important;
}

page-group-assignment-report .p-r-100 {
  padding-right: 100px !important;
}

page-group-assignment-report .p-b-0 {
  padding-bottom: 0 !important;
}

page-group-assignment-report .p-b-5 {
  padding-bottom: 5px !important;
}

page-group-assignment-report .p-b-10 {
  padding-bottom: 10px !important;
}

page-group-assignment-report .p-b-15 {
  padding-bottom: 15px !important;
}

page-group-assignment-report .p-b-16 {
  padding-bottom: 16px !important;
}

page-group-assignment-report .p-b-20 {
  padding-bottom: 20px !important;
}

page-group-assignment-report .p-b-25 {
  padding-bottom: 25px !important;
}

page-group-assignment-report .p-b-30 {
  padding-bottom: 30px !important;
}

page-group-assignment-report .p-b-40 {
  padding-bottom: 40px !important;
}

page-group-assignment-report .p-b-50 {
  padding-bottom: 50px !important;
}

page-group-assignment-report .p-b-60 {
  padding-bottom: 60px !important;
}

page-group-assignment-report .p-b-70 {
  padding-bottom: 70px !important;
}

page-group-assignment-report .p-b-80 {
  padding-bottom: 80px !important;
}

page-group-assignment-report .p-b-90 {
  padding-bottom: 90px !important;
}

page-group-assignment-report .p-b-100 {
  padding-bottom: 100px !important;
}

page-group-assignment-report .p-t-0 {
  padding-top: 0 !important;
}

page-group-assignment-report .p-t-5 {
  padding-top: 5px !important;
}

page-group-assignment-report .p-t-7 {
  padding-top: 7px !important;
}

page-group-assignment-report .p-t-10 {
  padding-top: 10px !important;
}

page-group-assignment-report .p-t-15 {
  padding-top: 15px !important;
}

page-group-assignment-report .p-t-16 {
  padding-top: 16px !important;
}

page-group-assignment-report .p-t-20 {
  padding-top: 20px !important;
}

page-group-assignment-report .p-t-25 {
  padding-top: 25px !important;
}

page-group-assignment-report .p-t-30 {
  padding-top: 30px !important;
}

page-group-assignment-report .p-t-40 {
  padding-top: 40px !important;
}

page-group-assignment-report .p-t-50 {
  padding-top: 50px !important;
}

page-group-assignment-report .p-t-75 {
  padding-top: 75px !important;
}

page-group-assignment-report .p-t-100 {
  padding-top: 100px !important;
}

page-group-assignment-report .p-t-120 {
  padding-top: 120px !important;
}

page-group-assignment-report .p-t-130 {
  padding-top: 130px !important;
}

page-group-assignment-report .p-t-140 {
  padding-top: 140px !important;
}

page-group-assignment-report .p-t-150 {
  padding-top: 150px !important;
}

page-group-assignment-report .block {
  display: block !important;
}

page-group-assignment-report .img-xs {
  width: 30px;
  height: 30px;
}

page-group-assignment-report .img-sm {
  width: 35px;
  height: 35px;
}

page-group-assignment-report .img-md {
  width: 55px;
  height: 55px;
}

page-group-assignment-report .img-lg {
  width: 100px;
  height: 100px;
}

page-group-assignment-report .min-w-800 {
  min-width: 800px !important;
}

page-group-assignment-report .min-w-1000 {
  min-width: 1000px !important;
}

page-group-assignment-report .min-w-1100 {
  min-width: 1100px !important;
}

page-group-assignment-report .max-w-20 {
  max-width: 20px !important;
}

page-group-assignment-report .max-w-30 {
  max-width: 30px !important;
}

page-group-assignment-report .max-w-32 {
  max-width: 35px !important;
}

page-group-assignment-report .max-w-35 {
  max-width: 35px !important;
}

page-group-assignment-report .max-w-40 {
  max-width: 40px !important;
}

page-group-assignment-report .max-w-50 {
  max-width: 50px !important;
}

page-group-assignment-report .max-w-75 {
  max-width: 75px !important;
}

page-group-assignment-report .max-w-100 {
  max-width: 100px !important;
}

page-group-assignment-report .max-w-150 {
  max-width: 150px !important;
}

page-group-assignment-report .max-w-200 {
  max-width: 200px !important;
}

page-group-assignment-report .max-w-300 {
  max-width: 300px !important;
}

page-group-assignment-report .max-w-400 {
  max-width: 400px !important;
}

page-group-assignment-report .overflow-hidden {
  overflow: hidden;
}

page-group-assignment-report .overflow-auto {
  overflow: auto;
}

page-group-assignment-report .max-h-50 {
  max-height: 50px !important;
}

page-group-assignment-report .max-h-80 {
  max-height: 80px !important;
}

page-group-assignment-report .max-h-100 {
  max-height: 100px !important;
}

page-group-assignment-report .max-h-150 {
  max-height: 150px !important;
}

page-group-assignment-report .max-h-200 {
  max-height: 200px !important;
}

page-group-assignment-report .max-h-250 {
  max-height: 250px !important;
}

page-group-assignment-report .max-h-300 {
  max-height: 300px !important;
}

page-group-assignment-report .max-h-350 {
  max-height: 300px !important;
}

page-group-assignment-report .max-h-375 {
  max-height: 300px !important;
}

page-group-assignment-report .max-h-400 {
  max-height: 400px !important;
}

page-group-assignment-report .max-h-450 {
  max-height: 450px !important;
}

page-group-assignment-report .max-h-500 {
  max-height: 500px !important;
}

page-group-assignment-report .max-h-600 {
  max-height: 600px !important;
}

page-group-assignment-report .max-h-650 {
  max-height: 650px !important;
}

page-group-assignment-report .max-h-700 {
  max-height: 700px !important;
}

page-group-assignment-report .max-h-800 {
  max-height: 800px !important;
}

page-group-assignment-report .max-h-900 {
  max-height: 900px !important;
}

page-group-assignment-report .max-h-1000 {
  max-height: 1000px !important;
}

page-group-assignment-report .min-h-0 {
  min-height: 0 !important;
}

page-group-assignment-report .min-h-50 {
  min-height: 50px !important;
}

page-group-assignment-report .min-h-100 {
  min-height: 100px !important;
}

page-group-assignment-report .min-h-200 {
  min-height: 200px !important;
}

page-group-assignment-report .min-h-250 {
  min-height: 250px !important;
}

page-group-assignment-report .min-h-300 {
  min-height: 300px !important;
}

page-group-assignment-report .min-h-350 {
  min-height: 300px !important;
}

page-group-assignment-report .min-h-375 {
  min-height: 300px !important;
}

page-group-assignment-report .min-h-400 {
  min-height: 400px !important;
}

page-group-assignment-report .min-h-450 {
  min-height: 450px !important;
}

page-group-assignment-report .min-h-500 {
  min-height: 500px !important;
}

page-group-assignment-report .min-h-600 {
  min-height: 600px !important;
}

page-group-assignment-report .min-h-650 {
  min-height: 650px !important;
}

page-group-assignment-report .min-h-700 {
  min-height: 700px !important;
}

page-group-assignment-report .min-h-800 {
  min-height: 800px !important;
}

page-group-assignment-report .min-h-900 {
  min-height: 900px !important;
}

page-group-assignment-report .min-h-1000 {
  min-height: 1000px !important;
}

page-group-assignment-report .h-5 {
  height: 5px !important;
}

page-group-assignment-report .h-10 {
  height: 10px !important;
}

page-group-assignment-report .h-20 {
  height: 20px !important;
}

page-group-assignment-report .h-25 {
  height: 25px !important;
}

page-group-assignment-report .h-50 {
  height: 50px !important;
}

page-group-assignment-report .h-75 {
  height: 75px !important;
}

page-group-assignment-report .h-100 {
  height: 100px !important;
}

page-group-assignment-report .h-125 {
  height: 125px !important;
}

page-group-assignment-report .h-150 {
  height: 150px !important;
}

page-group-assignment-report .h-200 {
  height: 200px !important;
}

page-group-assignment-report .h-300 {
  height: 300px !important;
}

page-group-assignment-report .h-350 {
  height: 350px !important;
}

page-group-assignment-report .h-400 {
  height: 400px !important;
}

page-group-assignment-report .h-450 {
  height: 450px !important;
}

page-group-assignment-report .h-500 {
  height: 500px !important;
}

page-group-assignment-report .h-600 {
  height: 600px !important;
}

page-group-assignment-report .h-650 {
  height: 650px !important;
}

page-group-assignment-report .h-700 {
  height: 700px !important;
}

page-group-assignment-report .h-800 {
  height: 800px !important;
}

page-group-assignment-report .h-900 {
  height: 900px !important;
}

page-group-assignment-report .h-1000 {
  height: 1000px !important;
}

page-group-assignment-report .w-5 {
  width: 5px !important;
}

page-group-assignment-report .w-10 {
  width: 10px !important;
}

page-group-assignment-report .w-15 {
  width: 15px !important;
}

page-group-assignment-report .w-20 {
  width: 20px !important;
}

page-group-assignment-report .w-30 {
  width: 30px !important;
}

page-group-assignment-report .w-40 {
  width: 40px !important;
}

page-group-assignment-report .w-50 {
  width: 50px !important;
}

page-group-assignment-report .w-60 {
  width: 60px !important;
}

page-group-assignment-report .w-80 {
  width: 80px !important;
}

page-group-assignment-report .w-100 {
  width: 100px !important;
}

page-group-assignment-report .w-150 {
  width: 150px !important;
}

page-group-assignment-report .w-190 {
  width: 190px !important;
}

page-group-assignment-report .w-200 {
  width: 200px !important;
}

page-group-assignment-report .w-250 {
  width: 250px !important;
}

page-group-assignment-report .w-300 {
  width: 300px !important;
}

page-group-assignment-report .w-600 {
  width: 600px !important;
}

page-group-assignment-report .w-100p {
  width: 100% !important;
}

page-group-assignment-report .w-95p {
  width: 95% !important;
}

page-group-assignment-report .w-90p {
  width: 90% !important;
}

page-group-assignment-report .w-80p {
  width: 80% !important;
}

page-group-assignment-report .w-70p {
  width: 70% !important;
}

page-group-assignment-report .w-60p {
  width: 60% !important;
}

page-group-assignment-report .w-50p {
  width: 50% !important;
}

page-group-assignment-report .w-45p {
  width: 45% !important;
}

page-group-assignment-report .w-40p {
  width: 40% !important;
}

page-group-assignment-report .w-30p {
  width: 30% !important;
}

page-group-assignment-report .w-25p {
  width: 25% !important;
}

page-group-assignment-report .w-20p {
  width: 20% !important;
}

page-group-assignment-report .w-15p {
  width: 15% !important;
}

page-group-assignment-report .w-10p {
  width: 10% !important;
}

page-group-assignment-report .w-8p {
  width: 8% !important;
}

page-group-assignment-report .w-5p {
  width: 5% !important;
}

page-group-assignment-report .w-3p {
  width: 3% !important;
}

page-group-assignment-report .w-95p {
  width: 95% !important;
}

page-group-assignment-report .h-100p {
  height: 100% !important;
}

page-group-assignment-report .h-80p {
  height: 80% !important;
}

page-group-assignment-report .absolute {
  position: absolute !important;
}

page-group-assignment-report .relative {
  position: relative !important;
}

page-group-assignment-report .block {
  display: block !important;
}

page-group-assignment-report .inline-block {
  display: inline-block !important;
}

page-group-assignment-report .list-block li {
  display: block !important;
}

page-group-assignment-report .list-inline li {
  display: inline !important;
}

page-group-assignment-report .clear-both {
  clear: both !important;
}

page-group-assignment-report .line-height-normal {
  line-height: normal !important;
}

page-group-assignment-report .line-height-8 {
  line-height: 8px !important;
}

page-group-assignment-report .line-height-14 {
  line-height: 14px !important;
}

page-group-assignment-report .line-height-12 {
  line-height: normal !important;
}

page-group-assignment-report ul.style-none {
  margin: 0;
  padding: 0;
  list-style: none;
}

page-group-assignment-report ul.style-none li {
  font-size: 0.875rem;
  padding: 3px 0;
}

page-group-assignment-report ul.style-none li ul {
  list-style: none;
}

page-group-assignment-report ul.vertical-icon-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

page-group-assignment-report ul.vertical-icon-list li {
  font-size: 0.875rem;
  padding: 6px 0;
}

page-group-assignment-report ul.vertical-icon-list li i {
  font-size: 1.25rem;
  padding-right: 15px;
  vertical-align: middle;
}

page-group-assignment-report .bg-white {
  background: #ffffff !important;
}

page-group-assignment-report .bg-green {
  background: #28bebd !important;
}

page-group-assignment-report .bg-blue {
  background: #42a5f5 !important;
}

page-group-assignment-report .bg-lightBlue {
  background: #2ebaee !important;
}

page-group-assignment-report .bg-red {
  background: #ef5350 !important;
}

page-group-assignment-report .bg-yellow {
  background: #f8c200 !important;
}

page-group-assignment-report .bg-paleYellow {
  background: #fddd7e !important;
}

page-group-assignment-report .bg-lightGray {
  background: #e3ecf7 !important;
}

page-group-assignment-report .bg-gray {
  background: #8f9eb5 !important;
}

page-group-assignment-report .bg-drakGray {
  background: #707c94 !important;
}

page-group-assignment-report .bg-grayBlue {
  background: #59779b !important;
}

page-group-assignment-report .bg-purple {
  background: #6b79c4 !important;
}

page-group-assignment-report .bg-turquoise {
  background: #00c5dc !important;
}

page-group-assignment-report .bg-peach {
  background: #feb38d !important;
}

page-group-assignment-report .bg-transparent {
  background: transparent !important;
}

page-group-assignment-report .text-primary {
  color: #172B4D !important;
}

page-group-assignment-report .text-link {
  color: #0645ad !important;
}

page-group-assignment-report .text-green {
  color: #28bebd !important;
}

page-group-assignment-report .text-turquoise {
  color: #00c5dc !important;
}

page-group-assignment-report .text-red {
  color: #ef5350 !important;
}

page-group-assignment-report .text-cyan {
  color: #26c6da !important;
}

page-group-assignment-report .text-yellow {
  color: #f8c200 !important;
}

page-group-assignment-report .text-gray {
  color: #8f9eb5 !important;
}

page-group-assignment-report .text-blue {
  color: #42a5f5 !important;
}

page-group-assignment-report .text-orange {
  color: #ffb74d !important;
}

page-group-assignment-report .text-purple {
  color: #6b79c4 !important;
}

page-group-assignment-report .text-white {
  color: #fff !important;
}

page-group-assignment-report .text-brown {
  color: #906b6b !important;
}

page-group-assignment-report .text-salmon {
  color: #ee6e73 !important;
}

page-group-assignment-report .text-muted {
  color: #8396b0;
}

page-group-assignment-report .color-black {
  color: #000 !important;
}

page-group-assignment-report .color-white {
  color: #fff !important;
}

page-group-assignment-report .bg-white {
  background-color: #fff !important;
}

page-group-assignment-report .transparent {
  background: transparent !important;
}

page-group-assignment-report .bg-primary {
  background-color: #172B4D !important;
}

page-group-assignment-report .border-bottom,
page-group-assignment-report .border-grey-bottom-1px {
  border-bottom: 1px solid rgba(215, 225, 237, 0.8) !important;
}

page-group-assignment-report .border-grey-top-1px,
page-group-assignment-report .border-top {
  border-top: 1px solid rgba(215, 225, 237, 0.6) !important;
}

page-group-assignment-report .border-bottom-black-2px {
  border-bottom: 2px solid black;
}

page-group-assignment-report .border-top0p {
  border-top: 0px !important;
}

page-group-assignment-report .b-n {
  border: none !important;
}

page-group-assignment-report .b-b-1 {
  border: 1px solid black;
}

page-group-assignment-report .b-lg-1 {
  border: 1px solid lightgrey;
}

page-group-assignment-report .shadow-none {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

page-group-assignment-report .shadow-z-0 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-group-assignment-report .shadow-z-1 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-group-assignment-report .shadow-z-1:hover {
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

page-group-assignment-report .shadow-z-2 {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

page-group-assignment-report .shadow-z-3 {
  -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

page-group-assignment-report .shadow-z-4 {
  -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}

page-group-assignment-report .shadow-z-5 {
  -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}

page-group-assignment-report .big-shadow {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
}

page-group-assignment-report .shadow-2dp {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

page-group-assignment-report .shadow-3dp {
  -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}

page-group-assignment-report .shadow-4dp {
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}

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

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

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

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

page-group-assignment-report .font-weight-100 {
  font-weight: 100 !important;
}

page-group-assignment-report .font-weight-200 {
  font-weight: 200 !important;
}

page-group-assignment-report .font-weight-300 {
  font-weight: 300 !important;
}

page-group-assignment-report .font-weight-400 {
  font-weight: 400 !important;
}

page-group-assignment-report .font-weight-500 {
  font-weight: 500 !important;
}

page-group-assignment-report .font-weight-600 {
  font-weight: 600 !important;
}

page-group-assignment-report .font-weight-700 {
  font-weight: 700 !important;
}

page-group-assignment-report .font-weight-800 {
  font-weight: 800 !important;
}

page-group-assignment-report .font-weight-900 {
  font-weight: 900 !important;
}

page-group-assignment-report .font-weight-light {
  font-weight: 100 !important;
}

page-group-assignment-report .font-weight-normal {
  font-weight: 300 !important;
}

page-group-assignment-report .font-weight-medium {
  font-weight: 400 !important;
}

page-group-assignment-report .font-weight-bold {
  font-weight: 500 !important;
}

page-group-assignment-report .bold {
  font-weight: bold !important;
}

page-group-assignment-report .font-size-0 {
  font-size: 0 !important;
}

page-group-assignment-report .font-size-10 {
  font-size: 10px !important;
}

page-group-assignment-report .font-size-11 {
  font-size: 11px !important;
}

page-group-assignment-report .font-size-12 {
  font-size: 12px !important;
}

page-group-assignment-report .font-size-14 {
  font-size: 14px !important;
}

page-group-assignment-report .font-size-16 {
  font-size: 16px !important;
}

page-group-assignment-report .font-size-18 {
  font-size: 18px !important;
}

page-group-assignment-report .font-size-20 {
  font-size: 20px !important;
}

page-group-assignment-report .font-size-24 {
  font-size: 24px !important;
}

page-group-assignment-report .font-size-26 {
  font-size: 26px !important;
}

page-group-assignment-report .font-size-30 {
  font-size: 30px !important;
}

page-group-assignment-report .font-size-35 {
  font-size: 35px !important;
}

page-group-assignment-report .font-size-38 {
  font-size: 38px !important;
}

page-group-assignment-report .font-size-40 {
  font-size: 40px !important;
}

page-group-assignment-report .font-size-50 {
  font-size: 50px !important;
}

page-group-assignment-report .font-size-60 {
  font-size: 60px !important;
}

page-group-assignment-report .font-size-70 {
  font-size: 70px !important;
}

page-group-assignment-report .font-size-80 {
  font-size: 80px !important;
}

page-group-assignment-report .hidden {
  display: none !important;
}

page-group-assignment-report .w-100p {
  width: 100% !important;
}

page-group-assignment-report .float-r {
  float: right !important;
}

page-group-assignment-report .float-l {
  float: left !important;
}

page-group-assignment-report .align-c {
  display: block;
  margin: 0 auto;
}

page-group-assignment-report .align-b {
  display: block;
}

page-group-assignment-report .text-center {
  text-align: center !important;
}

page-group-assignment-report .text-left {
  text-align: left !important;
}

page-group-assignment-report .text-right {
  text-align: right !important;
}

page-group-assignment-report .align-v-c {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-group-assignment-report .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-group-assignment-report .align-v-c1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-group-assignment-report .align-v-c2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-group-assignment-report .align-v-c3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-group-assignment-report .align-v-c4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-group-assignment-report .align-flex-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-group-assignment-report .align-right-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

page-group-assignment-report .align-start-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media (max-width: 576px) {
  page-group-assignment-report .d-xs-none {
    display: none !important;
  }
  page-group-assignment-report .d-xs-inline {
    display: inline !important;
  }
  page-group-assignment-report .d-xs-inline-block {
    display: inline-block !important;
  }
  page-group-assignment-report .d-xs-block {
    display: block !important;
  }
  page-group-assignment-report .d-xs-table {
    display: table !important;
  }
  page-group-assignment-report .d-xs-table-cell {
    display: table-cell !important;
  }
  page-group-assignment-report .d-xs-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
  }
  page-group-assignment-report .d-xs-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important;
  }
}

page-group-assignment-report .b-r-gd {
  border-radius: 10px !important;
}

page-group-assignment-report .b-r-10 {
  border-radius: 10px !important;
}

page-group-assignment-report .b-r-5 {
  border-radius: 5px;
}

page-group-assignment-report .d-fl-ov-x {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  overflow-x: auto !important;
}

page-group-assignment-report .align-base {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-group-assignment-report .d-fl-bl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-group-assignment-report .d-fl-vhcenter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-group-assignment-report .d-fl-b2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
}

page-group-assignment-report .d-fl-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-group-assignment-report .d-fl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-group-assignment-report .d-fl-sb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-group-assignment-report .d-fl-saround {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-group-assignment-report .d-fl-ac {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-group-assignment-report .text-capital {
  text-transform: capitalize !important;
}

page-group-assignment-report .text-upper {
  text-transform: uppercase !important;
}

page-group-assignment-report .m-a {
  margin: auto !important;
}

page-group-assignment-report .m-l-a {
  margin-left: auto !important;
}

page-group-assignment-report .m-r-a {
  margin-right: auto !important;
}

page-group-assignment-report .italic {
  font-style: italic;
}

page-group-assignment-report .pointer {
  cursor: pointer;
}

page-group-assignment-report .ws-in {
  white-space: inherit;
}

page-group-assignment-report .opacity-1 {
  opacity: 1;
}

page-group-assignment-report .in-valid-checkbox {
  border: 1px solid #ff0000 !important;
  padding: 5px !important;
  margin-bottom: 10px;
  border-radius: 5px;
}

page-group-assignment-report page-corp-dashboard .mycustomdrop:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
  top: -15px;
  position: absolute;
  right: 15%;
}

page-group-assignment-report h1 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1.6875rem !important;
  line-height: 64px;
  letter-spacing: -0.4px;
}

page-group-assignment-report h2 {
  font-family: "Poppins", sans-serif;
  font-size: 24px !important;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
}

page-group-assignment-report h3,
page-group-assignment-report .h3 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 22px !important;
  line-height: 48px;
  /* identical to box height, or 200% */
  /* Neutral / dark gray */
  color: #000000;
}

page-group-assignment-report h4,
page-group-assignment-report .menu-heading-h4 {
  font-family: "Poppins", sans-serif !important;
  font-style: normal;
  font-weight: normal;
  font-size: 15px !important;
  line-height: 26px;
  /* or 144% */
  letter-spacing: -0.2px;
  color: #000000;
}

page-group-assignment-report h5 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  /* or 143% */
  color: #000000;
}

page-group-assignment-report .subtitle {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  /* or 200% */
  letter-spacing: 2.5px;
  color: #4E5761;
}

page-group-assignment-report p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 13px !important;
  line-height: 24px;
  /* identical to box height, or 171% */
  letter-spacing: -0.1px;
  /* Neutral / black */
  color: #000000;
}

page-group-assignment-report .ui-tabview.ui-tabview-top > .ui-tabview-nav {
  padding: 0.2em 0.2em 0;
  border-bottom: 1px solid #eaeaea;
}

page-group-assignment-report .scroll-content {
  padding: 0 !important;
}

page-group-assignment-report ion-navbar {
  margin: 0;
  border-radius: 0px;
  height: 50px !important;
  color: #172B4D !important;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-group-assignment-report ion-header {
  padding: 0;
}

page-group-assignment-report .header-md::after {
  background-image: none;
}

page-group-assignment-report .toolbar-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #172B4D !important;
  line-height: 24px;
  font-family: "Poppins", sans-serif;
  font-size: 2rem !important;
  font-weight: bold !important;
  text-align: left !important;
}

page-group-assignment-report .userLabel {
  float: right;
  display: inline;
  letter-spacing: 1px;
  color: #172B4D !important !important;
}

page-group-assignment-report .card-title {
  font-size: 16px !important;
  color: #000000;
  font-weight: bold !important;
  text-align: center !important;
}

page-group-assignment-report .barcolor {
  background: #5a75a3;
  color: #ffffff;
}

page-group-assignment-report p-sorticon {
  color: black;
}

page-group-assignment-report p-sorticon a {
  color: black !important;
}

page-group-assignment-report .globalTable {
  border: none;
  border: 1px solid #c1c1c1;
}

page-group-assignment-report .globalTable .ui-table-caption {
  border-bottom: 1px solid #dadada !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  font-size: 18px !important;
  background: #ecececad !important;
}

page-group-assignment-report .globalTable .table-header input {
  font-size: 15px !important;
  border-style: groove;
  width: 100% !important;
  padding-left: 10px;
  border-radius: 10px;
  border-color: #f3f3f3;
  font-weight: 500;
  line-height: 25px !important;
}

page-group-assignment-report .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-group-assignment-report .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

page-group-assignment-report .globalTable .table-header .align input {
  width: 80%;
  line-height: 25px;
}

page-group-assignment-report .globalTable .ui-table-tbody tr:nth-child(2n+1) {
  background: white;
}

page-group-assignment-report .globalTable .ui-table-tbody tr:nth-child(2n) {
  background: #f3f3f3;
}

page-group-assignment-report .globalTable .ui-table-tbody tr:hover {
  background: #c1c1c167 !important;
}

page-group-assignment-report .globalTable .ui-table-tbody .activeRow {
  background: #c4d2e5 !important;
}

page-group-assignment-report .globalTable th input {
  text-align: center !important;
  width: 90% !important;
  font-weight: 400 !important;
}

page-group-assignment-report .globalTable .ui-table .ui-sortable-column.ui-state-highlight {
  color: black !important;
}

page-group-assignment-report .globalTable .ui-table .ui-table-thead tr th {
  background: #eeeeee9e;
  border: none;
  padding: 10px 0;
  width: 100%;
  text-align: center;
}

page-group-assignment-report .globalTable .ui-table .ui-table-tbody tr td {
  border: none;
  background: inherit;
  padding: 20px 0;
  text-align: center;
}

page-group-assignment-report .globalTable .ui-table .ui-table-tbody tr {
  border-bottom: 1px solid #cacaca;
}

page-group-assignment-report .globalTable .p-column-filter {
  border-radius: 4px;
  border: 1px solid gray;
}

page-group-assignment-report .globalTable .badge-badge.status-Active {
  padding: 5px 20px;
  color: #226f4e;
  background-color: #9decbe;
  font-weight: 500;
  font-size: 12px;
}

page-group-assignment-report .globalTable .badge-badge.status-Inactive {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

page-group-assignment-report .globalTable .badge-badge.status-Suspended {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

page-group-assignment-report .globalTable .badge-badge.status-Waiting {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

page-group-assignment-report .globalTable .badge-badge.status-Pending {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

page-group-assignment-report .globalTable .actionIcon {
  padding: 0 3px;
  font-size: 16px;
  cursor: pointer;
}

page-group-assignment-report ion-icon {
  cursor: pointer;
}

page-group-assignment-report .button-md-reset {
  background-color: #ffffff;
  color: black !important;
  border: 1px solid #e3ecf7;
}

page-group-assignment-report .button-md-reset:hover {
  background-color: #ececec !important;
}

page-group-assignment-report .reset:hover {
  background-color: #ececec !important;
}

page-group-assignment-report .button-md-primary {
  background-color: #172B4D !important;
  color: #ffffff !important;
}

page-group-assignment-report ion-button {
  background-color: #172B4D !important;
  color: #ffffff;
}

page-group-assignment-report .my-custom-class .alert-button-group button:first-child {
  position: relative;
}

page-group-assignment-report .my-custom-class .alert-button-group button {
  font-weight: bold;
}

page-group-assignment-report .my-custom-class .alert-radio-group {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100% !important;
}

page-group-assignment-report .my-custom-class button {
  text-align: center;
}

page-group-assignment-report .alert-button-group button:first-child {
  position: relative !important;
  min-width: 0 !important;
}

page-group-assignment-report .alert-md .alert-wrapper {
  max-width: 320px !important;
}

page-group-assignment-report .alert-md .alert-message {
  font-size: 16px !important;
}

page-group-assignment-report .alert-button {
  font-size: 15px !important;
}

page-group-assignment-report .alert-md .alert-sub-title {
  font-size: 16px !important;
}

page-group-assignment-report .alert-md .alert-title {
  font-size: 22px !important;
}

page-group-assignment-report .breakclass {
  white-space: pre-line;
}

page-group-assignment-report .error {
  color: red;
  float: left;
}

page-group-assignment-report .topStrip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}

page-group-assignment-report .infographic1 {
  border: none;
  color: #367ad2;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-group-assignment-report .infographic1 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-group-assignment-report .infographic1 ion-icon {
  color: black;
}

page-group-assignment-report .infographic2 {
  border: none;
  color: #50d29b;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-group-assignment-report .infographic2 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-group-assignment-report .infographic2 ion-icon {
  color: black;
}

page-group-assignment-report .infographic3 {
  border: none;
  color: #ffaa00;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-group-assignment-report .infographic3 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-group-assignment-report .infographic3 ion-icon {
  color: black;
}

page-group-assignment-report .infographic4 {
  border: none;
  color: #f36363;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-group-assignment-report .infographic4 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-group-assignment-report .infographic4 ion-icon {
  color: black;
}

page-group-assignment-report .infographic5 {
  border: none;
  color: #41acbf;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-group-assignment-report .infographic5 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-group-assignment-report .infographic5 ion-icon {
  color: black;
}

page-group-assignment-report .infograph1 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #367ad2;
  font-size: 20px;
}

page-group-assignment-report .infograph2 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #51b98d;
  font-size: 20px;
}

page-group-assignment-report .infograph3 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #ffaa00;
  font-size: 20px;
}

page-group-assignment-report .infograph4 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #dc5b54;
  font-size: 20px;
}

page-group-assignment-report .infograph5 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #41acbf;
  font-size: 20px;
}

page-group-assignment-report .infographtext {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 12px;
}

page-group-assignment-report .successToast .toast-message {
  background-color: #d2f8d2 !important;
  color: black;
}

page-group-assignment-report .errorToast .toast-message {
  background-color: #eea9a0 !important;
  color: black;
}

page-group-assignment-report .actionIconsBar {
  padding-right: 20px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

page-group-assignment-report .ui-carousel .ui-carousel-header {
  display: none !important;
}

page-group-assignment-report .userfab .fab-close-active .fab-close-icon {
  height: 40px !important;
  position: relative !important;
}

page-group-assignment-report textarea.text-input {
  resize: none !important;
}

page-group-assignment-report .asterisk {
  color: red;
  padding-left: 3px;
}

page-group-assignment-report .m-b-t {
  margin-bottom: 4% !important;
}

page-group-assignment-report .ui-radiobutton-box.ui-state-active {
  border: 1px solid #09f;
  background: #09f;
  color: #09f;
}

page-group-assignment-report .alert-md .alert-message {
  overflow: auto;
}

page-group-assignment-report .alert-md .alert-message .alertstyle1 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

page-group-assignment-report .alert-md .alert-message .alertstyle1 b {
  width: 65px !important;
}

page-group-assignment-report .alert-md .alert-message .alertstyle3 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-group-assignment-report .alert-md .alert-message .alertstyle3 b {
  width: 65px !important;
}

page-group-assignment-report .alert-md .alert-message .alertstyle4 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-group-assignment-report .alert-md .alert-message .alertstyle4 b {
  width: 150px !important;
}

page-group-assignment-report .alert-md .alert-message .alertstyle5 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

page-group-assignment-report .alert-md .alert-message .alertstyle5 b {
  width: 75px !important;
}

page-group-assignment-report .alert-md .alert-message .alertstyle5 span {
  width: 5px;
}

page-group-assignment-report .alert-md .alert-message .alertstyle2 {
  text-align: left !important;
}

page-group-assignment-report .alert-md .alert-message .alertstyle2 li {
  margin-top: 10px;
}

page-group-assignment-report .ui-tooltip {
  background-color: #172B4D !important;
  color: #ffffff;
}

page-group-assignment-report .navsebexam .toolbar-content-md {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
}

page-group-assignment-report .modal-wrapper {
  height: 75%;
  top: 10%;
  position: absolute;
  display: block;
  border-radius: 10px !important;
}

page-group-assignment-report .ui-picklist-source-controls.ui-picklist-buttons {
  display: none !important;
}

page-group-assignment-report .ui-picklist-target-controls.ui-picklist-buttons {
  display: none !important;
}

page-group-assignment-report .ui-picklist-target-controls.ui-picklist-buttons.ng-star-inserted {
  display: none !important;
}

page-group-assignment-report .ellip {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

page-group-assignment-report .p-slider {
  background: #dee2e6;
  border: 0 none;
  border-radius: 3px;
}

page-group-assignment-report .Errorbox .alert-title {
  color: #d8000c;
}

page-group-assignment-report .Errorbox .alert-button {
  color: #d8000c;
}

page-group-assignment-report .card-md {
  border-radius: 5px !important;
}

page-group-assignment-report .modal {
  display: none;
  /* Hidden by default */
  position: -webkit-sticky;
  position: sticky;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 30px;
  /* Location of the box */
  left: 0;
  right: 0;
  bottom: 150px;
  width: 400px;
  height: 400px;
  margin: auto;
  border: 4px solid;
  background-color: black;
}

page-group-assignment-report .modal-content {
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
}

page-group-assignment-report .close {
  position: absolute;
  color: #f1f1f1;
  top: 0px;
  right: 10px;
  font-size: 28px;
  font-weight: bold;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

page-group-assignment-report .close:hover,
page-group-assignment-report .close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

page-group-assignment-report .customhr {
  width: 90%;
  background-color: #ccc;
}

page-group-assignment-report .mycustomtoolbar ion-segment {
  border: none;
}

page-group-assignment-report .mycustomtoolbar ion-segment-button {
  font-size: 16px !important;
  font-weight: 500 !important;
}

page-group-assignment-report .mycustomtoolbar .segment-md .segment-button.activated,
page-group-assignment-report .mycustomtoolbar .segment-md .segment-button.segment-activated {
  border-color: #172B4D !important;
  color: #172B4D !important;
}

page-group-assignment-report .mycustomtoolbar .toolbar-background {
  background: transparent;
}

page-group-assignment-report .fc {
  direction: ltr;
  text-align: left;
}

page-group-assignment-report .fc-rtl {
  text-align: right;
}

page-group-assignment-report body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}

page-group-assignment-report .fc-unthemed th,
page-group-assignment-report .fc-unthemed td,
page-group-assignment-report .fc-unthemed thead,
page-group-assignment-report .fc-unthemed tbody,
page-group-assignment-report .fc-unthemed .fc-divider,
page-group-assignment-report .fc-unthemed .fc-row,
page-group-assignment-report .fc-unthemed .fc-content,
page-group-assignment-report .fc-unthemed .fc-popover,
page-group-assignment-report .fc-unthemed .fc-list-view,
page-group-assignment-report .fc-unthemed .fc-list-heading td {
  border-color: #ddd;
}

page-group-assignment-report .fc-unthemed .fc-popover {
  background-color: #fff;
}

page-group-assignment-report .fc-unthemed .fc-divider,
page-group-assignment-report .fc-unthemed .fc-popover .fc-header,
page-group-assignment-report .fc-unthemed .fc-list-heading td {
  background: #eee;
}

page-group-assignment-report .fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}

page-group-assignment-report .fc-unthemed td.fc-today {
  background: #fcf8e3;
}

page-group-assignment-report .fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3;
}

page-group-assignment-report .fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3;
}

page-group-assignment-report .fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}

page-group-assignment-report .fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

page-group-assignment-report .fc-icon:after {
  position: relative;
}

page-group-assignment-report .fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-group-assignment-report .fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-group-assignment-report .fc-icon-left-double-arrow:after {
  content: "\000AB";
  font-size: 160%;
  top: -7%;
}

page-group-assignment-report .fc-icon-right-double-arrow:after {
  content: "\000BB";
  font-size: 160%;
  top: -7%;
}

page-group-assignment-report .fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%;
}

page-group-assignment-report .fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%;
}

page-group-assignment-report .fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%;
}

page-group-assignment-report .fc-icon-x:after {
  content: "\000D7";
  font-size: 200%;
  top: 6%;
}

page-group-assignment-report .fc button {
  /* force height to include the border and padding */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer;
}

page-group-assignment-report .fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}

page-group-assignment-report .fc-state-default {
  /* non-theme */
  border: 1px solid;
}

page-group-assignment-report .fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

page-group-assignment-report .fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

page-group-assignment-report .fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .2em;
  vertical-align: middle;
}

page-group-assignment-report .fc-state-default {
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-group-assignment-report .fc-state-hover,
page-group-assignment-report .fc-state-down,
page-group-assignment-report .fc-state-active,
page-group-assignment-report .fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}

page-group-assignment-report .fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

page-group-assignment-report .fc-state-down,
page-group-assignment-report .fc-state-active {
  background-color: #cccccc;
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-group-assignment-report .fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}

page-group-assignment-report .fc-button-group {
  display: inline-block;
}

page-group-assignment-report .fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px;
}

page-group-assignment-report .fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0;
}

page-group-assignment-report .fc-popover {
  position: absolute;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

page-group-assignment-report .fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px;
}

page-group-assignment-report .fc-popover .fc-header .fc-title {
  margin: 0 2px;
}

page-group-assignment-report .fc-popover .fc-header .fc-close {
  cursor: pointer;
}

page-group-assignment-report .fc-ltr .fc-popover .fc-header .fc-title,
page-group-assignment-report .fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}

page-group-assignment-report .fc-rtl .fc-popover .fc-header .fc-title,
page-group-assignment-report .fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}

page-group-assignment-report .fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}

page-group-assignment-report .fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: .9em;
  margin-top: 2px;
}

page-group-assignment-report .fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */
}

page-group-assignment-report .fc-divider {
  border-style: solid;
  border-width: 1px;
}

page-group-assignment-report hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}

page-group-assignment-report .fc-clear {
  clear: both;
}

page-group-assignment-report .fc-bg,
page-group-assignment-report .fc-bgevent-skeleton,
page-group-assignment-report .fc-highlight-skeleton,
page-group-assignment-report .fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-group-assignment-report .fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}

page-group-assignment-report .fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}

page-group-assignment-report .fc table {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}

page-group-assignment-report .fc th {
  text-align: center;
}

page-group-assignment-report .fc th,
page-group-assignment-report .fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}

page-group-assignment-report .fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}

page-group-assignment-report a[data-goto] {
  cursor: pointer;
}

page-group-assignment-report a[data-goto]:hover {
  text-decoration: underline;
}

page-group-assignment-report .fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}

page-group-assignment-report .fc-row table {
  /* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}

page-group-assignment-report .fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}

page-group-assignment-report .fc-row {
  position: relative;
}

page-group-assignment-report .fc-row .fc-bg {
  z-index: 1;
}

page-group-assignment-report .fc-row .fc-bgevent-skeleton,
page-group-assignment-report .fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}

page-group-assignment-report .fc-row .fc-bgevent-skeleton table,
page-group-assignment-report .fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}

page-group-assignment-report .fc-row .fc-highlight-skeleton td,
page-group-assignment-report .fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}

page-group-assignment-report .fc-row .fc-bgevent-skeleton {
  z-index: 2;
}

page-group-assignment-report .fc-row .fc-highlight-skeleton {
  z-index: 3;
}

page-group-assignment-report .fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}

page-group-assignment-report .fc-row .fc-helper-skeleton {
  z-index: 5;
}

page-group-assignment-report .fc-row .fc-content-skeleton td,
page-group-assignment-report .fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}

page-group-assignment-report .fc-row .fc-content-skeleton tbody td,
page-group-assignment-report .fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}

page-group-assignment-report .fc-scroller {
  -webkit-overflow-scrolling: touch;
}

page-group-assignment-report .fc-scroller > .fc-day-grid,
page-group-assignment-report .fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}

page-group-assignment-report .fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */
  font-weight: normal;
  /* undo jqui's ui-widget-header bold */
}

page-group-assignment-report .fc-event,
page-group-assignment-report .fc-event-dot {
  background-color: #3a87ad;
  /* default BACKGROUND color */
}

page-group-assignment-report .fc-event,
page-group-assignment-report .fc-event:hover,
page-group-assignment-report .ui-widget .fc-event {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}

page-group-assignment-report .fc-event[href],
page-group-assignment-report .fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}

page-group-assignment-report .fc-not-allowed,
page-group-assignment-report .fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}

page-group-assignment-report .fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #ffffff;
  opacity: .25;
}

page-group-assignment-report .fc-event .fc-content {
  position: relative;
  z-index: 2;
}

page-group-assignment-report .fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
}

page-group-assignment-report .fc-event .fc-resizer {
  display: none;
}

page-group-assignment-report .fc-event.fc-allow-mouse-resize .fc-resizer,
page-group-assignment-report .fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block;
}

page-group-assignment-report .fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}

page-group-assignment-report .fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

page-group-assignment-report .fc-event.fc-selected.fc-dragging {
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

page-group-assignment-report .fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}

page-group-assignment-report .fc-ltr .fc-h-event.fc-not-start,
page-group-assignment-report .fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

page-group-assignment-report .fc-ltr .fc-h-event.fc-not-end,
page-group-assignment-report .fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

page-group-assignment-report .fc-ltr .fc-h-event .fc-start-resizer,
page-group-assignment-report .fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */
}

page-group-assignment-report .fc-ltr .fc-h-event .fc-end-resizer,
page-group-assignment-report .fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */
}

page-group-assignment-report .fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */
}

page-group-assignment-report .fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* vertically center */
  top: 50%;
  margin-top: -4px;
}

page-group-assignment-report .fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
page-group-assignment-report .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */
}

page-group-assignment-report .fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
page-group-assignment-report .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */
}

page-group-assignment-report .fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}

page-group-assignment-report tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */
}

page-group-assignment-report .fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: .25;
}

page-group-assignment-report .fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}

page-group-assignment-report .fc-day-grid-event .fc-time {
  font-weight: bold;
}

page-group-assignment-report .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
page-group-assignment-report .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */
}

page-group-assignment-report .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
page-group-assignment-report .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */
}

page-group-assignment-report a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none;
}

page-group-assignment-report a.fc-more:hover {
  text-decoration: underline;
}

page-group-assignment-report .fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}

page-group-assignment-report .fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}

page-group-assignment-report .fc-more-popover {
  z-index: 2;
  width: 220px;
}

page-group-assignment-report .fc-more-popover .fc-event-container {
  padding: 10px;
}

page-group-assignment-report .fc-now-indicator {
  position: absolute;
  border: 0 solid red;
}

page-group-assignment-report .fc-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

page-group-assignment-report .fc-toolbar {
  text-align: center;
}

page-group-assignment-report .fc-toolbar.fc-header-toolbar {
  margin-bottom: 1em;
}

page-group-assignment-report .fc-toolbar.fc-footer-toolbar {
  margin-top: 1em;
}

page-group-assignment-report .fc-toolbar .fc-left {
  float: left;
}

page-group-assignment-report .fc-toolbar .fc-right {
  float: right;
}

page-group-assignment-report .fc-toolbar .fc-center {
  display: inline-block;
}

page-group-assignment-report .fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em;
}

page-group-assignment-report .fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0;
}

page-group-assignment-report .fc-toolbar h2 {
  margin: 0;
}

page-group-assignment-report .fc-toolbar button {
  position: relative;
}

page-group-assignment-report .fc-toolbar .fc-state-hover,
page-group-assignment-report .fc-toolbar .ui-state-hover {
  z-index: 2;
}

page-group-assignment-report .fc-toolbar .fc-state-down {
  z-index: 3;
}

page-group-assignment-report .fc-toolbar .fc-state-active,
page-group-assignment-report .fc-toolbar .ui-state-active {
  z-index: 4;
}

page-group-assignment-report .fc-toolbar button:focus {
  z-index: 5;
}

page-group-assignment-report .fc-view-container *,
page-group-assignment-report .fc-view-container *:before,
page-group-assignment-report .fc-view-container *:after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

page-group-assignment-report .fc-view,
page-group-assignment-report .fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}

page-group-assignment-report .fc-basicWeek-view .fc-content-skeleton,
page-group-assignment-report .fc-basicDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}

page-group-assignment-report .fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}

page-group-assignment-report .fc-row.fc-rigid {
  overflow: hidden;
}

page-group-assignment-report .fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-group-assignment-report .fc-day-top.fc-other-month {
  opacity: 0.3;
}

page-group-assignment-report .fc-basic-view .fc-week-number,
page-group-assignment-report .fc-basic-view .fc-day-number {
  padding: 2px;
}

page-group-assignment-report .fc-basic-view th.fc-week-number,
page-group-assignment-report .fc-basic-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */
}

page-group-assignment-report .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right;
}

page-group-assignment-report .fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left;
}

page-group-assignment-report .fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0;
}

page-group-assignment-report .fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px;
}

page-group-assignment-report .fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080;
}

page-group-assignment-report .fc-basic-view td.fc-week-number {
  text-align: center;
}

page-group-assignment-report .fc-basic-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}

page-group-assignment-report .fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}

page-group-assignment-report .fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}

page-group-assignment-report .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}

page-group-assignment-report .fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}

page-group-assignment-report .fc-ltr .fc-axis {
  text-align: right;
}

page-group-assignment-report .fc-rtl .fc-axis {
  text-align: left;
}

page-group-assignment-report .ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome jqui theme making it bold */
}

page-group-assignment-report .fc-time-grid-container,
page-group-assignment-report .fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}

page-group-assignment-report .fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

page-group-assignment-report .fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}

page-group-assignment-report .fc-time-grid > .fc-bg {
  z-index: 1;
}

page-group-assignment-report .fc-time-grid .fc-slats,
page-group-assignment-report .fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}

page-group-assignment-report .fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */
}

page-group-assignment-report .fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
}

page-group-assignment-report .fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1;
}

page-group-assignment-report .fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2;
}

page-group-assignment-report .fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3;
}

page-group-assignment-report .fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4;
}

page-group-assignment-report .fc-time-grid .fc-now-indicator-line {
  z-index: 5;
}

page-group-assignment-report .fc-time-grid .fc-helper-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6;
}

page-group-assignment-report .fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}

page-group-assignment-report .fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}

page-group-assignment-report .fc-time-grid .fc-slats .ui-widget-content {
  /* for jqui theme */
  background: none;
  /* see through to fc-bg */
}

page-group-assignment-report .fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}

page-group-assignment-report .fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}

page-group-assignment-report .fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}

page-group-assignment-report .fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}

page-group-assignment-report .fc-time-grid .fc-event,
page-group-assignment-report .fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}

page-group-assignment-report .fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}

page-group-assignment-report .fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

page-group-assignment-report .fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

page-group-assignment-report .fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */
}

page-group-assignment-report .fc-time-grid-event.fc-selected {
  /* need to allow touch resizers to extend outside event's bounding box */
  /* common fc-selected styles hide the fc-bg, so don't need this anyway */
  overflow: visible;
}

page-group-assignment-report .fc-time-grid-event.fc-selected .fc-bg {
  display: none;
  /* hide semi-white background, to appear darker */
}

page-group-assignment-report .fc-time-grid-event .fc-content {
  overflow: hidden;
  /* for when .fc-selected */
}

page-group-assignment-report .fc-time-grid-event .fc-time,
page-group-assignment-report .fc-time-grid-event .fc-title {
  padding: 0 1px;
}

page-group-assignment-report .fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap;
}

page-group-assignment-report .fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}

page-group-assignment-report .fc-time-grid-event.fc-short .fc-time,
page-group-assignment-report .fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}

page-group-assignment-report .fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}

page-group-assignment-report .fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}

page-group-assignment-report .fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
  /* seperate with a dash, wrapped in nbsp's */
}

page-group-assignment-report .fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}

page-group-assignment-report .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}

page-group-assignment-report .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "=";
}

page-group-assignment-report .fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px;
}

page-group-assignment-report .fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0;
}

page-group-assignment-report .fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */
}

page-group-assignment-report .fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-group-assignment-report .fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-group-assignment-report .fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}

page-group-assignment-report .fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */
}

page-group-assignment-report .fc-list-view {
  border-width: 1px;
  border-style: solid;
}

page-group-assignment-report .fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */
}

page-group-assignment-report .fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px;
}

page-group-assignment-report .fc-list-table tr:first-child td {
  border-top-width: 0;
}

page-group-assignment-report .fc-list-heading {
  border-bottom-width: 1px;
}

page-group-assignment-report .fc-list-heading td {
  font-weight: bold;
}

page-group-assignment-report .fc-ltr .fc-list-heading-main {
  float: left;
}

page-group-assignment-report .fc-ltr .fc-list-heading-alt {
  float: right;
}

page-group-assignment-report .fc-rtl .fc-list-heading-main {
  float: right;
}

page-group-assignment-report .fc-rtl .fc-list-heading-alt {
  float: left;
}

page-group-assignment-report .fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */
}

page-group-assignment-report .fc-list-item:hover td {
  background-color: #f5f5f5;
}

page-group-assignment-report .fc-list-item-marker,
page-group-assignment-report .fc-list-item-time {
  white-space: nowrap;
  width: 1px;
}

page-group-assignment-report .fc-ltr .fc-list-item-marker {
  padding-right: 0;
}

page-group-assignment-report .fc-rtl .fc-list-item-marker {
  padding-left: 0;
}

page-group-assignment-report .fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit;
}

page-group-assignment-report .fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline;
}

page-group-assignment-report .fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

page-group-assignment-report .fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table;
}

page-group-assignment-report .fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

page-group-assignment-report .fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #eee;
}

page-group-assignment-report .generateButton {
  display: block;
  margin: 0 auto;
}

page-group-assignment-report .resetButton {
  float: right;
}

page-group-assignment-report .downloadButton {
  float: left;
}

page-group-assignment-report .nodata_avail {
  font-family: "Open Sans" !important;
  text-align: center;
  line-height: 60px;
  font-size: 25px;
  color: #0099ff !important;
  margin: auto;
  border-radius: 10px;
  width: 75%;
  padding: 13px 16px;
  background: #ffffff !important;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

page-group-assignment-report .nodata_avail-title {
  color: #0099ff !important;
  border-bottom: 1px solid #0099ff !important;
  font-size: 18px !important;
  font-weight: bold;
  font-family: "Open Sans";
  cursor: pointer;
}

page-group-assignment-report .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
  background-color: #5eaac2 !important;
  color: #ffffff !important;
}

page-group-assignment-report .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active {
  color: #ffffff !important;
  background-color: #5eaac2 !important;
}

page-group-assignment-report p-table.flatTable th {
  border: none;
  border-bottom: 3px solid #f1f1f1;
  width: 130px;
}

page-group-assignment-report p-table.flatTable td {
  width: 130px;
}

page-group-assignment-report p-table.flatTable .ui-table-wrapper {
  min-height: 52.5vh !important;
}

page-group-assignment-report body .ui-table .ui-sortable-column.ui-state-highlight {
  color: #333333 !important;
}

page-group-assignment-report body .ui-table .ui-sortable-column.ui-state-highlight .ui-sortable-column-icon {
  color: #848484 !important;
}

page-home .dropicon {
  text-align: center;
  position: absolute;
  left: 49%;
  cursor: pointer;
  bottom: 0;
}

page-home .flex-parent {
  width: 257px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  padding: 20px;
  font-size: 1.3rem;
  margin: 0;
  resize: horizontal;
}

page-home .helpbutton {
  font-size: 15px;
}

page-home .help-circle-icon {
  color: #ffffff !important;
}

page-home .welcommsg {
  text-align: center;
  font-size: 19px;
  color: #3687f0;
  font-family: "Macondo";
  font-weight: bold;
  margin: 0;
  margin-bottom: 10px;
}

page-home .welcomemsgli {
  font-size: 16px;
  color: #000;
  font-family: "Macondo";
  font-weight: bold;
}

page-home .welcomemsgli1 {
  font-size: 16px;
  color: white;
  font-family: "Macondo";
  font-weight: bold;
}

page-home .title .notshowing {
  display: none;
}

page-home .toplogo {
  width: 100%;
  max-width: 100px;
  margin-bottom: -3px;
}

page-home .titleheading {
  padding-top: 14px;
  font-size: 16px;
}

page-home ion-title {
  text-align: center;
  color: #172B4D !important;
}

page-home .logoutbtn {
  font-size: 23px;
}

page-home body {
  color: #858585;
  font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.import {
  /* ANIMATION */
  /* SHADOWS */
  /*
 *
 *   MaterialWrap - Bootstrap + Material Design Admin Theme

 
*/
  /*
 * CSS Transform - Scale and Rotate
 */
  /* The Modal (background) */
  /* Modal Content (image) */
  /* The Close Button */
  /*!
 * FullCalendar v3.2.0 Stylesheet
 * Docs & License: https://fullcalendar.io/
 * (c) 2017 Adam Shaw
 */
  /* Colors
--------------------------------------------------------------------------------------------------*/
  /* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
  /*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
  /* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
  /* Firefox has an annoying inner border */
  /* icons in buttons */
  /*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
  /* Buttons Groups
--------------------------------------------------------------------------------------------------*/
  /*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
  /* Popover
--------------------------------------------------------------------------------------------------*/
  /* unthemed */
  /* jqui themed */
  /* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
  /* Tables
--------------------------------------------------------------------------------------------------*/
  /* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
  /* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
  /* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
  /* highlighting cells & background event skeleton */
  /*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
  /* Scrolling Container
--------------------------------------------------------------------------------------------------*/
  /* TODO: move to agenda/basic */
  /* Global Event Styles
--------------------------------------------------------------------------------------------------*/
  /* overpower some of bootstrap's and jqui's styles on <a> tags */
  /* resizer (cursor AND touch devices) */
  /* resizer (touch devices) */
  /* hit area */
  /* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
  /* Horizontal Events
--------------------------------------------------------------------------------------------------*/
  /* bigger touch area when selected */
  /* events that are continuing to/from another week. kill rounded corners and butt up against edge */
  /* resizer (cursor AND touch devices) */
  /* left resizer  */
  /* right resizer */
  /* resizer (mouse devices) */
  /* resizer (touch devices) */
  /* left resizer  */
  /* right resizer */
  /* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* resizer (cursor devices) */
  /* left resizer  */
  /* right resizer */
  /* Event Limiting
--------------------------------------------------------------------------------------------------*/
  /* "more" link that represents hidden events */
  /* popover that appears when "more" link is clicked */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* Utilities
--------------------------------------------------------------------------------------------------*/
  /* Toolbar
--------------------------------------------------------------------------------------------------*/
  /* the things within each left/right/center section */
  /* the first thing within each left/center/right section */
  /* title text */
  /* button layering (for border precedence) */
  /* View Structure
--------------------------------------------------------------------------------------------------*/
  /* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
  /* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
  /* BasicView
--------------------------------------------------------------------------------------------------*/
  /* day row structure */
  /* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
  /* week and day number styling */
  /* when week/day number have own column */
  /* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
  /* divs within a cell within the fc-content-skeleton */
  /* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
  /* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* short mode, where time and title are on the same line */
  /* resizer (cursor device) */
  /* resizer (touch device) */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* arrow on axis */
  /* List View
--------------------------------------------------------------------------------------------------*/
  /* possibly reusable */
  /* view wrapper */
  /* table resets */
  /* day headings with the list */
  /* event list items */
  /* make the dot closer to the event title */
  /* message when no events */
}

.import .letter-sp-1 {
  letter-spacing: 1px;
}

.import .letter-sp-2 {
  letter-spacing: 2px;
}

.import .letter-sp-3 {
  letter-spacing: 3px;
}

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

.import .m-5 {
  margin: 5px !important;
}

.import .m-10 {
  margin: 10px !important;
}

.import .m-15 {
  margin: 15px !important;
}

.import .m-20 {
  margin: 20px !important;
}

.import .m-30 {
  margin: 30px !important;
}

.import .m-50 {
  margin: 50px !important;
}

.import .m-b-100 {
  margin-bottom: 100px !important;
}

.import .m-b-15 {
  margin-bottom: 15px !important;
}

.import .m-b-20 {
  margin-bottom: 20px !important;
}

.import .m-b-0 {
  margin-bottom: 0 !important;
}

.import .m-l-0 {
  margin-left: 0 !important;
}

.import .m-l-5 {
  margin-left: 5px !important;
}

.import .m-l-10 {
  margin-left: 10px !important;
}

.import .m-l-15 {
  margin-left: 15px !important;
}

.import .m-l-20 {
  margin-left: 20px !important;
}

.import .m-l-30 {
  margin-left: 30px !important;
}

.import .m-l-40 {
  margin-left: 40px !important;
}

.import .m-l-50 {
  margin-left: 50px !important;
}

.import .m-l-n-1 {
  margin-left: -1px !important;
}

.import .m-l-n-5 {
  margin-left: -5px !important;
}

.import .m-l-n-10 {
  margin-left: -10px !important;
}

.import .m-l-n-15 {
  margin-left: -15px !important;
}

.import .m-l-n-20 {
  margin-left: -20px !important;
}

.import .m-l-n-30 {
  margin-left: -30px !important;
}

.import .m-l-n-40 {
  margin-left: -40px !important;
}

.import .m-l-n-50 {
  margin-left: -50px !important;
}

.import .m-t-0 {
  margin-top: 0 !important;
}

.import .m-t-1 {
  margin-top: 1px !important;
}

.import .m-t-2 {
  margin-top: 2px;
}

.import .m-t-2p {
  margin-top: 2% !important;
}

.import .m-t-5p {
  margin-top: 5% !important;
}

.import .m-t-25p {
  margin-top: 25% !important;
}

.import .m-t-30p {
  margin-top: 30% !important;
}

.import .m-t-4 {
  margin-top: 4px !important;
}

.import .m-t-5 {
  margin-top: 5px !important;
}

.import .m-t-5p {
  margin-top: 5% !important;
}

.import .m-t-10 {
  margin-top: 10px !important;
}

.import .m-t-15 {
  margin-top: 15px !important;
}

.import .m-t-20 {
  margin-top: 20px !important;
}

.import .m-t-30 {
  margin-top: 30px !important;
}

.import .m-t-40 {
  margin-top: 40px !important;
}

.import .m-t-50 {
  margin-top: 50px !important;
}

.import .m-t-75 {
  margin-top: 75px !important;
}

.import .m-t-100 {
  margin-top: 100px !important;
}

.import .m-t-120 {
  margin-top: 120px !important;
}

.import .m-t-140 {
  margin-top: 140px !important;
}

.import .m-t-n-1 {
  margin-top: -1px !important;
}

.import .m-t-n-5 {
  margin-top: -5px !important;
}

.import .m-t-n-10 {
  margin-top: -10px !important;
}

.import .m-t-n-15 {
  margin-top: -15px !important;
}

.import .m-t-n-20 {
  margin-top: -20px !important;
}

.import .m-t-n-30 {
  margin-top: -30px !important;
}

.import .m-t-n-40 {
  margin-top: -40px !important;
}

.import .m-t-n-50 {
  margin-top: -50px !important;
}

.import .m-r-0 {
  margin-right: 0 !important;
}

.import .m-r-1 {
  margin-right: 1px !important;
}

.import .m-r-5 {
  margin-right: 5px !important;
}

.import .m-r-10 {
  margin-right: 10px !important;
}

.import .m-r-15 {
  margin-right: 15px !important;
}

.import .m-r-20 {
  margin-right: 20px !important;
}

.import .m-r-30 {
  margin-right: 30px !important;
}

.import .m-r-40 {
  margin-right: 40px !important;
}

.import .m-r-50 {
  margin-right: 50px !important;
}

.import .m-r-n-1 {
  margin-right: -1px !important;
}

.import .m-r-n-5 {
  margin-right: -5px !important;
}

.import .m-r-n-10 {
  margin-right: -10px !important;
}

.import .m-r-n-15 {
  margin-right: -15px !important;
}

.import .m-r-n-20 {
  margin-right: -20px !important;
}

.import .m-r-n-30 {
  margin-right: -30px !important;
}

.import .m-r-n-40 {
  margin-right: -40px !important;
}

.import .m-r-n-50 {
  margin-right: -50px !important;
}

.import .m-b-0 {
  margin-bottom: 0 !important;
}

.import .m-b-1 {
  margin-bottom: 1px !important;
}

.import .m-b-4 {
  margin-bottom: 4px !important;
}

.import .m-b-5 {
  margin-bottom: 5px !important;
}

.import .m-b-10 {
  margin-bottom: 10px !important;
}

.import .m-b-15 {
  margin-bottom: 15px !important;
}

.import .m-b-20 {
  margin-bottom: 20px !important;
}

.import .m-b-30 {
  margin-bottom: 30px !important;
}

.import .m-b-40 {
  margin-bottom: 40px !important;
}

.import .m-b-50 {
  margin-bottom: 50px !important;
}

.import .m-b-n-1 {
  margin-bottom: -1px !important;
}

.import .m-b-n-5 {
  margin-bottom: -5px !important;
}

.import .m-b-n-10 {
  margin-bottom: -10px !important;
}

.import .m-b-n-15 {
  margin-bottom: -15px !important;
}

.import .m-b-n-20 {
  margin-bottom: -20px !important;
}

.import .m-b-n-30 {
  margin-bottom: -30px !important;
}

.import .m-b-n-40 {
  margin-bottom: -40px !important;
}

.import .m-b-n-50 {
  margin-bottom: -50px !important;
}

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

.import .p-5 {
  padding: 5px !important;
}

.import .p-10 {
  padding: 10px !important;
}

.import .p-15 {
  padding: 15px !important;
}

.import .p-20 {
  padding: 20px !important;
}

.import .p-25 {
  padding: 25px !important;
}

.import .p-30 {
  padding: 30px !important;
}

.import .p-40 {
  padding: 40px !important;
}

.import .p-50 {
  padding: 50px !important;
}

.import .p-75 {
  padding: 75px !important;
}

.import .p-100 {
  padding: 100px !important;
}

.import .p-lr {
  padding: 0px 4% 0px 4%;
}

.import .p-l-0 {
  padding-left: 0 !important;
}

.import .p-l-5 {
  padding-left: 5px !important;
}

.import .p-l-10 {
  padding-left: 10px !important;
}

.import .p-l-12 {
  padding-left: 12px !important;
}

.import .p-l-15 {
  padding-left: 15px !important;
}

.import .p-l-16 {
  padding-left: 16px !important;
}

.import .p-l-20 {
  padding-left: 20px !important;
}

.import .p-l-25 {
  padding-left: 25px !important;
}

.import .p-l-30 {
  padding-left: 30px !important;
}

.import .p-l-40 {
  padding-left: 40px !important;
}

.import .p-l-50 {
  padding-left: 50px !important;
}

.import .p-l-75 {
  padding-left: 75px !important;
}

.import .p-l-100 {
  padding-left: 100px !important;
}

.import .p-r-0 {
  padding-right: 0 !important;
}

.import .p-r-5 {
  padding-right: 5px !important;
}

.import .p-r-10 {
  padding-right: 10px !important;
}

.import .p-r-12 {
  padding-right: 12px !important;
}

.import .p-r-15 {
  padding-right: 15px !important;
}

.import .p-r-20 {
  padding-right: 20px !important;
}

.import .p-r-25 {
  padding-right: 25px !important;
}

.import .p-r-30 {
  padding-right: 30px !important;
}

.import .p-r-40 {
  padding-right: 40px !important;
}

.import .p-r-50 {
  padding-right: 50px !important;
}

.import .p-r-75 {
  padding-right: 75px !important;
}

.import .p-r-100 {
  padding-right: 100px !important;
}

.import .p-b-0 {
  padding-bottom: 0 !important;
}

.import .p-b-5 {
  padding-bottom: 5px !important;
}

.import .p-b-10 {
  padding-bottom: 10px !important;
}

.import .p-b-15 {
  padding-bottom: 15px !important;
}

.import .p-b-16 {
  padding-bottom: 16px !important;
}

.import .p-b-20 {
  padding-bottom: 20px !important;
}

.import .p-b-25 {
  padding-bottom: 25px !important;
}

.import .p-b-30 {
  padding-bottom: 30px !important;
}

.import .p-b-40 {
  padding-bottom: 40px !important;
}

.import .p-b-50 {
  padding-bottom: 50px !important;
}

.import .p-b-60 {
  padding-bottom: 60px !important;
}

.import .p-b-70 {
  padding-bottom: 70px !important;
}

.import .p-b-80 {
  padding-bottom: 80px !important;
}

.import .p-b-90 {
  padding-bottom: 90px !important;
}

.import .p-b-100 {
  padding-bottom: 100px !important;
}

.import .p-t-0 {
  padding-top: 0 !important;
}

.import .p-t-5 {
  padding-top: 5px !important;
}

.import .p-t-7 {
  padding-top: 7px !important;
}

.import .p-t-10 {
  padding-top: 10px !important;
}

.import .p-t-15 {
  padding-top: 15px !important;
}

.import .p-t-16 {
  padding-top: 16px !important;
}

.import .p-t-20 {
  padding-top: 20px !important;
}

.import .p-t-25 {
  padding-top: 25px !important;
}

.import .p-t-30 {
  padding-top: 30px !important;
}

.import .p-t-40 {
  padding-top: 40px !important;
}

.import .p-t-50 {
  padding-top: 50px !important;
}

.import .p-t-75 {
  padding-top: 75px !important;
}

.import .p-t-100 {
  padding-top: 100px !important;
}

.import .p-t-120 {
  padding-top: 120px !important;
}

.import .p-t-130 {
  padding-top: 130px !important;
}

.import .p-t-140 {
  padding-top: 140px !important;
}

.import .p-t-150 {
  padding-top: 150px !important;
}

.import .block {
  display: block !important;
}

.import .img-xs {
  width: 30px;
  height: 30px;
}

.import .img-sm {
  width: 35px;
  height: 35px;
}

.import .img-md {
  width: 55px;
  height: 55px;
}

.import .img-lg {
  width: 100px;
  height: 100px;
}

.import .min-w-800 {
  min-width: 800px !important;
}

.import .min-w-1000 {
  min-width: 1000px !important;
}

.import .min-w-1100 {
  min-width: 1100px !important;
}

.import .max-w-20 {
  max-width: 20px !important;
}

.import .max-w-30 {
  max-width: 30px !important;
}

.import .max-w-32 {
  max-width: 35px !important;
}

.import .max-w-35 {
  max-width: 35px !important;
}

.import .max-w-40 {
  max-width: 40px !important;
}

.import .max-w-50 {
  max-width: 50px !important;
}

.import .max-w-75 {
  max-width: 75px !important;
}

.import .max-w-100 {
  max-width: 100px !important;
}

.import .max-w-150 {
  max-width: 150px !important;
}

.import .max-w-200 {
  max-width: 200px !important;
}

.import .max-w-300 {
  max-width: 300px !important;
}

.import .max-w-400 {
  max-width: 400px !important;
}

.import .overflow-hidden {
  overflow: hidden;
}

.import .overflow-auto {
  overflow: auto;
}

.import .max-h-50 {
  max-height: 50px !important;
}

.import .max-h-80 {
  max-height: 80px !important;
}

.import .max-h-100 {
  max-height: 100px !important;
}

.import .max-h-150 {
  max-height: 150px !important;
}

.import .max-h-200 {
  max-height: 200px !important;
}

.import .max-h-250 {
  max-height: 250px !important;
}

.import .max-h-300 {
  max-height: 300px !important;
}

.import .max-h-350 {
  max-height: 300px !important;
}

.import .max-h-375 {
  max-height: 300px !important;
}

.import .max-h-400 {
  max-height: 400px !important;
}

.import .max-h-450 {
  max-height: 450px !important;
}

.import .max-h-500 {
  max-height: 500px !important;
}

.import .max-h-600 {
  max-height: 600px !important;
}

.import .max-h-650 {
  max-height: 650px !important;
}

.import .max-h-700 {
  max-height: 700px !important;
}

.import .max-h-800 {
  max-height: 800px !important;
}

.import .max-h-900 {
  max-height: 900px !important;
}

.import .max-h-1000 {
  max-height: 1000px !important;
}

.import .min-h-0 {
  min-height: 0 !important;
}

.import .min-h-50 {
  min-height: 50px !important;
}

.import .min-h-100 {
  min-height: 100px !important;
}

.import .min-h-200 {
  min-height: 200px !important;
}

.import .min-h-250 {
  min-height: 250px !important;
}

.import .min-h-300 {
  min-height: 300px !important;
}

.import .min-h-350 {
  min-height: 300px !important;
}

.import .min-h-375 {
  min-height: 300px !important;
}

.import .min-h-400 {
  min-height: 400px !important;
}

.import .min-h-450 {
  min-height: 450px !important;
}

.import .min-h-500 {
  min-height: 500px !important;
}

.import .min-h-600 {
  min-height: 600px !important;
}

.import .min-h-650 {
  min-height: 650px !important;
}

.import .min-h-700 {
  min-height: 700px !important;
}

.import .min-h-800 {
  min-height: 800px !important;
}

.import .min-h-900 {
  min-height: 900px !important;
}

.import .min-h-1000 {
  min-height: 1000px !important;
}

.import .h-5 {
  height: 5px !important;
}

.import .h-10 {
  height: 10px !important;
}

.import .h-20 {
  height: 20px !important;
}

.import .h-25 {
  height: 25px !important;
}

.import .h-50 {
  height: 50px !important;
}

.import .h-75 {
  height: 75px !important;
}

.import .h-100 {
  height: 100px !important;
}

.import .h-125 {
  height: 125px !important;
}

.import .h-150 {
  height: 150px !important;
}

.import .h-200 {
  height: 200px !important;
}

.import .h-300 {
  height: 300px !important;
}

.import .h-350 {
  height: 350px !important;
}

.import .h-400 {
  height: 400px !important;
}

.import .h-450 {
  height: 450px !important;
}

.import .h-500 {
  height: 500px !important;
}

.import .h-600 {
  height: 600px !important;
}

.import .h-650 {
  height: 650px !important;
}

.import .h-700 {
  height: 700px !important;
}

.import .h-800 {
  height: 800px !important;
}

.import .h-900 {
  height: 900px !important;
}

.import .h-1000 {
  height: 1000px !important;
}

.import .w-5 {
  width: 5px !important;
}

.import .w-10 {
  width: 10px !important;
}

.import .w-15 {
  width: 15px !important;
}

.import .w-20 {
  width: 20px !important;
}

.import .w-30 {
  width: 30px !important;
}

.import .w-40 {
  width: 40px !important;
}

.import .w-50 {
  width: 50px !important;
}

.import .w-60 {
  width: 60px !important;
}

.import .w-80 {
  width: 80px !important;
}

.import .w-100 {
  width: 100px !important;
}

.import .w-150 {
  width: 150px !important;
}

.import .w-190 {
  width: 190px !important;
}

.import .w-200 {
  width: 200px !important;
}

.import .w-250 {
  width: 250px !important;
}

.import .w-300 {
  width: 300px !important;
}

.import .w-600 {
  width: 600px !important;
}

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

.import .w-95p {
  width: 95% !important;
}

.import .w-90p {
  width: 90% !important;
}

.import .w-80p {
  width: 80% !important;
}

.import .w-70p {
  width: 70% !important;
}

.import .w-60p {
  width: 60% !important;
}

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

.import .w-45p {
  width: 45% !important;
}

.import .w-40p {
  width: 40% !important;
}

.import .w-30p {
  width: 30% !important;
}

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

.import .w-20p {
  width: 20% !important;
}

.import .w-15p {
  width: 15% !important;
}

.import .w-10p {
  width: 10% !important;
}

.import .w-8p {
  width: 8% !important;
}

.import .w-5p {
  width: 5% !important;
}

.import .w-3p {
  width: 3% !important;
}

.import .w-95p {
  width: 95% !important;
}

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

.import .h-80p {
  height: 80% !important;
}

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

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

.import .block {
  display: block !important;
}

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

.import .list-block li {
  display: block !important;
}

.import .list-inline li {
  display: inline !important;
}

.import .clear-both {
  clear: both !important;
}

.import .line-height-normal {
  line-height: normal !important;
}

.import .line-height-8 {
  line-height: 8px !important;
}

.import .line-height-14 {
  line-height: 14px !important;
}

.import .line-height-12 {
  line-height: normal !important;
}

.import ul.style-none {
  margin: 0;
  padding: 0;
  list-style: none;
}

.import ul.style-none li {
  font-size: 0.875rem;
  padding: 3px 0;
}

.import ul.style-none li ul {
  list-style: none;
}

.import ul.vertical-icon-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.import ul.vertical-icon-list li {
  font-size: 0.875rem;
  padding: 6px 0;
}

.import ul.vertical-icon-list li i {
  font-size: 1.25rem;
  padding-right: 15px;
  vertical-align: middle;
}

.import .bg-white {
  background: #ffffff !important;
}

.import .bg-green {
  background: #28bebd !important;
}

.import .bg-blue {
  background: #42a5f5 !important;
}

.import .bg-lightBlue {
  background: #2ebaee !important;
}

.import .bg-red {
  background: #ef5350 !important;
}

.import .bg-yellow {
  background: #f8c200 !important;
}

.import .bg-paleYellow {
  background: #fddd7e !important;
}

.import .bg-lightGray {
  background: #e3ecf7 !important;
}

.import .bg-gray {
  background: #8f9eb5 !important;
}

.import .bg-drakGray {
  background: #707c94 !important;
}

.import .bg-grayBlue {
  background: #59779b !important;
}

.import .bg-purple {
  background: #6b79c4 !important;
}

.import .bg-turquoise {
  background: #00c5dc !important;
}

.import .bg-peach {
  background: #feb38d !important;
}

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

.import .text-primary {
  color: #172B4D !important;
}

.import .text-link {
  color: #0645ad !important;
}

.import .text-green {
  color: #28bebd !important;
}

.import .text-turquoise {
  color: #00c5dc !important;
}

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

.import .text-cyan {
  color: #26c6da !important;
}

.import .text-yellow {
  color: #f8c200 !important;
}

.import .text-gray {
  color: #8f9eb5 !important;
}

.import .text-blue {
  color: #42a5f5 !important;
}

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

.import .text-purple {
  color: #6b79c4 !important;
}

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

.import .text-brown {
  color: #906b6b !important;
}

.import .text-salmon {
  color: #ee6e73 !important;
}

.import .text-muted {
  color: #8396b0;
}

.import .color-black {
  color: #000 !important;
}

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

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

.import .transparent {
  background: transparent !important;
}

.import .bg-primary {
  background-color: #172B4D !important;
}

.import .border-bottom,
.import .border-grey-bottom-1px {
  border-bottom: 1px solid rgba(215, 225, 237, 0.8) !important;
}

.import .border-grey-top-1px,
.import .border-top {
  border-top: 1px solid rgba(215, 225, 237, 0.6) !important;
}

.import .border-bottom-black-2px {
  border-bottom: 2px solid black;
}

.import .border-top0p {
  border-top: 0px !important;
}

.import .b-n {
  border: none !important;
}

.import .b-b-1 {
  border: 1px solid black;
}

.import .b-lg-1 {
  border: 1px solid lightgrey;
}

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

.import .shadow-z-0 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

.import .shadow-z-1 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

.import .shadow-z-1:hover {
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.import .shadow-z-2 {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.import .shadow-z-3 {
  -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

.import .shadow-z-4 {
  -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}

.import .shadow-z-5 {
  -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}

.import .big-shadow {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
}

.import .shadow-2dp {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

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

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

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

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

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

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

.import .font-weight-100 {
  font-weight: 100 !important;
}

.import .font-weight-200 {
  font-weight: 200 !important;
}

.import .font-weight-300 {
  font-weight: 300 !important;
}

.import .font-weight-400 {
  font-weight: 400 !important;
}

.import .font-weight-500 {
  font-weight: 500 !important;
}

.import .font-weight-600 {
  font-weight: 600 !important;
}

.import .font-weight-700 {
  font-weight: 700 !important;
}

.import .font-weight-800 {
  font-weight: 800 !important;
}

.import .font-weight-900 {
  font-weight: 900 !important;
}

.import .font-weight-light {
  font-weight: 100 !important;
}

.import .font-weight-normal {
  font-weight: 300 !important;
}

.import .font-weight-medium {
  font-weight: 400 !important;
}

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

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

.import .font-size-0 {
  font-size: 0 !important;
}

.import .font-size-10 {
  font-size: 10px !important;
}

.import .font-size-11 {
  font-size: 11px !important;
}

.import .font-size-12 {
  font-size: 12px !important;
}

.import .font-size-14 {
  font-size: 14px !important;
}

.import .font-size-16 {
  font-size: 16px !important;
}

.import .font-size-18 {
  font-size: 18px !important;
}

.import .font-size-20 {
  font-size: 20px !important;
}

.import .font-size-24 {
  font-size: 24px !important;
}

.import .font-size-26 {
  font-size: 26px !important;
}

.import .font-size-30 {
  font-size: 30px !important;
}

.import .font-size-35 {
  font-size: 35px !important;
}

.import .font-size-38 {
  font-size: 38px !important;
}

.import .font-size-40 {
  font-size: 40px !important;
}

.import .font-size-50 {
  font-size: 50px !important;
}

.import .font-size-60 {
  font-size: 60px !important;
}

.import .font-size-70 {
  font-size: 70px !important;
}

.import .font-size-80 {
  font-size: 80px !important;
}

.import .hidden {
  display: none !important;
}

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

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

.import .float-l {
  float: left !important;
}

.import .align-c {
  display: block;
  margin: 0 auto;
}

.import .align-b {
  display: block;
}

.import .text-center {
  text-align: center !important;
}

.import .text-left {
  text-align: left !important;
}

.import .text-right {
  text-align: right !important;
}

.import .align-v-c {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.import .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.import .align-v-c1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.import .align-v-c2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.import .align-v-c3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.import .align-v-c4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.import .align-flex-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.import .align-right-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.import .align-start-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media (max-width: 576px) {
  .import .d-xs-none {
    display: none !important;
  }
  .import .d-xs-inline {
    display: inline !important;
  }
  .import .d-xs-inline-block {
    display: inline-block !important;
  }
  .import .d-xs-block {
    display: block !important;
  }
  .import .d-xs-table {
    display: table !important;
  }
  .import .d-xs-table-cell {
    display: table-cell !important;
  }
  .import .d-xs-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
  }
  .import .d-xs-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important;
  }
}

.import .b-r-gd {
  border-radius: 10px !important;
}

.import .b-r-10 {
  border-radius: 10px !important;
}

.import .b-r-5 {
  border-radius: 5px;
}

.import .d-fl-ov-x {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  overflow-x: auto !important;
}

.import .align-base {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.import .d-fl-bl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.import .d-fl-vhcenter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.import .d-fl-b2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
}

.import .d-fl-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.import .d-fl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.import .d-fl-sb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.import .d-fl-saround {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.import .d-fl-ac {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.import .text-capital {
  text-transform: capitalize !important;
}

.import .text-upper {
  text-transform: uppercase !important;
}

.import .m-a {
  margin: auto !important;
}

.import .m-l-a {
  margin-left: auto !important;
}

.import .m-r-a {
  margin-right: auto !important;
}

.import .italic {
  font-style: italic;
}

.import .pointer {
  cursor: pointer;
}

.import .ws-in {
  white-space: inherit;
}

.import .opacity-1 {
  opacity: 1;
}

.import .in-valid-checkbox {
  border: 1px solid #ff0000 !important;
  padding: 5px !important;
  margin-bottom: 10px;
  border-radius: 5px;
}

.import page-corp-dashboard .mycustomdrop:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
  top: -15px;
  position: absolute;
  right: 15%;
}

.import h1 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1.6875rem !important;
  line-height: 64px;
  letter-spacing: -0.4px;
}

.import h2 {
  font-family: "Poppins", sans-serif;
  font-size: 24px !important;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
}

.import h3,
.import .h3 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 22px !important;
  line-height: 48px;
  /* identical to box height, or 200% */
  /* Neutral / dark gray */
  color: #000000;
}

.import h4,
.import .menu-heading-h4 {
  font-family: "Poppins", sans-serif !important;
  font-style: normal;
  font-weight: normal;
  font-size: 15px !important;
  line-height: 26px;
  /* or 144% */
  letter-spacing: -0.2px;
  color: #000000;
}

.import h5 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  /* or 143% */
  color: #000000;
}

.import .subtitle {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  /* or 200% */
  letter-spacing: 2.5px;
  color: #4E5761;
}

.import p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 13px !important;
  line-height: 24px;
  /* identical to box height, or 171% */
  letter-spacing: -0.1px;
  /* Neutral / black */
  color: #000000;
}

.import .ui-tabview.ui-tabview-top > .ui-tabview-nav {
  padding: 0.2em 0.2em 0;
  border-bottom: 1px solid #eaeaea;
}

.import .scroll-content {
  padding: 0 !important;
}

.import ion-navbar {
  margin: 0;
  border-radius: 0px;
  height: 50px !important;
  color: #172B4D !important;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

.import ion-header {
  padding: 0;
}

.import .header-md::after {
  background-image: none;
}

.import .toolbar-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #172B4D !important;
  line-height: 24px;
  font-family: "Poppins", sans-serif;
  font-size: 2rem !important;
  font-weight: bold !important;
  text-align: left !important;
}

.import .userLabel {
  float: right;
  display: inline;
  letter-spacing: 1px;
  color: #172B4D !important !important;
}

.import .card-title {
  font-size: 16px !important;
  color: #000000;
  font-weight: bold !important;
  text-align: center !important;
}

.import .barcolor {
  background: #5a75a3;
  color: #ffffff;
}

.import p-sorticon {
  color: black;
}

.import p-sorticon a {
  color: black !important;
}

.import .globalTable {
  border: none;
  border: 1px solid #c1c1c1;
}

.import .globalTable .ui-table-caption {
  border-bottom: 1px solid #dadada !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  font-size: 18px !important;
  background: #ecececad !important;
}

.import .globalTable .table-header input {
  font-size: 15px !important;
  border-style: groove;
  width: 100% !important;
  padding-left: 10px;
  border-radius: 10px;
  border-color: #f3f3f3;
  font-weight: 500;
  line-height: 25px !important;
}

.import .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.import .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

.import .globalTable .table-header .align input {
  width: 80%;
  line-height: 25px;
}

.import .globalTable .ui-table-tbody tr:nth-child(2n+1) {
  background: white;
}

.import .globalTable .ui-table-tbody tr:nth-child(2n) {
  background: #f3f3f3;
}

.import .globalTable .ui-table-tbody tr:hover {
  background: #c1c1c167 !important;
}

.import .globalTable .ui-table-tbody .activeRow {
  background: #c4d2e5 !important;
}

.import .globalTable th input {
  text-align: center !important;
  width: 90% !important;
  font-weight: 400 !important;
}

.import .globalTable .ui-table .ui-sortable-column.ui-state-highlight {
  color: black !important;
}

.import .globalTable .ui-table .ui-table-thead tr th {
  background: #eeeeee9e;
  border: none;
  padding: 10px 0;
  width: 100%;
  text-align: center;
}

.import .globalTable .ui-table .ui-table-tbody tr td {
  border: none;
  background: inherit;
  padding: 20px 0;
  text-align: center;
}

.import .globalTable .ui-table .ui-table-tbody tr {
  border-bottom: 1px solid #cacaca;
}

.import .globalTable .p-column-filter {
  border-radius: 4px;
  border: 1px solid gray;
}

.import .globalTable .badge-badge.status-Active {
  padding: 5px 20px;
  color: #226f4e;
  background-color: #9decbe;
  font-weight: 500;
  font-size: 12px;
}

.import .globalTable .badge-badge.status-Inactive {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

.import .globalTable .badge-badge.status-Suspended {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

.import .globalTable .badge-badge.status-Waiting {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

.import .globalTable .badge-badge.status-Pending {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

.import .globalTable .actionIcon {
  padding: 0 3px;
  font-size: 16px;
  cursor: pointer;
}

.import ion-icon {
  cursor: pointer;
}

.import .button-md-reset {
  background-color: #ffffff;
  color: black !important;
  border: 1px solid #e3ecf7;
}

.import .button-md-reset:hover {
  background-color: #ececec !important;
}

.import .reset:hover {
  background-color: #ececec !important;
}

.import .button-md-primary {
  background-color: #172B4D !important;
  color: #ffffff !important;
}

.import ion-button {
  background-color: #172B4D !important;
  color: #ffffff;
}

.import .my-custom-class .alert-button-group button:first-child {
  position: relative;
}

.import .my-custom-class .alert-button-group button {
  font-weight: bold;
}

.import .my-custom-class .alert-radio-group {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100% !important;
}

.import .my-custom-class button {
  text-align: center;
}

.import .alert-button-group button:first-child {
  position: relative !important;
  min-width: 0 !important;
}

.import .alert-md .alert-wrapper {
  max-width: 320px !important;
}

.import .alert-md .alert-message {
  font-size: 16px !important;
}

.import .alert-button {
  font-size: 15px !important;
}

.import .alert-md .alert-sub-title {
  font-size: 16px !important;
}

.import .alert-md .alert-title {
  font-size: 22px !important;
}

.import .breakclass {
  white-space: pre-line;
}

.import .error {
  color: red;
  float: left;
}

.import .topStrip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}

.import .infographic1 {
  border: none;
  color: #367ad2;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

.import .infographic1 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

.import .infographic1 ion-icon {
  color: black;
}

.import .infographic2 {
  border: none;
  color: #50d29b;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

.import .infographic2 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

.import .infographic2 ion-icon {
  color: black;
}

.import .infographic3 {
  border: none;
  color: #ffaa00;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

.import .infographic3 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

.import .infographic3 ion-icon {
  color: black;
}

.import .infographic4 {
  border: none;
  color: #f36363;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

.import .infographic4 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

.import .infographic4 ion-icon {
  color: black;
}

.import .infographic5 {
  border: none;
  color: #41acbf;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

.import .infographic5 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

.import .infographic5 ion-icon {
  color: black;
}

.import .infograph1 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #367ad2;
  font-size: 20px;
}

.import .infograph2 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #51b98d;
  font-size: 20px;
}

.import .infograph3 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #ffaa00;
  font-size: 20px;
}

.import .infograph4 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #dc5b54;
  font-size: 20px;
}

.import .infograph5 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #41acbf;
  font-size: 20px;
}

.import .infographtext {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 12px;
}

.import .successToast .toast-message {
  background-color: #d2f8d2 !important;
  color: black;
}

.import .errorToast .toast-message {
  background-color: #eea9a0 !important;
  color: black;
}

.import .actionIconsBar {
  padding-right: 20px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.import .ui-carousel .ui-carousel-header {
  display: none !important;
}

.import .userfab .fab-close-active .fab-close-icon {
  height: 40px !important;
  position: relative !important;
}

.import textarea.text-input {
  resize: none !important;
}

.import .asterisk {
  color: red;
  padding-left: 3px;
}

.import .m-b-t {
  margin-bottom: 4% !important;
}

.import .ui-radiobutton-box.ui-state-active {
  border: 1px solid #09f;
  background: #09f;
  color: #09f;
}

.import .alert-md .alert-message {
  overflow: auto;
}

.import .alert-md .alert-message .alertstyle1 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

.import .alert-md .alert-message .alertstyle1 b {
  width: 65px !important;
}

.import .alert-md .alert-message .alertstyle3 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.import .alert-md .alert-message .alertstyle3 b {
  width: 65px !important;
}

.import .alert-md .alert-message .alertstyle4 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.import .alert-md .alert-message .alertstyle4 b {
  width: 150px !important;
}

.import .alert-md .alert-message .alertstyle5 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

.import .alert-md .alert-message .alertstyle5 b {
  width: 75px !important;
}

.import .alert-md .alert-message .alertstyle5 span {
  width: 5px;
}

.import .alert-md .alert-message .alertstyle2 {
  text-align: left !important;
}

.import .alert-md .alert-message .alertstyle2 li {
  margin-top: 10px;
}

.import .ui-tooltip {
  background-color: #172B4D !important;
  color: #ffffff;
}

.import .navsebexam .toolbar-content-md {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
}

.import .modal-wrapper {
  height: 75%;
  top: 10%;
  position: absolute;
  display: block;
  border-radius: 10px !important;
}

.import .ui-picklist-source-controls.ui-picklist-buttons {
  display: none !important;
}

.import .ui-picklist-target-controls.ui-picklist-buttons {
  display: none !important;
}

.import .ui-picklist-target-controls.ui-picklist-buttons.ng-star-inserted {
  display: none !important;
}

.import .ellip {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.import .p-slider {
  background: #dee2e6;
  border: 0 none;
  border-radius: 3px;
}

.import .Errorbox .alert-title {
  color: #d8000c;
}

.import .Errorbox .alert-button {
  color: #d8000c;
}

.import .card-md {
  border-radius: 5px !important;
}

.import .modal {
  display: none;
  /* Hidden by default */
  position: -webkit-sticky;
  position: sticky;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 30px;
  /* Location of the box */
  left: 0;
  right: 0;
  bottom: 150px;
  width: 400px;
  height: 400px;
  margin: auto;
  border: 4px solid;
  background-color: black;
}

.import .modal-content {
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
}

.import .close {
  position: absolute;
  color: #f1f1f1;
  top: 0px;
  right: 10px;
  font-size: 28px;
  font-weight: bold;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.import .close:hover,
.import .close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

.import .customhr {
  width: 90%;
  background-color: #ccc;
}

.import .mycustomtoolbar ion-segment {
  border: none;
}

.import .mycustomtoolbar ion-segment-button {
  font-size: 16px !important;
  font-weight: 500 !important;
}

.import .mycustomtoolbar .segment-md .segment-button.activated,
.import .mycustomtoolbar .segment-md .segment-button.segment-activated {
  border-color: #172B4D !important;
  color: #172B4D !important;
}

.import .mycustomtoolbar .toolbar-background {
  background: transparent;
}

.import .fc {
  direction: ltr;
  text-align: left;
}

.import .fc-rtl {
  text-align: right;
}

.import body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}

.import .fc-unthemed th,
.import .fc-unthemed td,
.import .fc-unthemed thead,
.import .fc-unthemed tbody,
.import .fc-unthemed .fc-divider,
.import .fc-unthemed .fc-row,
.import .fc-unthemed .fc-content,
.import .fc-unthemed .fc-popover,
.import .fc-unthemed .fc-list-view,
.import .fc-unthemed .fc-list-heading td {
  border-color: #ddd;
}

.import .fc-unthemed .fc-popover {
  background-color: #fff;
}

.import .fc-unthemed .fc-divider,
.import .fc-unthemed .fc-popover .fc-header,
.import .fc-unthemed .fc-list-heading td {
  background: #eee;
}

.import .fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}

.import .fc-unthemed td.fc-today {
  background: #fcf8e3;
}

.import .fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3;
}

.import .fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3;
}

.import .fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}

.import .fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.import .fc-icon:after {
  position: relative;
}

.import .fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

.import .fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

.import .fc-icon-left-double-arrow:after {
  content: "\000AB";
  font-size: 160%;
  top: -7%;
}

.import .fc-icon-right-double-arrow:after {
  content: "\000BB";
  font-size: 160%;
  top: -7%;
}

.import .fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%;
}

.import .fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%;
}

.import .fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%;
}

.import .fc-icon-x:after {
  content: "\000D7";
  font-size: 200%;
  top: 6%;
}

.import .fc button {
  /* force height to include the border and padding */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer;
}

.import .fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}

.import .fc-state-default {
  /* non-theme */
  border: 1px solid;
}

.import .fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.import .fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.import .fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .2em;
  vertical-align: middle;
}

.import .fc-state-default {
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.import .fc-state-hover,
.import .fc-state-down,
.import .fc-state-active,
.import .fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}

.import .fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

.import .fc-state-down,
.import .fc-state-active {
  background-color: #cccccc;
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.import .fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.import .fc-button-group {
  display: inline-block;
}

.import .fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px;
}

.import .fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0;
}

.import .fc-popover {
  position: absolute;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.import .fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px;
}

.import .fc-popover .fc-header .fc-title {
  margin: 0 2px;
}

.import .fc-popover .fc-header .fc-close {
  cursor: pointer;
}

.import .fc-ltr .fc-popover .fc-header .fc-title,
.import .fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}

.import .fc-rtl .fc-popover .fc-header .fc-title,
.import .fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}

.import .fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}

.import .fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: .9em;
  margin-top: 2px;
}

.import .fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */
}

.import .fc-divider {
  border-style: solid;
  border-width: 1px;
}

.import hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}

.import .fc-clear {
  clear: both;
}

.import .fc-bg,
.import .fc-bgevent-skeleton,
.import .fc-highlight-skeleton,
.import .fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.import .fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}

.import .fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}

.import .fc table {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}

.import .fc th {
  text-align: center;
}

.import .fc th,
.import .fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}

.import .fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}

.import a[data-goto] {
  cursor: pointer;
}

.import a[data-goto]:hover {
  text-decoration: underline;
}

.import .fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}

.import .fc-row table {
  /* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}

.import .fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}

.import .fc-row {
  position: relative;
}

.import .fc-row .fc-bg {
  z-index: 1;
}

.import .fc-row .fc-bgevent-skeleton,
.import .fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}

.import .fc-row .fc-bgevent-skeleton table,
.import .fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}

.import .fc-row .fc-highlight-skeleton td,
.import .fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}

.import .fc-row .fc-bgevent-skeleton {
  z-index: 2;
}

.import .fc-row .fc-highlight-skeleton {
  z-index: 3;
}

.import .fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}

.import .fc-row .fc-helper-skeleton {
  z-index: 5;
}

.import .fc-row .fc-content-skeleton td,
.import .fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}

.import .fc-row .fc-content-skeleton tbody td,
.import .fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}

.import .fc-scroller {
  -webkit-overflow-scrolling: touch;
}

.import .fc-scroller > .fc-day-grid,
.import .fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}

.import .fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */
  font-weight: normal;
  /* undo jqui's ui-widget-header bold */
}

.import .fc-event,
.import .fc-event-dot {
  background-color: #3a87ad;
  /* default BACKGROUND color */
}

.import .fc-event,
.import .fc-event:hover,
.import .ui-widget .fc-event {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}

.import .fc-event[href],
.import .fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}

.import .fc-not-allowed,
.import .fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}

.import .fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #ffffff;
  opacity: .25;
}

.import .fc-event .fc-content {
  position: relative;
  z-index: 2;
}

.import .fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
}

.import .fc-event .fc-resizer {
  display: none;
}

.import .fc-event.fc-allow-mouse-resize .fc-resizer,
.import .fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block;
}

.import .fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}

.import .fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.import .fc-event.fc-selected.fc-dragging {
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

.import .fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}

.import .fc-ltr .fc-h-event.fc-not-start,
.import .fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.import .fc-ltr .fc-h-event.fc-not-end,
.import .fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.import .fc-ltr .fc-h-event .fc-start-resizer,
.import .fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */
}

.import .fc-ltr .fc-h-event .fc-end-resizer,
.import .fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */
}

.import .fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */
}

.import .fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* vertically center */
  top: 50%;
  margin-top: -4px;
}

.import .fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
.import .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */
}

.import .fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
.import .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */
}

.import .fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}

.import tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */
}

.import .fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: .25;
}

.import .fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}

.import .fc-day-grid-event .fc-time {
  font-weight: bold;
}

.import .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
.import .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */
}

.import .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
.import .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */
}

.import a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none;
}

.import a.fc-more:hover {
  text-decoration: underline;
}

.import .fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}

.import .fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}

.import .fc-more-popover {
  z-index: 2;
  width: 220px;
}

.import .fc-more-popover .fc-event-container {
  padding: 10px;
}

.import .fc-now-indicator {
  position: absolute;
  border: 0 solid red;
}

.import .fc-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.import .fc-toolbar {
  text-align: center;
}

.import .fc-toolbar.fc-header-toolbar {
  margin-bottom: 1em;
}

.import .fc-toolbar.fc-footer-toolbar {
  margin-top: 1em;
}

.import .fc-toolbar .fc-left {
  float: left;
}

.import .fc-toolbar .fc-right {
  float: right;
}

.import .fc-toolbar .fc-center {
  display: inline-block;
}

.import .fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em;
}

.import .fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0;
}

.import .fc-toolbar h2 {
  margin: 0;
}

.import .fc-toolbar button {
  position: relative;
}

.import .fc-toolbar .fc-state-hover,
.import .fc-toolbar .ui-state-hover {
  z-index: 2;
}

.import .fc-toolbar .fc-state-down {
  z-index: 3;
}

.import .fc-toolbar .fc-state-active,
.import .fc-toolbar .ui-state-active {
  z-index: 4;
}

.import .fc-toolbar button:focus {
  z-index: 5;
}

.import .fc-view-container *,
.import .fc-view-container *:before,
.import .fc-view-container *:after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.import .fc-view,
.import .fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}

.import .fc-basicWeek-view .fc-content-skeleton,
.import .fc-basicDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}

.import .fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}

.import .fc-row.fc-rigid {
  overflow: hidden;
}

.import .fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.import .fc-day-top.fc-other-month {
  opacity: 0.3;
}

.import .fc-basic-view .fc-week-number,
.import .fc-basic-view .fc-day-number {
  padding: 2px;
}

.import .fc-basic-view th.fc-week-number,
.import .fc-basic-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */
}

.import .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right;
}

.import .fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left;
}

.import .fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0;
}

.import .fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px;
}

.import .fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080;
}

.import .fc-basic-view td.fc-week-number {
  text-align: center;
}

.import .fc-basic-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}

.import .fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}

.import .fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}

.import .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}

.import .fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}

.import .fc-ltr .fc-axis {
  text-align: right;
}

.import .fc-rtl .fc-axis {
  text-align: left;
}

.import .ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome jqui theme making it bold */
}

.import .fc-time-grid-container,
.import .fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}

.import .fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

.import .fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}

.import .fc-time-grid > .fc-bg {
  z-index: 1;
}

.import .fc-time-grid .fc-slats,
.import .fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}

.import .fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */
}

.import .fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
}

.import .fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1;
}

.import .fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2;
}

.import .fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3;
}

.import .fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4;
}

.import .fc-time-grid .fc-now-indicator-line {
  z-index: 5;
}

.import .fc-time-grid .fc-helper-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6;
}

.import .fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}

.import .fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}

.import .fc-time-grid .fc-slats .ui-widget-content {
  /* for jqui theme */
  background: none;
  /* see through to fc-bg */
}

.import .fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}

.import .fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}

.import .fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}

.import .fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}

.import .fc-time-grid .fc-event,
.import .fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}

.import .fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}

.import .fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.import .fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.import .fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */
}

.import .fc-time-grid-event.fc-selected {
  /* need to allow touch resizers to extend outside event's bounding box */
  /* common fc-selected styles hide the fc-bg, so don't need this anyway */
  overflow: visible;
}

.import .fc-time-grid-event.fc-selected .fc-bg {
  display: none;
  /* hide semi-white background, to appear darker */
}

.import .fc-time-grid-event .fc-content {
  overflow: hidden;
  /* for when .fc-selected */
}

.import .fc-time-grid-event .fc-time,
.import .fc-time-grid-event .fc-title {
  padding: 0 1px;
}

.import .fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap;
}

.import .fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}

.import .fc-time-grid-event.fc-short .fc-time,
.import .fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}

.import .fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}

.import .fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}

.import .fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
  /* seperate with a dash, wrapped in nbsp's */
}

.import .fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}

.import .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}

.import .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "=";
}

.import .fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px;
}

.import .fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0;
}

.import .fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */
}

.import .fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

.import .fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

.import .fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}

.import .fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */
}

.import .fc-list-view {
  border-width: 1px;
  border-style: solid;
}

.import .fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */
}

.import .fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px;
}

.import .fc-list-table tr:first-child td {
  border-top-width: 0;
}

.import .fc-list-heading {
  border-bottom-width: 1px;
}

.import .fc-list-heading td {
  font-weight: bold;
}

.import .fc-ltr .fc-list-heading-main {
  float: left;
}

.import .fc-ltr .fc-list-heading-alt {
  float: right;
}

.import .fc-rtl .fc-list-heading-main {
  float: right;
}

.import .fc-rtl .fc-list-heading-alt {
  float: left;
}

.import .fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */
}

.import .fc-list-item:hover td {
  background-color: #f5f5f5;
}

.import .fc-list-item-marker,
.import .fc-list-item-time {
  white-space: nowrap;
  width: 1px;
}

.import .fc-ltr .fc-list-item-marker {
  padding-right: 0;
}

.import .fc-rtl .fc-list-item-marker {
  padding-left: 0;
}

.import .fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit;
}

.import .fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline;
}

.import .fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.import .fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table;
}

.import .fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.import .fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #eee;
}

.import .upload-icon {
  height: 100px;
}

.import .category-button {
  width: 100%;
  margin: 1%;
  float: left;
  min-height: 100px;
  border-radius: 10px;
  background: #EEEEEE;
}

.import .category-button-upload {
  width: 100%;
  margin: 1%;
  float: left;
  min-height: 150px;
  border-radius: 10px;
  background: #EEEEEE;
  margin-top: 4%;
}

.import .button-text {
  color: #0099ff;
  font-size: 12px;
  font-family: "Open Sans";
  margin-left: 10px;
  text-transform: uppercase;
  letter-spacing: 1.7px;
  font-weight: bold;
}

page-interview-console .customtitle {
  color: white;
}

page-interview-console .console {
  width: 100%;
  height: 100%;
}

page-interview-console .console .consoleHead {
  width: 100%;
  height: 8%;
  max-height: 8%;
  background-color: #172B4D !important;
  color: white !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 20px;
  font-size: 20px;
}

page-interview-console .console .consoleBody {
  height: 100%;
}

page-interview-console .console .consoleBody .box {
  width: 100%;
  height: 60%;
  max-height: 60%;
  overflow: auto;
}

page-interview-console .console .consoleBody .whereby {
  background-color: #172B4D !important;
  color: white;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  max-height: 100%;
}

page-interview-console .console .consoleBody .whereby iframe {
  width: 100%;
  height: 100%;
}

page-interview-console .console .consoleBody .whereby img {
  width: 80%;
}

page-interview-console .console .consoleBody .tablearea {
  border: 2px solid #ccc;
  width: 100%;
  height: 50%;
  overflow: auto;
}

page-interview-console .console .consoleBody .column2 {
  max-height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-interview-console .console .consoleBody .imgui {
  border-radius: 50%;
  overflow: hidden;
  width: 40px;
  height: 40px;
  background-color: #c1c1c1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-interview-console .console .consoleBody .chatarea,
page-interview-console .console .consoleBody .commentarea {
  margin: 5px 0 0;
  width: auto;
  border: 2px solid #ccc;
}

page-interview-console .console .consoleBody .chatarea .scrollablecards,
page-interview-console .console .consoleBody .commentarea .scrollablecards {
  width: 100%;
  margin: 2px 0;
  overflow: auto;
}

page-interview-console .console .consoleBody .chatarea .scrollablecards ion-item,
page-interview-console .console .consoleBody .commentarea .scrollablecards ion-item {
  -webkit-box-shadow: 2px 2px 1px lightgrey;
  box-shadow: 2px 2px 1px lightgrey;
  padding-left: 2px;
  border-radius: 5px;
}

page-interview-console .console .consoleBody .chatarea .scrollablecards ion-item .item-inner,
page-interview-console .console .consoleBody .commentarea .scrollablecards ion-item .item-inner {
  border-bottom: none !important;
}

page-interview-console .console .consoleBody .chatarea .scrollablecards ion-item .item-inner .label-md,
page-interview-console .console .consoleBody .commentarea .scrollablecards ion-item .item-inner .label-md {
  margin: 0;
}

page-interview-console .console .consoleBody .chatarea .scrollablecards .item-md ion-avatar[item-left],
page-interview-console .console .consoleBody .chatarea .scrollablecards .item-md ion-thumbnail[item-left],
page-interview-console .console .consoleBody .chatarea .scrollablecards .item-md ion-avatar[item-start],
page-interview-console .console .consoleBody .chatarea .scrollablecards .item-md ion-thumbnail[item-start],
page-interview-console .console .consoleBody .commentarea .scrollablecards .item-md ion-avatar[item-left],
page-interview-console .console .consoleBody .commentarea .scrollablecards .item-md ion-thumbnail[item-left],
page-interview-console .console .consoleBody .commentarea .scrollablecards .item-md ion-avatar[item-start],
page-interview-console .console .consoleBody .commentarea .scrollablecards .item-md ion-thumbnail[item-start] {
  margin-right: 5px;
}

page-interview-console .console .consoleBody .chatarea .scrollablecards .leftcomment,
page-interview-console .console .consoleBody .commentarea .scrollablecards .leftcomment {
  max-width: 120px;
}

page-interview-console .console .consoleBody .chatarea .scrollablecards .leftcomment p,
page-interview-console .console .consoleBody .commentarea .scrollablecards .leftcomment p {
  font-size: 11px !important;
}

page-interview-console .console .consoleBody .chatarea .scrollablecards .rightcomment,
page-interview-console .console .consoleBody .commentarea .scrollablecards .rightcomment {
  font-size: 12px;
}

page-interview-console .console .consoleBody .chatarea .textcomment,
page-interview-console .console .consoleBody .commentarea .textcomment {
  width: calc(100% - 20px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-interview-console .console .consoleBody .chatarea .textcomment .textarea,
page-interview-console .console .consoleBody .commentarea .textcomment .textarea {
  width: 100%;
  border-radius: 10px;
  font-size: 12px;
  margin-left: 6px;
}

page-interview-console .console .consoleBody .chatarea .textcomment .commentbtn,
page-interview-console .console .consoleBody .commentarea .textcomment .commentbtn {
  float: right;
  font-weight: 400;
  height: 3rem;
  -webkit-box-shadow: none;
  box-shadow: none;
}

page-interview-console .console .consoleBody .chatarea .textcomment .commentreset,
page-interview-console .console .consoleBody .commentarea .textcomment .commentreset {
  float: right;
  font-weight: 400;
  height: 3rem;
  color: black;
  background: white;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #c1c1c1;
}

page-interview-console .console .consoleBody .chatarea .textcomment .commentreset:hover,
page-interview-console .console .consoleBody .commentarea .textcomment .commentreset:hover {
  color: white;
  background: black;
}

page-interview-console .console .consoleBody .resumecompact {
  margin-top: 5px;
  background-color: lightblue;
  font-size: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: bold;
}

page-interview-console .console .consoleBody .resumecompact span {
  position: absolute;
  top: 10px;
  cursor: pointer;
}

page-interview-console .console .consoleBody .resumeexpand {
  max-height: 0;
  max-width: 0;
  -webkit-transition: max-height 0.5s ease-in-out, max-width 0.5s ease-in-out;
  transition: max-height 0.5s ease-in-out, max-width 0.5s ease-in-out;
}

page-interview-console #iframeID {
  height: 100%;
}

page-interview-console .mycustomdrop4 {
  width: 50%;
  margin-left: 25%;
  top: 20px;
  padding: 30px;
  position: -webkit-sticky;
  position: sticky;
  z-index: 999;
  background-color: white;
  -webkit-box-shadow: 0px 2px 9px #00000030 !important;
  box-shadow: 0px 2px 9px #00000030 !important;
  border-radius: 5px;
}

page-interview-console .mycustomdrop4 ion-item {
  background-color: white;
}

page-interview-console .mycustomdrop4 .purposehead {
  text-align: center;
  font-size: 20px;
  margin-top: 20px;
}

page-interview-console .mycustomdrop4 .purposeerror {
  color: red;
  padding-left: 10px;
}

page-interview-console .red {
  color: red;
  font-weight: bold;
  font-size: 18px;
}

page-interview-console .green {
  color: green;
  font-weight: bold;
  font-size: 18px;
}

page-interview-console textarea {
  resize: none;
}

page-interview-console .progressbardiv {
  width: 100%;
}

page-interview-console .progressbardiv .ui-progressbar {
  height: 1.6em;
}

page-interview-console .progressbardiv .ui-widget-content {
  border: 2px solid #bdd7ee75;
}

page-interview-console .progressbardiv .ui-progressbar.ui-progressbar-determinate .ui-progressbar-value {
  background: blue;
}

page-interview-console .progressbardiv .ui-progressbar-determinate .ui-progressbar-value-animate {
  transition: width 2s ease-in-out 0s;
  -webkit-transition: width 2s ease-in-out 0s;
}

page-interview-console .progressbardiv .ui-progressbar-determinate .ui-progressbar-label {
  background: #bdd7ee75;
}

page-interview-console p-progressBar {
  width: 100%;
}

page-interview-console .assessCard ion-row {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-interview-console .assessCard ion-row ion-col:first-child {
  max-width: 200px;
  text-align: left;
}

page-interview-console .assessCard ion-row ion-col:nth-child(3) {
  max-width: 80px;
}

page-interview-console .assessCard ion-row ion-col:last-child {
  max-width: 90px;
  text-align: center;
}

page-interview-console .commentcard {
  width: 100%;
  height: calc(100% - 130px);
  margin: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  overflow: auto;
  border: 1px solid #ccc;
}

page-interview-console .commentcard .textarea {
  width: 100%;
  border-radius: 10px;
  font-size: 12px;
  margin-left: 6px;
}

page-interview-console .commentcard .commentbtn {
  float: right;
  font-weight: 400;
  height: 3rem;
  -webkit-box-shadow: none;
  box-shadow: none;
}

page-interview-console .commentcard .commentreset {
  float: right;
  font-weight: 400;
  height: 3rem;
  color: black;
  background: white;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #c1c1c1;
}

page-interview-console .commentcard .commentreset:hover {
  color: white;
  background: black;
}

page-interview-console .commentarea > h4 {
  font-weight: bold;
  padding-left: 10px;
}

page-interview-console .namerow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-interview-console .namerow span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-interview-console .imgui {
  border-radius: 50%;
  overflow: hidden;
  width: 40px;
  height: 40px;
  background-color: #c1c1c1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-interview-console .mycustomdrop3 {
  width: 40%;
  margin-right: 5%;
  bottom: 10%;
  position: -webkit-sticky;
  position: sticky;
  z-index: 999;
  background-color: white;
  -webkit-box-shadow: 0px 2px 9px #00000030 !important;
  box-shadow: 0px 2px 9px #00000030 !important;
  border-radius: 5px;
}

page-interview-console .mycustomdrop3 .purposehead {
  text-align: center;
  font-size: 20px;
  margin-top: 20px;
}

page-interview-console .invCard ion-row {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-interview-console .invCard ion-row ion-col:first-child {
  text-align: left;
}

page-interview-console .invCard ion-row ion-col:first-child ion-row:first-child {
  font-weight: bold;
  font-size: 16px;
}

page-interview-console .invCard ion-row ion-col:first-child ion-row:last-child {
  font-size: 12px;
}

page-interview-console .invCard ion-row ion-col:nth-child(2) {
  font-size: 12px;
  min-width: 200px;
  padding: 0;
}

page-interview-console .invCard ion-row ion-col:last-child {
  max-width: 40px;
}

page-interview-console .info-grid ion-col {
  padding: 0;
}

page-interview-console .info-grid ion-col ion-row {
  margin: 10px;
  border: 1px lightgrey solid;
  background-color: #ffffff;
}

page-interview-console .info-grid ion-col .label-md {
  margin: 0;
}

page-interview-console .info-grid ion-col .label-md .heading {
  font-family: "Open Sans";
  font-size: 0.9em;
  color: black;
  width: 60%;
}

page-interview-console .info-grid ion-col .heading {
  width: 50%;
  background-color: #ebedf0;
  font-weight: bold;
  padding: 5px;
}

page-interview-console .info-grid ion-col .info {
  width: 50%;
  background-color: #ffffff;
  padding: 5px;
  text-align: right;
}

page-interview-console .mycustomdrop5 {
  width: 50%;
  right: 0;
  bottom: 0;
  height: 100%;
  position: absolute;
  z-index: 999;
  background-color: white;
  -webkit-box-shadow: 0px 2px 9px #00000030 !important;
  box-shadow: 0px 2px 9px #00000030 !important;
  border-radius: 5px;
}

page-interview-console .mycustomdrop5 ion-item {
  background-color: white;
}

page-interview-report .alert {
  color: #984747;
}

page-interview-report .ui-dropdown .ui-dropdown-panel {
  z-index: 1017 !important;
  top: -102px !important;
  left: 0px !important;
  opacity: 1 !important;
}

page-interview-report-view .ui-table .ui-widget {
  padding-left: 30px;
  padding-right: 30px;
}

page-interview-report-view .bgcolorRejected {
  background: #efada9;
  padding: 5px;
}

page-interview-report-view .bgcolorWaiting {
  background: #ffe07a;
  padding: 5px;
}

page-interview-report-view .bgcolorSelected {
  background: #9decbe;
  padding: 5px;
}

page-interview-report-view .bgcolorScheduled {
  background: #c4dceb;
  padding: 5px;
}

page-job-role-report .alert {
  color: #984747;
}

page-job-role-report .scroll {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow-x: scroll !important;
  overflow-y: hidden;
}

page-job-role-report .globalTable {
  border: 1px solid lightgrey;
}

page-job-role-report .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-job-role-report .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

page-job-role-report .globalTable .table-header .align input {
  width: 80%;
  line-height: 25px;
}

page-job-role-status-report .alert {
  color: #984747;
}

page-job-role-status-report .ui-dropdown .ui-dropdown-panel {
  z-index: 1017 !important;
  top: -102px !important;
  left: 0px !important;
  opacity: 1 !important;
}

page-job-role-status-report .text-left {
  text-align: left;
}

page-job-role-status-report .ui-table .ui-widget {
  padding-left: 30px;
  padding-right: 30px;
}

page-job-role-status-report .text-align {
  text-align: center;
}

page-job-role-view .header {
  height: 50px;
  padding: 15px;
  background: #f4f4f4;
}

page-job-role-view .bgcolorRejected {
  background: #efada9;
  padding: 5px;
}

page-job-role-view .bgcolorWaiting {
  background: #ffe07a;
  padding: 5px;
}

page-job-role-view .bgcolorSelected {
  background: #9decbe;
  padding: 5px;
}

page-job-role-view .bgcolorScheduled {
  background: #c4dceb;
  padding: 5px;
}

page-job-role-view .height {
  height: 100px;
  padding: 0px;
}

page-job-role-view .font {
  font-size: small;
  padding: 0px !important;
}

page-job-role-view .headerbg {
  background: #f4f4f4;
  padding: 5px;
}

page-job-role-view .font_size {
  font-size: smaller;
}

page-job-role-view .h-80 {
  height: 80px;
}

page-job-role-view .mt-25 {
  margin-top: 25px;
}

page-job-role-view .ui-dropdown .ui-dropdown-panel {
  z-index: 1017 !important;
  top: -102px !important;
  left: 0px !important;
  opacity: 1 !important;
}

page-learner-assessment ion-badge {
  float: right;
  margin: 0 1% 20px;
  font-size: 18px;
  padding: 10px;
}

page-learner-assessment .btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin-bottom: 2%;
}

page-learner-assessment .righttimer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-learner-assessment .online-timer {
  border-radius: 50%;
  font-size: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100px;
  height: 100px;
  border: 6px solid #0099ff;
  background-color: white;
  color: #3687f0;
  border-style: double;
}

page-learner-assessment .offline-timer {
  padding: 1%;
}

page-learner-assessment .ExamCard {
  width: 80%;
  height: 100%;
  position: relative;
  -webkit-animation-name: example;
  animation-name: example;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  margin: 0;
  padding: 0 2%;
}

page-learner-assessment ion-segment {
  border: 1px solid #0099ff;
  border-radius: 25px;
}

page-learner-assessment ion-segment-button {
  border-radius: 25px;
  border-bottom-style: none !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

page-learner-assessment .segment-md .segment-button.activated,
page-learner-assessment .segment-md .segment-button.segment-activated {
  border-color: #0099ff;
  background: #0099ff;
  color: #000;
}

page-learner-assessment .toolbar-background {
  background: transparent;
  border: 0px;
}

page-learner-assessment .centerdiv {
  width: 80%;
  margin: 10px auto;
}

page-learner-assessment #primaryclass {
  color: blue;
  background-color: rgba(135, 207, 235, 0.322);
}

page-learner-assessment #normalclass {
  color: black;
}

page-learner-assessment .imageContainer {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: auto;
}

page-learner-assessment .filelist {
  width: 95%;
  background-color: white;
  border-radius: 10px;
  border: 1px solid black;
}

page-learner-assessment .filehead {
  font-size: 20px !important;
  padding: 15px;
  text-align: center;
  background-color: #d7d7d7;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

page-learner-assessment .fileitem {
  background-color: transparent;
  width: 80%;
  padding: 15px;
  text-align: left;
  font-size: medium;
  margin-top: 5px;
  border-radius: 10px;
}

page-learner-assessment a {
  text-decoration: underline;
  color: #5eaac2;
  cursor: pointer;
}

page-learner-assessment .download-icon {
  margin: auto;
  display: inline;
}

page-learner-assessment .empty {
  color: #0099ff !important;
}

page-learner-assessment .mobile-menu {
  display: none;
}

page-learner-assessment .desktop-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-learner-assessment .desktop-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-learner-assessment ion-col .mobile-list .col {
  display: none;
}

page-learner-assessment .result {
  padding: 10px;
  margin: 0 10px;
  font-weight: bold;
  font-size: medium;
}

page-learner-assessment .result .result-text {
  padding: 5px 0;
}

page-learner-assessment .result .pass {
  color: #17b240;
  text-transform: capitalize;
}

page-learner-assessment .result .fail {
  color: red;
  text-transform: capitalize;
}

page-learner-assessment .mob-header {
  text-align: center;
  color: black;
  padding-bottom: 20px;
}

page-learner-assessment ion-footer {
  padding: 0 !important;
}

page-learner-assessment .uploadHeader {
  font-size: larger;
  color: #0099ff !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-learner-assessment .uploadBody {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 20px;
}

page-learner-assessment .uploadBody button {
  background-color: #a9a9a96b;
  width: 60px;
  height: 60px;
  margin: 10px;
  padding-left: 20px;
}

page-learner-assessment .uploadBody .thumbnail img {
  width: 60px !important;
  margin: 10px;
  height: 60px !important;
}

page-learner-assessment .uploadBody .thumbnail .closeCross {
  color: white;
  position: absolute;
  margin: -80px 60px;
  opacity: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: scale(0);
  transform: scale(0);
  border-radius: 50%;
  background-color: black;
}

page-learner-assessment .uploadBody .thumbnail:hover .closeCross {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

page-learner-assessment .thank-you-image {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-learner-assessment .thank-you-image img {
  height: 100px;
  width: 100px;
}

page-learner-assessment .thank-you-image h1 {
  color: #3fbaae !important;
}

page-learner-assessment .timer-g {
  color: green;
  letter-spacing: 1px;
}

page-learner-assessment .timer-O {
  color: rgba(226, 78, 20, 0.582);
  letter-spacing: 1px;
}

page-learner-assessment .timer-r {
  color: red;
  letter-spacing: 1px;
}

page-learner-assessment .quesimg {
  height: 100px;
  margin: 10px;
  padding-left: 35px;
}

page-learner-assessment .quesimg ion-col img {
  width: 100%;
  height: 100px;
  -o-object-fit: contain;
  object-fit: contain;
}

page-learner-assessment .optionimgdiv {
  height: 60px;
  width: 120px;
}

page-learner-assessment .optionimgdiv img {
  -o-object-fit: contain;
  object-fit: contain;
  height: 60px;
  cursor: pointer;
}

page-learner-assessment .viewcard {
  width: 90%;
  margin: auto;
  border-radius: 5px;
}

page-learner-assessment .viewcard h4 {
  color: #0099ff;
  padding: 5px;
  font-size: 16px !important;
}

page-learner-assessment .viewcard iframe {
  width: 100%;
}

@media only screen and (max-width: 768px) {
  page-learner-assessment .ExamCard {
    width: 100%;
  }
  page-learner-assessment #primaryclass {
    opacity: 0.5;
  }
  page-learner-assessment div.scroll-content {
    margin-bottom: 70px;
  }
  page-learner-assessment .desktop-menu {
    display: none;
  }
  page-learner-assessment .filelist-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  page-learner-assessment .desktop-list {
    display: none;
  }
  page-learner-assessment ion-col .mobile-list .col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  page-learner-assessment .imageContainer {
    margin-top: 15px;
  }
  page-learner-assessment .mobile-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    bottom: 0;
    background-color: lightgray;
    width: 100%;
    height: 60px;
  }
  page-learner-assessment .mobile-menu ion-segment {
    border: none;
    height: 100%;
  }
  page-learner-assessment .mobile-menu ion-segment-button {
    border-left: 1px solid grey;
    border-radius: 0;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  page-learner-assessment .mobile-menu ion-segment-button span {
    line-height: 14px;
    padding-top: 7px;
    color: black;
  }
  page-learner-assessment .mobile-menu .segment-md .segment-button {
    height: 100%;
  }
  page-learner-assessment .mobile-menu .segment-md .segment-button.activated,
  page-learner-assessment .mobile-menu .segment-md .segment-button.segment-activated {
    background: #0099ff;
    height: 100%;
  }
  page-learner-assessment .mobile-menu img {
    height: 20px;
    width: 20px;
  }
  page-learner-assessment .result-text {
    text-align: left;
  }
  page-learner-assessment .result-text span {
    text-align: right;
  }
}

page-learner-assessment .image-thumbnail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow-y: hidden;
  overflow-x: auto;
  margin-bottom: 20px;
  background-color: #d3d3d391;
  padding: 10px;
}

page-learner-assessment .image-thumbnail div {
  margin: 0 10px;
  height: 60px;
  width: 60px;
}

page-learner-assessment .image-thumbnail div img {
  height: 100%;
  width: 100%;
  overflow: hidden;
  cursor: pointer;
}

page-learner-assessment .mob-header {
  text-align: center;
  color: black;
  font-size: 2rem;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  page-learner-assessment #primaryclass {
    -webkit-box-shadow: 0px 1px 10px #888888;
    box-shadow: 0px 1px 10px #888888;
  }
}

page-learner-assignment .counter_divbig {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  text-align: center;
  margin: 0 auto;
  background: black;
}

page-learner-assignment .counter_divbig span {
  font-size: 20px;
  color: #fff;
  margin-top: 11px;
  display: inline-block;
}

page-learner-assignment .counter_divbig_h4 {
  color: black;
  line-height: 0 !important;
}

page-learner-assignment .pinkborder {
  border: 6px solid #E91E63;
}

page-learner-assignment .greenborder {
  border: 6px solid #009688;
}

page-learner-assignment .blueborder {
  border: 6px solid #3F51B5;
}

page-learner-assignment .yellowborder {
  border: 6px solid #FFC107;
}

page-learner-assignment .whiteborder {
  border: 6px solid #fff;
  height: 75px;
  width: 75px;
}

page-learner-assignment .text-red {
  color: red;
}

page-learner-assignment .empty {
  color: #0099ff !important;
  font-weight: bold;
}

page-learner-assignment .d-fl-bl {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-learner-assignment .togglediv ion-icon {
  font-size: 3rem;
  float: right;
  margin-right: 10px;
}

page-learner-assignment .examCard {
  min-height: 150px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 20px;
  width: 300px;
  border-radius: 10px;
  margin: 15px;
  cursor: pointer;
}

page-learner-assignment .examCard .title-card {
  font-family: Vardana, Helvetica, sans-serif;
  font-size: 2rem;
  padding: 10px 0;
}

page-learner-assignment .examCard .dueDate {
  font-size: 1.5rem;
  font-weight: bold;
}

page-learner-assignment .examCard .subtitle-card {
  font-size: 1.5rem;
}

page-learner-assignment ion-badge {
  margin: 8px;
}

page-learner-assignment .infodiv {
  margin: auto;
  text-align: left;
  padding: 5px;
  display: inline-block;
}

page-learner-assignment .infodiv div {
  padding: 3px 0;
}

page-learner-assignment .examTitle {
  margin: auto;
  margin-top: 50px;
  text-align: center;
  font-size: 22px !important;
}

page-learner-assignment .card-header-md {
  padding: 0;
}

page-learner-assignment .button-width {
  width: 115px !important;
  height: 35px !important;
}

page-learner-assignment .globalTable {
  min-width: 950px;
  border: 1px solid lightgrey;
}

page-learner-assignment .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-learner-assignment .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

page-learner-assignment .globalTable .table-header .align input {
  width: 100%;
  line-height: 25px;
}

page-learner-assignment .globalTable .alignIcon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0;
  margin-top: 3px;
  margin-right: 5px;
}

page-learner-assignment .globalTable .actionIcon {
  padding: 0 6px;
  font-size: 16px;
  cursor: pointer;
}

page-learner-assignment .iconPadding {
  padding: 2px 0;
}

page-learner-assignment .centerdiv {
  width: 80%;
  margin: 10px auto;
}

page-learner-assignment ion-segment {
  border: 1px solid #0099ff;
  border-radius: 25px;
}

page-learner-assignment ion-segment-button {
  border-radius: 25px;
  border-bottom-style: none !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

page-learner-assignment .segment-md .segment-button.activated,
page-learner-assignment .segment-md .segment-button.segment-activated {
  border-color: #0099ff;
  background: #0099ff;
  color: #000;
}

page-learner-assignment .toolbar-background {
  background: transparent;
  border: 0px;
}

page-learner-assignment ion-footer {
  padding: 0 !important;
}

page-learner-assignment .mobile-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  bottom: 0;
  background-color: lightgray;
  width: 100%;
  height: 60px;
}

page-learner-assignment .mobile-menu ion-segment {
  border: none;
  height: 100%;
}

page-learner-assignment .mobile-menu ion-segment-button {
  border-left: 1px solid grey;
  border-radius: 0;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-learner-assignment .mobile-menu ion-segment-button span {
  line-height: 14px;
  padding-top: 7px;
  color: black;
}

page-learner-assignment .mobile-menu .segment-md .segment-button {
  height: 100%;
}

page-learner-assignment .mobile-menu .segment-md .segment-button.activated,
page-learner-assignment .mobile-menu .segment-md .segment-button.segment-activated {
  background: #0099ff;
  height: 100%;
}

page-learner-assignment .mobile-menu img {
  height: 20px;
  width: 20px;
}

@media (max-width: 768px) {
  page-learner-assignment .examCard {
    min-width: 300px;
    width: 80% !important;
  }
}

page-learner-assignment-info {
  /* ANIMATION */
  /* SHADOWS */
  /*
 *
 *   MaterialWrap - Bootstrap + Material Design Admin Theme

 
*/
  /*
 * CSS Transform - Scale and Rotate
 */
  /* The Modal (background) */
  /* Modal Content (image) */
  /* The Close Button */
  /*!
 * FullCalendar v3.2.0 Stylesheet
 * Docs & License: https://fullcalendar.io/
 * (c) 2017 Adam Shaw
 */
  /* Colors
--------------------------------------------------------------------------------------------------*/
  /* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
  /*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
  /* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
  /* Firefox has an annoying inner border */
  /* icons in buttons */
  /*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
  /* Buttons Groups
--------------------------------------------------------------------------------------------------*/
  /*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
  /* Popover
--------------------------------------------------------------------------------------------------*/
  /* unthemed */
  /* jqui themed */
  /* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
  /* Tables
--------------------------------------------------------------------------------------------------*/
  /* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
  /* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
  /* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
  /* highlighting cells & background event skeleton */
  /*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
  /* Scrolling Container
--------------------------------------------------------------------------------------------------*/
  /* TODO: move to agenda/basic */
  /* Global Event Styles
--------------------------------------------------------------------------------------------------*/
  /* overpower some of bootstrap's and jqui's styles on <a> tags */
  /* resizer (cursor AND touch devices) */
  /* resizer (touch devices) */
  /* hit area */
  /* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
  /* Horizontal Events
--------------------------------------------------------------------------------------------------*/
  /* bigger touch area when selected */
  /* events that are continuing to/from another week. kill rounded corners and butt up against edge */
  /* resizer (cursor AND touch devices) */
  /* left resizer  */
  /* right resizer */
  /* resizer (mouse devices) */
  /* resizer (touch devices) */
  /* left resizer  */
  /* right resizer */
  /* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* resizer (cursor devices) */
  /* left resizer  */
  /* right resizer */
  /* Event Limiting
--------------------------------------------------------------------------------------------------*/
  /* "more" link that represents hidden events */
  /* popover that appears when "more" link is clicked */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* Utilities
--------------------------------------------------------------------------------------------------*/
  /* Toolbar
--------------------------------------------------------------------------------------------------*/
  /* the things within each left/right/center section */
  /* the first thing within each left/center/right section */
  /* title text */
  /* button layering (for border precedence) */
  /* View Structure
--------------------------------------------------------------------------------------------------*/
  /* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
  /* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
  /* BasicView
--------------------------------------------------------------------------------------------------*/
  /* day row structure */
  /* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
  /* week and day number styling */
  /* when week/day number have own column */
  /* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
  /* divs within a cell within the fc-content-skeleton */
  /* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
  /* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* short mode, where time and title are on the same line */
  /* resizer (cursor device) */
  /* resizer (touch device) */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* arrow on axis */
  /* List View
--------------------------------------------------------------------------------------------------*/
  /* possibly reusable */
  /* view wrapper */
  /* table resets */
  /* day headings with the list */
  /* event list items */
  /* make the dot closer to the event title */
  /* message when no events */
}

page-learner-assignment-info .letter-sp-1 {
  letter-spacing: 1px;
}

page-learner-assignment-info .letter-sp-2 {
  letter-spacing: 2px;
}

page-learner-assignment-info .letter-sp-3 {
  letter-spacing: 3px;
}

page-learner-assignment-info .m-0 {
  margin: 0 !important;
}

page-learner-assignment-info .m-5 {
  margin: 5px !important;
}

page-learner-assignment-info .m-10 {
  margin: 10px !important;
}

page-learner-assignment-info .m-15 {
  margin: 15px !important;
}

page-learner-assignment-info .m-20 {
  margin: 20px !important;
}

page-learner-assignment-info .m-30 {
  margin: 30px !important;
}

page-learner-assignment-info .m-50 {
  margin: 50px !important;
}

page-learner-assignment-info .m-b-100 {
  margin-bottom: 100px !important;
}

page-learner-assignment-info .m-b-15 {
  margin-bottom: 15px !important;
}

page-learner-assignment-info .m-b-20 {
  margin-bottom: 20px !important;
}

page-learner-assignment-info .m-b-0 {
  margin-bottom: 0 !important;
}

page-learner-assignment-info .m-l-0 {
  margin-left: 0 !important;
}

page-learner-assignment-info .m-l-5 {
  margin-left: 5px !important;
}

page-learner-assignment-info .m-l-10 {
  margin-left: 10px !important;
}

page-learner-assignment-info .m-l-15 {
  margin-left: 15px !important;
}

page-learner-assignment-info .m-l-20 {
  margin-left: 20px !important;
}

page-learner-assignment-info .m-l-30 {
  margin-left: 30px !important;
}

page-learner-assignment-info .m-l-40 {
  margin-left: 40px !important;
}

page-learner-assignment-info .m-l-50 {
  margin-left: 50px !important;
}

page-learner-assignment-info .m-l-n-1 {
  margin-left: -1px !important;
}

page-learner-assignment-info .m-l-n-5 {
  margin-left: -5px !important;
}

page-learner-assignment-info .m-l-n-10 {
  margin-left: -10px !important;
}

page-learner-assignment-info .m-l-n-15 {
  margin-left: -15px !important;
}

page-learner-assignment-info .m-l-n-20 {
  margin-left: -20px !important;
}

page-learner-assignment-info .m-l-n-30 {
  margin-left: -30px !important;
}

page-learner-assignment-info .m-l-n-40 {
  margin-left: -40px !important;
}

page-learner-assignment-info .m-l-n-50 {
  margin-left: -50px !important;
}

page-learner-assignment-info .m-t-0 {
  margin-top: 0 !important;
}

page-learner-assignment-info .m-t-1 {
  margin-top: 1px !important;
}

page-learner-assignment-info .m-t-2 {
  margin-top: 2px;
}

page-learner-assignment-info .m-t-2p {
  margin-top: 2% !important;
}

page-learner-assignment-info .m-t-5p {
  margin-top: 5% !important;
}

page-learner-assignment-info .m-t-25p {
  margin-top: 25% !important;
}

page-learner-assignment-info .m-t-30p {
  margin-top: 30% !important;
}

page-learner-assignment-info .m-t-4 {
  margin-top: 4px !important;
}

page-learner-assignment-info .m-t-5 {
  margin-top: 5px !important;
}

page-learner-assignment-info .m-t-5p {
  margin-top: 5% !important;
}

page-learner-assignment-info .m-t-10 {
  margin-top: 10px !important;
}

page-learner-assignment-info .m-t-15 {
  margin-top: 15px !important;
}

page-learner-assignment-info .m-t-20 {
  margin-top: 20px !important;
}

page-learner-assignment-info .m-t-30 {
  margin-top: 30px !important;
}

page-learner-assignment-info .m-t-40 {
  margin-top: 40px !important;
}

page-learner-assignment-info .m-t-50 {
  margin-top: 50px !important;
}

page-learner-assignment-info .m-t-75 {
  margin-top: 75px !important;
}

page-learner-assignment-info .m-t-100 {
  margin-top: 100px !important;
}

page-learner-assignment-info .m-t-120 {
  margin-top: 120px !important;
}

page-learner-assignment-info .m-t-140 {
  margin-top: 140px !important;
}

page-learner-assignment-info .m-t-n-1 {
  margin-top: -1px !important;
}

page-learner-assignment-info .m-t-n-5 {
  margin-top: -5px !important;
}

page-learner-assignment-info .m-t-n-10 {
  margin-top: -10px !important;
}

page-learner-assignment-info .m-t-n-15 {
  margin-top: -15px !important;
}

page-learner-assignment-info .m-t-n-20 {
  margin-top: -20px !important;
}

page-learner-assignment-info .m-t-n-30 {
  margin-top: -30px !important;
}

page-learner-assignment-info .m-t-n-40 {
  margin-top: -40px !important;
}

page-learner-assignment-info .m-t-n-50 {
  margin-top: -50px !important;
}

page-learner-assignment-info .m-r-0 {
  margin-right: 0 !important;
}

page-learner-assignment-info .m-r-1 {
  margin-right: 1px !important;
}

page-learner-assignment-info .m-r-5 {
  margin-right: 5px !important;
}

page-learner-assignment-info .m-r-10 {
  margin-right: 10px !important;
}

page-learner-assignment-info .m-r-15 {
  margin-right: 15px !important;
}

page-learner-assignment-info .m-r-20 {
  margin-right: 20px !important;
}

page-learner-assignment-info .m-r-30 {
  margin-right: 30px !important;
}

page-learner-assignment-info .m-r-40 {
  margin-right: 40px !important;
}

page-learner-assignment-info .m-r-50 {
  margin-right: 50px !important;
}

page-learner-assignment-info .m-r-n-1 {
  margin-right: -1px !important;
}

page-learner-assignment-info .m-r-n-5 {
  margin-right: -5px !important;
}

page-learner-assignment-info .m-r-n-10 {
  margin-right: -10px !important;
}

page-learner-assignment-info .m-r-n-15 {
  margin-right: -15px !important;
}

page-learner-assignment-info .m-r-n-20 {
  margin-right: -20px !important;
}

page-learner-assignment-info .m-r-n-30 {
  margin-right: -30px !important;
}

page-learner-assignment-info .m-r-n-40 {
  margin-right: -40px !important;
}

page-learner-assignment-info .m-r-n-50 {
  margin-right: -50px !important;
}

page-learner-assignment-info .m-b-0 {
  margin-bottom: 0 !important;
}

page-learner-assignment-info .m-b-1 {
  margin-bottom: 1px !important;
}

page-learner-assignment-info .m-b-4 {
  margin-bottom: 4px !important;
}

page-learner-assignment-info .m-b-5 {
  margin-bottom: 5px !important;
}

page-learner-assignment-info .m-b-10 {
  margin-bottom: 10px !important;
}

page-learner-assignment-info .m-b-15 {
  margin-bottom: 15px !important;
}

page-learner-assignment-info .m-b-20 {
  margin-bottom: 20px !important;
}

page-learner-assignment-info .m-b-30 {
  margin-bottom: 30px !important;
}

page-learner-assignment-info .m-b-40 {
  margin-bottom: 40px !important;
}

page-learner-assignment-info .m-b-50 {
  margin-bottom: 50px !important;
}

page-learner-assignment-info .m-b-n-1 {
  margin-bottom: -1px !important;
}

page-learner-assignment-info .m-b-n-5 {
  margin-bottom: -5px !important;
}

page-learner-assignment-info .m-b-n-10 {
  margin-bottom: -10px !important;
}

page-learner-assignment-info .m-b-n-15 {
  margin-bottom: -15px !important;
}

page-learner-assignment-info .m-b-n-20 {
  margin-bottom: -20px !important;
}

page-learner-assignment-info .m-b-n-30 {
  margin-bottom: -30px !important;
}

page-learner-assignment-info .m-b-n-40 {
  margin-bottom: -40px !important;
}

page-learner-assignment-info .m-b-n-50 {
  margin-bottom: -50px !important;
}

page-learner-assignment-info .p-0 {
  padding: 0 !important;
}

page-learner-assignment-info .p-5 {
  padding: 5px !important;
}

page-learner-assignment-info .p-10 {
  padding: 10px !important;
}

page-learner-assignment-info .p-15 {
  padding: 15px !important;
}

page-learner-assignment-info .p-20 {
  padding: 20px !important;
}

page-learner-assignment-info .p-25 {
  padding: 25px !important;
}

page-learner-assignment-info .p-30 {
  padding: 30px !important;
}

page-learner-assignment-info .p-40 {
  padding: 40px !important;
}

page-learner-assignment-info .p-50 {
  padding: 50px !important;
}

page-learner-assignment-info .p-75 {
  padding: 75px !important;
}

page-learner-assignment-info .p-100 {
  padding: 100px !important;
}

page-learner-assignment-info .p-lr {
  padding: 0px 4% 0px 4%;
}

page-learner-assignment-info .p-l-0 {
  padding-left: 0 !important;
}

page-learner-assignment-info .p-l-5 {
  padding-left: 5px !important;
}

page-learner-assignment-info .p-l-10 {
  padding-left: 10px !important;
}

page-learner-assignment-info .p-l-12 {
  padding-left: 12px !important;
}

page-learner-assignment-info .p-l-15 {
  padding-left: 15px !important;
}

page-learner-assignment-info .p-l-16 {
  padding-left: 16px !important;
}

page-learner-assignment-info .p-l-20 {
  padding-left: 20px !important;
}

page-learner-assignment-info .p-l-25 {
  padding-left: 25px !important;
}

page-learner-assignment-info .p-l-30 {
  padding-left: 30px !important;
}

page-learner-assignment-info .p-l-40 {
  padding-left: 40px !important;
}

page-learner-assignment-info .p-l-50 {
  padding-left: 50px !important;
}

page-learner-assignment-info .p-l-75 {
  padding-left: 75px !important;
}

page-learner-assignment-info .p-l-100 {
  padding-left: 100px !important;
}

page-learner-assignment-info .p-r-0 {
  padding-right: 0 !important;
}

page-learner-assignment-info .p-r-5 {
  padding-right: 5px !important;
}

page-learner-assignment-info .p-r-10 {
  padding-right: 10px !important;
}

page-learner-assignment-info .p-r-12 {
  padding-right: 12px !important;
}

page-learner-assignment-info .p-r-15 {
  padding-right: 15px !important;
}

page-learner-assignment-info .p-r-20 {
  padding-right: 20px !important;
}

page-learner-assignment-info .p-r-25 {
  padding-right: 25px !important;
}

page-learner-assignment-info .p-r-30 {
  padding-right: 30px !important;
}

page-learner-assignment-info .p-r-40 {
  padding-right: 40px !important;
}

page-learner-assignment-info .p-r-50 {
  padding-right: 50px !important;
}

page-learner-assignment-info .p-r-75 {
  padding-right: 75px !important;
}

page-learner-assignment-info .p-r-100 {
  padding-right: 100px !important;
}

page-learner-assignment-info .p-b-0 {
  padding-bottom: 0 !important;
}

page-learner-assignment-info .p-b-5 {
  padding-bottom: 5px !important;
}

page-learner-assignment-info .p-b-10 {
  padding-bottom: 10px !important;
}

page-learner-assignment-info .p-b-15 {
  padding-bottom: 15px !important;
}

page-learner-assignment-info .p-b-16 {
  padding-bottom: 16px !important;
}

page-learner-assignment-info .p-b-20 {
  padding-bottom: 20px !important;
}

page-learner-assignment-info .p-b-25 {
  padding-bottom: 25px !important;
}

page-learner-assignment-info .p-b-30 {
  padding-bottom: 30px !important;
}

page-learner-assignment-info .p-b-40 {
  padding-bottom: 40px !important;
}

page-learner-assignment-info .p-b-50 {
  padding-bottom: 50px !important;
}

page-learner-assignment-info .p-b-60 {
  padding-bottom: 60px !important;
}

page-learner-assignment-info .p-b-70 {
  padding-bottom: 70px !important;
}

page-learner-assignment-info .p-b-80 {
  padding-bottom: 80px !important;
}

page-learner-assignment-info .p-b-90 {
  padding-bottom: 90px !important;
}

page-learner-assignment-info .p-b-100 {
  padding-bottom: 100px !important;
}

page-learner-assignment-info .p-t-0 {
  padding-top: 0 !important;
}

page-learner-assignment-info .p-t-5 {
  padding-top: 5px !important;
}

page-learner-assignment-info .p-t-7 {
  padding-top: 7px !important;
}

page-learner-assignment-info .p-t-10 {
  padding-top: 10px !important;
}

page-learner-assignment-info .p-t-15 {
  padding-top: 15px !important;
}

page-learner-assignment-info .p-t-16 {
  padding-top: 16px !important;
}

page-learner-assignment-info .p-t-20 {
  padding-top: 20px !important;
}

page-learner-assignment-info .p-t-25 {
  padding-top: 25px !important;
}

page-learner-assignment-info .p-t-30 {
  padding-top: 30px !important;
}

page-learner-assignment-info .p-t-40 {
  padding-top: 40px !important;
}

page-learner-assignment-info .p-t-50 {
  padding-top: 50px !important;
}

page-learner-assignment-info .p-t-75 {
  padding-top: 75px !important;
}

page-learner-assignment-info .p-t-100 {
  padding-top: 100px !important;
}

page-learner-assignment-info .p-t-120 {
  padding-top: 120px !important;
}

page-learner-assignment-info .p-t-130 {
  padding-top: 130px !important;
}

page-learner-assignment-info .p-t-140 {
  padding-top: 140px !important;
}

page-learner-assignment-info .p-t-150 {
  padding-top: 150px !important;
}

page-learner-assignment-info .block {
  display: block !important;
}

page-learner-assignment-info .img-xs {
  width: 30px;
  height: 30px;
}

page-learner-assignment-info .img-sm {
  width: 35px;
  height: 35px;
}

page-learner-assignment-info .img-md {
  width: 55px;
  height: 55px;
}

page-learner-assignment-info .img-lg {
  width: 100px;
  height: 100px;
}

page-learner-assignment-info .min-w-800 {
  min-width: 800px !important;
}

page-learner-assignment-info .min-w-1000 {
  min-width: 1000px !important;
}

page-learner-assignment-info .min-w-1100 {
  min-width: 1100px !important;
}

page-learner-assignment-info .max-w-20 {
  max-width: 20px !important;
}

page-learner-assignment-info .max-w-30 {
  max-width: 30px !important;
}

page-learner-assignment-info .max-w-32 {
  max-width: 35px !important;
}

page-learner-assignment-info .max-w-35 {
  max-width: 35px !important;
}

page-learner-assignment-info .max-w-40 {
  max-width: 40px !important;
}

page-learner-assignment-info .max-w-50 {
  max-width: 50px !important;
}

page-learner-assignment-info .max-w-75 {
  max-width: 75px !important;
}

page-learner-assignment-info .max-w-100 {
  max-width: 100px !important;
}

page-learner-assignment-info .max-w-150 {
  max-width: 150px !important;
}

page-learner-assignment-info .max-w-200 {
  max-width: 200px !important;
}

page-learner-assignment-info .max-w-300 {
  max-width: 300px !important;
}

page-learner-assignment-info .max-w-400 {
  max-width: 400px !important;
}

page-learner-assignment-info .overflow-hidden {
  overflow: hidden;
}

page-learner-assignment-info .overflow-auto {
  overflow: auto;
}

page-learner-assignment-info .max-h-50 {
  max-height: 50px !important;
}

page-learner-assignment-info .max-h-80 {
  max-height: 80px !important;
}

page-learner-assignment-info .max-h-100 {
  max-height: 100px !important;
}

page-learner-assignment-info .max-h-150 {
  max-height: 150px !important;
}

page-learner-assignment-info .max-h-200 {
  max-height: 200px !important;
}

page-learner-assignment-info .max-h-250 {
  max-height: 250px !important;
}

page-learner-assignment-info .max-h-300 {
  max-height: 300px !important;
}

page-learner-assignment-info .max-h-350 {
  max-height: 300px !important;
}

page-learner-assignment-info .max-h-375 {
  max-height: 300px !important;
}

page-learner-assignment-info .max-h-400 {
  max-height: 400px !important;
}

page-learner-assignment-info .max-h-450 {
  max-height: 450px !important;
}

page-learner-assignment-info .max-h-500 {
  max-height: 500px !important;
}

page-learner-assignment-info .max-h-600 {
  max-height: 600px !important;
}

page-learner-assignment-info .max-h-650 {
  max-height: 650px !important;
}

page-learner-assignment-info .max-h-700 {
  max-height: 700px !important;
}

page-learner-assignment-info .max-h-800 {
  max-height: 800px !important;
}

page-learner-assignment-info .max-h-900 {
  max-height: 900px !important;
}

page-learner-assignment-info .max-h-1000 {
  max-height: 1000px !important;
}

page-learner-assignment-info .min-h-0 {
  min-height: 0 !important;
}

page-learner-assignment-info .min-h-50 {
  min-height: 50px !important;
}

page-learner-assignment-info .min-h-100 {
  min-height: 100px !important;
}

page-learner-assignment-info .min-h-200 {
  min-height: 200px !important;
}

page-learner-assignment-info .min-h-250 {
  min-height: 250px !important;
}

page-learner-assignment-info .min-h-300 {
  min-height: 300px !important;
}

page-learner-assignment-info .min-h-350 {
  min-height: 300px !important;
}

page-learner-assignment-info .min-h-375 {
  min-height: 300px !important;
}

page-learner-assignment-info .min-h-400 {
  min-height: 400px !important;
}

page-learner-assignment-info .min-h-450 {
  min-height: 450px !important;
}

page-learner-assignment-info .min-h-500 {
  min-height: 500px !important;
}

page-learner-assignment-info .min-h-600 {
  min-height: 600px !important;
}

page-learner-assignment-info .min-h-650 {
  min-height: 650px !important;
}

page-learner-assignment-info .min-h-700 {
  min-height: 700px !important;
}

page-learner-assignment-info .min-h-800 {
  min-height: 800px !important;
}

page-learner-assignment-info .min-h-900 {
  min-height: 900px !important;
}

page-learner-assignment-info .min-h-1000 {
  min-height: 1000px !important;
}

page-learner-assignment-info .h-5 {
  height: 5px !important;
}

page-learner-assignment-info .h-10 {
  height: 10px !important;
}

page-learner-assignment-info .h-20 {
  height: 20px !important;
}

page-learner-assignment-info .h-25 {
  height: 25px !important;
}

page-learner-assignment-info .h-50 {
  height: 50px !important;
}

page-learner-assignment-info .h-75 {
  height: 75px !important;
}

page-learner-assignment-info .h-100 {
  height: 100px !important;
}

page-learner-assignment-info .h-125 {
  height: 125px !important;
}

page-learner-assignment-info .h-150 {
  height: 150px !important;
}

page-learner-assignment-info .h-200 {
  height: 200px !important;
}

page-learner-assignment-info .h-300 {
  height: 300px !important;
}

page-learner-assignment-info .h-350 {
  height: 350px !important;
}

page-learner-assignment-info .h-400 {
  height: 400px !important;
}

page-learner-assignment-info .h-450 {
  height: 450px !important;
}

page-learner-assignment-info .h-500 {
  height: 500px !important;
}

page-learner-assignment-info .h-600 {
  height: 600px !important;
}

page-learner-assignment-info .h-650 {
  height: 650px !important;
}

page-learner-assignment-info .h-700 {
  height: 700px !important;
}

page-learner-assignment-info .h-800 {
  height: 800px !important;
}

page-learner-assignment-info .h-900 {
  height: 900px !important;
}

page-learner-assignment-info .h-1000 {
  height: 1000px !important;
}

page-learner-assignment-info .w-5 {
  width: 5px !important;
}

page-learner-assignment-info .w-10 {
  width: 10px !important;
}

page-learner-assignment-info .w-15 {
  width: 15px !important;
}

page-learner-assignment-info .w-20 {
  width: 20px !important;
}

page-learner-assignment-info .w-30 {
  width: 30px !important;
}

page-learner-assignment-info .w-40 {
  width: 40px !important;
}

page-learner-assignment-info .w-50 {
  width: 50px !important;
}

page-learner-assignment-info .w-60 {
  width: 60px !important;
}

page-learner-assignment-info .w-80 {
  width: 80px !important;
}

page-learner-assignment-info .w-100 {
  width: 100px !important;
}

page-learner-assignment-info .w-150 {
  width: 150px !important;
}

page-learner-assignment-info .w-190 {
  width: 190px !important;
}

page-learner-assignment-info .w-200 {
  width: 200px !important;
}

page-learner-assignment-info .w-250 {
  width: 250px !important;
}

page-learner-assignment-info .w-300 {
  width: 300px !important;
}

page-learner-assignment-info .w-600 {
  width: 600px !important;
}

page-learner-assignment-info .w-100p {
  width: 100% !important;
}

page-learner-assignment-info .w-95p {
  width: 95% !important;
}

page-learner-assignment-info .w-90p {
  width: 90% !important;
}

page-learner-assignment-info .w-80p {
  width: 80% !important;
}

page-learner-assignment-info .w-70p {
  width: 70% !important;
}

page-learner-assignment-info .w-60p {
  width: 60% !important;
}

page-learner-assignment-info .w-50p {
  width: 50% !important;
}

page-learner-assignment-info .w-45p {
  width: 45% !important;
}

page-learner-assignment-info .w-40p {
  width: 40% !important;
}

page-learner-assignment-info .w-30p {
  width: 30% !important;
}

page-learner-assignment-info .w-25p {
  width: 25% !important;
}

page-learner-assignment-info .w-20p {
  width: 20% !important;
}

page-learner-assignment-info .w-15p {
  width: 15% !important;
}

page-learner-assignment-info .w-10p {
  width: 10% !important;
}

page-learner-assignment-info .w-8p {
  width: 8% !important;
}

page-learner-assignment-info .w-5p {
  width: 5% !important;
}

page-learner-assignment-info .w-3p {
  width: 3% !important;
}

page-learner-assignment-info .w-95p {
  width: 95% !important;
}

page-learner-assignment-info .h-100p {
  height: 100% !important;
}

page-learner-assignment-info .h-80p {
  height: 80% !important;
}

page-learner-assignment-info .absolute {
  position: absolute !important;
}

page-learner-assignment-info .relative {
  position: relative !important;
}

page-learner-assignment-info .block {
  display: block !important;
}

page-learner-assignment-info .inline-block {
  display: inline-block !important;
}

page-learner-assignment-info .list-block li {
  display: block !important;
}

page-learner-assignment-info .list-inline li {
  display: inline !important;
}

page-learner-assignment-info .clear-both {
  clear: both !important;
}

page-learner-assignment-info .line-height-normal {
  line-height: normal !important;
}

page-learner-assignment-info .line-height-8 {
  line-height: 8px !important;
}

page-learner-assignment-info .line-height-14 {
  line-height: 14px !important;
}

page-learner-assignment-info .line-height-12 {
  line-height: normal !important;
}

page-learner-assignment-info ul.style-none {
  margin: 0;
  padding: 0;
  list-style: none;
}

page-learner-assignment-info ul.style-none li {
  font-size: 0.875rem;
  padding: 3px 0;
}

page-learner-assignment-info ul.style-none li ul {
  list-style: none;
}

page-learner-assignment-info ul.vertical-icon-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

page-learner-assignment-info ul.vertical-icon-list li {
  font-size: 0.875rem;
  padding: 6px 0;
}

page-learner-assignment-info ul.vertical-icon-list li i {
  font-size: 1.25rem;
  padding-right: 15px;
  vertical-align: middle;
}

page-learner-assignment-info .bg-white {
  background: #ffffff !important;
}

page-learner-assignment-info .bg-green {
  background: #28bebd !important;
}

page-learner-assignment-info .bg-blue {
  background: #42a5f5 !important;
}

page-learner-assignment-info .bg-lightBlue {
  background: #2ebaee !important;
}

page-learner-assignment-info .bg-red {
  background: #ef5350 !important;
}

page-learner-assignment-info .bg-yellow {
  background: #f8c200 !important;
}

page-learner-assignment-info .bg-paleYellow {
  background: #fddd7e !important;
}

page-learner-assignment-info .bg-lightGray {
  background: #e3ecf7 !important;
}

page-learner-assignment-info .bg-gray {
  background: #8f9eb5 !important;
}

page-learner-assignment-info .bg-drakGray {
  background: #707c94 !important;
}

page-learner-assignment-info .bg-grayBlue {
  background: #59779b !important;
}

page-learner-assignment-info .bg-purple {
  background: #6b79c4 !important;
}

page-learner-assignment-info .bg-turquoise {
  background: #00c5dc !important;
}

page-learner-assignment-info .bg-peach {
  background: #feb38d !important;
}

page-learner-assignment-info .bg-transparent {
  background: transparent !important;
}

page-learner-assignment-info .text-primary {
  color: #172B4D !important;
}

page-learner-assignment-info .text-link {
  color: #0645ad !important;
}

page-learner-assignment-info .text-green {
  color: #28bebd !important;
}

page-learner-assignment-info .text-turquoise {
  color: #00c5dc !important;
}

page-learner-assignment-info .text-red {
  color: #ef5350 !important;
}

page-learner-assignment-info .text-cyan {
  color: #26c6da !important;
}

page-learner-assignment-info .text-yellow {
  color: #f8c200 !important;
}

page-learner-assignment-info .text-gray {
  color: #8f9eb5 !important;
}

page-learner-assignment-info .text-blue {
  color: #42a5f5 !important;
}

page-learner-assignment-info .text-orange {
  color: #ffb74d !important;
}

page-learner-assignment-info .text-purple {
  color: #6b79c4 !important;
}

page-learner-assignment-info .text-white {
  color: #fff !important;
}

page-learner-assignment-info .text-brown {
  color: #906b6b !important;
}

page-learner-assignment-info .text-salmon {
  color: #ee6e73 !important;
}

page-learner-assignment-info .text-muted {
  color: #8396b0;
}

page-learner-assignment-info .color-black {
  color: #000 !important;
}

page-learner-assignment-info .color-white {
  color: #fff !important;
}

page-learner-assignment-info .bg-white {
  background-color: #fff !important;
}

page-learner-assignment-info .transparent {
  background: transparent !important;
}

page-learner-assignment-info .bg-primary {
  background-color: #172B4D !important;
}

page-learner-assignment-info .border-bottom,
page-learner-assignment-info .border-grey-bottom-1px {
  border-bottom: 1px solid rgba(215, 225, 237, 0.8) !important;
}

page-learner-assignment-info .border-grey-top-1px,
page-learner-assignment-info .border-top {
  border-top: 1px solid rgba(215, 225, 237, 0.6) !important;
}

page-learner-assignment-info .border-bottom-black-2px {
  border-bottom: 2px solid black;
}

page-learner-assignment-info .border-top0p {
  border-top: 0px !important;
}

page-learner-assignment-info .b-n {
  border: none !important;
}

page-learner-assignment-info .b-b-1 {
  border: 1px solid black;
}

page-learner-assignment-info .b-lg-1 {
  border: 1px solid lightgrey;
}

page-learner-assignment-info .shadow-none {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

page-learner-assignment-info .shadow-z-0 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-learner-assignment-info .shadow-z-1 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-learner-assignment-info .shadow-z-1:hover {
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

page-learner-assignment-info .shadow-z-2 {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

page-learner-assignment-info .shadow-z-3 {
  -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

page-learner-assignment-info .shadow-z-4 {
  -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}

page-learner-assignment-info .shadow-z-5 {
  -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}

page-learner-assignment-info .big-shadow {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
}

page-learner-assignment-info .shadow-2dp {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

page-learner-assignment-info .shadow-3dp {
  -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}

page-learner-assignment-info .shadow-4dp {
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}

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

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

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

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

page-learner-assignment-info .font-weight-100 {
  font-weight: 100 !important;
}

page-learner-assignment-info .font-weight-200 {
  font-weight: 200 !important;
}

page-learner-assignment-info .font-weight-300 {
  font-weight: 300 !important;
}

page-learner-assignment-info .font-weight-400 {
  font-weight: 400 !important;
}

page-learner-assignment-info .font-weight-500 {
  font-weight: 500 !important;
}

page-learner-assignment-info .font-weight-600 {
  font-weight: 600 !important;
}

page-learner-assignment-info .font-weight-700 {
  font-weight: 700 !important;
}

page-learner-assignment-info .font-weight-800 {
  font-weight: 800 !important;
}

page-learner-assignment-info .font-weight-900 {
  font-weight: 900 !important;
}

page-learner-assignment-info .font-weight-light {
  font-weight: 100 !important;
}

page-learner-assignment-info .font-weight-normal {
  font-weight: 300 !important;
}

page-learner-assignment-info .font-weight-medium {
  font-weight: 400 !important;
}

page-learner-assignment-info .font-weight-bold {
  font-weight: 500 !important;
}

page-learner-assignment-info .bold {
  font-weight: bold !important;
}

page-learner-assignment-info .font-size-0 {
  font-size: 0 !important;
}

page-learner-assignment-info .font-size-10 {
  font-size: 10px !important;
}

page-learner-assignment-info .font-size-11 {
  font-size: 11px !important;
}

page-learner-assignment-info .font-size-12 {
  font-size: 12px !important;
}

page-learner-assignment-info .font-size-14 {
  font-size: 14px !important;
}

page-learner-assignment-info .font-size-16 {
  font-size: 16px !important;
}

page-learner-assignment-info .font-size-18 {
  font-size: 18px !important;
}

page-learner-assignment-info .font-size-20 {
  font-size: 20px !important;
}

page-learner-assignment-info .font-size-24 {
  font-size: 24px !important;
}

page-learner-assignment-info .font-size-26 {
  font-size: 26px !important;
}

page-learner-assignment-info .font-size-30 {
  font-size: 30px !important;
}

page-learner-assignment-info .font-size-35 {
  font-size: 35px !important;
}

page-learner-assignment-info .font-size-38 {
  font-size: 38px !important;
}

page-learner-assignment-info .font-size-40 {
  font-size: 40px !important;
}

page-learner-assignment-info .font-size-50 {
  font-size: 50px !important;
}

page-learner-assignment-info .font-size-60 {
  font-size: 60px !important;
}

page-learner-assignment-info .font-size-70 {
  font-size: 70px !important;
}

page-learner-assignment-info .font-size-80 {
  font-size: 80px !important;
}

page-learner-assignment-info .hidden {
  display: none !important;
}

page-learner-assignment-info .w-100p {
  width: 100% !important;
}

page-learner-assignment-info .float-r {
  float: right !important;
}

page-learner-assignment-info .float-l {
  float: left !important;
}

page-learner-assignment-info .align-c {
  display: block;
  margin: 0 auto;
}

page-learner-assignment-info .align-b {
  display: block;
}

page-learner-assignment-info .text-center {
  text-align: center !important;
}

page-learner-assignment-info .text-left {
  text-align: left !important;
}

page-learner-assignment-info .text-right {
  text-align: right !important;
}

page-learner-assignment-info .align-v-c {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-learner-assignment-info .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-learner-assignment-info .align-v-c1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-learner-assignment-info .align-v-c2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-learner-assignment-info .align-v-c3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-learner-assignment-info .align-v-c4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-learner-assignment-info .align-flex-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-learner-assignment-info .align-right-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

page-learner-assignment-info .align-start-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media (max-width: 576px) {
  page-learner-assignment-info .d-xs-none {
    display: none !important;
  }
  page-learner-assignment-info .d-xs-inline {
    display: inline !important;
  }
  page-learner-assignment-info .d-xs-inline-block {
    display: inline-block !important;
  }
  page-learner-assignment-info .d-xs-block {
    display: block !important;
  }
  page-learner-assignment-info .d-xs-table {
    display: table !important;
  }
  page-learner-assignment-info .d-xs-table-cell {
    display: table-cell !important;
  }
  page-learner-assignment-info .d-xs-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
  }
  page-learner-assignment-info .d-xs-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important;
  }
}

page-learner-assignment-info .b-r-gd {
  border-radius: 10px !important;
}

page-learner-assignment-info .b-r-10 {
  border-radius: 10px !important;
}

page-learner-assignment-info .b-r-5 {
  border-radius: 5px;
}

page-learner-assignment-info .d-fl-ov-x {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  overflow-x: auto !important;
}

page-learner-assignment-info .align-base {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-learner-assignment-info .d-fl-bl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-learner-assignment-info .d-fl-vhcenter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-learner-assignment-info .d-fl-b2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
}

page-learner-assignment-info .d-fl-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-learner-assignment-info .d-fl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-learner-assignment-info .d-fl-sb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-learner-assignment-info .d-fl-saround {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-learner-assignment-info .d-fl-ac {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-learner-assignment-info .text-capital {
  text-transform: capitalize !important;
}

page-learner-assignment-info .text-upper {
  text-transform: uppercase !important;
}

page-learner-assignment-info .m-a {
  margin: auto !important;
}

page-learner-assignment-info .m-l-a {
  margin-left: auto !important;
}

page-learner-assignment-info .m-r-a {
  margin-right: auto !important;
}

page-learner-assignment-info .italic {
  font-style: italic;
}

page-learner-assignment-info .pointer {
  cursor: pointer;
}

page-learner-assignment-info .ws-in {
  white-space: inherit;
}

page-learner-assignment-info .opacity-1 {
  opacity: 1;
}

page-learner-assignment-info .in-valid-checkbox {
  border: 1px solid #ff0000 !important;
  padding: 5px !important;
  margin-bottom: 10px;
  border-radius: 5px;
}

page-learner-assignment-info page-corp-dashboard .mycustomdrop:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
  top: -15px;
  position: absolute;
  right: 15%;
}

page-learner-assignment-info h1 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1.6875rem !important;
  line-height: 64px;
  letter-spacing: -0.4px;
}

page-learner-assignment-info h2 {
  font-family: "Poppins", sans-serif;
  font-size: 24px !important;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
}

page-learner-assignment-info h3,
page-learner-assignment-info .h3 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 22px !important;
  line-height: 48px;
  /* identical to box height, or 200% */
  /* Neutral / dark gray */
  color: #000000;
}

page-learner-assignment-info h4,
page-learner-assignment-info .menu-heading-h4 {
  font-family: "Poppins", sans-serif !important;
  font-style: normal;
  font-weight: normal;
  font-size: 15px !important;
  line-height: 26px;
  /* or 144% */
  letter-spacing: -0.2px;
  color: #000000;
}

page-learner-assignment-info h5 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  /* or 143% */
  color: #000000;
}

page-learner-assignment-info .subtitle {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  /* or 200% */
  letter-spacing: 2.5px;
  color: #4E5761;
}

page-learner-assignment-info p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 13px !important;
  line-height: 24px;
  /* identical to box height, or 171% */
  letter-spacing: -0.1px;
  /* Neutral / black */
  color: #000000;
}

page-learner-assignment-info .ui-tabview.ui-tabview-top > .ui-tabview-nav {
  padding: 0.2em 0.2em 0;
  border-bottom: 1px solid #eaeaea;
}

page-learner-assignment-info .scroll-content {
  padding: 0 !important;
}

page-learner-assignment-info ion-navbar {
  margin: 0;
  border-radius: 0px;
  height: 50px !important;
  color: #172B4D !important;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-learner-assignment-info ion-header {
  padding: 0;
}

page-learner-assignment-info .header-md::after {
  background-image: none;
}

page-learner-assignment-info .toolbar-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #172B4D !important;
  line-height: 24px;
  font-family: "Poppins", sans-serif;
  font-size: 2rem !important;
  font-weight: bold !important;
  text-align: left !important;
}

page-learner-assignment-info .userLabel {
  float: right;
  display: inline;
  letter-spacing: 1px;
  color: #172B4D !important !important;
}

page-learner-assignment-info .card-title {
  font-size: 16px !important;
  color: #000000;
  font-weight: bold !important;
  text-align: center !important;
}

page-learner-assignment-info .barcolor {
  background: #5a75a3;
  color: #ffffff;
}

page-learner-assignment-info p-sorticon {
  color: black;
}

page-learner-assignment-info p-sorticon a {
  color: black !important;
}

page-learner-assignment-info .globalTable {
  border: none;
  border: 1px solid #c1c1c1;
}

page-learner-assignment-info .globalTable .ui-table-caption {
  border-bottom: 1px solid #dadada !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  font-size: 18px !important;
  background: #ecececad !important;
}

page-learner-assignment-info .globalTable .table-header input {
  font-size: 15px !important;
  border-style: groove;
  width: 100% !important;
  padding-left: 10px;
  border-radius: 10px;
  border-color: #f3f3f3;
  font-weight: 500;
  line-height: 25px !important;
}

page-learner-assignment-info .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-learner-assignment-info .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

page-learner-assignment-info .globalTable .table-header .align input {
  width: 80%;
  line-height: 25px;
}

page-learner-assignment-info .globalTable .ui-table-tbody tr:nth-child(2n+1) {
  background: white;
}

page-learner-assignment-info .globalTable .ui-table-tbody tr:nth-child(2n) {
  background: #f3f3f3;
}

page-learner-assignment-info .globalTable .ui-table-tbody tr:hover {
  background: #c1c1c167 !important;
}

page-learner-assignment-info .globalTable .ui-table-tbody .activeRow {
  background: #c4d2e5 !important;
}

page-learner-assignment-info .globalTable th input {
  text-align: center !important;
  width: 90% !important;
  font-weight: 400 !important;
}

page-learner-assignment-info .globalTable .ui-table .ui-sortable-column.ui-state-highlight {
  color: black !important;
}

page-learner-assignment-info .globalTable .ui-table .ui-table-thead tr th {
  background: #eeeeee9e;
  border: none;
  padding: 10px 0;
  width: 100%;
  text-align: center;
}

page-learner-assignment-info .globalTable .ui-table .ui-table-tbody tr td {
  border: none;
  background: inherit;
  padding: 20px 0;
  text-align: center;
}

page-learner-assignment-info .globalTable .ui-table .ui-table-tbody tr {
  border-bottom: 1px solid #cacaca;
}

page-learner-assignment-info .globalTable .p-column-filter {
  border-radius: 4px;
  border: 1px solid gray;
}

page-learner-assignment-info .globalTable .badge-badge.status-Active {
  padding: 5px 20px;
  color: #226f4e;
  background-color: #9decbe;
  font-weight: 500;
  font-size: 12px;
}

page-learner-assignment-info .globalTable .badge-badge.status-Inactive {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

page-learner-assignment-info .globalTable .badge-badge.status-Suspended {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

page-learner-assignment-info .globalTable .badge-badge.status-Waiting {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

page-learner-assignment-info .globalTable .badge-badge.status-Pending {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

page-learner-assignment-info .globalTable .actionIcon {
  padding: 0 3px;
  font-size: 16px;
  cursor: pointer;
}

page-learner-assignment-info ion-icon {
  cursor: pointer;
}

page-learner-assignment-info .button-md-reset {
  background-color: #ffffff;
  color: black !important;
  border: 1px solid #e3ecf7;
}

page-learner-assignment-info .button-md-reset:hover {
  background-color: #ececec !important;
}

page-learner-assignment-info .reset:hover {
  background-color: #ececec !important;
}

page-learner-assignment-info .button-md-primary {
  background-color: #172B4D !important;
  color: #ffffff !important;
}

page-learner-assignment-info ion-button {
  background-color: #172B4D !important;
  color: #ffffff;
}

page-learner-assignment-info .my-custom-class .alert-button-group button:first-child {
  position: relative;
}

page-learner-assignment-info .my-custom-class .alert-button-group button {
  font-weight: bold;
}

page-learner-assignment-info .my-custom-class .alert-radio-group {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100% !important;
}

page-learner-assignment-info .my-custom-class button {
  text-align: center;
}

page-learner-assignment-info .alert-button-group button:first-child {
  position: relative !important;
  min-width: 0 !important;
}

page-learner-assignment-info .alert-md .alert-wrapper {
  max-width: 320px !important;
}

page-learner-assignment-info .alert-md .alert-message {
  font-size: 16px !important;
}

page-learner-assignment-info .alert-button {
  font-size: 15px !important;
}

page-learner-assignment-info .alert-md .alert-sub-title {
  font-size: 16px !important;
}

page-learner-assignment-info .alert-md .alert-title {
  font-size: 22px !important;
}

page-learner-assignment-info .breakclass {
  white-space: pre-line;
}

page-learner-assignment-info .error {
  color: red;
  float: left;
}

page-learner-assignment-info .topStrip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}

page-learner-assignment-info .infographic1 {
  border: none;
  color: #367ad2;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-learner-assignment-info .infographic1 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-learner-assignment-info .infographic1 ion-icon {
  color: black;
}

page-learner-assignment-info .infographic2 {
  border: none;
  color: #50d29b;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-learner-assignment-info .infographic2 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-learner-assignment-info .infographic2 ion-icon {
  color: black;
}

page-learner-assignment-info .infographic3 {
  border: none;
  color: #ffaa00;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-learner-assignment-info .infographic3 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-learner-assignment-info .infographic3 ion-icon {
  color: black;
}

page-learner-assignment-info .infographic4 {
  border: none;
  color: #f36363;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-learner-assignment-info .infographic4 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-learner-assignment-info .infographic4 ion-icon {
  color: black;
}

page-learner-assignment-info .infographic5 {
  border: none;
  color: #41acbf;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-learner-assignment-info .infographic5 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-learner-assignment-info .infographic5 ion-icon {
  color: black;
}

page-learner-assignment-info .infograph1 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #367ad2;
  font-size: 20px;
}

page-learner-assignment-info .infograph2 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #51b98d;
  font-size: 20px;
}

page-learner-assignment-info .infograph3 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #ffaa00;
  font-size: 20px;
}

page-learner-assignment-info .infograph4 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #dc5b54;
  font-size: 20px;
}

page-learner-assignment-info .infograph5 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #41acbf;
  font-size: 20px;
}

page-learner-assignment-info .infographtext {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 12px;
}

page-learner-assignment-info .successToast .toast-message {
  background-color: #d2f8d2 !important;
  color: black;
}

page-learner-assignment-info .errorToast .toast-message {
  background-color: #eea9a0 !important;
  color: black;
}

page-learner-assignment-info .actionIconsBar {
  padding-right: 20px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

page-learner-assignment-info .ui-carousel .ui-carousel-header {
  display: none !important;
}

page-learner-assignment-info .userfab .fab-close-active .fab-close-icon {
  height: 40px !important;
  position: relative !important;
}

page-learner-assignment-info textarea.text-input {
  resize: none !important;
}

page-learner-assignment-info .asterisk {
  color: red;
  padding-left: 3px;
}

page-learner-assignment-info .m-b-t {
  margin-bottom: 4% !important;
}

page-learner-assignment-info .ui-radiobutton-box.ui-state-active {
  border: 1px solid #09f;
  background: #09f;
  color: #09f;
}

page-learner-assignment-info .alert-md .alert-message {
  overflow: auto;
}

page-learner-assignment-info .alert-md .alert-message .alertstyle1 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

page-learner-assignment-info .alert-md .alert-message .alertstyle1 b {
  width: 65px !important;
}

page-learner-assignment-info .alert-md .alert-message .alertstyle3 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-learner-assignment-info .alert-md .alert-message .alertstyle3 b {
  width: 65px !important;
}

page-learner-assignment-info .alert-md .alert-message .alertstyle4 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-learner-assignment-info .alert-md .alert-message .alertstyle4 b {
  width: 150px !important;
}

page-learner-assignment-info .alert-md .alert-message .alertstyle5 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

page-learner-assignment-info .alert-md .alert-message .alertstyle5 b {
  width: 75px !important;
}

page-learner-assignment-info .alert-md .alert-message .alertstyle5 span {
  width: 5px;
}

page-learner-assignment-info .alert-md .alert-message .alertstyle2 {
  text-align: left !important;
}

page-learner-assignment-info .alert-md .alert-message .alertstyle2 li {
  margin-top: 10px;
}

page-learner-assignment-info .ui-tooltip {
  background-color: #172B4D !important;
  color: #ffffff;
}

page-learner-assignment-info .navsebexam .toolbar-content-md {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
}

page-learner-assignment-info .modal-wrapper {
  height: 75%;
  top: 10%;
  position: absolute;
  display: block;
  border-radius: 10px !important;
}

page-learner-assignment-info .ui-picklist-source-controls.ui-picklist-buttons {
  display: none !important;
}

page-learner-assignment-info .ui-picklist-target-controls.ui-picklist-buttons {
  display: none !important;
}

page-learner-assignment-info .ui-picklist-target-controls.ui-picklist-buttons.ng-star-inserted {
  display: none !important;
}

page-learner-assignment-info .ellip {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

page-learner-assignment-info .p-slider {
  background: #dee2e6;
  border: 0 none;
  border-radius: 3px;
}

page-learner-assignment-info .Errorbox .alert-title {
  color: #d8000c;
}

page-learner-assignment-info .Errorbox .alert-button {
  color: #d8000c;
}

page-learner-assignment-info .card-md {
  border-radius: 5px !important;
}

page-learner-assignment-info .modal {
  display: none;
  /* Hidden by default */
  position: -webkit-sticky;
  position: sticky;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 30px;
  /* Location of the box */
  left: 0;
  right: 0;
  bottom: 150px;
  width: 400px;
  height: 400px;
  margin: auto;
  border: 4px solid;
  background-color: black;
}

page-learner-assignment-info .modal-content {
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
}

page-learner-assignment-info .close {
  position: absolute;
  color: #f1f1f1;
  top: 0px;
  right: 10px;
  font-size: 28px;
  font-weight: bold;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

page-learner-assignment-info .close:hover,
page-learner-assignment-info .close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

page-learner-assignment-info .customhr {
  width: 90%;
  background-color: #ccc;
}

page-learner-assignment-info .mycustomtoolbar ion-segment {
  border: none;
}

page-learner-assignment-info .mycustomtoolbar ion-segment-button {
  font-size: 16px !important;
  font-weight: 500 !important;
}

page-learner-assignment-info .mycustomtoolbar .segment-md .segment-button.activated,
page-learner-assignment-info .mycustomtoolbar .segment-md .segment-button.segment-activated {
  border-color: #172B4D !important;
  color: #172B4D !important;
}

page-learner-assignment-info .mycustomtoolbar .toolbar-background {
  background: transparent;
}

page-learner-assignment-info .fc {
  direction: ltr;
  text-align: left;
}

page-learner-assignment-info .fc-rtl {
  text-align: right;
}

page-learner-assignment-info body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}

page-learner-assignment-info .fc-unthemed th,
page-learner-assignment-info .fc-unthemed td,
page-learner-assignment-info .fc-unthemed thead,
page-learner-assignment-info .fc-unthemed tbody,
page-learner-assignment-info .fc-unthemed .fc-divider,
page-learner-assignment-info .fc-unthemed .fc-row,
page-learner-assignment-info .fc-unthemed .fc-content,
page-learner-assignment-info .fc-unthemed .fc-popover,
page-learner-assignment-info .fc-unthemed .fc-list-view,
page-learner-assignment-info .fc-unthemed .fc-list-heading td {
  border-color: #ddd;
}

page-learner-assignment-info .fc-unthemed .fc-popover {
  background-color: #fff;
}

page-learner-assignment-info .fc-unthemed .fc-divider,
page-learner-assignment-info .fc-unthemed .fc-popover .fc-header,
page-learner-assignment-info .fc-unthemed .fc-list-heading td {
  background: #eee;
}

page-learner-assignment-info .fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}

page-learner-assignment-info .fc-unthemed td.fc-today {
  background: #fcf8e3;
}

page-learner-assignment-info .fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3;
}

page-learner-assignment-info .fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3;
}

page-learner-assignment-info .fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}

page-learner-assignment-info .fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

page-learner-assignment-info .fc-icon:after {
  position: relative;
}

page-learner-assignment-info .fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-learner-assignment-info .fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-learner-assignment-info .fc-icon-left-double-arrow:after {
  content: "\000AB";
  font-size: 160%;
  top: -7%;
}

page-learner-assignment-info .fc-icon-right-double-arrow:after {
  content: "\000BB";
  font-size: 160%;
  top: -7%;
}

page-learner-assignment-info .fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%;
}

page-learner-assignment-info .fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%;
}

page-learner-assignment-info .fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%;
}

page-learner-assignment-info .fc-icon-x:after {
  content: "\000D7";
  font-size: 200%;
  top: 6%;
}

page-learner-assignment-info .fc button {
  /* force height to include the border and padding */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer;
}

page-learner-assignment-info .fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}

page-learner-assignment-info .fc-state-default {
  /* non-theme */
  border: 1px solid;
}

page-learner-assignment-info .fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

page-learner-assignment-info .fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

page-learner-assignment-info .fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .2em;
  vertical-align: middle;
}

page-learner-assignment-info .fc-state-default {
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-learner-assignment-info .fc-state-hover,
page-learner-assignment-info .fc-state-down,
page-learner-assignment-info .fc-state-active,
page-learner-assignment-info .fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}

page-learner-assignment-info .fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

page-learner-assignment-info .fc-state-down,
page-learner-assignment-info .fc-state-active {
  background-color: #cccccc;
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-learner-assignment-info .fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}

page-learner-assignment-info .fc-button-group {
  display: inline-block;
}

page-learner-assignment-info .fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px;
}

page-learner-assignment-info .fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0;
}

page-learner-assignment-info .fc-popover {
  position: absolute;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

page-learner-assignment-info .fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px;
}

page-learner-assignment-info .fc-popover .fc-header .fc-title {
  margin: 0 2px;
}

page-learner-assignment-info .fc-popover .fc-header .fc-close {
  cursor: pointer;
}

page-learner-assignment-info .fc-ltr .fc-popover .fc-header .fc-title,
page-learner-assignment-info .fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}

page-learner-assignment-info .fc-rtl .fc-popover .fc-header .fc-title,
page-learner-assignment-info .fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}

page-learner-assignment-info .fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}

page-learner-assignment-info .fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: .9em;
  margin-top: 2px;
}

page-learner-assignment-info .fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */
}

page-learner-assignment-info .fc-divider {
  border-style: solid;
  border-width: 1px;
}

page-learner-assignment-info hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}

page-learner-assignment-info .fc-clear {
  clear: both;
}

page-learner-assignment-info .fc-bg,
page-learner-assignment-info .fc-bgevent-skeleton,
page-learner-assignment-info .fc-highlight-skeleton,
page-learner-assignment-info .fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-learner-assignment-info .fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}

page-learner-assignment-info .fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}

page-learner-assignment-info .fc table {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}

page-learner-assignment-info .fc th {
  text-align: center;
}

page-learner-assignment-info .fc th,
page-learner-assignment-info .fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}

page-learner-assignment-info .fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}

page-learner-assignment-info a[data-goto] {
  cursor: pointer;
}

page-learner-assignment-info a[data-goto]:hover {
  text-decoration: underline;
}

page-learner-assignment-info .fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}

page-learner-assignment-info .fc-row table {
  /* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}

page-learner-assignment-info .fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}

page-learner-assignment-info .fc-row {
  position: relative;
}

page-learner-assignment-info .fc-row .fc-bg {
  z-index: 1;
}

page-learner-assignment-info .fc-row .fc-bgevent-skeleton,
page-learner-assignment-info .fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}

page-learner-assignment-info .fc-row .fc-bgevent-skeleton table,
page-learner-assignment-info .fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}

page-learner-assignment-info .fc-row .fc-highlight-skeleton td,
page-learner-assignment-info .fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}

page-learner-assignment-info .fc-row .fc-bgevent-skeleton {
  z-index: 2;
}

page-learner-assignment-info .fc-row .fc-highlight-skeleton {
  z-index: 3;
}

page-learner-assignment-info .fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}

page-learner-assignment-info .fc-row .fc-helper-skeleton {
  z-index: 5;
}

page-learner-assignment-info .fc-row .fc-content-skeleton td,
page-learner-assignment-info .fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}

page-learner-assignment-info .fc-row .fc-content-skeleton tbody td,
page-learner-assignment-info .fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}

page-learner-assignment-info .fc-scroller {
  -webkit-overflow-scrolling: touch;
}

page-learner-assignment-info .fc-scroller > .fc-day-grid,
page-learner-assignment-info .fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}

page-learner-assignment-info .fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */
  font-weight: normal;
  /* undo jqui's ui-widget-header bold */
}

page-learner-assignment-info .fc-event,
page-learner-assignment-info .fc-event-dot {
  background-color: #3a87ad;
  /* default BACKGROUND color */
}

page-learner-assignment-info .fc-event,
page-learner-assignment-info .fc-event:hover,
page-learner-assignment-info .ui-widget .fc-event {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}

page-learner-assignment-info .fc-event[href],
page-learner-assignment-info .fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}

page-learner-assignment-info .fc-not-allowed,
page-learner-assignment-info .fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}

page-learner-assignment-info .fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #ffffff;
  opacity: .25;
}

page-learner-assignment-info .fc-event .fc-content {
  position: relative;
  z-index: 2;
}

page-learner-assignment-info .fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
}

page-learner-assignment-info .fc-event .fc-resizer {
  display: none;
}

page-learner-assignment-info .fc-event.fc-allow-mouse-resize .fc-resizer,
page-learner-assignment-info .fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block;
}

page-learner-assignment-info .fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}

page-learner-assignment-info .fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

page-learner-assignment-info .fc-event.fc-selected.fc-dragging {
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

page-learner-assignment-info .fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}

page-learner-assignment-info .fc-ltr .fc-h-event.fc-not-start,
page-learner-assignment-info .fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

page-learner-assignment-info .fc-ltr .fc-h-event.fc-not-end,
page-learner-assignment-info .fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

page-learner-assignment-info .fc-ltr .fc-h-event .fc-start-resizer,
page-learner-assignment-info .fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */
}

page-learner-assignment-info .fc-ltr .fc-h-event .fc-end-resizer,
page-learner-assignment-info .fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */
}

page-learner-assignment-info .fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */
}

page-learner-assignment-info .fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* vertically center */
  top: 50%;
  margin-top: -4px;
}

page-learner-assignment-info .fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
page-learner-assignment-info .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */
}

page-learner-assignment-info .fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
page-learner-assignment-info .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */
}

page-learner-assignment-info .fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}

page-learner-assignment-info tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */
}

page-learner-assignment-info .fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: .25;
}

page-learner-assignment-info .fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}

page-learner-assignment-info .fc-day-grid-event .fc-time {
  font-weight: bold;
}

page-learner-assignment-info .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
page-learner-assignment-info .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */
}

page-learner-assignment-info .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
page-learner-assignment-info .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */
}

page-learner-assignment-info a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none;
}

page-learner-assignment-info a.fc-more:hover {
  text-decoration: underline;
}

page-learner-assignment-info .fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}

page-learner-assignment-info .fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}

page-learner-assignment-info .fc-more-popover {
  z-index: 2;
  width: 220px;
}

page-learner-assignment-info .fc-more-popover .fc-event-container {
  padding: 10px;
}

page-learner-assignment-info .fc-now-indicator {
  position: absolute;
  border: 0 solid red;
}

page-learner-assignment-info .fc-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

page-learner-assignment-info .fc-toolbar {
  text-align: center;
}

page-learner-assignment-info .fc-toolbar.fc-header-toolbar {
  margin-bottom: 1em;
}

page-learner-assignment-info .fc-toolbar.fc-footer-toolbar {
  margin-top: 1em;
}

page-learner-assignment-info .fc-toolbar .fc-left {
  float: left;
}

page-learner-assignment-info .fc-toolbar .fc-right {
  float: right;
}

page-learner-assignment-info .fc-toolbar .fc-center {
  display: inline-block;
}

page-learner-assignment-info .fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em;
}

page-learner-assignment-info .fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0;
}

page-learner-assignment-info .fc-toolbar h2 {
  margin: 0;
}

page-learner-assignment-info .fc-toolbar button {
  position: relative;
}

page-learner-assignment-info .fc-toolbar .fc-state-hover,
page-learner-assignment-info .fc-toolbar .ui-state-hover {
  z-index: 2;
}

page-learner-assignment-info .fc-toolbar .fc-state-down {
  z-index: 3;
}

page-learner-assignment-info .fc-toolbar .fc-state-active,
page-learner-assignment-info .fc-toolbar .ui-state-active {
  z-index: 4;
}

page-learner-assignment-info .fc-toolbar button:focus {
  z-index: 5;
}

page-learner-assignment-info .fc-view-container *,
page-learner-assignment-info .fc-view-container *:before,
page-learner-assignment-info .fc-view-container *:after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

page-learner-assignment-info .fc-view,
page-learner-assignment-info .fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}

page-learner-assignment-info .fc-basicWeek-view .fc-content-skeleton,
page-learner-assignment-info .fc-basicDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}

page-learner-assignment-info .fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}

page-learner-assignment-info .fc-row.fc-rigid {
  overflow: hidden;
}

page-learner-assignment-info .fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-learner-assignment-info .fc-day-top.fc-other-month {
  opacity: 0.3;
}

page-learner-assignment-info .fc-basic-view .fc-week-number,
page-learner-assignment-info .fc-basic-view .fc-day-number {
  padding: 2px;
}

page-learner-assignment-info .fc-basic-view th.fc-week-number,
page-learner-assignment-info .fc-basic-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */
}

page-learner-assignment-info .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right;
}

page-learner-assignment-info .fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left;
}

page-learner-assignment-info .fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0;
}

page-learner-assignment-info .fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px;
}

page-learner-assignment-info .fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080;
}

page-learner-assignment-info .fc-basic-view td.fc-week-number {
  text-align: center;
}

page-learner-assignment-info .fc-basic-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}

page-learner-assignment-info .fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}

page-learner-assignment-info .fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}

page-learner-assignment-info .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}

page-learner-assignment-info .fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}

page-learner-assignment-info .fc-ltr .fc-axis {
  text-align: right;
}

page-learner-assignment-info .fc-rtl .fc-axis {
  text-align: left;
}

page-learner-assignment-info .ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome jqui theme making it bold */
}

page-learner-assignment-info .fc-time-grid-container,
page-learner-assignment-info .fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}

page-learner-assignment-info .fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

page-learner-assignment-info .fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}

page-learner-assignment-info .fc-time-grid > .fc-bg {
  z-index: 1;
}

page-learner-assignment-info .fc-time-grid .fc-slats,
page-learner-assignment-info .fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}

page-learner-assignment-info .fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */
}

page-learner-assignment-info .fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
}

page-learner-assignment-info .fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1;
}

page-learner-assignment-info .fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2;
}

page-learner-assignment-info .fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3;
}

page-learner-assignment-info .fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4;
}

page-learner-assignment-info .fc-time-grid .fc-now-indicator-line {
  z-index: 5;
}

page-learner-assignment-info .fc-time-grid .fc-helper-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6;
}

page-learner-assignment-info .fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}

page-learner-assignment-info .fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}

page-learner-assignment-info .fc-time-grid .fc-slats .ui-widget-content {
  /* for jqui theme */
  background: none;
  /* see through to fc-bg */
}

page-learner-assignment-info .fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}

page-learner-assignment-info .fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}

page-learner-assignment-info .fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}

page-learner-assignment-info .fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}

page-learner-assignment-info .fc-time-grid .fc-event,
page-learner-assignment-info .fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}

page-learner-assignment-info .fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}

page-learner-assignment-info .fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

page-learner-assignment-info .fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

page-learner-assignment-info .fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */
}

page-learner-assignment-info .fc-time-grid-event.fc-selected {
  /* need to allow touch resizers to extend outside event's bounding box */
  /* common fc-selected styles hide the fc-bg, so don't need this anyway */
  overflow: visible;
}

page-learner-assignment-info .fc-time-grid-event.fc-selected .fc-bg {
  display: none;
  /* hide semi-white background, to appear darker */
}

page-learner-assignment-info .fc-time-grid-event .fc-content {
  overflow: hidden;
  /* for when .fc-selected */
}

page-learner-assignment-info .fc-time-grid-event .fc-time,
page-learner-assignment-info .fc-time-grid-event .fc-title {
  padding: 0 1px;
}

page-learner-assignment-info .fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap;
}

page-learner-assignment-info .fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}

page-learner-assignment-info .fc-time-grid-event.fc-short .fc-time,
page-learner-assignment-info .fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}

page-learner-assignment-info .fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}

page-learner-assignment-info .fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}

page-learner-assignment-info .fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
  /* seperate with a dash, wrapped in nbsp's */
}

page-learner-assignment-info .fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}

page-learner-assignment-info .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}

page-learner-assignment-info .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "=";
}

page-learner-assignment-info .fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px;
}

page-learner-assignment-info .fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0;
}

page-learner-assignment-info .fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */
}

page-learner-assignment-info .fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-learner-assignment-info .fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-learner-assignment-info .fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}

page-learner-assignment-info .fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */
}

page-learner-assignment-info .fc-list-view {
  border-width: 1px;
  border-style: solid;
}

page-learner-assignment-info .fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */
}

page-learner-assignment-info .fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px;
}

page-learner-assignment-info .fc-list-table tr:first-child td {
  border-top-width: 0;
}

page-learner-assignment-info .fc-list-heading {
  border-bottom-width: 1px;
}

page-learner-assignment-info .fc-list-heading td {
  font-weight: bold;
}

page-learner-assignment-info .fc-ltr .fc-list-heading-main {
  float: left;
}

page-learner-assignment-info .fc-ltr .fc-list-heading-alt {
  float: right;
}

page-learner-assignment-info .fc-rtl .fc-list-heading-main {
  float: right;
}

page-learner-assignment-info .fc-rtl .fc-list-heading-alt {
  float: left;
}

page-learner-assignment-info .fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */
}

page-learner-assignment-info .fc-list-item:hover td {
  background-color: #f5f5f5;
}

page-learner-assignment-info .fc-list-item-marker,
page-learner-assignment-info .fc-list-item-time {
  white-space: nowrap;
  width: 1px;
}

page-learner-assignment-info .fc-ltr .fc-list-item-marker {
  padding-right: 0;
}

page-learner-assignment-info .fc-rtl .fc-list-item-marker {
  padding-left: 0;
}

page-learner-assignment-info .fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit;
}

page-learner-assignment-info .fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline;
}

page-learner-assignment-info .fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

page-learner-assignment-info .fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table;
}

page-learner-assignment-info .fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

page-learner-assignment-info .fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #eee;
}

page-learner-assignment-info p {
  font-size: medium !important;
}

page-learner-assignment-info a {
  text-decoration: underline;
  color: #5EAAC2;
  cursor: pointer;
}

page-learner-assignment-info .thank-you-image {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-learner-assignment-info .thank-you-image img {
  height: 100px;
  width: 100px;
}

page-learner-assignment-info .thank-you-image h1 {
  color: #3fbaae !important;
}

@media only screen and (max-width: 700px) {
  page-learner-assignment-info .centerdiv {
    width: 95%;
  }
}

page-learner-assignment-info ion-segment {
  border: 1px solid #0099ff;
  border-radius: 25px;
}

page-learner-assignment-info ion-segment-button {
  border-radius: 25px;
  border-bottom-style: none !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

page-learner-assignment-info .segment-md .segment-button.activated,
page-learner-assignment-info .segment-md .segment-button.segment-activated {
  border-color: #0099ff;
  background: #0099ff;
  color: #000;
}

page-learner-assignment-info .toolbar-background {
  background: transparent;
  border: 0px;
}

page-learner-assignment-info .centerdiv {
  width: 80%;
  margin: 10px auto;
}

page-learner-assignment-info #primaryclass {
  color: blue;
  background-color: rgba(135, 207, 235, 0.322);
}

page-learner-assignment-info #normalclass {
  color: black;
}

page-learner-assignment-info .imageContainer {
  width: 100%;
  height: 300px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 20px auto 50px;
}

page-learner-assignment-info .imageContainer img {
  max-height: 300px;
}

page-learner-assignment-info .filelist {
  width: 95%;
  background-color: white;
  border-radius: 10px;
  border: 1px solid black;
}

page-learner-assignment-info .filehead {
  font-size: 20px !important;
  padding: 15px;
  text-align: center;
  background-color: #d7d7d7;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

page-learner-assignment-info .fileitem {
  background-color: transparent;
  width: 80%;
  padding: 15px;
  text-align: left;
  font-size: medium;
  margin-top: 5px;
  border-radius: 10px;
}

page-learner-assignment-info .download-icon {
  margin: auto;
  display: inline;
}

page-learner-assignment-info .empty {
  color: #0099ff !important;
}

page-learner-assignment-info .uploadHeader {
  font-size: larger;
  color: #0099ff !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-learner-assignment-info .uploadBody {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 20px;
}

page-learner-assignment-info .uploadBody button {
  background-color: #a9a9a96b;
  width: 60px;
  height: 60px;
  margin: 10px;
  padding-left: 20px;
}

page-learner-assignment-info .uploadBody .thumbnail img {
  width: 60px !important;
  margin: 10px;
  height: 60px !important;
}

page-learner-assignment-info .uploadBody .thumbnail .closeCross {
  color: white;
  position: absolute;
  margin: -80px 60px;
  opacity: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: scale(0);
  transform: scale(0);
  border-radius: 50%;
  background-color: black;
}

page-learner-assignment-info .uploadBody .thumbnail:hover .closeCross {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

page-learner-assignment-info ion-footer {
  padding: 0 !important;
}

page-learner-assignment-info .footer {
  height: 70px;
}

page-learner-assignment-info .mobile-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  bottom: 0;
  background-color: lightgray;
  width: 100%;
  height: 60px;
}

page-learner-assignment-info .mobile-menu ion-segment {
  border: none;
  height: 100%;
}

page-learner-assignment-info .mobile-menu ion-segment-button {
  border-left: 1px solid grey;
  border-radius: 0;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-learner-assignment-info .mobile-menu ion-segment-button span {
  line-height: 14px;
  padding-top: 7px;
  color: black;
}

page-learner-assignment-info .mobile-menu .segment-md .segment-button {
  height: 100%;
}

page-learner-assignment-info .mobile-menu .segment-md .segment-button.activated,
page-learner-assignment-info .mobile-menu .segment-md .segment-button.segment-activated {
  background: #0099ff;
  height: 100%;
}

page-learner-assignment-info .mobile-menu img {
  height: 20px;
  width: 20px;
}

page-learner-assignment-info .image-thumbnail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow-y: hidden;
  overflow-x: auto;
  margin-bottom: 20px;
  background-color: #d3d3d391;
  padding: 10px;
}

page-learner-assignment-info .image-thumbnail div {
  margin: 0 10px;
  height: 60px;
  width: 60px;
}

page-learner-assignment-info .image-thumbnail div img {
  height: 100%;
  width: 100%;
  overflow: hidden;
  cursor: pointer;
}

page-learner-assignment-info .mob-header {
  text-align: center;
  color: black;
  font-size: 2rem;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  page-learner-assignment-info #primaryclass {
    -webkit-box-shadow: 0px 1px 10px #888888;
    box-shadow: 0px 1px 10px #888888;
  }
}

page-learner-meetings {
  /*!
 * FullCalendar v3.2.0 Stylesheet
 * Docs & License: https://fullcalendar.io/
 * (c) 2017 Adam Shaw
 */
  /* Colors
--------------------------------------------------------------------------------------------------*/
  /* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
  /*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
  /* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
  /* Firefox has an annoying inner border */
  /* icons in buttons */
  /*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
  /* Buttons Groups
--------------------------------------------------------------------------------------------------*/
  /*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
  /* Popover
--------------------------------------------------------------------------------------------------*/
  /* unthemed */
  /* jqui themed */
  /* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
  /* Tables
--------------------------------------------------------------------------------------------------*/
  /* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
  /* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
  /* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
  /* highlighting cells & background event skeleton */
  /*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
  /* Scrolling Container
--------------------------------------------------------------------------------------------------*/
  /* TODO: move to agenda/basic */
  /* Global Event Styles
--------------------------------------------------------------------------------------------------*/
  /* overpower some of bootstrap's and jqui's styles on <a> tags */
  /* resizer (cursor AND touch devices) */
  /* resizer (touch devices) */
  /* hit area */
  /* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
  /* Horizontal Events
--------------------------------------------------------------------------------------------------*/
  /* bigger touch area when selected */
  /* events that are continuing to/from another week. kill rounded corners and butt up against edge */
  /* resizer (cursor AND touch devices) */
  /* left resizer  */
  /* right resizer */
  /* resizer (mouse devices) */
  /* resizer (touch devices) */
  /* left resizer  */
  /* right resizer */
  /* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* resizer (cursor devices) */
  /* left resizer  */
  /* right resizer */
  /* Event Limiting
--------------------------------------------------------------------------------------------------*/
  /* "more" link that represents hidden events */
  /* popover that appears when "more" link is clicked */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* Utilities
--------------------------------------------------------------------------------------------------*/
  /* Toolbar
--------------------------------------------------------------------------------------------------*/
  /* the things within each left/right/center section */
  /* the first thing within each left/center/right section */
  /* title text */
  /* button layering (for border precedence) */
  /* View Structure
--------------------------------------------------------------------------------------------------*/
  /* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
  /* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
  /* BasicView
--------------------------------------------------------------------------------------------------*/
  /* day row structure */
  /* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
  /* week and day number styling */
  /* when week/day number have own column */
  /* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
  /* divs within a cell within the fc-content-skeleton */
  /* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
  /* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* short mode, where time and title are on the same line */
  /* resizer (cursor device) */
  /* resizer (touch device) */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* arrow on axis */
  /* List View
--------------------------------------------------------------------------------------------------*/
  /* possibly reusable */
  /* view wrapper */
  /* table resets */
  /* day headings with the list */
  /* event list items */
  /* make the dot closer to the event title */
  /* message when no events */
}

page-learner-meetings .empty {
  color: #0099ff !important;
  font-weight: bold;
}

page-learner-meetings .classCard {
  -webkit-box-shadow: 2px 2px 2px lightgrey;
  box-shadow: 2px 2px 2px lightgrey;
  border-radius: 10px;
  max-width: 300px;
  height: 235px;
}

page-learner-meetings .togglediv ion-icon {
  font-size: 3rem;
  float: right;
  margin-right: 10px;
}

page-learner-meetings #calendar-container {
  height: 75vh;
}

page-learner-meetings #calendar {
  padding: 30px;
}

page-learner-meetings .infodiv {
  margin: auto;
  text-align: left;
  padding: 5px;
  padding-top: 15px;
  display: inline-block;
}

page-learner-meetings .infodiv div {
  padding: 3px 0;
}

page-learner-meetings .label-md {
  margin: 0;
  margin-bottom: 10px;
}

page-learner-meetings .card-header-md {
  padding: 0;
}

page-learner-meetings .title {
  margin: auto;
  text-align: center;
  font-size: 22px !important;
}

page-learner-meetings .meeting-info {
  width: 300px;
  height: 500px;
}

page-learner-meetings .examCard {
  min-height: 150px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 35px 20px 20px;
  width: 300px;
  border-radius: 10px;
  margin: 15px;
}

page-learner-meetings .examCard .title-card {
  font-family: Vardana, Helvetica, sans-serif;
  font-size: 2rem;
  padding: 10px 0;
}

page-learner-meetings .examCard .dueDate {
  font-size: 1.5rem;
  font-weight: bold;
}

page-learner-meetings .examCard .subtitle-card {
  font-size: 1.5rem;
}

page-learner-meetings .globalTable {
  border: 1px solid lightgrey;
  min-width: 801px;
}

page-learner-meetings .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-learner-meetings .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

page-learner-meetings .globalTable .table-header .align input {
  width: 60%;
  line-height: 25px;
}

page-learner-meetings .globalTable th input {
  text-align: center;
  width: 90%;
  font-weight: 400;
}

page-learner-meetings .disabled {
  cursor: default;
  color: grey;
}

page-learner-meetings .fc {
  direction: ltr;
  text-align: left;
}

page-learner-meetings .fc-rtl {
  text-align: right;
}

page-learner-meetings body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}

page-learner-meetings .fc-unthemed th,
page-learner-meetings .fc-unthemed td,
page-learner-meetings .fc-unthemed thead,
page-learner-meetings .fc-unthemed tbody,
page-learner-meetings .fc-unthemed .fc-divider,
page-learner-meetings .fc-unthemed .fc-row,
page-learner-meetings .fc-unthemed .fc-content,
page-learner-meetings .fc-unthemed .fc-popover,
page-learner-meetings .fc-unthemed .fc-list-view,
page-learner-meetings .fc-unthemed .fc-list-heading td {
  border-color: #ddd;
}

page-learner-meetings .fc-unthemed .fc-popover {
  background-color: #fff;
}

page-learner-meetings .fc-unthemed .fc-divider,
page-learner-meetings .fc-unthemed .fc-popover .fc-header,
page-learner-meetings .fc-unthemed .fc-list-heading td {
  background: #eee;
}

page-learner-meetings .fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}

page-learner-meetings .fc-unthemed td.fc-today {
  background: #fcf8e3;
}

page-learner-meetings .fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3;
}

page-learner-meetings .fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3;
}

page-learner-meetings .fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}

page-learner-meetings .fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

page-learner-meetings .fc-icon:after {
  position: relative;
}

page-learner-meetings .fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-learner-meetings .fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-learner-meetings .fc-icon-left-double-arrow:after {
  content: "\000AB";
  font-size: 160%;
  top: -7%;
}

page-learner-meetings .fc-icon-right-double-arrow:after {
  content: "\000BB";
  font-size: 160%;
  top: -7%;
}

page-learner-meetings .fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%;
}

page-learner-meetings .fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%;
}

page-learner-meetings .fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%;
}

page-learner-meetings .fc-icon-x:after {
  content: "\000D7";
  font-size: 200%;
  top: 6%;
}

page-learner-meetings .fc button {
  /* force height to include the border and padding */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer;
}

page-learner-meetings .fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}

page-learner-meetings .fc-state-default {
  /* non-theme */
  border: 1px solid;
}

page-learner-meetings .fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

page-learner-meetings .fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

page-learner-meetings .fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .2em;
  vertical-align: middle;
}

page-learner-meetings .fc-state-default {
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-learner-meetings .fc-state-hover,
page-learner-meetings .fc-state-down,
page-learner-meetings .fc-state-active,
page-learner-meetings .fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}

page-learner-meetings .fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

page-learner-meetings .fc-state-down,
page-learner-meetings .fc-state-active {
  background-color: #cccccc;
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-learner-meetings .fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}

page-learner-meetings .fc-button-group {
  display: inline-block;
}

page-learner-meetings .fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px;
}

page-learner-meetings .fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0;
}

page-learner-meetings .fc-popover {
  position: absolute;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

page-learner-meetings .fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px;
}

page-learner-meetings .fc-popover .fc-header .fc-title {
  margin: 0 2px;
}

page-learner-meetings .fc-popover .fc-header .fc-close {
  cursor: pointer;
}

page-learner-meetings .fc-ltr .fc-popover .fc-header .fc-title,
page-learner-meetings .fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}

page-learner-meetings .fc-rtl .fc-popover .fc-header .fc-title,
page-learner-meetings .fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}

page-learner-meetings .fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}

page-learner-meetings .fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: .9em;
  margin-top: 2px;
}

page-learner-meetings .fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */
}

page-learner-meetings .fc-divider {
  border-style: solid;
  border-width: 1px;
}

page-learner-meetings hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}

page-learner-meetings .fc-clear {
  clear: both;
}

page-learner-meetings .fc-bg,
page-learner-meetings .fc-bgevent-skeleton,
page-learner-meetings .fc-highlight-skeleton,
page-learner-meetings .fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-learner-meetings .fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}

page-learner-meetings .fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}

page-learner-meetings .fc table {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}

page-learner-meetings .fc th {
  text-align: center;
}

page-learner-meetings .fc th,
page-learner-meetings .fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}

page-learner-meetings .fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}

page-learner-meetings a[data-goto] {
  cursor: pointer;
}

page-learner-meetings a[data-goto]:hover {
  text-decoration: underline;
}

page-learner-meetings .fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}

page-learner-meetings .fc-row table {
  /* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}

page-learner-meetings .fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}

page-learner-meetings .fc-row {
  position: relative;
}

page-learner-meetings .fc-row .fc-bg {
  z-index: 1;
}

page-learner-meetings .fc-row .fc-bgevent-skeleton,
page-learner-meetings .fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}

page-learner-meetings .fc-row .fc-bgevent-skeleton table,
page-learner-meetings .fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}

page-learner-meetings .fc-row .fc-highlight-skeleton td,
page-learner-meetings .fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}

page-learner-meetings .fc-row .fc-bgevent-skeleton {
  z-index: 2;
}

page-learner-meetings .fc-row .fc-highlight-skeleton {
  z-index: 3;
}

page-learner-meetings .fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}

page-learner-meetings .fc-row .fc-helper-skeleton {
  z-index: 5;
}

page-learner-meetings .fc-row .fc-content-skeleton td,
page-learner-meetings .fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}

page-learner-meetings .fc-row .fc-content-skeleton tbody td,
page-learner-meetings .fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}

page-learner-meetings .fc-scroller {
  -webkit-overflow-scrolling: touch;
}

page-learner-meetings .fc-scroller > .fc-day-grid,
page-learner-meetings .fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}

page-learner-meetings .fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */
  font-weight: normal;
  /* undo jqui's ui-widget-header bold */
}

page-learner-meetings .fc-event,
page-learner-meetings .fc-event-dot {
  background-color: #3a87ad;
  /* default BACKGROUND color */
}

page-learner-meetings .fc-event,
page-learner-meetings .fc-event:hover,
page-learner-meetings .ui-widget .fc-event {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}

page-learner-meetings .fc-event[href],
page-learner-meetings .fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}

page-learner-meetings .fc-not-allowed,
page-learner-meetings .fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}

page-learner-meetings .fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #ffffff;
  opacity: .25;
}

page-learner-meetings .fc-event .fc-content {
  position: relative;
  z-index: 2;
}

page-learner-meetings .fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
}

page-learner-meetings .fc-event .fc-resizer {
  display: none;
}

page-learner-meetings .fc-event.fc-allow-mouse-resize .fc-resizer,
page-learner-meetings .fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block;
}

page-learner-meetings .fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}

page-learner-meetings .fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

page-learner-meetings .fc-event.fc-selected.fc-dragging {
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

page-learner-meetings .fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}

page-learner-meetings .fc-ltr .fc-h-event.fc-not-start,
page-learner-meetings .fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

page-learner-meetings .fc-ltr .fc-h-event.fc-not-end,
page-learner-meetings .fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

page-learner-meetings .fc-ltr .fc-h-event .fc-start-resizer,
page-learner-meetings .fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */
}

page-learner-meetings .fc-ltr .fc-h-event .fc-end-resizer,
page-learner-meetings .fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */
}

page-learner-meetings .fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */
}

page-learner-meetings .fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* vertically center */
  top: 50%;
  margin-top: -4px;
}

page-learner-meetings .fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
page-learner-meetings .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */
}

page-learner-meetings .fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
page-learner-meetings .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */
}

page-learner-meetings .fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}

page-learner-meetings tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */
}

page-learner-meetings .fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: .25;
}

page-learner-meetings .fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}

page-learner-meetings .fc-day-grid-event .fc-time {
  font-weight: bold;
}

page-learner-meetings .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
page-learner-meetings .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */
}

page-learner-meetings .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
page-learner-meetings .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */
}

page-learner-meetings a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none;
}

page-learner-meetings a.fc-more:hover {
  text-decoration: underline;
}

page-learner-meetings .fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}

page-learner-meetings .fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}

page-learner-meetings .fc-more-popover {
  z-index: 2;
  width: 220px;
}

page-learner-meetings .fc-more-popover .fc-event-container {
  padding: 10px;
}

page-learner-meetings .fc-now-indicator {
  position: absolute;
  border: 0 solid red;
}

page-learner-meetings .fc-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

page-learner-meetings .fc-toolbar {
  text-align: center;
}

page-learner-meetings .fc-toolbar.fc-header-toolbar {
  margin-bottom: 1em;
}

page-learner-meetings .fc-toolbar.fc-footer-toolbar {
  margin-top: 1em;
}

page-learner-meetings .fc-toolbar .fc-left {
  float: left;
}

page-learner-meetings .fc-toolbar .fc-right {
  float: right;
}

page-learner-meetings .fc-toolbar .fc-center {
  display: inline-block;
}

page-learner-meetings .fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em;
}

page-learner-meetings .fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0;
}

page-learner-meetings .fc-toolbar h2 {
  margin: 0;
}

page-learner-meetings .fc-toolbar button {
  position: relative;
}

page-learner-meetings .fc-toolbar .fc-state-hover,
page-learner-meetings .fc-toolbar .ui-state-hover {
  z-index: 2;
}

page-learner-meetings .fc-toolbar .fc-state-down {
  z-index: 3;
}

page-learner-meetings .fc-toolbar .fc-state-active,
page-learner-meetings .fc-toolbar .ui-state-active {
  z-index: 4;
}

page-learner-meetings .fc-toolbar button:focus {
  z-index: 5;
}

page-learner-meetings .fc-view-container *,
page-learner-meetings .fc-view-container *:before,
page-learner-meetings .fc-view-container *:after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

page-learner-meetings .fc-view,
page-learner-meetings .fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}

page-learner-meetings .fc-basicWeek-view .fc-content-skeleton,
page-learner-meetings .fc-basicDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}

page-learner-meetings .fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}

page-learner-meetings .fc-row.fc-rigid {
  overflow: hidden;
}

page-learner-meetings .fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-learner-meetings .fc-day-top.fc-other-month {
  opacity: 0.3;
}

page-learner-meetings .fc-basic-view .fc-week-number,
page-learner-meetings .fc-basic-view .fc-day-number {
  padding: 2px;
}

page-learner-meetings .fc-basic-view th.fc-week-number,
page-learner-meetings .fc-basic-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */
}

page-learner-meetings .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right;
}

page-learner-meetings .fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left;
}

page-learner-meetings .fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0;
}

page-learner-meetings .fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px;
}

page-learner-meetings .fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080;
}

page-learner-meetings .fc-basic-view td.fc-week-number {
  text-align: center;
}

page-learner-meetings .fc-basic-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}

page-learner-meetings .fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}

page-learner-meetings .fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}

page-learner-meetings .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}

page-learner-meetings .fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}

page-learner-meetings .fc-ltr .fc-axis {
  text-align: right;
}

page-learner-meetings .fc-rtl .fc-axis {
  text-align: left;
}

page-learner-meetings .ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome jqui theme making it bold */
}

page-learner-meetings .fc-time-grid-container,
page-learner-meetings .fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}

page-learner-meetings .fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

page-learner-meetings .fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}

page-learner-meetings .fc-time-grid > .fc-bg {
  z-index: 1;
}

page-learner-meetings .fc-time-grid .fc-slats,
page-learner-meetings .fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}

page-learner-meetings .fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */
}

page-learner-meetings .fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
}

page-learner-meetings .fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1;
}

page-learner-meetings .fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2;
}

page-learner-meetings .fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3;
}

page-learner-meetings .fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4;
}

page-learner-meetings .fc-time-grid .fc-now-indicator-line {
  z-index: 5;
}

page-learner-meetings .fc-time-grid .fc-helper-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6;
}

page-learner-meetings .fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}

page-learner-meetings .fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}

page-learner-meetings .fc-time-grid .fc-slats .ui-widget-content {
  /* for jqui theme */
  background: none;
  /* see through to fc-bg */
}

page-learner-meetings .fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}

page-learner-meetings .fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}

page-learner-meetings .fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}

page-learner-meetings .fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}

page-learner-meetings .fc-time-grid .fc-event,
page-learner-meetings .fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}

page-learner-meetings .fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}

page-learner-meetings .fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

page-learner-meetings .fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

page-learner-meetings .fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */
}

page-learner-meetings .fc-time-grid-event.fc-selected {
  /* need to allow touch resizers to extend outside event's bounding box */
  /* common fc-selected styles hide the fc-bg, so don't need this anyway */
  overflow: visible;
}

page-learner-meetings .fc-time-grid-event.fc-selected .fc-bg {
  display: none;
  /* hide semi-white background, to appear darker */
}

page-learner-meetings .fc-time-grid-event .fc-content {
  overflow: hidden;
  /* for when .fc-selected */
}

page-learner-meetings .fc-time-grid-event .fc-time,
page-learner-meetings .fc-time-grid-event .fc-title {
  padding: 0 1px;
}

page-learner-meetings .fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap;
}

page-learner-meetings .fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}

page-learner-meetings .fc-time-grid-event.fc-short .fc-time,
page-learner-meetings .fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}

page-learner-meetings .fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}

page-learner-meetings .fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}

page-learner-meetings .fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
  /* seperate with a dash, wrapped in nbsp's */
}

page-learner-meetings .fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}

page-learner-meetings .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}

page-learner-meetings .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "=";
}

page-learner-meetings .fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px;
}

page-learner-meetings .fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0;
}

page-learner-meetings .fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */
}

page-learner-meetings .fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-learner-meetings .fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-learner-meetings .fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}

page-learner-meetings .fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */
}

page-learner-meetings .fc-list-view {
  border-width: 1px;
  border-style: solid;
}

page-learner-meetings .fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */
}

page-learner-meetings .fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px;
}

page-learner-meetings .fc-list-table tr:first-child td {
  border-top-width: 0;
}

page-learner-meetings .fc-list-heading {
  border-bottom-width: 1px;
}

page-learner-meetings .fc-list-heading td {
  font-weight: bold;
}

page-learner-meetings .fc-ltr .fc-list-heading-main {
  float: left;
}

page-learner-meetings .fc-ltr .fc-list-heading-alt {
  float: right;
}

page-learner-meetings .fc-rtl .fc-list-heading-main {
  float: right;
}

page-learner-meetings .fc-rtl .fc-list-heading-alt {
  float: left;
}

page-learner-meetings .fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */
}

page-learner-meetings .fc-list-item:hover td {
  background-color: #f5f5f5;
}

page-learner-meetings .fc-list-item-marker,
page-learner-meetings .fc-list-item-time {
  white-space: nowrap;
  width: 1px;
}

page-learner-meetings .fc-ltr .fc-list-item-marker {
  padding-right: 0;
}

page-learner-meetings .fc-rtl .fc-list-item-marker {
  padding-left: 0;
}

page-learner-meetings .fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit;
}

page-learner-meetings .fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline;
}

page-learner-meetings .fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

page-learner-meetings .fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table;
}

page-learner-meetings .fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

page-learner-meetings .fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #eee;
}

page-learning-path p-multiSelect {
  font-weight: 500;
  width: 55% !important;
  font-size: 13px;
}

page-learning-path .p-column-filter {
  width: 80% !important;
}

page-learning-path .globalTable {
  overflow-x: scroll !important;
  overflow-y: hidden;
}

page-learning-path form ion-row {
  margin-bottom: 10px;
}

page-learning-path .forecast_container {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow-x: scroll !important;
  overflow-y: hidden;
}

page-learning-path .ui-corner-all .ui-helper-clearfix {
  width: 80% !important;
}

page-learning-path .actionIconsBar {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-right: 0% !important;
  text-align: center !important;
  border: none;
  background: inherit;
}

page-learning-path .alignicons {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-right: 0% !important;
  text-align: center !important;
  border: none;
  background: inherit;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

page-learning-path-employee-report .ui-dropdown .ui-dropdown-panel {
  z-index: 1017 !important;
  top: -102px !important;
  left: 0px !important;
  opacity: 1 !important;
}

page-learning-path-employee-view .ui-dropdown .ui-dropdown-panel {
  z-index: 1017 !important;
  top: -102px !important;
  left: 0px !important;
  opacity: 1 !important;
}

page-learning-path-report .ui-dropdown .ui-dropdown-panel {
  z-index: 1017 !important;
  top: -102px !important;
  left: 0px !important;
  opacity: 1 !important;
}

page-main {
  font-family: "Poppins", sans-serif;
}

page-main .logodiv {
  height: 100%;
  padding: 5px;
}

page-main .logodiv img {
  margin: 0px;
  width: 100%;
  height: 100%;
}

page-main .logindiv {
  height: 100%;
}

page-main .logindiv .imgclass {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 2%;
  margin-top: 4%;
}

page-main .logindiv .imgclass img {
  height: 100%;
  width: 20%;
}

page-main .logindiv .logincontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 60%;
}

page-main .logindiv .logincontainer .loginForm {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 60%;
  margin: 0;
}

page-main .logindiv .logincontainer .loginForm ion-item {
  border: 1px solid #ddd;
}

page-main .logindiv .logincontainer .roundedbtn {
  letter-spacing: 2px;
}

page-main .tabclass a {
  color: #172b4d;
  font-size: 20px;
}

page-main .passwordIcon {
  font-size: 2rem !important;
  position: relative !important;
  top: 5px !important;
  margin: 0 auto !important;
}

page-main input:invalid {
  -webkit-box-shadow: none;
  box-shadow: none;
}

page-main .textcenter {
  text-align: center;
}

page-main .textcenter a {
  color: #000 !important;
}

page-main .button-ios-dark {
  width: 30%;
  margin: 10px auto;
  height: 35px;
}

page-main ion-content {
  background-color: #fefefe !important;
}

@media screen and (min-width: 1430px) {
  page-main .rowcontainer {
    overflow: hidden;
  }
  page-main .logindiv .logincontainer .loginForm {
    width: 60%;
  }
}

@media screen and (max-width: 1440px) and (min-width: 1024px) {
  page-main .rowcontainer {
    overflow: hidden;
  }
  page-main .logindiv .logincontainer .loginForm {
    max-width: 70%;
    width: 70%;
  }
}

@media screen and (max-width: 750px) {
  page-main .rowcontainer {
    display: block;
  }
  page-main .rowcontainer .leftside {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  page-main .rowcontainer .leftside .logodiv {
    height: 30%;
    padding: 0 4px;
  }
  page-main .rowcontainer .heading2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  page-main .rowcontainer .heading2 img {
    width: 35%;
  }
  page-main .rowcontainer .rightside {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  page-main .rowcontainer .rightside .logindiv {
    height: 100%;
    width: 100%;
  }
  page-main .rowcontainer .rightside .logindiv .logincontainer {
    margin-top: 5%;
  }
  page-main .rowcontainer .rightside .logindiv .loginForm {
    max-width: 80%;
    width: 80%;
  }
  page-main .rowcontainer .rightside .logindiv .loginForm ion-item {
    font-size: 12px;
  }
  page-main .rowcontainer .rightside .logindiv .loginForm .message-link {
    padding: 0;
    font-size: 12px;
  }
  page-main .rowcontainer .rightside .logindiv .roundedbtn {
    font-size: 12px;
  }
}

page-main .message-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-main .message-link {
  text-align: right;
  text-decoration: underline;
  cursor: pointer;
  color: #172b4d;
  padding: 0 10px 5px;
  margin-bottom: 5px;
}

page-main .message {
  text-align: center;
  color: grey;
  margin: 15px auto;
}

page-main .resetBtn {
  position: absolute;
  z-index: 999999;
  right: 20px;
  font-size: 24px;
  font-weight: bold;
  bottom: 8px;
}

page-main .codeForm:after,
page-main .codeForm:before {
  top: 0px;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

page-main .codeForm:after {
  border-top-color: #fff;
  border-width: 30px;
  margin-left: -30px;
}

page-main .codeForm:before {
  border-top-color: #fff;
  border-width: 36px;
  margin-left: -36px;
}

page-main .text-input-wp {
  border: 0px !important;
}

page-main .footer p {
  font-size: 12px;
  margin: 0;
}

page-main .footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  color: #fff;
  padding: 0 1%;
  float: left;
}

page-main .footer a {
  color: #fff !important;
  text-decoration: none !important;
  font-size: 12px;
}

page-main .footer li {
  display: inline;
  padding-left: 0px;
}

page-main .footer ul {
  text-align: right;
  padding: 0px;
  margin: 0;
}

page-main .heading {
  text-align: center;
}

.regheading {
  text-align: center;
  font-size: 20px;
  padding: 10px;
  color: #172B4D;
  font-weight: bold;
}

page-manage-offer .p-column-filter {
  padding: 0;
}

page-manage-offer .center {
  text-align: -webkit-center !important;
}

page-manage-offer .ui-dropdown.ui-widget.ui-state-default.ui-corner-all.ui-helper-clearfix {
  width: 100px !important;
}

page-manage-offer .ui-dropdown .ui-dropdown-panel {
  z-index: 1017 !important;
  top: -102px !important;
  left: 0px !important;
  opacity: 1 !important;
}

page-manage-offer .dropdown-font {
  font-size: large !important;
}

page-manage-offer-report .ui-dropdown .ui-dropdown-panel {
  z-index: 1017 !important;
  top: -102px !important;
  left: 0px !important;
  opacity: 1 !important;
}

/* ANIMATION */
/* SHADOWS */
/*
 *
 *   MaterialWrap - Bootstrap + Material Design Admin Theme

 
*/
/*
 * CSS Transform - Scale and Rotate
 */
.letter-sp-1 {
  letter-spacing: 1px;
}

.letter-sp-2 {
  letter-spacing: 2px;
}

.letter-sp-3 {
  letter-spacing: 3px;
}

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

.m-5 {
  margin: 5px !important;
}

.m-10 {
  margin: 10px !important;
}

.m-15 {
  margin: 15px !important;
}

.m-20 {
  margin: 20px !important;
}

.m-30 {
  margin: 30px !important;
}

.m-50 {
  margin: 50px !important;
}

.m-b-100 {
  margin-bottom: 100px !important;
}

.m-b-15 {
  margin-bottom: 15px !important;
}

.m-b-20 {
  margin-bottom: 20px !important;
}

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

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

.m-l-5 {
  margin-left: 5px !important;
}

.m-l-10 {
  margin-left: 10px !important;
}

.m-l-15 {
  margin-left: 15px !important;
}

.m-l-20 {
  margin-left: 20px !important;
}

.m-l-30 {
  margin-left: 30px !important;
}

.m-l-40 {
  margin-left: 40px !important;
}

.m-l-50 {
  margin-left: 50px !important;
}

.m-l-n-1 {
  margin-left: -1px !important;
}

.m-l-n-5 {
  margin-left: -5px !important;
}

.m-l-n-10 {
  margin-left: -10px !important;
}

.m-l-n-15 {
  margin-left: -15px !important;
}

.m-l-n-20 {
  margin-left: -20px !important;
}

.m-l-n-30 {
  margin-left: -30px !important;
}

.m-l-n-40 {
  margin-left: -40px !important;
}

.m-l-n-50 {
  margin-left: -50px !important;
}

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

.m-t-1 {
  margin-top: 1px !important;
}

.m-t-2 {
  margin-top: 2px;
}

.m-t-2p {
  margin-top: 2% !important;
}

.m-t-5p {
  margin-top: 5% !important;
}

.m-t-25p {
  margin-top: 25% !important;
}

.m-t-30p {
  margin-top: 30% !important;
}

.m-t-4 {
  margin-top: 4px !important;
}

.m-t-5 {
  margin-top: 5px !important;
}

.m-t-5p {
  margin-top: 5% !important;
}

.m-t-10 {
  margin-top: 10px !important;
}

.m-t-15 {
  margin-top: 15px !important;
}

.m-t-20 {
  margin-top: 20px !important;
}

.m-t-30 {
  margin-top: 30px !important;
}

.m-t-40 {
  margin-top: 40px !important;
}

.m-t-50 {
  margin-top: 50px !important;
}

.m-t-75 {
  margin-top: 75px !important;
}

.m-t-100 {
  margin-top: 100px !important;
}

.m-t-120 {
  margin-top: 120px !important;
}

.m-t-140 {
  margin-top: 140px !important;
}

.m-t-n-1 {
  margin-top: -1px !important;
}

.m-t-n-5 {
  margin-top: -5px !important;
}

.m-t-n-10 {
  margin-top: -10px !important;
}

.m-t-n-15 {
  margin-top: -15px !important;
}

.m-t-n-20 {
  margin-top: -20px !important;
}

.m-t-n-30 {
  margin-top: -30px !important;
}

.m-t-n-40 {
  margin-top: -40px !important;
}

.m-t-n-50 {
  margin-top: -50px !important;
}

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

.m-r-1 {
  margin-right: 1px !important;
}

.m-r-5 {
  margin-right: 5px !important;
}

.m-r-10 {
  margin-right: 10px !important;
}

.m-r-15 {
  margin-right: 15px !important;
}

.m-r-20 {
  margin-right: 20px !important;
}

.m-r-30 {
  margin-right: 30px !important;
}

.m-r-40 {
  margin-right: 40px !important;
}

.m-r-50 {
  margin-right: 50px !important;
}

.m-r-n-1 {
  margin-right: -1px !important;
}

.m-r-n-5 {
  margin-right: -5px !important;
}

.m-r-n-10 {
  margin-right: -10px !important;
}

.m-r-n-15 {
  margin-right: -15px !important;
}

.m-r-n-20 {
  margin-right: -20px !important;
}

.m-r-n-30 {
  margin-right: -30px !important;
}

.m-r-n-40 {
  margin-right: -40px !important;
}

.m-r-n-50 {
  margin-right: -50px !important;
}

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

.m-b-1 {
  margin-bottom: 1px !important;
}

.m-b-4 {
  margin-bottom: 4px !important;
}

.m-b-5 {
  margin-bottom: 5px !important;
}

.m-b-10 {
  margin-bottom: 10px !important;
}

.m-b-15 {
  margin-bottom: 15px !important;
}

.m-b-20 {
  margin-bottom: 20px !important;
}

.m-b-30 {
  margin-bottom: 30px !important;
}

.m-b-40 {
  margin-bottom: 40px !important;
}

.m-b-50 {
  margin-bottom: 50px !important;
}

.m-b-n-1 {
  margin-bottom: -1px !important;
}

.m-b-n-5 {
  margin-bottom: -5px !important;
}

.m-b-n-10 {
  margin-bottom: -10px !important;
}

.m-b-n-15 {
  margin-bottom: -15px !important;
}

.m-b-n-20 {
  margin-bottom: -20px !important;
}

.m-b-n-30 {
  margin-bottom: -30px !important;
}

.m-b-n-40 {
  margin-bottom: -40px !important;
}

.m-b-n-50 {
  margin-bottom: -50px !important;
}

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

.p-5 {
  padding: 5px !important;
}

.p-10 {
  padding: 10px !important;
}

.p-15 {
  padding: 15px !important;
}

.p-20 {
  padding: 20px !important;
}

.p-25 {
  padding: 25px !important;
}

.p-30 {
  padding: 30px !important;
}

.p-40 {
  padding: 40px !important;
}

.p-50 {
  padding: 50px !important;
}

.p-75 {
  padding: 75px !important;
}

.p-100 {
  padding: 100px !important;
}

.p-lr {
  padding: 0px 4% 0px 4%;
}

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

.p-l-5 {
  padding-left: 5px !important;
}

.p-l-10 {
  padding-left: 10px !important;
}

.p-l-12 {
  padding-left: 12px !important;
}

.p-l-15 {
  padding-left: 15px !important;
}

.p-l-16 {
  padding-left: 16px !important;
}

.p-l-20 {
  padding-left: 20px !important;
}

.p-l-25 {
  padding-left: 25px !important;
}

.p-l-30 {
  padding-left: 30px !important;
}

.p-l-40 {
  padding-left: 40px !important;
}

.p-l-50 {
  padding-left: 50px !important;
}

.p-l-75 {
  padding-left: 75px !important;
}

.p-l-100 {
  padding-left: 100px !important;
}

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

.p-r-5 {
  padding-right: 5px !important;
}

.p-r-10 {
  padding-right: 10px !important;
}

.p-r-12 {
  padding-right: 12px !important;
}

.p-r-15 {
  padding-right: 15px !important;
}

.p-r-20 {
  padding-right: 20px !important;
}

.p-r-25 {
  padding-right: 25px !important;
}

.p-r-30 {
  padding-right: 30px !important;
}

.p-r-40 {
  padding-right: 40px !important;
}

.p-r-50 {
  padding-right: 50px !important;
}

.p-r-75 {
  padding-right: 75px !important;
}

.p-r-100 {
  padding-right: 100px !important;
}

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

.p-b-5 {
  padding-bottom: 5px !important;
}

.p-b-10 {
  padding-bottom: 10px !important;
}

.p-b-15 {
  padding-bottom: 15px !important;
}

.p-b-16 {
  padding-bottom: 16px !important;
}

.p-b-20 {
  padding-bottom: 20px !important;
}

.p-b-25 {
  padding-bottom: 25px !important;
}

.p-b-30 {
  padding-bottom: 30px !important;
}

.p-b-40 {
  padding-bottom: 40px !important;
}

.p-b-50 {
  padding-bottom: 50px !important;
}

.p-b-60 {
  padding-bottom: 60px !important;
}

.p-b-70 {
  padding-bottom: 70px !important;
}

.p-b-80 {
  padding-bottom: 80px !important;
}

.p-b-90 {
  padding-bottom: 90px !important;
}

.p-b-100 {
  padding-bottom: 100px !important;
}

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

.p-t-5 {
  padding-top: 5px !important;
}

.p-t-7 {
  padding-top: 7px !important;
}

.p-t-10 {
  padding-top: 10px !important;
}

.p-t-15 {
  padding-top: 15px !important;
}

.p-t-16 {
  padding-top: 16px !important;
}

.p-t-20 {
  padding-top: 20px !important;
}

.p-t-25 {
  padding-top: 25px !important;
}

.p-t-30 {
  padding-top: 30px !important;
}

.p-t-40 {
  padding-top: 40px !important;
}

.p-t-50 {
  padding-top: 50px !important;
}

.p-t-75 {
  padding-top: 75px !important;
}

.p-t-100 {
  padding-top: 100px !important;
}

.p-t-120 {
  padding-top: 120px !important;
}

.p-t-130 {
  padding-top: 130px !important;
}

.p-t-140 {
  padding-top: 140px !important;
}

.p-t-150 {
  padding-top: 150px !important;
}

.block {
  display: block !important;
}

.img-xs {
  width: 30px;
  height: 30px;
}

.img-sm {
  width: 35px;
  height: 35px;
}

.img-md {
  width: 55px;
  height: 55px;
}

.img-lg {
  width: 100px;
  height: 100px;
}

.min-w-800 {
  min-width: 800px !important;
}

.min-w-1000 {
  min-width: 1000px !important;
}

.min-w-1100 {
  min-width: 1100px !important;
}

.max-w-20 {
  max-width: 20px !important;
}

.max-w-30 {
  max-width: 30px !important;
}

.max-w-32 {
  max-width: 35px !important;
}

.max-w-35 {
  max-width: 35px !important;
}

.max-w-40 {
  max-width: 40px !important;
}

.max-w-50 {
  max-width: 50px !important;
}

.max-w-75 {
  max-width: 75px !important;
}

.max-w-100 {
  max-width: 100px !important;
}

.max-w-150 {
  max-width: 150px !important;
}

.max-w-200 {
  max-width: 200px !important;
}

.max-w-300 {
  max-width: 300px !important;
}

.max-w-400 {
  max-width: 400px !important;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-auto {
  overflow: auto;
}

.max-h-50 {
  max-height: 50px !important;
}

.max-h-80 {
  max-height: 80px !important;
}

.max-h-100 {
  max-height: 100px !important;
}

.max-h-150 {
  max-height: 150px !important;
}

.max-h-200 {
  max-height: 200px !important;
}

.max-h-250 {
  max-height: 250px !important;
}

.max-h-300 {
  max-height: 300px !important;
}

.max-h-350 {
  max-height: 300px !important;
}

.max-h-375 {
  max-height: 300px !important;
}

.max-h-400 {
  max-height: 400px !important;
}

.max-h-450 {
  max-height: 450px !important;
}

.max-h-500 {
  max-height: 500px !important;
}

.max-h-600 {
  max-height: 600px !important;
}

.max-h-650 {
  max-height: 650px !important;
}

.max-h-700 {
  max-height: 700px !important;
}

.max-h-800 {
  max-height: 800px !important;
}

.max-h-900 {
  max-height: 900px !important;
}

.max-h-1000 {
  max-height: 1000px !important;
}

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

.min-h-50 {
  min-height: 50px !important;
}

.min-h-100 {
  min-height: 100px !important;
}

.min-h-200 {
  min-height: 200px !important;
}

.min-h-250 {
  min-height: 250px !important;
}

.min-h-300 {
  min-height: 300px !important;
}

.min-h-350 {
  min-height: 300px !important;
}

.min-h-375 {
  min-height: 300px !important;
}

.min-h-400 {
  min-height: 400px !important;
}

.min-h-450 {
  min-height: 450px !important;
}

.min-h-500 {
  min-height: 500px !important;
}

.min-h-600 {
  min-height: 600px !important;
}

.min-h-650 {
  min-height: 650px !important;
}

.min-h-700 {
  min-height: 700px !important;
}

.min-h-800 {
  min-height: 800px !important;
}

.min-h-900 {
  min-height: 900px !important;
}

.min-h-1000 {
  min-height: 1000px !important;
}

.h-5 {
  height: 5px !important;
}

.h-10 {
  height: 10px !important;
}

.h-20 {
  height: 20px !important;
}

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

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

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

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

.h-125 {
  height: 125px !important;
}

.h-150 {
  height: 150px !important;
}

.h-200 {
  height: 200px !important;
}

.h-300 {
  height: 300px !important;
}

.h-350 {
  height: 350px !important;
}

.h-400 {
  height: 400px !important;
}

.h-450 {
  height: 450px !important;
}

.h-500 {
  height: 500px !important;
}

.h-600 {
  height: 600px !important;
}

.h-650 {
  height: 650px !important;
}

.h-700 {
  height: 700px !important;
}

.h-800 {
  height: 800px !important;
}

.h-900 {
  height: 900px !important;
}

.h-1000 {
  height: 1000px !important;
}

.w-5 {
  width: 5px !important;
}

.w-10 {
  width: 10px !important;
}

.w-15 {
  width: 15px !important;
}

.w-20 {
  width: 20px !important;
}

.w-30 {
  width: 30px !important;
}

.w-40 {
  width: 40px !important;
}

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

.w-60 {
  width: 60px !important;
}

.w-80 {
  width: 80px !important;
}

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

.w-150 {
  width: 150px !important;
}

.w-190 {
  width: 190px !important;
}

.w-200 {
  width: 200px !important;
}

.w-250 {
  width: 250px !important;
}

.w-300 {
  width: 300px !important;
}

.w-600 {
  width: 600px !important;
}

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

.w-95p {
  width: 95% !important;
}

.w-90p {
  width: 90% !important;
}

.w-80p {
  width: 80% !important;
}

.w-70p {
  width: 70% !important;
}

.w-60p {
  width: 60% !important;
}

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

.w-45p {
  width: 45% !important;
}

.w-40p {
  width: 40% !important;
}

.w-30p {
  width: 30% !important;
}

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

.w-20p {
  width: 20% !important;
}

.w-15p {
  width: 15% !important;
}

.w-10p {
  width: 10% !important;
}

.w-8p {
  width: 8% !important;
}

.w-5p {
  width: 5% !important;
}

.w-3p {
  width: 3% !important;
}

.w-95p {
  width: 95% !important;
}

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

.h-80p {
  height: 80% !important;
}

.absolute {
  position: absolute !important;
}

.relative {
  position: relative !important;
}

.block {
  display: block !important;
}

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

.list-block li {
  display: block !important;
}

.list-inline li {
  display: inline !important;
}

.clear-both {
  clear: both !important;
}

.line-height-normal {
  line-height: normal !important;
}

.line-height-8 {
  line-height: 8px !important;
}

.line-height-14 {
  line-height: 14px !important;
}

.line-height-12 {
  line-height: normal !important;
}

ul.style-none {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.style-none li {
  font-size: 0.875rem;
  padding: 3px 0;
}

ul.style-none li ul {
  list-style: none;
}

ul.vertical-icon-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.vertical-icon-list li {
  font-size: 0.875rem;
  padding: 6px 0;
}

ul.vertical-icon-list li i {
  font-size: 1.25rem;
  padding-right: 15px;
  vertical-align: middle;
}

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

.bg-green {
  background: #28bebd !important;
}

.bg-blue {
  background: #42a5f5 !important;
}

.bg-lightBlue {
  background: #2ebaee !important;
}

.bg-red {
  background: #ef5350 !important;
}

.bg-yellow {
  background: #f8c200 !important;
}

.bg-paleYellow {
  background: #fddd7e !important;
}

.bg-lightGray {
  background: #e3ecf7 !important;
}

.bg-gray {
  background: #8f9eb5 !important;
}

.bg-drakGray {
  background: #707c94 !important;
}

.bg-grayBlue {
  background: #59779b !important;
}

.bg-purple {
  background: #6b79c4 !important;
}

.bg-turquoise {
  background: #00c5dc !important;
}

.bg-peach {
  background: #feb38d !important;
}

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

.text-primary {
  color: #172B4D !important;
}

.text-link {
  color: #0645ad !important;
}

.text-green {
  color: #28bebd !important;
}

.text-turquoise {
  color: #00c5dc !important;
}

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

.text-cyan {
  color: #26c6da !important;
}

.text-yellow {
  color: #f8c200 !important;
}

.text-gray {
  color: #8f9eb5 !important;
}

.text-blue {
  color: #42a5f5 !important;
}

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

.text-purple {
  color: #6b79c4 !important;
}

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

.text-brown {
  color: #906b6b !important;
}

.text-salmon {
  color: #ee6e73 !important;
}

.text-muted {
  color: #8396b0;
}

.color-black {
  color: #000 !important;
}

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

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

.transparent {
  background: transparent !important;
}

.bg-primary {
  background-color: #172B4D !important;
}

.border-bottom,
.border-grey-bottom-1px {
  border-bottom: 1px solid rgba(215, 225, 237, 0.8) !important;
}

.border-grey-top-1px,
.border-top {
  border-top: 1px solid rgba(215, 225, 237, 0.6) !important;
}

.border-bottom-black-2px {
  border-bottom: 2px solid black;
}

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

.b-n {
  border: none !important;
}

.b-b-1 {
  border: 1px solid black;
}

.b-lg-1 {
  border: 1px solid lightgrey;
}

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

.shadow-z-0 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

.shadow-z-1 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

.shadow-z-1:hover {
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.shadow-z-2 {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.shadow-z-3 {
  -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

.shadow-z-4 {
  -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}

.shadow-z-5 {
  -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}

.big-shadow {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.font-weight-light {
  font-weight: 100 !important;
}

.font-weight-normal {
  font-weight: 300 !important;
}

.font-weight-medium {
  font-weight: 400 !important;
}

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

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

.font-size-0 {
  font-size: 0 !important;
}

.font-size-10 {
  font-size: 10px !important;
}

.font-size-11 {
  font-size: 11px !important;
}

.font-size-12 {
  font-size: 12px !important;
}

.font-size-14 {
  font-size: 14px !important;
}

.font-size-16 {
  font-size: 16px !important;
}

.font-size-18 {
  font-size: 18px !important;
}

.font-size-20 {
  font-size: 20px !important;
}

.font-size-24 {
  font-size: 24px !important;
}

.font-size-26 {
  font-size: 26px !important;
}

.font-size-30 {
  font-size: 30px !important;
}

.font-size-35 {
  font-size: 35px !important;
}

.font-size-38 {
  font-size: 38px !important;
}

.font-size-40 {
  font-size: 40px !important;
}

.font-size-50 {
  font-size: 50px !important;
}

.font-size-60 {
  font-size: 60px !important;
}

.font-size-70 {
  font-size: 70px !important;
}

.font-size-80 {
  font-size: 80px !important;
}

.hidden {
  display: none !important;
}

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

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

.float-l {
  float: left !important;
}

.align-c {
  display: block;
  margin: 0 auto;
}

.align-b {
  display: block;
}

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

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.align-v-c {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.align-v-c1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.align-v-c2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.align-v-c3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.align-v-c4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.align-flex-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.align-right-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.align-start-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media (max-width: 576px) {
  .d-xs-none {
    display: none !important;
  }
  .d-xs-inline {
    display: inline !important;
  }
  .d-xs-inline-block {
    display: inline-block !important;
  }
  .d-xs-block {
    display: block !important;
  }
  .d-xs-table {
    display: table !important;
  }
  .d-xs-table-cell {
    display: table-cell !important;
  }
  .d-xs-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
  }
  .d-xs-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important;
  }
}

.b-r-gd {
  border-radius: 10px !important;
}

.b-r-10 {
  border-radius: 10px !important;
}

.b-r-5 {
  border-radius: 5px;
}

.d-fl-ov-x {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  overflow-x: auto !important;
}

.align-base {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.d-fl-bl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.d-fl-vhcenter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.d-fl-b2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
}

.d-fl-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.d-fl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.d-fl-sb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.d-fl-saround {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.d-fl-ac {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-capital {
  text-transform: capitalize !important;
}

.text-upper {
  text-transform: uppercase !important;
}

.m-a {
  margin: auto !important;
}

.m-l-a {
  margin-left: auto !important;
}

.m-r-a {
  margin-right: auto !important;
}

.italic {
  font-style: italic;
}

.pointer {
  cursor: pointer;
}

.ws-in {
  white-space: inherit;
}

.opacity-1 {
  opacity: 1;
}

.in-valid-checkbox {
  border: 1px solid #ff0000 !important;
  padding: 5px !important;
  margin-bottom: 10px;
  border-radius: 5px;
}

page-corp-dashboard .mycustomdrop:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
  top: -15px;
  position: absolute;
  right: 15%;
}

h1 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1.6875rem !important;
  line-height: 64px;
  letter-spacing: -0.4px;
}

h2 {
  font-family: "Poppins", sans-serif;
  font-size: 24px !important;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
}

h3,
.h3 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 22px !important;
  line-height: 48px;
  /* identical to box height, or 200% */
  /* Neutral / dark gray */
  color: #000000;
}

h4,
.menu-heading-h4 {
  font-family: "Poppins", sans-serif !important;
  font-style: normal;
  font-weight: normal;
  font-size: 15px !important;
  line-height: 26px;
  /* or 144% */
  letter-spacing: -0.2px;
  color: #000000;
}

h5 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  /* or 143% */
  color: #000000;
}

.subtitle {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  /* or 200% */
  letter-spacing: 2.5px;
  color: #4E5761;
}

p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 13px !important;
  line-height: 24px;
  /* identical to box height, or 171% */
  letter-spacing: -0.1px;
  /* Neutral / black */
  color: #000000;
}

.ui-tabview.ui-tabview-top > .ui-tabview-nav {
  padding: 0.2em 0.2em 0;
  border-bottom: 1px solid #eaeaea;
}

.scroll-content {
  padding: 0 !important;
}

ion-navbar {
  margin: 0;
  border-radius: 0px;
  height: 50px !important;
  color: #172B4D !important;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

ion-header {
  padding: 0;
}

.header-md::after {
  background-image: none;
}

.toolbar-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #172B4D !important;
  line-height: 24px;
  font-family: "Poppins", sans-serif;
  font-size: 2rem !important;
  font-weight: bold !important;
  text-align: left !important;
}

.userLabel {
  float: right;
  display: inline;
  letter-spacing: 1px;
  color: #172B4D !important !important;
}

.card-title {
  font-size: 16px !important;
  color: #000000;
  font-weight: bold !important;
  text-align: center !important;
}

.barcolor {
  background: #5a75a3;
  color: #ffffff;
}

p-sorticon {
  color: black;
}

p-sorticon a {
  color: black !important;
}

.globalTable {
  border: none;
  border: 1px solid #c1c1c1;
}

.globalTable .ui-table-caption {
  border-bottom: 1px solid #dadada !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  font-size: 18px !important;
  background: #ecececad !important;
}

.globalTable .table-header input {
  font-size: 15px !important;
  border-style: groove;
  width: 100% !important;
  padding-left: 10px;
  border-radius: 10px;
  border-color: #f3f3f3;
  font-weight: 500;
  line-height: 25px !important;
}

.globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

.globalTable .table-header .align input {
  width: 80%;
  line-height: 25px;
}

.globalTable .ui-table-tbody tr:nth-child(2n+1) {
  background: white;
}

.globalTable .ui-table-tbody tr:nth-child(2n) {
  background: #f3f3f3;
}

.globalTable .ui-table-tbody tr:hover {
  background: #c1c1c167 !important;
}

.globalTable .ui-table-tbody .activeRow {
  background: #c4d2e5 !important;
}

.globalTable th input {
  text-align: center !important;
  width: 90% !important;
  font-weight: 400 !important;
}

.globalTable .ui-table .ui-sortable-column.ui-state-highlight {
  color: black !important;
}

.globalTable .ui-table .ui-table-thead tr th {
  background: #eeeeee9e;
  border: none;
  padding: 10px 0;
  width: 100%;
  text-align: center;
}

.globalTable .ui-table .ui-table-tbody tr td {
  border: none;
  background: inherit;
  padding: 20px 0;
  text-align: center;
}

.globalTable .ui-table .ui-table-tbody tr {
  border-bottom: 1px solid #cacaca;
}

.globalTable .p-column-filter {
  border-radius: 4px;
  border: 1px solid gray;
}

.globalTable .badge-badge.status-Active {
  padding: 5px 20px;
  color: #226f4e;
  background-color: #9decbe;
  font-weight: 500;
  font-size: 12px;
}

.globalTable .badge-badge.status-Inactive {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

.globalTable .badge-badge.status-Suspended {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

.globalTable .badge-badge.status-Waiting {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

.globalTable .badge-badge.status-Pending {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

.globalTable .actionIcon {
  padding: 0 3px;
  font-size: 16px;
  cursor: pointer;
}

ion-icon {
  cursor: pointer;
}

.button-md-reset {
  background-color: #ffffff;
  color: black !important;
  border: 1px solid #e3ecf7;
}

.button-md-reset:hover {
  background-color: #ececec !important;
}

.reset:hover {
  background-color: #ececec !important;
}

.button-md-primary {
  background-color: #172B4D !important;
  color: #ffffff !important;
}

ion-button {
  background-color: #172B4D !important;
  color: #ffffff;
}

.my-custom-class .alert-button-group button:first-child {
  position: relative;
}

.my-custom-class .alert-button-group button {
  font-weight: bold;
}

.my-custom-class .alert-radio-group {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100% !important;
}

.my-custom-class button {
  text-align: center;
}

.alert-button-group button:first-child {
  position: relative !important;
  min-width: 0 !important;
}

.alert-md .alert-wrapper {
  max-width: 320px !important;
}

.alert-md .alert-message {
  font-size: 16px !important;
}

.alert-button {
  font-size: 15px !important;
}

.alert-md .alert-sub-title {
  font-size: 16px !important;
}

.alert-md .alert-title {
  font-size: 22px !important;
}

.breakclass {
  white-space: pre-line;
}

.error {
  color: red;
  float: left;
}

.topStrip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}

.infographic1 {
  border: none;
  color: #367ad2;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

.infographic1 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

.infographic1 ion-icon {
  color: black;
}

.infographic2 {
  border: none;
  color: #50d29b;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

.infographic2 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

.infographic2 ion-icon {
  color: black;
}

.infographic3 {
  border: none;
  color: #ffaa00;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

.infographic3 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

.infographic3 ion-icon {
  color: black;
}

.infographic4 {
  border: none;
  color: #f36363;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

.infographic4 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

.infographic4 ion-icon {
  color: black;
}

.infographic5 {
  border: none;
  color: #41acbf;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

.infographic5 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

.infographic5 ion-icon {
  color: black;
}

.infograph1 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #367ad2;
  font-size: 20px;
}

.infograph2 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #51b98d;
  font-size: 20px;
}

.infograph3 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #ffaa00;
  font-size: 20px;
}

.infograph4 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #dc5b54;
  font-size: 20px;
}

.infograph5 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #41acbf;
  font-size: 20px;
}

.infographtext {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 12px;
}

.successToast .toast-message {
  background-color: #d2f8d2 !important;
  color: black;
}

.errorToast .toast-message {
  background-color: #eea9a0 !important;
  color: black;
}

.actionIconsBar {
  padding-right: 20px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.ui-carousel .ui-carousel-header {
  display: none !important;
}

.userfab .fab-close-active .fab-close-icon {
  height: 40px !important;
  position: relative !important;
}

textarea.text-input {
  resize: none !important;
}

.asterisk {
  color: red;
  padding-left: 3px;
}

.m-b-t {
  margin-bottom: 4% !important;
}

.ui-radiobutton-box.ui-state-active {
  border: 1px solid #09f;
  background: #09f;
  color: #09f;
}

.alert-md .alert-message {
  overflow: auto;
}

.alert-md .alert-message .alertstyle1 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

.alert-md .alert-message .alertstyle1 b {
  width: 65px !important;
}

.alert-md .alert-message .alertstyle3 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.alert-md .alert-message .alertstyle3 b {
  width: 65px !important;
}

.alert-md .alert-message .alertstyle4 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.alert-md .alert-message .alertstyle4 b {
  width: 150px !important;
}

.alert-md .alert-message .alertstyle5 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

.alert-md .alert-message .alertstyle5 b {
  width: 75px !important;
}

.alert-md .alert-message .alertstyle5 span {
  width: 5px;
}

.alert-md .alert-message .alertstyle2 {
  text-align: left !important;
}

.alert-md .alert-message .alertstyle2 li {
  margin-top: 10px;
}

.ui-tooltip {
  background-color: #172B4D !important;
  color: #ffffff;
}

.navsebexam .toolbar-content-md {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
}

.modal-wrapper {
  height: 75%;
  top: 10%;
  position: absolute;
  display: block;
  border-radius: 10px !important;
}

.ui-picklist-source-controls.ui-picklist-buttons {
  display: none !important;
}

.ui-picklist-target-controls.ui-picklist-buttons {
  display: none !important;
}

.ui-picklist-target-controls.ui-picklist-buttons.ng-star-inserted {
  display: none !important;
}

.ellip {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.p-slider {
  background: #dee2e6;
  border: 0 none;
  border-radius: 3px;
}

.Errorbox .alert-title {
  color: #d8000c;
}

.Errorbox .alert-button {
  color: #d8000c;
}

.card-md {
  border-radius: 5px !important;
}

/* The Modal (background) */
.modal {
  display: none;
  /* Hidden by default */
  position: -webkit-sticky;
  position: sticky;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 30px;
  /* Location of the box */
  left: 0;
  right: 0;
  bottom: 150px;
  width: 400px;
  height: 400px;
  margin: auto;
  border: 4px solid;
  background-color: black;
}

/* Modal Content (image) */
.modal-content {
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
}

/* The Close Button */
.close {
  position: absolute;
  color: #f1f1f1;
  top: 0px;
  right: 10px;
  font-size: 28px;
  font-weight: bold;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

.customhr {
  width: 90%;
  background-color: #ccc;
}

.mycustomtoolbar ion-segment {
  border: none;
}

.mycustomtoolbar ion-segment-button {
  font-size: 16px !important;
  font-weight: 500 !important;
}

.mycustomtoolbar .segment-md .segment-button.activated,
.mycustomtoolbar .segment-md .segment-button.segment-activated {
  border-color: #172B4D !important;
  color: #172B4D !important;
}

.mycustomtoolbar .toolbar-background {
  background: transparent;
}

/*!
 * FullCalendar v3.2.0 Stylesheet
 * Docs & License: https://fullcalendar.io/
 * (c) 2017 Adam Shaw
 */
.fc {
  direction: ltr;
  text-align: left;
}

.fc-rtl {
  text-align: right;
}

body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}

/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-list-heading td {
  border-color: #ddd;
}

.fc-unthemed .fc-popover {
  background-color: #fff;
}

.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header,
.fc-unthemed .fc-list-heading td {
  background: #eee;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}

.fc-unthemed td.fc-today {
  background: #fcf8e3;
}

.fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3;
}

.fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3;
}

.fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}

/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
.fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
.fc-icon:after {
  position: relative;
}

.fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

.fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

.fc-icon-left-double-arrow:after {
  content: "\000AB";
  font-size: 160%;
  top: -7%;
}

.fc-icon-right-double-arrow:after {
  content: "\000BB";
  font-size: 160%;
  top: -7%;
}

.fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%;
}

.fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%;
}

.fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%;
}

.fc-icon-x:after {
  content: "\000D7";
  font-size: 200%;
  top: 6%;
}

/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
.fc button {
  /* force height to include the border and padding */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer;
}

/* Firefox has an annoying inner border */
.fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}

.fc-state-default {
  /* non-theme */
  border: 1px solid;
}

.fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* icons in buttons */
.fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .2em;
  vertical-align: middle;
}

/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
.fc-state-default {
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}

.fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

.fc-state-down,
.fc-state-active {
  background-color: #cccccc;
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* Buttons Groups
--------------------------------------------------------------------------------------------------*/
.fc-button-group {
  display: inline-block;
}

/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
.fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px;
}

.fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0;
}

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover {
  position: absolute;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px;
}

.fc-popover .fc-header .fc-title {
  margin: 0 2px;
}

.fc-popover .fc-header .fc-close {
  cursor: pointer;
}

.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}

.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}

/* unthemed */
.fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: .9em;
  margin-top: 2px;
}

/* jqui themed */
.fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */
}

/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
.fc-divider {
  border-style: solid;
  border-width: 1px;
}

hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}

.fc-clear {
  clear: both;
}

.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}

.fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}

/* Tables
--------------------------------------------------------------------------------------------------*/
.fc table {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}

.fc th {
  text-align: center;
}

.fc th,
.fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}

.fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}

/* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
a[data-goto] {
  cursor: pointer;
}

a[data-goto]:hover {
  text-decoration: underline;
}

/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
.fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}

.fc-row table {
  /* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}

.fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}

/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
.fc-row {
  position: relative;
}

.fc-row .fc-bg {
  z-index: 1;
}

/* highlighting cells & background event skeleton */
.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}

.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}

.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}

.fc-row .fc-bgevent-skeleton {
  z-index: 2;
}

.fc-row .fc-highlight-skeleton {
  z-index: 3;
}

/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
.fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}

.fc-row .fc-helper-skeleton {
  z-index: 5;
}

.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}

.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}

/* Scrolling Container
--------------------------------------------------------------------------------------------------*/
.fc-scroller {
  -webkit-overflow-scrolling: touch;
}

/* TODO: move to agenda/basic */
.fc-scroller > .fc-day-grid,
.fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}

/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */
  font-weight: normal;
  /* undo jqui's ui-widget-header bold */
}

.fc-event,
.fc-event-dot {
  background-color: #3a87ad;
  /* default BACKGROUND color */
}

/* overpower some of bootstrap's and jqui's styles on <a> tags */
.fc-event,
.fc-event:hover,
.ui-widget .fc-event {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}

.fc-event[href],
.fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}

.fc-not-allowed,
.fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}

.fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #ffffff;
  opacity: .25;
}

.fc-event .fc-content {
  position: relative;
  z-index: 2;
}

/* resizer (cursor AND touch devices) */
.fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
}

/* resizer (touch devices) */
.fc-event .fc-resizer {
  display: none;
}

.fc-event.fc-allow-mouse-resize .fc-resizer,
.fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block;
}

/* hit area */
.fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}

/* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
.fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.fc-event.fc-selected.fc-dragging {
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

/* Horizontal Events
--------------------------------------------------------------------------------------------------*/
/* bigger touch area when selected */
.fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}

/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* resizer (cursor AND touch devices) */
/* left resizer  */
.fc-ltr .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */
}

/* right resizer */
.fc-ltr .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */
}

/* resizer (mouse devices) */
.fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */
}

/* resizer (touch devices) */
.fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* vertically center */
  top: 50%;
  margin-top: -4px;
}

/* left resizer  */
.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */
}

/* right resizer */
.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */
}

/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}

tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */
}

.fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: .25;
}

.fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}

.fc-day-grid-event .fc-time {
  font-weight: bold;
}

/* resizer (cursor devices) */
/* left resizer  */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */
}

/* right resizer */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */
}

/* Event Limiting
--------------------------------------------------------------------------------------------------*/
/* "more" link that represents hidden events */
a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none;
}

a.fc-more:hover {
  text-decoration: underline;
}

.fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}

/* popover that appears when "more" link is clicked */
.fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}

.fc-more-popover {
  z-index: 2;
  width: 220px;
}

.fc-more-popover .fc-event-container {
  padding: 10px;
}

/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-now-indicator {
  position: absolute;
  border: 0 solid red;
}

/* Utilities
--------------------------------------------------------------------------------------------------*/
.fc-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* Toolbar
--------------------------------------------------------------------------------------------------*/
.fc-toolbar {
  text-align: center;
}

.fc-toolbar.fc-header-toolbar {
  margin-bottom: 1em;
}

.fc-toolbar.fc-footer-toolbar {
  margin-top: 1em;
}

.fc-toolbar .fc-left {
  float: left;
}

.fc-toolbar .fc-right {
  float: right;
}

.fc-toolbar .fc-center {
  display: inline-block;
}

/* the things within each left/right/center section */
.fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em;
}

/* the first thing within each left/center/right section */
.fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0;
}

/* title text */
.fc-toolbar h2 {
  margin: 0;
}

/* button layering (for border precedence) */
.fc-toolbar button {
  position: relative;
}

.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
  z-index: 2;
}

.fc-toolbar .fc-state-down {
  z-index: 3;
}

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
  z-index: 4;
}

.fc-toolbar button:focus {
  z-index: 5;
}

/* View Structure
--------------------------------------------------------------------------------------------------*/
/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.fc-view,
.fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}

/* BasicView
--------------------------------------------------------------------------------------------------*/
/* day row structure */
.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}

.fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}

/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
.fc-row.fc-rigid {
  overflow: hidden;
}

.fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

/* week and day number styling */
.fc-day-top.fc-other-month {
  opacity: 0.3;
}

.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
  padding: 2px;
}

.fc-basic-view th.fc-week-number,
.fc-basic-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */
}

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right;
}

.fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left;
}

.fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0;
}

.fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px;
}

.fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080;
}

/* when week/day number have own column */
.fc-basic-view td.fc-week-number {
  text-align: center;
}

.fc-basic-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}

/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
.fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}

.fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}

/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
.fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}

.fc-ltr .fc-axis {
  text-align: right;
}

.fc-rtl .fc-axis {
  text-align: left;
}

.ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome jqui theme making it bold */
}

/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
.fc-time-grid-container,
.fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}

.fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

.fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}

.fc-time-grid > .fc-bg {
  z-index: 1;
}

.fc-time-grid .fc-slats,
.fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}

.fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */
}

.fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
}

/* divs within a cell within the fc-content-skeleton */
.fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1;
}

.fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2;
}

.fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3;
}

.fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4;
}

.fc-time-grid .fc-now-indicator-line {
  z-index: 5;
}

.fc-time-grid .fc-helper-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6;
}

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}

.fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}

.fc-time-grid .fc-slats .ui-widget-content {
  /* for jqui theme */
  background: none;
  /* see through to fc-bg */
}

/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}

.fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}

/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
.fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}

.fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}

.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}

.fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}

/* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
.fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */
}

.fc-time-grid-event.fc-selected {
  /* need to allow touch resizers to extend outside event's bounding box */
  /* common fc-selected styles hide the fc-bg, so don't need this anyway */
  overflow: visible;
}

.fc-time-grid-event.fc-selected .fc-bg {
  display: none;
  /* hide semi-white background, to appear darker */
}

.fc-time-grid-event .fc-content {
  overflow: hidden;
  /* for when .fc-selected */
}

.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
  padding: 0 1px;
}

.fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap;
}

/* short mode, where time and title are on the same line */
.fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}

.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}

.fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}

.fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}

.fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
  /* seperate with a dash, wrapped in nbsp's */
}

.fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}

/* resizer (cursor device) */
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}

.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "=";
}

/* resizer (touch device) */
.fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px;
}

/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0;
}

/* arrow on axis */
.fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */
}

.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

/* List View
--------------------------------------------------------------------------------------------------*/
/* possibly reusable */
.fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}

/* view wrapper */
.fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */
}

.fc-list-view {
  border-width: 1px;
  border-style: solid;
}

/* table resets */
.fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */
}

.fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px;
}

.fc-list-table tr:first-child td {
  border-top-width: 0;
}

/* day headings with the list */
.fc-list-heading {
  border-bottom-width: 1px;
}

.fc-list-heading td {
  font-weight: bold;
}

.fc-ltr .fc-list-heading-main {
  float: left;
}

.fc-ltr .fc-list-heading-alt {
  float: right;
}

.fc-rtl .fc-list-heading-main {
  float: right;
}

.fc-rtl .fc-list-heading-alt {
  float: left;
}

/* event list items */
.fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */
}

.fc-list-item:hover td {
  background-color: #f5f5f5;
}

.fc-list-item-marker,
.fc-list-item-time {
  white-space: nowrap;
  width: 1px;
}

/* make the dot closer to the event title */
.fc-ltr .fc-list-item-marker {
  padding-right: 0;
}

.fc-rtl .fc-list-item-marker {
  padding-left: 0;
}

.fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit;
}

.fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline;
}

/* message when no events */
.fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table;
}

.fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #eee;
}

.dashboard {
  padding: 1px 16px;
}

.dashboard .top-grid-card {
  max-height: 200px;
}

.dashboard #contentchart,
.dashboard #studentchart,
.dashboard #teacherchart,
.dashboard #performancechart {
  max-width: 650px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 10px auto;
}

.dashboard .divWidth {
  width: 240px;
  line-height: 22px;
}

.dashboard .ion-item {
  font-size: 12px;
}

.dashboard .cardheight {
  height: 270px;
  max-height: 270px;
  border-radius: 5px;
}

.dashboard .middlecardheight {
  height: 240px;
  max-height: 250px;
  border-radius: 5px;
}

.dashboard .rowcardheight {
  height: 295px;
  max-height: 300px;
  border-radius: 5px;
}

.dashboard .storagecardheight {
  height: 100px;
  border-radius: 5px;
}

.dashboard .storagecardheight b {
  font-size: 14px;
  font-weight: 900;
  font-family: Helvetica, Arial, sans-serif;
}

.dashboard .storagecardheight ion-row {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding: 15px;
}

.dashboard .storagecardheight .progressbardiv {
  width: 80%;
  margin-left: 10%;
}

.dashboard .storagecardheight .progressbardiv .ui-progressbar {
  height: 1.6em;
}

.dashboard .storagecardheight .progressbardiv .ui-widget-content {
  border: 2px solid #7cfc00;
}

.dashboard .storagecardheight .progressbardiv .ui-progressbar.ui-progressbar-determinate .ui-progressbar-value {
  background: #7cfc00;
}

.dashboard .storagecardheight .progressbardiv .ui-progressbar-determinate .ui-progressbar-value-animate {
  transition: width 2s ease-in-out 0s;
  -webkit-transition: width 2s ease-in-out 0s;
}

.dashboard li {
  padding: 5px 0;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
}

.dashboard .infographicOn {
  border: 6px solid #46aeaf;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  border-radius: 10px;
  height: 100px;
  color: #46aeaf;
  line-height: 70px;
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
  -webkit-box-shadow: 0px 7px 7px 0px rgba(0, 0, 0, 0.19);
  box-shadow: 0px 7px 7px 0px rgba(0, 0, 0, 0.19);
}

.dashboard .infographicOn span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

.dashboard .infographicOff {
  border: 6px solid #3e7b97;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  border-radius: 10px;
  height: 100px;
  color: #3e7b97;
  line-height: 70px;
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
  -webkit-box-shadow: 0px 7px 7px 0px rgba(0, 0, 0, 0.19);
  box-shadow: 0px 7px 7px 0px rgba(0, 0, 0, 0.19);
}

.dashboard .infographicOff span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

.dashboard .infodivOn {
  background: #46aeaf;
  min-height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 40px;
  width: 50%;
  font-size: 20px;
  color: #fff;
  padding-left: 20px;
}

.dashboard .infodivOff {
  background: #3e7b97;
  min-height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 40px;
  width: 50%;
  font-size: 20px;
  color: #fff;
  padding-left: 20px;
}

@media (max-width: 600px) {
  .dashboard .countshow_div button {
    font-size: 12px;
  }
  .dashboard .infodiv1 {
    font-size: 11px !important;
  }
  .dashboard .infodiv2 {
    font-size: 11px !important;
  }
  .dashboard .infodiv3 {
    font-size: 11px !important;
  }
  .dashboard .infodiv4,
  .dashboard .infodivOff,
  .dashboard .infodivOn {
    font-size: 11px !important;
  }
}

page-meetings {
  /*!
 * FullCalendar v3.2.0 Stylesheet
 * Docs & License: https://fullcalendar.io/
 * (c) 2017 Adam Shaw
 */
  /* Colors
--------------------------------------------------------------------------------------------------*/
  /* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
  /*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
  /* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
  /* Firefox has an annoying inner border */
  /* icons in buttons */
  /*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
  /* Buttons Groups
--------------------------------------------------------------------------------------------------*/
  /*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
  /* Popover
--------------------------------------------------------------------------------------------------*/
  /* unthemed */
  /* jqui themed */
  /* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
  /* Tables
--------------------------------------------------------------------------------------------------*/
  /* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
  /* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
  /* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
  /* highlighting cells & background event skeleton */
  /*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
  /* Scrolling Container
--------------------------------------------------------------------------------------------------*/
  /* TODO: move to agenda/basic */
  /* Global Event Styles
--------------------------------------------------------------------------------------------------*/
  /* overpower some of bootstrap's and jqui's styles on <a> tags */
  /* resizer (cursor AND touch devices) */
  /* resizer (touch devices) */
  /* hit area */
  /* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
  /* Horizontal Events
--------------------------------------------------------------------------------------------------*/
  /* bigger touch area when selected */
  /* events that are continuing to/from another week. kill rounded corners and butt up against edge */
  /* resizer (cursor AND touch devices) */
  /* left resizer  */
  /* right resizer */
  /* resizer (mouse devices) */
  /* resizer (touch devices) */
  /* left resizer  */
  /* right resizer */
  /* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* resizer (cursor devices) */
  /* left resizer  */
  /* right resizer */
  /* Event Limiting
--------------------------------------------------------------------------------------------------*/
  /* "more" link that represents hidden events */
  /* popover that appears when "more" link is clicked */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* Utilities
--------------------------------------------------------------------------------------------------*/
  /* Toolbar
--------------------------------------------------------------------------------------------------*/
  /* the things within each left/right/center section */
  /* the first thing within each left/center/right section */
  /* title text */
  /* button layering (for border precedence) */
  /* View Structure
--------------------------------------------------------------------------------------------------*/
  /* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
  /* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
  /* BasicView
--------------------------------------------------------------------------------------------------*/
  /* day row structure */
  /* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
  /* week and day number styling */
  /* when week/day number have own column */
  /* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
  /* divs within a cell within the fc-content-skeleton */
  /* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
  /* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* short mode, where time and title are on the same line */
  /* resizer (cursor device) */
  /* resizer (touch device) */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* arrow on axis */
  /* List View
--------------------------------------------------------------------------------------------------*/
  /* possibly reusable */
  /* view wrapper */
  /* table resets */
  /* day headings with the list */
  /* event list items */
  /* make the dot closer to the event title */
  /* message when no events */
}

page-meetings .togglediv ion-icon {
  font-size: 3rem;
  float: right;
  margin-right: 10px;
}

page-meetings #calendar-container {
  height: 75vh;
}

page-meetings #calendar {
  padding: 30px;
}

page-meetings .globalTable {
  border: 1px solid lightgrey;
  min-width: 801px;
}

page-meetings .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-meetings .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

page-meetings .globalTable .table-header .align input {
  width: 60%;
  line-height: 25px;
}

page-meetings .globalTable th input {
  text-align: center;
  width: 90%;
  font-weight: 400;
}

page-meetings .globalTable .meeting-badge.status-Active {
  padding: 2px 10px;
  border-radius: 10px;
  border-color: #5ECF8D;
  color: white;
  text-align: center;
  background-color: #5ECF8D;
  font-weight: 500;
  font-size: 12px;
}

page-meetings .globalTable .meeting-badge.status-Active a {
  text-decoration: none;
  color: white;
}

page-meetings .globalTable .meeting-badge.status-Inactive {
  padding: 2px 10px;
  border-radius: 10px;
  color: black;
  text-align: center;
  border-color: #a3a3a3;
  background-color: #a3a3a3;
  font-weight: 500;
  font-size: 12px;
}

page-meetings .globalTable .meeting-badge.status-Inactive a {
  text-decoration: none;
  color: white;
}

page-meetings .globalTable .actionIcon {
  padding: 0 6px;
  font-size: 16px;
  cursor: pointer;
}

page-meetings .disabled {
  cursor: default;
}

page-meetings ion-fab {
  width: 40px !important;
  height: 40px !important;
  margin: 3%;
}

page-meetings .fc {
  direction: ltr;
  text-align: left;
}

page-meetings .fc-rtl {
  text-align: right;
}

page-meetings body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}

page-meetings .fc-unthemed th,
page-meetings .fc-unthemed td,
page-meetings .fc-unthemed thead,
page-meetings .fc-unthemed tbody,
page-meetings .fc-unthemed .fc-divider,
page-meetings .fc-unthemed .fc-row,
page-meetings .fc-unthemed .fc-content,
page-meetings .fc-unthemed .fc-popover,
page-meetings .fc-unthemed .fc-list-view,
page-meetings .fc-unthemed .fc-list-heading td {
  border-color: #ddd;
}

page-meetings .fc-unthemed .fc-popover {
  background-color: #fff;
}

page-meetings .fc-unthemed .fc-divider,
page-meetings .fc-unthemed .fc-popover .fc-header,
page-meetings .fc-unthemed .fc-list-heading td {
  background: #eee;
}

page-meetings .fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}

page-meetings .fc-unthemed td.fc-today {
  background: #fcf8e3;
}

page-meetings .fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3;
}

page-meetings .fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3;
}

page-meetings .fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}

page-meetings .fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

page-meetings .fc-icon:after {
  position: relative;
}

page-meetings .fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-meetings .fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-meetings .fc-icon-left-double-arrow:after {
  content: "\000AB";
  font-size: 160%;
  top: -7%;
}

page-meetings .fc-icon-right-double-arrow:after {
  content: "\000BB";
  font-size: 160%;
  top: -7%;
}

page-meetings .fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%;
}

page-meetings .fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%;
}

page-meetings .fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%;
}

page-meetings .fc-icon-x:after {
  content: "\000D7";
  font-size: 200%;
  top: 6%;
}

page-meetings .fc button {
  /* force height to include the border and padding */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer;
}

page-meetings .fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}

page-meetings .fc-state-default {
  /* non-theme */
  border: 1px solid;
}

page-meetings .fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

page-meetings .fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

page-meetings .fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .2em;
  vertical-align: middle;
}

page-meetings .fc-state-default {
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-meetings .fc-state-hover,
page-meetings .fc-state-down,
page-meetings .fc-state-active,
page-meetings .fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}

page-meetings .fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

page-meetings .fc-state-down,
page-meetings .fc-state-active {
  background-color: #cccccc;
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-meetings .fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}

page-meetings .fc-button-group {
  display: inline-block;
}

page-meetings .fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px;
}

page-meetings .fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0;
}

page-meetings .fc-popover {
  position: absolute;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

page-meetings .fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px;
}

page-meetings .fc-popover .fc-header .fc-title {
  margin: 0 2px;
}

page-meetings .fc-popover .fc-header .fc-close {
  cursor: pointer;
}

page-meetings .fc-ltr .fc-popover .fc-header .fc-title,
page-meetings .fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}

page-meetings .fc-rtl .fc-popover .fc-header .fc-title,
page-meetings .fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}

page-meetings .fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}

page-meetings .fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: .9em;
  margin-top: 2px;
}

page-meetings .fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */
}

page-meetings .fc-divider {
  border-style: solid;
  border-width: 1px;
}

page-meetings hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}

page-meetings .fc-clear {
  clear: both;
}

page-meetings .fc-bg,
page-meetings .fc-bgevent-skeleton,
page-meetings .fc-highlight-skeleton,
page-meetings .fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-meetings .fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}

page-meetings .fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}

page-meetings .fc table {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}

page-meetings .fc th {
  text-align: center;
}

page-meetings .fc th,
page-meetings .fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}

page-meetings .fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}

page-meetings a[data-goto] {
  cursor: pointer;
}

page-meetings a[data-goto]:hover {
  text-decoration: underline;
}

page-meetings .fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}

page-meetings .fc-row table {
  /* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}

page-meetings .fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}

page-meetings .fc-row {
  position: relative;
}

page-meetings .fc-row .fc-bg {
  z-index: 1;
}

page-meetings .fc-row .fc-bgevent-skeleton,
page-meetings .fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}

page-meetings .fc-row .fc-bgevent-skeleton table,
page-meetings .fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}

page-meetings .fc-row .fc-highlight-skeleton td,
page-meetings .fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}

page-meetings .fc-row .fc-bgevent-skeleton {
  z-index: 2;
}

page-meetings .fc-row .fc-highlight-skeleton {
  z-index: 3;
}

page-meetings .fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}

page-meetings .fc-row .fc-helper-skeleton {
  z-index: 5;
}

page-meetings .fc-row .fc-content-skeleton td,
page-meetings .fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}

page-meetings .fc-row .fc-content-skeleton tbody td,
page-meetings .fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}

page-meetings .fc-scroller {
  -webkit-overflow-scrolling: touch;
}

page-meetings .fc-scroller > .fc-day-grid,
page-meetings .fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}

page-meetings .fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */
  font-weight: normal;
  /* undo jqui's ui-widget-header bold */
}

page-meetings .fc-event,
page-meetings .fc-event-dot {
  background-color: #3a87ad;
  /* default BACKGROUND color */
}

page-meetings .fc-event,
page-meetings .fc-event:hover,
page-meetings .ui-widget .fc-event {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}

page-meetings .fc-event[href],
page-meetings .fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}

page-meetings .fc-not-allowed,
page-meetings .fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}

page-meetings .fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #ffffff;
  opacity: .25;
}

page-meetings .fc-event .fc-content {
  position: relative;
  z-index: 2;
}

page-meetings .fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
}

page-meetings .fc-event .fc-resizer {
  display: none;
}

page-meetings .fc-event.fc-allow-mouse-resize .fc-resizer,
page-meetings .fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block;
}

page-meetings .fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}

page-meetings .fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

page-meetings .fc-event.fc-selected.fc-dragging {
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

page-meetings .fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}

page-meetings .fc-ltr .fc-h-event.fc-not-start,
page-meetings .fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

page-meetings .fc-ltr .fc-h-event.fc-not-end,
page-meetings .fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

page-meetings .fc-ltr .fc-h-event .fc-start-resizer,
page-meetings .fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */
}

page-meetings .fc-ltr .fc-h-event .fc-end-resizer,
page-meetings .fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */
}

page-meetings .fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */
}

page-meetings .fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* vertically center */
  top: 50%;
  margin-top: -4px;
}

page-meetings .fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
page-meetings .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */
}

page-meetings .fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
page-meetings .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */
}

page-meetings .fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}

page-meetings tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */
}

page-meetings .fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: .25;
}

page-meetings .fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}

page-meetings .fc-day-grid-event .fc-time {
  font-weight: bold;
}

page-meetings .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
page-meetings .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */
}

page-meetings .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
page-meetings .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */
}

page-meetings a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none;
}

page-meetings a.fc-more:hover {
  text-decoration: underline;
}

page-meetings .fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}

page-meetings .fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}

page-meetings .fc-more-popover {
  z-index: 2;
  width: 220px;
}

page-meetings .fc-more-popover .fc-event-container {
  padding: 10px;
}

page-meetings .fc-now-indicator {
  position: absolute;
  border: 0 solid red;
}

page-meetings .fc-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

page-meetings .fc-toolbar {
  text-align: center;
}

page-meetings .fc-toolbar.fc-header-toolbar {
  margin-bottom: 1em;
}

page-meetings .fc-toolbar.fc-footer-toolbar {
  margin-top: 1em;
}

page-meetings .fc-toolbar .fc-left {
  float: left;
}

page-meetings .fc-toolbar .fc-right {
  float: right;
}

page-meetings .fc-toolbar .fc-center {
  display: inline-block;
}

page-meetings .fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em;
}

page-meetings .fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0;
}

page-meetings .fc-toolbar h2 {
  margin: 0;
}

page-meetings .fc-toolbar button {
  position: relative;
}

page-meetings .fc-toolbar .fc-state-hover,
page-meetings .fc-toolbar .ui-state-hover {
  z-index: 2;
}

page-meetings .fc-toolbar .fc-state-down {
  z-index: 3;
}

page-meetings .fc-toolbar .fc-state-active,
page-meetings .fc-toolbar .ui-state-active {
  z-index: 4;
}

page-meetings .fc-toolbar button:focus {
  z-index: 5;
}

page-meetings .fc-view-container *,
page-meetings .fc-view-container *:before,
page-meetings .fc-view-container *:after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

page-meetings .fc-view,
page-meetings .fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}

page-meetings .fc-basicWeek-view .fc-content-skeleton,
page-meetings .fc-basicDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}

page-meetings .fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}

page-meetings .fc-row.fc-rigid {
  overflow: hidden;
}

page-meetings .fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-meetings .fc-day-top.fc-other-month {
  opacity: 0.3;
}

page-meetings .fc-basic-view .fc-week-number,
page-meetings .fc-basic-view .fc-day-number {
  padding: 2px;
}

page-meetings .fc-basic-view th.fc-week-number,
page-meetings .fc-basic-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */
}

page-meetings .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right;
}

page-meetings .fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left;
}

page-meetings .fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0;
}

page-meetings .fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px;
}

page-meetings .fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080;
}

page-meetings .fc-basic-view td.fc-week-number {
  text-align: center;
}

page-meetings .fc-basic-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}

page-meetings .fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}

page-meetings .fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}

page-meetings .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}

page-meetings .fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}

page-meetings .fc-ltr .fc-axis {
  text-align: right;
}

page-meetings .fc-rtl .fc-axis {
  text-align: left;
}

page-meetings .ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome jqui theme making it bold */
}

page-meetings .fc-time-grid-container,
page-meetings .fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}

page-meetings .fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

page-meetings .fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}

page-meetings .fc-time-grid > .fc-bg {
  z-index: 1;
}

page-meetings .fc-time-grid .fc-slats,
page-meetings .fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}

page-meetings .fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */
}

page-meetings .fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
}

page-meetings .fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1;
}

page-meetings .fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2;
}

page-meetings .fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3;
}

page-meetings .fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4;
}

page-meetings .fc-time-grid .fc-now-indicator-line {
  z-index: 5;
}

page-meetings .fc-time-grid .fc-helper-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6;
}

page-meetings .fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}

page-meetings .fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}

page-meetings .fc-time-grid .fc-slats .ui-widget-content {
  /* for jqui theme */
  background: none;
  /* see through to fc-bg */
}

page-meetings .fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}

page-meetings .fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}

page-meetings .fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}

page-meetings .fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}

page-meetings .fc-time-grid .fc-event,
page-meetings .fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}

page-meetings .fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}

page-meetings .fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

page-meetings .fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

page-meetings .fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */
}

page-meetings .fc-time-grid-event.fc-selected {
  /* need to allow touch resizers to extend outside event's bounding box */
  /* common fc-selected styles hide the fc-bg, so don't need this anyway */
  overflow: visible;
}

page-meetings .fc-time-grid-event.fc-selected .fc-bg {
  display: none;
  /* hide semi-white background, to appear darker */
}

page-meetings .fc-time-grid-event .fc-content {
  overflow: hidden;
  /* for when .fc-selected */
}

page-meetings .fc-time-grid-event .fc-time,
page-meetings .fc-time-grid-event .fc-title {
  padding: 0 1px;
}

page-meetings .fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap;
}

page-meetings .fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}

page-meetings .fc-time-grid-event.fc-short .fc-time,
page-meetings .fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}

page-meetings .fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}

page-meetings .fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}

page-meetings .fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
  /* seperate with a dash, wrapped in nbsp's */
}

page-meetings .fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}

page-meetings .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}

page-meetings .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "=";
}

page-meetings .fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px;
}

page-meetings .fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0;
}

page-meetings .fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */
}

page-meetings .fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-meetings .fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-meetings .fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}

page-meetings .fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */
}

page-meetings .fc-list-view {
  border-width: 1px;
  border-style: solid;
}

page-meetings .fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */
}

page-meetings .fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px;
}

page-meetings .fc-list-table tr:first-child td {
  border-top-width: 0;
}

page-meetings .fc-list-heading {
  border-bottom-width: 1px;
}

page-meetings .fc-list-heading td {
  font-weight: bold;
}

page-meetings .fc-ltr .fc-list-heading-main {
  float: left;
}

page-meetings .fc-ltr .fc-list-heading-alt {
  float: right;
}

page-meetings .fc-rtl .fc-list-heading-main {
  float: right;
}

page-meetings .fc-rtl .fc-list-heading-alt {
  float: left;
}

page-meetings .fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */
}

page-meetings .fc-list-item:hover td {
  background-color: #f5f5f5;
}

page-meetings .fc-list-item-marker,
page-meetings .fc-list-item-time {
  white-space: nowrap;
  width: 1px;
}

page-meetings .fc-ltr .fc-list-item-marker {
  padding-right: 0;
}

page-meetings .fc-rtl .fc-list-item-marker {
  padding-left: 0;
}

page-meetings .fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit;
}

page-meetings .fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline;
}

page-meetings .fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

page-meetings .fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table;
}

page-meetings .fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

page-meetings .fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #eee;
}

page-modal-quiz-create {
  /* ANIMATION */
  /* SHADOWS */
  /*
 *
 *   MaterialWrap - Bootstrap + Material Design Admin Theme

 
*/
  /*
 * CSS Transform - Scale and Rotate
 */
  /* The Modal (background) */
  /* Modal Content (image) */
  /* The Close Button */
  /*!
 * FullCalendar v3.2.0 Stylesheet
 * Docs & License: https://fullcalendar.io/
 * (c) 2017 Adam Shaw
 */
  /* Colors
--------------------------------------------------------------------------------------------------*/
  /* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
  /*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
  /* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
  /* Firefox has an annoying inner border */
  /* icons in buttons */
  /*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
  /* Buttons Groups
--------------------------------------------------------------------------------------------------*/
  /*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
  /* Popover
--------------------------------------------------------------------------------------------------*/
  /* unthemed */
  /* jqui themed */
  /* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
  /* Tables
--------------------------------------------------------------------------------------------------*/
  /* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
  /* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
  /* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
  /* highlighting cells & background event skeleton */
  /*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
  /* Scrolling Container
--------------------------------------------------------------------------------------------------*/
  /* TODO: move to agenda/basic */
  /* Global Event Styles
--------------------------------------------------------------------------------------------------*/
  /* overpower some of bootstrap's and jqui's styles on <a> tags */
  /* resizer (cursor AND touch devices) */
  /* resizer (touch devices) */
  /* hit area */
  /* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
  /* Horizontal Events
--------------------------------------------------------------------------------------------------*/
  /* bigger touch area when selected */
  /* events that are continuing to/from another week. kill rounded corners and butt up against edge */
  /* resizer (cursor AND touch devices) */
  /* left resizer  */
  /* right resizer */
  /* resizer (mouse devices) */
  /* resizer (touch devices) */
  /* left resizer  */
  /* right resizer */
  /* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* resizer (cursor devices) */
  /* left resizer  */
  /* right resizer */
  /* Event Limiting
--------------------------------------------------------------------------------------------------*/
  /* "more" link that represents hidden events */
  /* popover that appears when "more" link is clicked */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* Utilities
--------------------------------------------------------------------------------------------------*/
  /* Toolbar
--------------------------------------------------------------------------------------------------*/
  /* the things within each left/right/center section */
  /* the first thing within each left/center/right section */
  /* title text */
  /* button layering (for border precedence) */
  /* View Structure
--------------------------------------------------------------------------------------------------*/
  /* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
  /* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
  /* BasicView
--------------------------------------------------------------------------------------------------*/
  /* day row structure */
  /* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
  /* week and day number styling */
  /* when week/day number have own column */
  /* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
  /* divs within a cell within the fc-content-skeleton */
  /* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
  /* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* short mode, where time and title are on the same line */
  /* resizer (cursor device) */
  /* resizer (touch device) */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* arrow on axis */
  /* List View
--------------------------------------------------------------------------------------------------*/
  /* possibly reusable */
  /* view wrapper */
  /* table resets */
  /* day headings with the list */
  /* event list items */
  /* make the dot closer to the event title */
  /* message when no events */
}

page-modal-quiz-create .letter-sp-1 {
  letter-spacing: 1px;
}

page-modal-quiz-create .letter-sp-2 {
  letter-spacing: 2px;
}

page-modal-quiz-create .letter-sp-3 {
  letter-spacing: 3px;
}

page-modal-quiz-create .m-0 {
  margin: 0 !important;
}

page-modal-quiz-create .m-5 {
  margin: 5px !important;
}

page-modal-quiz-create .m-10 {
  margin: 10px !important;
}

page-modal-quiz-create .m-15 {
  margin: 15px !important;
}

page-modal-quiz-create .m-20 {
  margin: 20px !important;
}

page-modal-quiz-create .m-30 {
  margin: 30px !important;
}

page-modal-quiz-create .m-50 {
  margin: 50px !important;
}

page-modal-quiz-create .m-b-100 {
  margin-bottom: 100px !important;
}

page-modal-quiz-create .m-b-15 {
  margin-bottom: 15px !important;
}

page-modal-quiz-create .m-b-20 {
  margin-bottom: 20px !important;
}

page-modal-quiz-create .m-b-0 {
  margin-bottom: 0 !important;
}

page-modal-quiz-create .m-l-0 {
  margin-left: 0 !important;
}

page-modal-quiz-create .m-l-5 {
  margin-left: 5px !important;
}

page-modal-quiz-create .m-l-10 {
  margin-left: 10px !important;
}

page-modal-quiz-create .m-l-15 {
  margin-left: 15px !important;
}

page-modal-quiz-create .m-l-20 {
  margin-left: 20px !important;
}

page-modal-quiz-create .m-l-30 {
  margin-left: 30px !important;
}

page-modal-quiz-create .m-l-40 {
  margin-left: 40px !important;
}

page-modal-quiz-create .m-l-50 {
  margin-left: 50px !important;
}

page-modal-quiz-create .m-l-n-1 {
  margin-left: -1px !important;
}

page-modal-quiz-create .m-l-n-5 {
  margin-left: -5px !important;
}

page-modal-quiz-create .m-l-n-10 {
  margin-left: -10px !important;
}

page-modal-quiz-create .m-l-n-15 {
  margin-left: -15px !important;
}

page-modal-quiz-create .m-l-n-20 {
  margin-left: -20px !important;
}

page-modal-quiz-create .m-l-n-30 {
  margin-left: -30px !important;
}

page-modal-quiz-create .m-l-n-40 {
  margin-left: -40px !important;
}

page-modal-quiz-create .m-l-n-50 {
  margin-left: -50px !important;
}

page-modal-quiz-create .m-t-0 {
  margin-top: 0 !important;
}

page-modal-quiz-create .m-t-1 {
  margin-top: 1px !important;
}

page-modal-quiz-create .m-t-2 {
  margin-top: 2px;
}

page-modal-quiz-create .m-t-2p {
  margin-top: 2% !important;
}

page-modal-quiz-create .m-t-5p {
  margin-top: 5% !important;
}

page-modal-quiz-create .m-t-25p {
  margin-top: 25% !important;
}

page-modal-quiz-create .m-t-30p {
  margin-top: 30% !important;
}

page-modal-quiz-create .m-t-4 {
  margin-top: 4px !important;
}

page-modal-quiz-create .m-t-5 {
  margin-top: 5px !important;
}

page-modal-quiz-create .m-t-5p {
  margin-top: 5% !important;
}

page-modal-quiz-create .m-t-10 {
  margin-top: 10px !important;
}

page-modal-quiz-create .m-t-15 {
  margin-top: 15px !important;
}

page-modal-quiz-create .m-t-20 {
  margin-top: 20px !important;
}

page-modal-quiz-create .m-t-30 {
  margin-top: 30px !important;
}

page-modal-quiz-create .m-t-40 {
  margin-top: 40px !important;
}

page-modal-quiz-create .m-t-50 {
  margin-top: 50px !important;
}

page-modal-quiz-create .m-t-75 {
  margin-top: 75px !important;
}

page-modal-quiz-create .m-t-100 {
  margin-top: 100px !important;
}

page-modal-quiz-create .m-t-120 {
  margin-top: 120px !important;
}

page-modal-quiz-create .m-t-140 {
  margin-top: 140px !important;
}

page-modal-quiz-create .m-t-n-1 {
  margin-top: -1px !important;
}

page-modal-quiz-create .m-t-n-5 {
  margin-top: -5px !important;
}

page-modal-quiz-create .m-t-n-10 {
  margin-top: -10px !important;
}

page-modal-quiz-create .m-t-n-15 {
  margin-top: -15px !important;
}

page-modal-quiz-create .m-t-n-20 {
  margin-top: -20px !important;
}

page-modal-quiz-create .m-t-n-30 {
  margin-top: -30px !important;
}

page-modal-quiz-create .m-t-n-40 {
  margin-top: -40px !important;
}

page-modal-quiz-create .m-t-n-50 {
  margin-top: -50px !important;
}

page-modal-quiz-create .m-r-0 {
  margin-right: 0 !important;
}

page-modal-quiz-create .m-r-1 {
  margin-right: 1px !important;
}

page-modal-quiz-create .m-r-5 {
  margin-right: 5px !important;
}

page-modal-quiz-create .m-r-10 {
  margin-right: 10px !important;
}

page-modal-quiz-create .m-r-15 {
  margin-right: 15px !important;
}

page-modal-quiz-create .m-r-20 {
  margin-right: 20px !important;
}

page-modal-quiz-create .m-r-30 {
  margin-right: 30px !important;
}

page-modal-quiz-create .m-r-40 {
  margin-right: 40px !important;
}

page-modal-quiz-create .m-r-50 {
  margin-right: 50px !important;
}

page-modal-quiz-create .m-r-n-1 {
  margin-right: -1px !important;
}

page-modal-quiz-create .m-r-n-5 {
  margin-right: -5px !important;
}

page-modal-quiz-create .m-r-n-10 {
  margin-right: -10px !important;
}

page-modal-quiz-create .m-r-n-15 {
  margin-right: -15px !important;
}

page-modal-quiz-create .m-r-n-20 {
  margin-right: -20px !important;
}

page-modal-quiz-create .m-r-n-30 {
  margin-right: -30px !important;
}

page-modal-quiz-create .m-r-n-40 {
  margin-right: -40px !important;
}

page-modal-quiz-create .m-r-n-50 {
  margin-right: -50px !important;
}

page-modal-quiz-create .m-b-0 {
  margin-bottom: 0 !important;
}

page-modal-quiz-create .m-b-1 {
  margin-bottom: 1px !important;
}

page-modal-quiz-create .m-b-4 {
  margin-bottom: 4px !important;
}

page-modal-quiz-create .m-b-5 {
  margin-bottom: 5px !important;
}

page-modal-quiz-create .m-b-10 {
  margin-bottom: 10px !important;
}

page-modal-quiz-create .m-b-15 {
  margin-bottom: 15px !important;
}

page-modal-quiz-create .m-b-20 {
  margin-bottom: 20px !important;
}

page-modal-quiz-create .m-b-30 {
  margin-bottom: 30px !important;
}

page-modal-quiz-create .m-b-40 {
  margin-bottom: 40px !important;
}

page-modal-quiz-create .m-b-50 {
  margin-bottom: 50px !important;
}

page-modal-quiz-create .m-b-n-1 {
  margin-bottom: -1px !important;
}

page-modal-quiz-create .m-b-n-5 {
  margin-bottom: -5px !important;
}

page-modal-quiz-create .m-b-n-10 {
  margin-bottom: -10px !important;
}

page-modal-quiz-create .m-b-n-15 {
  margin-bottom: -15px !important;
}

page-modal-quiz-create .m-b-n-20 {
  margin-bottom: -20px !important;
}

page-modal-quiz-create .m-b-n-30 {
  margin-bottom: -30px !important;
}

page-modal-quiz-create .m-b-n-40 {
  margin-bottom: -40px !important;
}

page-modal-quiz-create .m-b-n-50 {
  margin-bottom: -50px !important;
}

page-modal-quiz-create .p-0 {
  padding: 0 !important;
}

page-modal-quiz-create .p-5 {
  padding: 5px !important;
}

page-modal-quiz-create .p-10 {
  padding: 10px !important;
}

page-modal-quiz-create .p-15 {
  padding: 15px !important;
}

page-modal-quiz-create .p-20 {
  padding: 20px !important;
}

page-modal-quiz-create .p-25 {
  padding: 25px !important;
}

page-modal-quiz-create .p-30 {
  padding: 30px !important;
}

page-modal-quiz-create .p-40 {
  padding: 40px !important;
}

page-modal-quiz-create .p-50 {
  padding: 50px !important;
}

page-modal-quiz-create .p-75 {
  padding: 75px !important;
}

page-modal-quiz-create .p-100 {
  padding: 100px !important;
}

page-modal-quiz-create .p-lr {
  padding: 0px 4% 0px 4%;
}

page-modal-quiz-create .p-l-0 {
  padding-left: 0 !important;
}

page-modal-quiz-create .p-l-5 {
  padding-left: 5px !important;
}

page-modal-quiz-create .p-l-10 {
  padding-left: 10px !important;
}

page-modal-quiz-create .p-l-12 {
  padding-left: 12px !important;
}

page-modal-quiz-create .p-l-15 {
  padding-left: 15px !important;
}

page-modal-quiz-create .p-l-16 {
  padding-left: 16px !important;
}

page-modal-quiz-create .p-l-20 {
  padding-left: 20px !important;
}

page-modal-quiz-create .p-l-25 {
  padding-left: 25px !important;
}

page-modal-quiz-create .p-l-30 {
  padding-left: 30px !important;
}

page-modal-quiz-create .p-l-40 {
  padding-left: 40px !important;
}

page-modal-quiz-create .p-l-50 {
  padding-left: 50px !important;
}

page-modal-quiz-create .p-l-75 {
  padding-left: 75px !important;
}

page-modal-quiz-create .p-l-100 {
  padding-left: 100px !important;
}

page-modal-quiz-create .p-r-0 {
  padding-right: 0 !important;
}

page-modal-quiz-create .p-r-5 {
  padding-right: 5px !important;
}

page-modal-quiz-create .p-r-10 {
  padding-right: 10px !important;
}

page-modal-quiz-create .p-r-12 {
  padding-right: 12px !important;
}

page-modal-quiz-create .p-r-15 {
  padding-right: 15px !important;
}

page-modal-quiz-create .p-r-20 {
  padding-right: 20px !important;
}

page-modal-quiz-create .p-r-25 {
  padding-right: 25px !important;
}

page-modal-quiz-create .p-r-30 {
  padding-right: 30px !important;
}

page-modal-quiz-create .p-r-40 {
  padding-right: 40px !important;
}

page-modal-quiz-create .p-r-50 {
  padding-right: 50px !important;
}

page-modal-quiz-create .p-r-75 {
  padding-right: 75px !important;
}

page-modal-quiz-create .p-r-100 {
  padding-right: 100px !important;
}

page-modal-quiz-create .p-b-0 {
  padding-bottom: 0 !important;
}

page-modal-quiz-create .p-b-5 {
  padding-bottom: 5px !important;
}

page-modal-quiz-create .p-b-10 {
  padding-bottom: 10px !important;
}

page-modal-quiz-create .p-b-15 {
  padding-bottom: 15px !important;
}

page-modal-quiz-create .p-b-16 {
  padding-bottom: 16px !important;
}

page-modal-quiz-create .p-b-20 {
  padding-bottom: 20px !important;
}

page-modal-quiz-create .p-b-25 {
  padding-bottom: 25px !important;
}

page-modal-quiz-create .p-b-30 {
  padding-bottom: 30px !important;
}

page-modal-quiz-create .p-b-40 {
  padding-bottom: 40px !important;
}

page-modal-quiz-create .p-b-50 {
  padding-bottom: 50px !important;
}

page-modal-quiz-create .p-b-60 {
  padding-bottom: 60px !important;
}

page-modal-quiz-create .p-b-70 {
  padding-bottom: 70px !important;
}

page-modal-quiz-create .p-b-80 {
  padding-bottom: 80px !important;
}

page-modal-quiz-create .p-b-90 {
  padding-bottom: 90px !important;
}

page-modal-quiz-create .p-b-100 {
  padding-bottom: 100px !important;
}

page-modal-quiz-create .p-t-0 {
  padding-top: 0 !important;
}

page-modal-quiz-create .p-t-5 {
  padding-top: 5px !important;
}

page-modal-quiz-create .p-t-7 {
  padding-top: 7px !important;
}

page-modal-quiz-create .p-t-10 {
  padding-top: 10px !important;
}

page-modal-quiz-create .p-t-15 {
  padding-top: 15px !important;
}

page-modal-quiz-create .p-t-16 {
  padding-top: 16px !important;
}

page-modal-quiz-create .p-t-20 {
  padding-top: 20px !important;
}

page-modal-quiz-create .p-t-25 {
  padding-top: 25px !important;
}

page-modal-quiz-create .p-t-30 {
  padding-top: 30px !important;
}

page-modal-quiz-create .p-t-40 {
  padding-top: 40px !important;
}

page-modal-quiz-create .p-t-50 {
  padding-top: 50px !important;
}

page-modal-quiz-create .p-t-75 {
  padding-top: 75px !important;
}

page-modal-quiz-create .p-t-100 {
  padding-top: 100px !important;
}

page-modal-quiz-create .p-t-120 {
  padding-top: 120px !important;
}

page-modal-quiz-create .p-t-130 {
  padding-top: 130px !important;
}

page-modal-quiz-create .p-t-140 {
  padding-top: 140px !important;
}

page-modal-quiz-create .p-t-150 {
  padding-top: 150px !important;
}

page-modal-quiz-create .block {
  display: block !important;
}

page-modal-quiz-create .img-xs {
  width: 30px;
  height: 30px;
}

page-modal-quiz-create .img-sm {
  width: 35px;
  height: 35px;
}

page-modal-quiz-create .img-md {
  width: 55px;
  height: 55px;
}

page-modal-quiz-create .img-lg {
  width: 100px;
  height: 100px;
}

page-modal-quiz-create .min-w-800 {
  min-width: 800px !important;
}

page-modal-quiz-create .min-w-1000 {
  min-width: 1000px !important;
}

page-modal-quiz-create .min-w-1100 {
  min-width: 1100px !important;
}

page-modal-quiz-create .max-w-20 {
  max-width: 20px !important;
}

page-modal-quiz-create .max-w-30 {
  max-width: 30px !important;
}

page-modal-quiz-create .max-w-32 {
  max-width: 35px !important;
}

page-modal-quiz-create .max-w-35 {
  max-width: 35px !important;
}

page-modal-quiz-create .max-w-40 {
  max-width: 40px !important;
}

page-modal-quiz-create .max-w-50 {
  max-width: 50px !important;
}

page-modal-quiz-create .max-w-75 {
  max-width: 75px !important;
}

page-modal-quiz-create .max-w-100 {
  max-width: 100px !important;
}

page-modal-quiz-create .max-w-150 {
  max-width: 150px !important;
}

page-modal-quiz-create .max-w-200 {
  max-width: 200px !important;
}

page-modal-quiz-create .max-w-300 {
  max-width: 300px !important;
}

page-modal-quiz-create .max-w-400 {
  max-width: 400px !important;
}

page-modal-quiz-create .overflow-hidden {
  overflow: hidden;
}

page-modal-quiz-create .overflow-auto {
  overflow: auto;
}

page-modal-quiz-create .max-h-50 {
  max-height: 50px !important;
}

page-modal-quiz-create .max-h-80 {
  max-height: 80px !important;
}

page-modal-quiz-create .max-h-100 {
  max-height: 100px !important;
}

page-modal-quiz-create .max-h-150 {
  max-height: 150px !important;
}

page-modal-quiz-create .max-h-200 {
  max-height: 200px !important;
}

page-modal-quiz-create .max-h-250 {
  max-height: 250px !important;
}

page-modal-quiz-create .max-h-300 {
  max-height: 300px !important;
}

page-modal-quiz-create .max-h-350 {
  max-height: 300px !important;
}

page-modal-quiz-create .max-h-375 {
  max-height: 300px !important;
}

page-modal-quiz-create .max-h-400 {
  max-height: 400px !important;
}

page-modal-quiz-create .max-h-450 {
  max-height: 450px !important;
}

page-modal-quiz-create .max-h-500 {
  max-height: 500px !important;
}

page-modal-quiz-create .max-h-600 {
  max-height: 600px !important;
}

page-modal-quiz-create .max-h-650 {
  max-height: 650px !important;
}

page-modal-quiz-create .max-h-700 {
  max-height: 700px !important;
}

page-modal-quiz-create .max-h-800 {
  max-height: 800px !important;
}

page-modal-quiz-create .max-h-900 {
  max-height: 900px !important;
}

page-modal-quiz-create .max-h-1000 {
  max-height: 1000px !important;
}

page-modal-quiz-create .min-h-0 {
  min-height: 0 !important;
}

page-modal-quiz-create .min-h-50 {
  min-height: 50px !important;
}

page-modal-quiz-create .min-h-100 {
  min-height: 100px !important;
}

page-modal-quiz-create .min-h-200 {
  min-height: 200px !important;
}

page-modal-quiz-create .min-h-250 {
  min-height: 250px !important;
}

page-modal-quiz-create .min-h-300 {
  min-height: 300px !important;
}

page-modal-quiz-create .min-h-350 {
  min-height: 300px !important;
}

page-modal-quiz-create .min-h-375 {
  min-height: 300px !important;
}

page-modal-quiz-create .min-h-400 {
  min-height: 400px !important;
}

page-modal-quiz-create .min-h-450 {
  min-height: 450px !important;
}

page-modal-quiz-create .min-h-500 {
  min-height: 500px !important;
}

page-modal-quiz-create .min-h-600 {
  min-height: 600px !important;
}

page-modal-quiz-create .min-h-650 {
  min-height: 650px !important;
}

page-modal-quiz-create .min-h-700 {
  min-height: 700px !important;
}

page-modal-quiz-create .min-h-800 {
  min-height: 800px !important;
}

page-modal-quiz-create .min-h-900 {
  min-height: 900px !important;
}

page-modal-quiz-create .min-h-1000 {
  min-height: 1000px !important;
}

page-modal-quiz-create .h-5 {
  height: 5px !important;
}

page-modal-quiz-create .h-10 {
  height: 10px !important;
}

page-modal-quiz-create .h-20 {
  height: 20px !important;
}

page-modal-quiz-create .h-25 {
  height: 25px !important;
}

page-modal-quiz-create .h-50 {
  height: 50px !important;
}

page-modal-quiz-create .h-75 {
  height: 75px !important;
}

page-modal-quiz-create .h-100 {
  height: 100px !important;
}

page-modal-quiz-create .h-125 {
  height: 125px !important;
}

page-modal-quiz-create .h-150 {
  height: 150px !important;
}

page-modal-quiz-create .h-200 {
  height: 200px !important;
}

page-modal-quiz-create .h-300 {
  height: 300px !important;
}

page-modal-quiz-create .h-350 {
  height: 350px !important;
}

page-modal-quiz-create .h-400 {
  height: 400px !important;
}

page-modal-quiz-create .h-450 {
  height: 450px !important;
}

page-modal-quiz-create .h-500 {
  height: 500px !important;
}

page-modal-quiz-create .h-600 {
  height: 600px !important;
}

page-modal-quiz-create .h-650 {
  height: 650px !important;
}

page-modal-quiz-create .h-700 {
  height: 700px !important;
}

page-modal-quiz-create .h-800 {
  height: 800px !important;
}

page-modal-quiz-create .h-900 {
  height: 900px !important;
}

page-modal-quiz-create .h-1000 {
  height: 1000px !important;
}

page-modal-quiz-create .w-5 {
  width: 5px !important;
}

page-modal-quiz-create .w-10 {
  width: 10px !important;
}

page-modal-quiz-create .w-15 {
  width: 15px !important;
}

page-modal-quiz-create .w-20 {
  width: 20px !important;
}

page-modal-quiz-create .w-30 {
  width: 30px !important;
}

page-modal-quiz-create .w-40 {
  width: 40px !important;
}

page-modal-quiz-create .w-50 {
  width: 50px !important;
}

page-modal-quiz-create .w-60 {
  width: 60px !important;
}

page-modal-quiz-create .w-80 {
  width: 80px !important;
}

page-modal-quiz-create .w-100 {
  width: 100px !important;
}

page-modal-quiz-create .w-150 {
  width: 150px !important;
}

page-modal-quiz-create .w-190 {
  width: 190px !important;
}

page-modal-quiz-create .w-200 {
  width: 200px !important;
}

page-modal-quiz-create .w-250 {
  width: 250px !important;
}

page-modal-quiz-create .w-300 {
  width: 300px !important;
}

page-modal-quiz-create .w-600 {
  width: 600px !important;
}

page-modal-quiz-create .w-100p {
  width: 100% !important;
}

page-modal-quiz-create .w-95p {
  width: 95% !important;
}

page-modal-quiz-create .w-90p {
  width: 90% !important;
}

page-modal-quiz-create .w-80p {
  width: 80% !important;
}

page-modal-quiz-create .w-70p {
  width: 70% !important;
}

page-modal-quiz-create .w-60p {
  width: 60% !important;
}

page-modal-quiz-create .w-50p {
  width: 50% !important;
}

page-modal-quiz-create .w-45p {
  width: 45% !important;
}

page-modal-quiz-create .w-40p {
  width: 40% !important;
}

page-modal-quiz-create .w-30p {
  width: 30% !important;
}

page-modal-quiz-create .w-25p {
  width: 25% !important;
}

page-modal-quiz-create .w-20p {
  width: 20% !important;
}

page-modal-quiz-create .w-15p {
  width: 15% !important;
}

page-modal-quiz-create .w-10p {
  width: 10% !important;
}

page-modal-quiz-create .w-8p {
  width: 8% !important;
}

page-modal-quiz-create .w-5p {
  width: 5% !important;
}

page-modal-quiz-create .w-3p {
  width: 3% !important;
}

page-modal-quiz-create .w-95p {
  width: 95% !important;
}

page-modal-quiz-create .h-100p {
  height: 100% !important;
}

page-modal-quiz-create .h-80p {
  height: 80% !important;
}

page-modal-quiz-create .absolute {
  position: absolute !important;
}

page-modal-quiz-create .relative {
  position: relative !important;
}

page-modal-quiz-create .block {
  display: block !important;
}

page-modal-quiz-create .inline-block {
  display: inline-block !important;
}

page-modal-quiz-create .list-block li {
  display: block !important;
}

page-modal-quiz-create .list-inline li {
  display: inline !important;
}

page-modal-quiz-create .clear-both {
  clear: both !important;
}

page-modal-quiz-create .line-height-normal {
  line-height: normal !important;
}

page-modal-quiz-create .line-height-8 {
  line-height: 8px !important;
}

page-modal-quiz-create .line-height-14 {
  line-height: 14px !important;
}

page-modal-quiz-create .line-height-12 {
  line-height: normal !important;
}

page-modal-quiz-create ul.style-none {
  margin: 0;
  padding: 0;
  list-style: none;
}

page-modal-quiz-create ul.style-none li {
  font-size: 0.875rem;
  padding: 3px 0;
}

page-modal-quiz-create ul.style-none li ul {
  list-style: none;
}

page-modal-quiz-create ul.vertical-icon-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

page-modal-quiz-create ul.vertical-icon-list li {
  font-size: 0.875rem;
  padding: 6px 0;
}

page-modal-quiz-create ul.vertical-icon-list li i {
  font-size: 1.25rem;
  padding-right: 15px;
  vertical-align: middle;
}

page-modal-quiz-create .bg-white {
  background: #ffffff !important;
}

page-modal-quiz-create .bg-green {
  background: #28bebd !important;
}

page-modal-quiz-create .bg-blue {
  background: #42a5f5 !important;
}

page-modal-quiz-create .bg-lightBlue {
  background: #2ebaee !important;
}

page-modal-quiz-create .bg-red {
  background: #ef5350 !important;
}

page-modal-quiz-create .bg-yellow {
  background: #f8c200 !important;
}

page-modal-quiz-create .bg-paleYellow {
  background: #fddd7e !important;
}

page-modal-quiz-create .bg-lightGray {
  background: #e3ecf7 !important;
}

page-modal-quiz-create .bg-gray {
  background: #8f9eb5 !important;
}

page-modal-quiz-create .bg-drakGray {
  background: #707c94 !important;
}

page-modal-quiz-create .bg-grayBlue {
  background: #59779b !important;
}

page-modal-quiz-create .bg-purple {
  background: #6b79c4 !important;
}

page-modal-quiz-create .bg-turquoise {
  background: #00c5dc !important;
}

page-modal-quiz-create .bg-peach {
  background: #feb38d !important;
}

page-modal-quiz-create .bg-transparent {
  background: transparent !important;
}

page-modal-quiz-create .text-primary {
  color: #172B4D !important;
}

page-modal-quiz-create .text-link {
  color: #0645ad !important;
}

page-modal-quiz-create .text-green {
  color: #28bebd !important;
}

page-modal-quiz-create .text-turquoise {
  color: #00c5dc !important;
}

page-modal-quiz-create .text-red {
  color: #ef5350 !important;
}

page-modal-quiz-create .text-cyan {
  color: #26c6da !important;
}

page-modal-quiz-create .text-yellow {
  color: #f8c200 !important;
}

page-modal-quiz-create .text-gray {
  color: #8f9eb5 !important;
}

page-modal-quiz-create .text-blue {
  color: #42a5f5 !important;
}

page-modal-quiz-create .text-orange {
  color: #ffb74d !important;
}

page-modal-quiz-create .text-purple {
  color: #6b79c4 !important;
}

page-modal-quiz-create .text-white {
  color: #fff !important;
}

page-modal-quiz-create .text-brown {
  color: #906b6b !important;
}

page-modal-quiz-create .text-salmon {
  color: #ee6e73 !important;
}

page-modal-quiz-create .text-muted {
  color: #8396b0;
}

page-modal-quiz-create .color-black {
  color: #000 !important;
}

page-modal-quiz-create .color-white {
  color: #fff !important;
}

page-modal-quiz-create .bg-white {
  background-color: #fff !important;
}

page-modal-quiz-create .transparent {
  background: transparent !important;
}

page-modal-quiz-create .bg-primary {
  background-color: #172B4D !important;
}

page-modal-quiz-create .border-bottom,
page-modal-quiz-create .border-grey-bottom-1px {
  border-bottom: 1px solid rgba(215, 225, 237, 0.8) !important;
}

page-modal-quiz-create .border-grey-top-1px,
page-modal-quiz-create .border-top {
  border-top: 1px solid rgba(215, 225, 237, 0.6) !important;
}

page-modal-quiz-create .border-bottom-black-2px {
  border-bottom: 2px solid black;
}

page-modal-quiz-create .border-top0p {
  border-top: 0px !important;
}

page-modal-quiz-create .b-n {
  border: none !important;
}

page-modal-quiz-create .b-b-1 {
  border: 1px solid black;
}

page-modal-quiz-create .b-lg-1 {
  border: 1px solid lightgrey;
}

page-modal-quiz-create .shadow-none {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

page-modal-quiz-create .shadow-z-0 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-modal-quiz-create .shadow-z-1 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-modal-quiz-create .shadow-z-1:hover {
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

page-modal-quiz-create .shadow-z-2 {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

page-modal-quiz-create .shadow-z-3 {
  -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

page-modal-quiz-create .shadow-z-4 {
  -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}

page-modal-quiz-create .shadow-z-5 {
  -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}

page-modal-quiz-create .big-shadow {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
}

page-modal-quiz-create .shadow-2dp {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

page-modal-quiz-create .shadow-3dp {
  -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}

page-modal-quiz-create .shadow-4dp {
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}

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

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

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

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

page-modal-quiz-create .font-weight-100 {
  font-weight: 100 !important;
}

page-modal-quiz-create .font-weight-200 {
  font-weight: 200 !important;
}

page-modal-quiz-create .font-weight-300 {
  font-weight: 300 !important;
}

page-modal-quiz-create .font-weight-400 {
  font-weight: 400 !important;
}

page-modal-quiz-create .font-weight-500 {
  font-weight: 500 !important;
}

page-modal-quiz-create .font-weight-600 {
  font-weight: 600 !important;
}

page-modal-quiz-create .font-weight-700 {
  font-weight: 700 !important;
}

page-modal-quiz-create .font-weight-800 {
  font-weight: 800 !important;
}

page-modal-quiz-create .font-weight-900 {
  font-weight: 900 !important;
}

page-modal-quiz-create .font-weight-light {
  font-weight: 100 !important;
}

page-modal-quiz-create .font-weight-normal {
  font-weight: 300 !important;
}

page-modal-quiz-create .font-weight-medium {
  font-weight: 400 !important;
}

page-modal-quiz-create .font-weight-bold {
  font-weight: 500 !important;
}

page-modal-quiz-create .bold {
  font-weight: bold !important;
}

page-modal-quiz-create .font-size-0 {
  font-size: 0 !important;
}

page-modal-quiz-create .font-size-10 {
  font-size: 10px !important;
}

page-modal-quiz-create .font-size-11 {
  font-size: 11px !important;
}

page-modal-quiz-create .font-size-12 {
  font-size: 12px !important;
}

page-modal-quiz-create .font-size-14 {
  font-size: 14px !important;
}

page-modal-quiz-create .font-size-16 {
  font-size: 16px !important;
}

page-modal-quiz-create .font-size-18 {
  font-size: 18px !important;
}

page-modal-quiz-create .font-size-20 {
  font-size: 20px !important;
}

page-modal-quiz-create .font-size-24 {
  font-size: 24px !important;
}

page-modal-quiz-create .font-size-26 {
  font-size: 26px !important;
}

page-modal-quiz-create .font-size-30 {
  font-size: 30px !important;
}

page-modal-quiz-create .font-size-35 {
  font-size: 35px !important;
}

page-modal-quiz-create .font-size-38 {
  font-size: 38px !important;
}

page-modal-quiz-create .font-size-40 {
  font-size: 40px !important;
}

page-modal-quiz-create .font-size-50 {
  font-size: 50px !important;
}

page-modal-quiz-create .font-size-60 {
  font-size: 60px !important;
}

page-modal-quiz-create .font-size-70 {
  font-size: 70px !important;
}

page-modal-quiz-create .font-size-80 {
  font-size: 80px !important;
}

page-modal-quiz-create .hidden {
  display: none !important;
}

page-modal-quiz-create .w-100p {
  width: 100% !important;
}

page-modal-quiz-create .float-r {
  float: right !important;
}

page-modal-quiz-create .float-l {
  float: left !important;
}

page-modal-quiz-create .align-c {
  display: block;
  margin: 0 auto;
}

page-modal-quiz-create .align-b {
  display: block;
}

page-modal-quiz-create .text-center {
  text-align: center !important;
}

page-modal-quiz-create .text-left {
  text-align: left !important;
}

page-modal-quiz-create .text-right {
  text-align: right !important;
}

page-modal-quiz-create .align-v-c {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-modal-quiz-create .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-modal-quiz-create .align-v-c1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-modal-quiz-create .align-v-c2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-modal-quiz-create .align-v-c3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-modal-quiz-create .align-v-c4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-modal-quiz-create .align-flex-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-modal-quiz-create .align-right-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

page-modal-quiz-create .align-start-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media (max-width: 576px) {
  page-modal-quiz-create .d-xs-none {
    display: none !important;
  }
  page-modal-quiz-create .d-xs-inline {
    display: inline !important;
  }
  page-modal-quiz-create .d-xs-inline-block {
    display: inline-block !important;
  }
  page-modal-quiz-create .d-xs-block {
    display: block !important;
  }
  page-modal-quiz-create .d-xs-table {
    display: table !important;
  }
  page-modal-quiz-create .d-xs-table-cell {
    display: table-cell !important;
  }
  page-modal-quiz-create .d-xs-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
  }
  page-modal-quiz-create .d-xs-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important;
  }
}

page-modal-quiz-create .b-r-gd {
  border-radius: 10px !important;
}

page-modal-quiz-create .b-r-10 {
  border-radius: 10px !important;
}

page-modal-quiz-create .b-r-5 {
  border-radius: 5px;
}

page-modal-quiz-create .d-fl-ov-x {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  overflow-x: auto !important;
}

page-modal-quiz-create .align-base {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-modal-quiz-create .d-fl-bl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-modal-quiz-create .d-fl-vhcenter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-modal-quiz-create .d-fl-b2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
}

page-modal-quiz-create .d-fl-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-modal-quiz-create .d-fl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-modal-quiz-create .d-fl-sb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-modal-quiz-create .d-fl-saround {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-modal-quiz-create .d-fl-ac {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-modal-quiz-create .text-capital {
  text-transform: capitalize !important;
}

page-modal-quiz-create .text-upper {
  text-transform: uppercase !important;
}

page-modal-quiz-create .m-a {
  margin: auto !important;
}

page-modal-quiz-create .m-l-a {
  margin-left: auto !important;
}

page-modal-quiz-create .m-r-a {
  margin-right: auto !important;
}

page-modal-quiz-create .italic {
  font-style: italic;
}

page-modal-quiz-create .pointer {
  cursor: pointer;
}

page-modal-quiz-create .ws-in {
  white-space: inherit;
}

page-modal-quiz-create .opacity-1 {
  opacity: 1;
}

page-modal-quiz-create .in-valid-checkbox {
  border: 1px solid #ff0000 !important;
  padding: 5px !important;
  margin-bottom: 10px;
  border-radius: 5px;
}

page-modal-quiz-create page-corp-dashboard .mycustomdrop:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
  top: -15px;
  position: absolute;
  right: 15%;
}

page-modal-quiz-create h1 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1.6875rem !important;
  line-height: 64px;
  letter-spacing: -0.4px;
}

page-modal-quiz-create h2 {
  font-family: "Poppins", sans-serif;
  font-size: 24px !important;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
}

page-modal-quiz-create h3,
page-modal-quiz-create .h3 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 22px !important;
  line-height: 48px;
  /* identical to box height, or 200% */
  /* Neutral / dark gray */
  color: #000000;
}

page-modal-quiz-create h4,
page-modal-quiz-create .menu-heading-h4 {
  font-family: "Poppins", sans-serif !important;
  font-style: normal;
  font-weight: normal;
  font-size: 15px !important;
  line-height: 26px;
  /* or 144% */
  letter-spacing: -0.2px;
  color: #000000;
}

page-modal-quiz-create h5 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  /* or 143% */
  color: #000000;
}

page-modal-quiz-create .subtitle {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  /* or 200% */
  letter-spacing: 2.5px;
  color: #4E5761;
}

page-modal-quiz-create p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 13px !important;
  line-height: 24px;
  /* identical to box height, or 171% */
  letter-spacing: -0.1px;
  /* Neutral / black */
  color: #000000;
}

page-modal-quiz-create .ui-tabview.ui-tabview-top > .ui-tabview-nav {
  padding: 0.2em 0.2em 0;
  border-bottom: 1px solid #eaeaea;
}

page-modal-quiz-create .scroll-content {
  padding: 0 !important;
}

page-modal-quiz-create ion-navbar {
  margin: 0;
  border-radius: 0px;
  height: 50px !important;
  color: #172B4D !important;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-modal-quiz-create ion-header {
  padding: 0;
}

page-modal-quiz-create .header-md::after {
  background-image: none;
}

page-modal-quiz-create .toolbar-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #172B4D !important;
  line-height: 24px;
  font-family: "Poppins", sans-serif;
  font-size: 2rem !important;
  font-weight: bold !important;
  text-align: left !important;
}

page-modal-quiz-create .userLabel {
  float: right;
  display: inline;
  letter-spacing: 1px;
  color: #172B4D !important !important;
}

page-modal-quiz-create .card-title {
  font-size: 16px !important;
  color: #000000;
  font-weight: bold !important;
  text-align: center !important;
}

page-modal-quiz-create .barcolor {
  background: #5a75a3;
  color: #ffffff;
}

page-modal-quiz-create p-sorticon {
  color: black;
}

page-modal-quiz-create p-sorticon a {
  color: black !important;
}

page-modal-quiz-create .globalTable {
  border: none;
  border: 1px solid #c1c1c1;
}

page-modal-quiz-create .globalTable .ui-table-caption {
  border-bottom: 1px solid #dadada !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  font-size: 18px !important;
  background: #ecececad !important;
}

page-modal-quiz-create .globalTable .table-header input {
  font-size: 15px !important;
  border-style: groove;
  width: 100% !important;
  padding-left: 10px;
  border-radius: 10px;
  border-color: #f3f3f3;
  font-weight: 500;
  line-height: 25px !important;
}

page-modal-quiz-create .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-modal-quiz-create .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

page-modal-quiz-create .globalTable .table-header .align input {
  width: 80%;
  line-height: 25px;
}

page-modal-quiz-create .globalTable .ui-table-tbody tr:nth-child(2n+1) {
  background: white;
}

page-modal-quiz-create .globalTable .ui-table-tbody tr:nth-child(2n) {
  background: #f3f3f3;
}

page-modal-quiz-create .globalTable .ui-table-tbody tr:hover {
  background: #c1c1c167 !important;
}

page-modal-quiz-create .globalTable .ui-table-tbody .activeRow {
  background: #c4d2e5 !important;
}

page-modal-quiz-create .globalTable th input {
  text-align: center !important;
  width: 90% !important;
  font-weight: 400 !important;
}

page-modal-quiz-create .globalTable .ui-table .ui-sortable-column.ui-state-highlight {
  color: black !important;
}

page-modal-quiz-create .globalTable .ui-table .ui-table-thead tr th {
  background: #eeeeee9e;
  border: none;
  padding: 10px 0;
  width: 100%;
  text-align: center;
}

page-modal-quiz-create .globalTable .ui-table .ui-table-tbody tr td {
  border: none;
  background: inherit;
  padding: 20px 0;
  text-align: center;
}

page-modal-quiz-create .globalTable .ui-table .ui-table-tbody tr {
  border-bottom: 1px solid #cacaca;
}

page-modal-quiz-create .globalTable .p-column-filter {
  border-radius: 4px;
  border: 1px solid gray;
}

page-modal-quiz-create .globalTable .badge-badge.status-Active {
  padding: 5px 20px;
  color: #226f4e;
  background-color: #9decbe;
  font-weight: 500;
  font-size: 12px;
}

page-modal-quiz-create .globalTable .badge-badge.status-Inactive {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

page-modal-quiz-create .globalTable .badge-badge.status-Suspended {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

page-modal-quiz-create .globalTable .badge-badge.status-Waiting {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

page-modal-quiz-create .globalTable .badge-badge.status-Pending {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

page-modal-quiz-create .globalTable .actionIcon {
  padding: 0 3px;
  font-size: 16px;
  cursor: pointer;
}

page-modal-quiz-create ion-icon {
  cursor: pointer;
}

page-modal-quiz-create .button-md-reset {
  background-color: #ffffff;
  color: black !important;
  border: 1px solid #e3ecf7;
}

page-modal-quiz-create .button-md-reset:hover {
  background-color: #ececec !important;
}

page-modal-quiz-create .reset:hover {
  background-color: #ececec !important;
}

page-modal-quiz-create .button-md-primary {
  background-color: #172B4D !important;
  color: #ffffff !important;
}

page-modal-quiz-create ion-button {
  background-color: #172B4D !important;
  color: #ffffff;
}

page-modal-quiz-create .my-custom-class .alert-button-group button:first-child {
  position: relative;
}

page-modal-quiz-create .my-custom-class .alert-button-group button {
  font-weight: bold;
}

page-modal-quiz-create .my-custom-class .alert-radio-group {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100% !important;
}

page-modal-quiz-create .my-custom-class button {
  text-align: center;
}

page-modal-quiz-create .alert-button-group button:first-child {
  position: relative !important;
  min-width: 0 !important;
}

page-modal-quiz-create .alert-md .alert-wrapper {
  max-width: 320px !important;
}

page-modal-quiz-create .alert-md .alert-message {
  font-size: 16px !important;
}

page-modal-quiz-create .alert-button {
  font-size: 15px !important;
}

page-modal-quiz-create .alert-md .alert-sub-title {
  font-size: 16px !important;
}

page-modal-quiz-create .alert-md .alert-title {
  font-size: 22px !important;
}

page-modal-quiz-create .breakclass {
  white-space: pre-line;
}

page-modal-quiz-create .error {
  color: red;
  float: left;
}

page-modal-quiz-create .topStrip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}

page-modal-quiz-create .infographic1 {
  border: none;
  color: #367ad2;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-modal-quiz-create .infographic1 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-modal-quiz-create .infographic1 ion-icon {
  color: black;
}

page-modal-quiz-create .infographic2 {
  border: none;
  color: #50d29b;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-modal-quiz-create .infographic2 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-modal-quiz-create .infographic2 ion-icon {
  color: black;
}

page-modal-quiz-create .infographic3 {
  border: none;
  color: #ffaa00;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-modal-quiz-create .infographic3 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-modal-quiz-create .infographic3 ion-icon {
  color: black;
}

page-modal-quiz-create .infographic4 {
  border: none;
  color: #f36363;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-modal-quiz-create .infographic4 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-modal-quiz-create .infographic4 ion-icon {
  color: black;
}

page-modal-quiz-create .infographic5 {
  border: none;
  color: #41acbf;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-modal-quiz-create .infographic5 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-modal-quiz-create .infographic5 ion-icon {
  color: black;
}

page-modal-quiz-create .infograph1 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #367ad2;
  font-size: 20px;
}

page-modal-quiz-create .infograph2 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #51b98d;
  font-size: 20px;
}

page-modal-quiz-create .infograph3 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #ffaa00;
  font-size: 20px;
}

page-modal-quiz-create .infograph4 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #dc5b54;
  font-size: 20px;
}

page-modal-quiz-create .infograph5 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #41acbf;
  font-size: 20px;
}

page-modal-quiz-create .infographtext {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 12px;
}

page-modal-quiz-create .successToast .toast-message {
  background-color: #d2f8d2 !important;
  color: black;
}

page-modal-quiz-create .errorToast .toast-message {
  background-color: #eea9a0 !important;
  color: black;
}

page-modal-quiz-create .actionIconsBar {
  padding-right: 20px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

page-modal-quiz-create .ui-carousel .ui-carousel-header {
  display: none !important;
}

page-modal-quiz-create .userfab .fab-close-active .fab-close-icon {
  height: 40px !important;
  position: relative !important;
}

page-modal-quiz-create textarea.text-input {
  resize: none !important;
}

page-modal-quiz-create .asterisk {
  color: red;
  padding-left: 3px;
}

page-modal-quiz-create .m-b-t {
  margin-bottom: 4% !important;
}

page-modal-quiz-create .ui-radiobutton-box.ui-state-active {
  border: 1px solid #09f;
  background: #09f;
  color: #09f;
}

page-modal-quiz-create .alert-md .alert-message {
  overflow: auto;
}

page-modal-quiz-create .alert-md .alert-message .alertstyle1 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

page-modal-quiz-create .alert-md .alert-message .alertstyle1 b {
  width: 65px !important;
}

page-modal-quiz-create .alert-md .alert-message .alertstyle3 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-modal-quiz-create .alert-md .alert-message .alertstyle3 b {
  width: 65px !important;
}

page-modal-quiz-create .alert-md .alert-message .alertstyle4 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-modal-quiz-create .alert-md .alert-message .alertstyle4 b {
  width: 150px !important;
}

page-modal-quiz-create .alert-md .alert-message .alertstyle5 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

page-modal-quiz-create .alert-md .alert-message .alertstyle5 b {
  width: 75px !important;
}

page-modal-quiz-create .alert-md .alert-message .alertstyle5 span {
  width: 5px;
}

page-modal-quiz-create .alert-md .alert-message .alertstyle2 {
  text-align: left !important;
}

page-modal-quiz-create .alert-md .alert-message .alertstyle2 li {
  margin-top: 10px;
}

page-modal-quiz-create .ui-tooltip {
  background-color: #172B4D !important;
  color: #ffffff;
}

page-modal-quiz-create .navsebexam .toolbar-content-md {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
}

page-modal-quiz-create .modal-wrapper {
  height: 75%;
  top: 10%;
  position: absolute;
  display: block;
  border-radius: 10px !important;
}

page-modal-quiz-create .ui-picklist-source-controls.ui-picklist-buttons {
  display: none !important;
}

page-modal-quiz-create .ui-picklist-target-controls.ui-picklist-buttons {
  display: none !important;
}

page-modal-quiz-create .ui-picklist-target-controls.ui-picklist-buttons.ng-star-inserted {
  display: none !important;
}

page-modal-quiz-create .ellip {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

page-modal-quiz-create .p-slider {
  background: #dee2e6;
  border: 0 none;
  border-radius: 3px;
}

page-modal-quiz-create .Errorbox .alert-title {
  color: #d8000c;
}

page-modal-quiz-create .Errorbox .alert-button {
  color: #d8000c;
}

page-modal-quiz-create .card-md {
  border-radius: 5px !important;
}

page-modal-quiz-create .modal {
  display: none;
  /* Hidden by default */
  position: -webkit-sticky;
  position: sticky;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 30px;
  /* Location of the box */
  left: 0;
  right: 0;
  bottom: 150px;
  width: 400px;
  height: 400px;
  margin: auto;
  border: 4px solid;
  background-color: black;
}

page-modal-quiz-create .modal-content {
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
}

page-modal-quiz-create .close {
  position: absolute;
  color: #f1f1f1;
  top: 0px;
  right: 10px;
  font-size: 28px;
  font-weight: bold;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

page-modal-quiz-create .close:hover,
page-modal-quiz-create .close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

page-modal-quiz-create .customhr {
  width: 90%;
  background-color: #ccc;
}

page-modal-quiz-create .mycustomtoolbar ion-segment {
  border: none;
}

page-modal-quiz-create .mycustomtoolbar ion-segment-button {
  font-size: 16px !important;
  font-weight: 500 !important;
}

page-modal-quiz-create .mycustomtoolbar .segment-md .segment-button.activated,
page-modal-quiz-create .mycustomtoolbar .segment-md .segment-button.segment-activated {
  border-color: #172B4D !important;
  color: #172B4D !important;
}

page-modal-quiz-create .mycustomtoolbar .toolbar-background {
  background: transparent;
}

page-modal-quiz-create .fc {
  direction: ltr;
  text-align: left;
}

page-modal-quiz-create .fc-rtl {
  text-align: right;
}

page-modal-quiz-create body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}

page-modal-quiz-create .fc-unthemed th,
page-modal-quiz-create .fc-unthemed td,
page-modal-quiz-create .fc-unthemed thead,
page-modal-quiz-create .fc-unthemed tbody,
page-modal-quiz-create .fc-unthemed .fc-divider,
page-modal-quiz-create .fc-unthemed .fc-row,
page-modal-quiz-create .fc-unthemed .fc-content,
page-modal-quiz-create .fc-unthemed .fc-popover,
page-modal-quiz-create .fc-unthemed .fc-list-view,
page-modal-quiz-create .fc-unthemed .fc-list-heading td {
  border-color: #ddd;
}

page-modal-quiz-create .fc-unthemed .fc-popover {
  background-color: #fff;
}

page-modal-quiz-create .fc-unthemed .fc-divider,
page-modal-quiz-create .fc-unthemed .fc-popover .fc-header,
page-modal-quiz-create .fc-unthemed .fc-list-heading td {
  background: #eee;
}

page-modal-quiz-create .fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}

page-modal-quiz-create .fc-unthemed td.fc-today {
  background: #fcf8e3;
}

page-modal-quiz-create .fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3;
}

page-modal-quiz-create .fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3;
}

page-modal-quiz-create .fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}

page-modal-quiz-create .fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

page-modal-quiz-create .fc-icon:after {
  position: relative;
}

page-modal-quiz-create .fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-modal-quiz-create .fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-modal-quiz-create .fc-icon-left-double-arrow:after {
  content: "\000AB";
  font-size: 160%;
  top: -7%;
}

page-modal-quiz-create .fc-icon-right-double-arrow:after {
  content: "\000BB";
  font-size: 160%;
  top: -7%;
}

page-modal-quiz-create .fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%;
}

page-modal-quiz-create .fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%;
}

page-modal-quiz-create .fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%;
}

page-modal-quiz-create .fc-icon-x:after {
  content: "\000D7";
  font-size: 200%;
  top: 6%;
}

page-modal-quiz-create .fc button {
  /* force height to include the border and padding */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer;
}

page-modal-quiz-create .fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}

page-modal-quiz-create .fc-state-default {
  /* non-theme */
  border: 1px solid;
}

page-modal-quiz-create .fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

page-modal-quiz-create .fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

page-modal-quiz-create .fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .2em;
  vertical-align: middle;
}

page-modal-quiz-create .fc-state-default {
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-modal-quiz-create .fc-state-hover,
page-modal-quiz-create .fc-state-down,
page-modal-quiz-create .fc-state-active,
page-modal-quiz-create .fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}

page-modal-quiz-create .fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

page-modal-quiz-create .fc-state-down,
page-modal-quiz-create .fc-state-active {
  background-color: #cccccc;
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-modal-quiz-create .fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}

page-modal-quiz-create .fc-button-group {
  display: inline-block;
}

page-modal-quiz-create .fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px;
}

page-modal-quiz-create .fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0;
}

page-modal-quiz-create .fc-popover {
  position: absolute;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

page-modal-quiz-create .fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px;
}

page-modal-quiz-create .fc-popover .fc-header .fc-title {
  margin: 0 2px;
}

page-modal-quiz-create .fc-popover .fc-header .fc-close {
  cursor: pointer;
}

page-modal-quiz-create .fc-ltr .fc-popover .fc-header .fc-title,
page-modal-quiz-create .fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}

page-modal-quiz-create .fc-rtl .fc-popover .fc-header .fc-title,
page-modal-quiz-create .fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}

page-modal-quiz-create .fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}

page-modal-quiz-create .fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: .9em;
  margin-top: 2px;
}

page-modal-quiz-create .fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */
}

page-modal-quiz-create .fc-divider {
  border-style: solid;
  border-width: 1px;
}

page-modal-quiz-create hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}

page-modal-quiz-create .fc-clear {
  clear: both;
}

page-modal-quiz-create .fc-bg,
page-modal-quiz-create .fc-bgevent-skeleton,
page-modal-quiz-create .fc-highlight-skeleton,
page-modal-quiz-create .fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-modal-quiz-create .fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}

page-modal-quiz-create .fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}

page-modal-quiz-create .fc table {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}

page-modal-quiz-create .fc th {
  text-align: center;
}

page-modal-quiz-create .fc th,
page-modal-quiz-create .fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}

page-modal-quiz-create .fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}

page-modal-quiz-create a[data-goto] {
  cursor: pointer;
}

page-modal-quiz-create a[data-goto]:hover {
  text-decoration: underline;
}

page-modal-quiz-create .fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}

page-modal-quiz-create .fc-row table {
  /* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}

page-modal-quiz-create .fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}

page-modal-quiz-create .fc-row {
  position: relative;
}

page-modal-quiz-create .fc-row .fc-bg {
  z-index: 1;
}

page-modal-quiz-create .fc-row .fc-bgevent-skeleton,
page-modal-quiz-create .fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}

page-modal-quiz-create .fc-row .fc-bgevent-skeleton table,
page-modal-quiz-create .fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}

page-modal-quiz-create .fc-row .fc-highlight-skeleton td,
page-modal-quiz-create .fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}

page-modal-quiz-create .fc-row .fc-bgevent-skeleton {
  z-index: 2;
}

page-modal-quiz-create .fc-row .fc-highlight-skeleton {
  z-index: 3;
}

page-modal-quiz-create .fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}

page-modal-quiz-create .fc-row .fc-helper-skeleton {
  z-index: 5;
}

page-modal-quiz-create .fc-row .fc-content-skeleton td,
page-modal-quiz-create .fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}

page-modal-quiz-create .fc-row .fc-content-skeleton tbody td,
page-modal-quiz-create .fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}

page-modal-quiz-create .fc-scroller {
  -webkit-overflow-scrolling: touch;
}

page-modal-quiz-create .fc-scroller > .fc-day-grid,
page-modal-quiz-create .fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}

page-modal-quiz-create .fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */
  font-weight: normal;
  /* undo jqui's ui-widget-header bold */
}

page-modal-quiz-create .fc-event,
page-modal-quiz-create .fc-event-dot {
  background-color: #3a87ad;
  /* default BACKGROUND color */
}

page-modal-quiz-create .fc-event,
page-modal-quiz-create .fc-event:hover,
page-modal-quiz-create .ui-widget .fc-event {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}

page-modal-quiz-create .fc-event[href],
page-modal-quiz-create .fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}

page-modal-quiz-create .fc-not-allowed,
page-modal-quiz-create .fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}

page-modal-quiz-create .fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #ffffff;
  opacity: .25;
}

page-modal-quiz-create .fc-event .fc-content {
  position: relative;
  z-index: 2;
}

page-modal-quiz-create .fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
}

page-modal-quiz-create .fc-event .fc-resizer {
  display: none;
}

page-modal-quiz-create .fc-event.fc-allow-mouse-resize .fc-resizer,
page-modal-quiz-create .fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block;
}

page-modal-quiz-create .fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}

page-modal-quiz-create .fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

page-modal-quiz-create .fc-event.fc-selected.fc-dragging {
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

page-modal-quiz-create .fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}

page-modal-quiz-create .fc-ltr .fc-h-event.fc-not-start,
page-modal-quiz-create .fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

page-modal-quiz-create .fc-ltr .fc-h-event.fc-not-end,
page-modal-quiz-create .fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

page-modal-quiz-create .fc-ltr .fc-h-event .fc-start-resizer,
page-modal-quiz-create .fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */
}

page-modal-quiz-create .fc-ltr .fc-h-event .fc-end-resizer,
page-modal-quiz-create .fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */
}

page-modal-quiz-create .fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */
}

page-modal-quiz-create .fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* vertically center */
  top: 50%;
  margin-top: -4px;
}

page-modal-quiz-create .fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
page-modal-quiz-create .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */
}

page-modal-quiz-create .fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
page-modal-quiz-create .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */
}

page-modal-quiz-create .fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}

page-modal-quiz-create tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */
}

page-modal-quiz-create .fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: .25;
}

page-modal-quiz-create .fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}

page-modal-quiz-create .fc-day-grid-event .fc-time {
  font-weight: bold;
}

page-modal-quiz-create .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
page-modal-quiz-create .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */
}

page-modal-quiz-create .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
page-modal-quiz-create .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */
}

page-modal-quiz-create a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none;
}

page-modal-quiz-create a.fc-more:hover {
  text-decoration: underline;
}

page-modal-quiz-create .fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}

page-modal-quiz-create .fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}

page-modal-quiz-create .fc-more-popover {
  z-index: 2;
  width: 220px;
}

page-modal-quiz-create .fc-more-popover .fc-event-container {
  padding: 10px;
}

page-modal-quiz-create .fc-now-indicator {
  position: absolute;
  border: 0 solid red;
}

page-modal-quiz-create .fc-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

page-modal-quiz-create .fc-toolbar {
  text-align: center;
}

page-modal-quiz-create .fc-toolbar.fc-header-toolbar {
  margin-bottom: 1em;
}

page-modal-quiz-create .fc-toolbar.fc-footer-toolbar {
  margin-top: 1em;
}

page-modal-quiz-create .fc-toolbar .fc-left {
  float: left;
}

page-modal-quiz-create .fc-toolbar .fc-right {
  float: right;
}

page-modal-quiz-create .fc-toolbar .fc-center {
  display: inline-block;
}

page-modal-quiz-create .fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em;
}

page-modal-quiz-create .fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0;
}

page-modal-quiz-create .fc-toolbar h2 {
  margin: 0;
}

page-modal-quiz-create .fc-toolbar button {
  position: relative;
}

page-modal-quiz-create .fc-toolbar .fc-state-hover,
page-modal-quiz-create .fc-toolbar .ui-state-hover {
  z-index: 2;
}

page-modal-quiz-create .fc-toolbar .fc-state-down {
  z-index: 3;
}

page-modal-quiz-create .fc-toolbar .fc-state-active,
page-modal-quiz-create .fc-toolbar .ui-state-active {
  z-index: 4;
}

page-modal-quiz-create .fc-toolbar button:focus {
  z-index: 5;
}

page-modal-quiz-create .fc-view-container *,
page-modal-quiz-create .fc-view-container *:before,
page-modal-quiz-create .fc-view-container *:after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

page-modal-quiz-create .fc-view,
page-modal-quiz-create .fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}

page-modal-quiz-create .fc-basicWeek-view .fc-content-skeleton,
page-modal-quiz-create .fc-basicDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}

page-modal-quiz-create .fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}

page-modal-quiz-create .fc-row.fc-rigid {
  overflow: hidden;
}

page-modal-quiz-create .fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-modal-quiz-create .fc-day-top.fc-other-month {
  opacity: 0.3;
}

page-modal-quiz-create .fc-basic-view .fc-week-number,
page-modal-quiz-create .fc-basic-view .fc-day-number {
  padding: 2px;
}

page-modal-quiz-create .fc-basic-view th.fc-week-number,
page-modal-quiz-create .fc-basic-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */
}

page-modal-quiz-create .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right;
}

page-modal-quiz-create .fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left;
}

page-modal-quiz-create .fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0;
}

page-modal-quiz-create .fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px;
}

page-modal-quiz-create .fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080;
}

page-modal-quiz-create .fc-basic-view td.fc-week-number {
  text-align: center;
}

page-modal-quiz-create .fc-basic-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}

page-modal-quiz-create .fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}

page-modal-quiz-create .fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}

page-modal-quiz-create .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}

page-modal-quiz-create .fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}

page-modal-quiz-create .fc-ltr .fc-axis {
  text-align: right;
}

page-modal-quiz-create .fc-rtl .fc-axis {
  text-align: left;
}

page-modal-quiz-create .ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome jqui theme making it bold */
}

page-modal-quiz-create .fc-time-grid-container,
page-modal-quiz-create .fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}

page-modal-quiz-create .fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

page-modal-quiz-create .fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}

page-modal-quiz-create .fc-time-grid > .fc-bg {
  z-index: 1;
}

page-modal-quiz-create .fc-time-grid .fc-slats,
page-modal-quiz-create .fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}

page-modal-quiz-create .fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */
}

page-modal-quiz-create .fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
}

page-modal-quiz-create .fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1;
}

page-modal-quiz-create .fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2;
}

page-modal-quiz-create .fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3;
}

page-modal-quiz-create .fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4;
}

page-modal-quiz-create .fc-time-grid .fc-now-indicator-line {
  z-index: 5;
}

page-modal-quiz-create .fc-time-grid .fc-helper-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6;
}

page-modal-quiz-create .fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}

page-modal-quiz-create .fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}

page-modal-quiz-create .fc-time-grid .fc-slats .ui-widget-content {
  /* for jqui theme */
  background: none;
  /* see through to fc-bg */
}

page-modal-quiz-create .fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}

page-modal-quiz-create .fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}

page-modal-quiz-create .fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}

page-modal-quiz-create .fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}

page-modal-quiz-create .fc-time-grid .fc-event,
page-modal-quiz-create .fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}

page-modal-quiz-create .fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}

page-modal-quiz-create .fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

page-modal-quiz-create .fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

page-modal-quiz-create .fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */
}

page-modal-quiz-create .fc-time-grid-event.fc-selected {
  /* need to allow touch resizers to extend outside event's bounding box */
  /* common fc-selected styles hide the fc-bg, so don't need this anyway */
  overflow: visible;
}

page-modal-quiz-create .fc-time-grid-event.fc-selected .fc-bg {
  display: none;
  /* hide semi-white background, to appear darker */
}

page-modal-quiz-create .fc-time-grid-event .fc-content {
  overflow: hidden;
  /* for when .fc-selected */
}

page-modal-quiz-create .fc-time-grid-event .fc-time,
page-modal-quiz-create .fc-time-grid-event .fc-title {
  padding: 0 1px;
}

page-modal-quiz-create .fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap;
}

page-modal-quiz-create .fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}

page-modal-quiz-create .fc-time-grid-event.fc-short .fc-time,
page-modal-quiz-create .fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}

page-modal-quiz-create .fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}

page-modal-quiz-create .fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}

page-modal-quiz-create .fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
  /* seperate with a dash, wrapped in nbsp's */
}

page-modal-quiz-create .fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}

page-modal-quiz-create .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}

page-modal-quiz-create .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "=";
}

page-modal-quiz-create .fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px;
}

page-modal-quiz-create .fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0;
}

page-modal-quiz-create .fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */
}

page-modal-quiz-create .fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-modal-quiz-create .fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-modal-quiz-create .fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}

page-modal-quiz-create .fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */
}

page-modal-quiz-create .fc-list-view {
  border-width: 1px;
  border-style: solid;
}

page-modal-quiz-create .fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */
}

page-modal-quiz-create .fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px;
}

page-modal-quiz-create .fc-list-table tr:first-child td {
  border-top-width: 0;
}

page-modal-quiz-create .fc-list-heading {
  border-bottom-width: 1px;
}

page-modal-quiz-create .fc-list-heading td {
  font-weight: bold;
}

page-modal-quiz-create .fc-ltr .fc-list-heading-main {
  float: left;
}

page-modal-quiz-create .fc-ltr .fc-list-heading-alt {
  float: right;
}

page-modal-quiz-create .fc-rtl .fc-list-heading-main {
  float: right;
}

page-modal-quiz-create .fc-rtl .fc-list-heading-alt {
  float: left;
}

page-modal-quiz-create .fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */
}

page-modal-quiz-create .fc-list-item:hover td {
  background-color: #f5f5f5;
}

page-modal-quiz-create .fc-list-item-marker,
page-modal-quiz-create .fc-list-item-time {
  white-space: nowrap;
  width: 1px;
}

page-modal-quiz-create .fc-ltr .fc-list-item-marker {
  padding-right: 0;
}

page-modal-quiz-create .fc-rtl .fc-list-item-marker {
  padding-left: 0;
}

page-modal-quiz-create .fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit;
}

page-modal-quiz-create .fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline;
}

page-modal-quiz-create .fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

page-modal-quiz-create .fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table;
}

page-modal-quiz-create .fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

page-modal-quiz-create .fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #eee;
}

page-modal-quiz-create .error_msg {
  color: red;
  text-align: center;
}

page-modal-quiz-create ion-grid {
  width: 100% !important;
  margin: 10px auto;
}

page-modal-quiz-create ion-item, page-modal-quiz-create ion-list-header {
  background: transparent !important;
}

page-modal-quiz-create ion-grid ion-item {
  min-height: 33px !important;
}

page-modal-quiz-create ion-grid .text-input {
  margin: 0px !important;
}

page-modal-quiz-create .grid {
  margin: 0 auto !important;
}

page-modal-quiz-create ion-grid ion-label {
  margin: 0px !important;
}

page-modal-quiz-create .fontExtralarge {
  width: 200px;
  margin: 0 auto;
  border-radius: 10px;
}

@media (max-width: 799px) {
  page-modal-quiz-create .scroll-content {
    margin-top: 100px !important;
  }
}

page-modal-quiz-create form {
  padding-bottom: 20px;
}

page-modal-upload-file ion-segment {
  border: 1px solid #0099ff;
  border-radius: 25px;
}

page-modal-upload-file ion-segment-button {
  border-radius: 25px;
  border-bottom-style: none !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

page-modal-upload-file .segment-md .segment-button.activated,
page-modal-upload-file .segment-md .segment-button.segment-activated {
  border-color: #0099ff;
  background: #0099ff;
  color: #000;
}

page-modal-upload-file .toolbar-background {
  background: transparent;
  border: 0px;
}

page-modal-upload-file .centerdiv {
  width: 80%;
  margin: 0 auto;
}

page-modal-upload-file .button-save {
  position: absolute;
  pointer-events: auto;
  left: 15px;
  bottom: 16px;
  padding: 10px;
  z-index: 10;
  cursor: pointer;
}

page-modal-upload-file .button-save:hover {
  opacity: 0.8;
}

page-modal-upload-file .tui-image-editor-container {
  margin: auto;
}

page-modal-upload-file .tui-image-editor-container .color-picker-control .tui-colorpicker-palette-button {
  min-width: 15px;
  min-height: 15px;
}

page-modal-upload-file .tui-image-editor-container .tui-colorpicker-palette-container ul .tui-colorpicker-clearfix {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-modal-upload-file .tui-image-editor-container .tui-image-editor-header {
  display: none;
  height: 0;
  pointer-events: none;
}

page-modal-upload-file .tui-image-editor-container .tui-image-editor-main {
  top: 0px;
}

page-modal-upload-file .tui-image-editor-container div.tui-colorpicker-clearfix {
  display: none;
}

page-modal-upload-file .tui-image-editor-container .color-picker-control {
  width: auto;
}

page-modal-upload-file imageContainer {
  border: 1px solid black;
  width: 100%;
  text-align: center;
  border-radius: 10px;
}

page-modal-upload-file page-modal-upload-file .tui-image-editor-container {
  margin: auto;
  height: 75vh;
}

page-modal-upload-file .filelist {
  width: 95%;
  background-color: white;
  border-radius: 10px;
  border: 1px solid black;
}

page-modal-upload-file .filehead {
  font-size: 20px !important;
  padding: 15px;
  text-align: center;
  background-color: #d7d7d7;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

page-modal-upload-file .fileitem {
  background-color: transparent;
  width: 80%;
  padding: 15px;
  text-align: left;
  font-size: medium;
  margin-top: 5px;
  border-radius: 10px;
}

page-modal-upload-file a {
  text-decoration: underline;
  color: #5EAAC2;
  cursor: pointer;
}

page-modal-upload-file .download-icon {
  margin: auto;
  display: inline;
}

page-modal-upload-file .empty {
  color: #0099ff !important;
}

page-modal-upload-file #primaryclass {
  color: blue;
  background-color: rgba(135, 207, 235, 0.322);
  border-radius: 5px;
}

page-modal-upload-file #normalclass {
  color: black;
}

page-modal-upload-file submit-btn {
  padding: 10px 0;
}

page-my-interviews .custom, page-global-search .custom {
  margin: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-my-interviews .custom ion-card, page-global-search .custom ion-card {
  margin-top: 0;
}

page-my-interviews .red, page-global-search .red {
  color: #e95858;
  font-size: 30px;
}

page-my-interviews .blue, page-global-search .blue {
  color: #4ab5fd;
  font-size: 30px;
}

page-my-interviews .green, page-global-search .green {
  color: #52cf52;
  font-size: 30px;
}

page-my-interviews .redbg, page-global-search .redbg {
  background-color: #e95858;
}

page-my-interviews .b-red, page-global-search .b-red {
  border-bottom: 1px solid #e95858;
  padding-bottom: 3px;
}

page-my-interviews .b-blue, page-global-search .b-blue {
  border-bottom: 1px solid #4ab5fd;
  padding-bottom: 3px;
}

page-my-interviews .b-green, page-global-search .b-green {
  border-bottom: 1px solid #52cf52;
  padding-bottom: 3px;
}

page-my-interviews .empty, page-global-search .empty {
  color: #4ab5fd !important;
  font-weight: bold;
}

@media screen and (min-width: 1435px) {
  page-my-interviews .cardWidth, page-global-search .cardWidth {
    width: 30%;
  }
  page-my-interviews .leftCard, page-global-search .leftCard {
    width: 35%;
    max-width: 35%;
  }
  page-my-interviews .rightCard, page-global-search .rightCard {
    width: 80%;
    max-width: 80%;
  }
}

@media (max-width: 1440px) and (min-width: 1024px) {
  page-my-interviews .cardWidth, page-global-search .cardWidth {
    width: 45%;
  }
  page-my-interviews .leftCard, page-global-search .leftCard {
    width: 35%;
    max-width: 35%;
  }
  page-my-interviews .rightCard, page-global-search .rightCard {
    width: 80%;
    max-width: 80%;
  }
}

@media screen and (max-width: 770px) {
  page-my-interviews .rowcustom, page-global-search .rowcustom {
    display: block;
  }
  page-my-interviews .cardWidth, page-global-search .cardWidth {
    width: 100%;
  }
  page-my-interviews .leftCard, page-global-search .leftCard {
    width: 100%;
    max-width: 100%;
    height: 40px;
  }
  page-my-interviews .rightCard, page-global-search .rightCard {
    width: 100%;
    max-width: 100%;
  }
}

page-my-interviews .cardWidth, page-global-search .cardWidth {
  height: 190px;
  cursor: default;
  min-width: 380px;
}

page-my-interviews .cardWidth .leftCard, page-global-search .cardWidth .leftCard {
  background-color: #172B4D !important;
  color: #ffffff;
  -webkit-box-pack: left;
  -webkit-justify-content: left;
  -ms-flex-pack: left;
  justify-content: left;
}

page-my-interviews .cardWidth .rightCard, page-global-search .cardWidth .rightCard {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

page-my-interviews .cardWidth .rightCard .cardTitle, page-global-search .cardWidth .rightCard .cardTitle {
  color: #172B4D !important;
  text-align: left !important;
  font-size: 20px !important;
}

page-my-interviews .cardWidth .rightCard .greybg, page-global-search .cardWidth .rightCard .greybg {
  background-color: #999999;
}

page-my-interviews .cardWidth .rightCard .greenbg, page-global-search .cardWidth .rightCard .greenbg {
  background-color: #60a963;
}

page-my-interviews .cardWidth .rightCard .bluebg, page-global-search .cardWidth .rightCard .bluebg {
  background-color: #172B4D !important;
}

page-my-interviews .cardWidth .rightCard .redbg, page-global-search .cardWidth .rightCard .redbg {
  background-color: #ee6060;
}

page-my-interviews .togglediv, page-global-search .togglediv {
  margin-top: 20px;
}

page-my-interviews .togglediv ion-icon, page-global-search .togglediv ion-icon {
  font-size: 3rem;
  float: right;
  margin-right: 10px;
}

page-my-interviews #calendar-container, page-global-search #calendar-container {
  display: none;
  margin: 40px;
  background-color: white;
  padding: 15px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.19);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.19);
  border-radius: 5px;
  height: 690px;
}

page-my-interviews ion-fab, page-global-search ion-fab {
  width: 40px !important;
  height: 40px !important;
  margin: 3%;
}

page-my-offer .cardWidth {
  height: 190px;
  cursor: default;
}

page-my-offer .cardWidth .leftCard {
  background-color: #172B4D !important;
  color: #ffffff;
  -webkit-box-pack: left;
  -webkit-justify-content: left;
  -ms-flex-pack: left;
  justify-content: left;
}

page-my-offer .cardWidth .rightCard {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

page-my-offer .cardWidth .rightCard .cardTitle {
  color: #172B4D !important;
  text-align: left !important;
  font-size: 20px !important;
}

page-my-offer .cardWidth .rightCard .greybg {
  background-color: #999999;
}

@media screen and (min-width: 1435px) {
  page-my-offer .custom {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
  }
  page-my-offer .cardWidth {
    width: 30%;
  }
  page-my-offer .leftCard {
    width: 40%;
    max-width: 40%;
  }
  page-my-offer .rightCard {
    width: 80%;
    max-width: 80%;
  }
}

page-my-offer-details canvas {
  border: 3px dashed gray;
  width: 100%;
}

page-my-offer-details content {
  height: 400px;
  width: 100px;
  border: 1px solid black;
}

page-my-offer-details .justify-content {
  text-align: center;
}

page-my-offer-details .cardWidth {
  height: 400px;
}

page-my-verification-requests .ui-dropdown .ui-dropdown-panel {
  z-index: 1017 !important;
  top: -102px !important;
  left: 0px !important;
  opacity: 1 !important;
}

page-myprofile {
  /* ANIMATION */
  /* SHADOWS */
  /*
 *
 *   MaterialWrap - Bootstrap + Material Design Admin Theme

 
*/
  /*
 * CSS Transform - Scale and Rotate
 */
  /* The Modal (background) */
  /* Modal Content (image) */
  /* The Close Button */
  /*!
 * FullCalendar v3.2.0 Stylesheet
 * Docs & License: https://fullcalendar.io/
 * (c) 2017 Adam Shaw
 */
  /* Colors
--------------------------------------------------------------------------------------------------*/
  /* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
  /*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
  /* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
  /* Firefox has an annoying inner border */
  /* icons in buttons */
  /*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
  /* Buttons Groups
--------------------------------------------------------------------------------------------------*/
  /*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
  /* Popover
--------------------------------------------------------------------------------------------------*/
  /* unthemed */
  /* jqui themed */
  /* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
  /* Tables
--------------------------------------------------------------------------------------------------*/
  /* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
  /* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
  /* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
  /* highlighting cells & background event skeleton */
  /*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
  /* Scrolling Container
--------------------------------------------------------------------------------------------------*/
  /* TODO: move to agenda/basic */
  /* Global Event Styles
--------------------------------------------------------------------------------------------------*/
  /* overpower some of bootstrap's and jqui's styles on <a> tags */
  /* resizer (cursor AND touch devices) */
  /* resizer (touch devices) */
  /* hit area */
  /* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
  /* Horizontal Events
--------------------------------------------------------------------------------------------------*/
  /* bigger touch area when selected */
  /* events that are continuing to/from another week. kill rounded corners and butt up against edge */
  /* resizer (cursor AND touch devices) */
  /* left resizer  */
  /* right resizer */
  /* resizer (mouse devices) */
  /* resizer (touch devices) */
  /* left resizer  */
  /* right resizer */
  /* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* resizer (cursor devices) */
  /* left resizer  */
  /* right resizer */
  /* Event Limiting
--------------------------------------------------------------------------------------------------*/
  /* "more" link that represents hidden events */
  /* popover that appears when "more" link is clicked */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* Utilities
--------------------------------------------------------------------------------------------------*/
  /* Toolbar
--------------------------------------------------------------------------------------------------*/
  /* the things within each left/right/center section */
  /* the first thing within each left/center/right section */
  /* title text */
  /* button layering (for border precedence) */
  /* View Structure
--------------------------------------------------------------------------------------------------*/
  /* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
  /* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
  /* BasicView
--------------------------------------------------------------------------------------------------*/
  /* day row structure */
  /* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
  /* week and day number styling */
  /* when week/day number have own column */
  /* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
  /* divs within a cell within the fc-content-skeleton */
  /* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
  /* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* short mode, where time and title are on the same line */
  /* resizer (cursor device) */
  /* resizer (touch device) */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* arrow on axis */
  /* List View
--------------------------------------------------------------------------------------------------*/
  /* possibly reusable */
  /* view wrapper */
  /* table resets */
  /* day headings with the list */
  /* event list items */
  /* make the dot closer to the event title */
  /* message when no events */
}

page-myprofile .letter-sp-1 {
  letter-spacing: 1px;
}

page-myprofile .letter-sp-2 {
  letter-spacing: 2px;
}

page-myprofile .letter-sp-3 {
  letter-spacing: 3px;
}

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

page-myprofile .m-5 {
  margin: 5px !important;
}

page-myprofile .m-10 {
  margin: 10px !important;
}

page-myprofile .m-15 {
  margin: 15px !important;
}

page-myprofile .m-20 {
  margin: 20px !important;
}

page-myprofile .m-30 {
  margin: 30px !important;
}

page-myprofile .m-50 {
  margin: 50px !important;
}

page-myprofile .m-b-100 {
  margin-bottom: 100px !important;
}

page-myprofile .m-b-15 {
  margin-bottom: 15px !important;
}

page-myprofile .m-b-20 {
  margin-bottom: 20px !important;
}

page-myprofile .m-b-0 {
  margin-bottom: 0 !important;
}

page-myprofile .m-l-0 {
  margin-left: 0 !important;
}

page-myprofile .m-l-5 {
  margin-left: 5px !important;
}

page-myprofile .m-l-10 {
  margin-left: 10px !important;
}

page-myprofile .m-l-15 {
  margin-left: 15px !important;
}

page-myprofile .m-l-20 {
  margin-left: 20px !important;
}

page-myprofile .m-l-30 {
  margin-left: 30px !important;
}

page-myprofile .m-l-40 {
  margin-left: 40px !important;
}

page-myprofile .m-l-50 {
  margin-left: 50px !important;
}

page-myprofile .m-l-n-1 {
  margin-left: -1px !important;
}

page-myprofile .m-l-n-5 {
  margin-left: -5px !important;
}

page-myprofile .m-l-n-10 {
  margin-left: -10px !important;
}

page-myprofile .m-l-n-15 {
  margin-left: -15px !important;
}

page-myprofile .m-l-n-20 {
  margin-left: -20px !important;
}

page-myprofile .m-l-n-30 {
  margin-left: -30px !important;
}

page-myprofile .m-l-n-40 {
  margin-left: -40px !important;
}

page-myprofile .m-l-n-50 {
  margin-left: -50px !important;
}

page-myprofile .m-t-0 {
  margin-top: 0 !important;
}

page-myprofile .m-t-1 {
  margin-top: 1px !important;
}

page-myprofile .m-t-2 {
  margin-top: 2px;
}

page-myprofile .m-t-2p {
  margin-top: 2% !important;
}

page-myprofile .m-t-5p {
  margin-top: 5% !important;
}

page-myprofile .m-t-25p {
  margin-top: 25% !important;
}

page-myprofile .m-t-30p {
  margin-top: 30% !important;
}

page-myprofile .m-t-4 {
  margin-top: 4px !important;
}

page-myprofile .m-t-5 {
  margin-top: 5px !important;
}

page-myprofile .m-t-5p {
  margin-top: 5% !important;
}

page-myprofile .m-t-10 {
  margin-top: 10px !important;
}

page-myprofile .m-t-15 {
  margin-top: 15px !important;
}

page-myprofile .m-t-20 {
  margin-top: 20px !important;
}

page-myprofile .m-t-30 {
  margin-top: 30px !important;
}

page-myprofile .m-t-40 {
  margin-top: 40px !important;
}

page-myprofile .m-t-50 {
  margin-top: 50px !important;
}

page-myprofile .m-t-75 {
  margin-top: 75px !important;
}

page-myprofile .m-t-100 {
  margin-top: 100px !important;
}

page-myprofile .m-t-120 {
  margin-top: 120px !important;
}

page-myprofile .m-t-140 {
  margin-top: 140px !important;
}

page-myprofile .m-t-n-1 {
  margin-top: -1px !important;
}

page-myprofile .m-t-n-5 {
  margin-top: -5px !important;
}

page-myprofile .m-t-n-10 {
  margin-top: -10px !important;
}

page-myprofile .m-t-n-15 {
  margin-top: -15px !important;
}

page-myprofile .m-t-n-20 {
  margin-top: -20px !important;
}

page-myprofile .m-t-n-30 {
  margin-top: -30px !important;
}

page-myprofile .m-t-n-40 {
  margin-top: -40px !important;
}

page-myprofile .m-t-n-50 {
  margin-top: -50px !important;
}

page-myprofile .m-r-0 {
  margin-right: 0 !important;
}

page-myprofile .m-r-1 {
  margin-right: 1px !important;
}

page-myprofile .m-r-5 {
  margin-right: 5px !important;
}

page-myprofile .m-r-10 {
  margin-right: 10px !important;
}

page-myprofile .m-r-15 {
  margin-right: 15px !important;
}

page-myprofile .m-r-20 {
  margin-right: 20px !important;
}

page-myprofile .m-r-30 {
  margin-right: 30px !important;
}

page-myprofile .m-r-40 {
  margin-right: 40px !important;
}

page-myprofile .m-r-50 {
  margin-right: 50px !important;
}

page-myprofile .m-r-n-1 {
  margin-right: -1px !important;
}

page-myprofile .m-r-n-5 {
  margin-right: -5px !important;
}

page-myprofile .m-r-n-10 {
  margin-right: -10px !important;
}

page-myprofile .m-r-n-15 {
  margin-right: -15px !important;
}

page-myprofile .m-r-n-20 {
  margin-right: -20px !important;
}

page-myprofile .m-r-n-30 {
  margin-right: -30px !important;
}

page-myprofile .m-r-n-40 {
  margin-right: -40px !important;
}

page-myprofile .m-r-n-50 {
  margin-right: -50px !important;
}

page-myprofile .m-b-0 {
  margin-bottom: 0 !important;
}

page-myprofile .m-b-1 {
  margin-bottom: 1px !important;
}

page-myprofile .m-b-4 {
  margin-bottom: 4px !important;
}

page-myprofile .m-b-5 {
  margin-bottom: 5px !important;
}

page-myprofile .m-b-10 {
  margin-bottom: 10px !important;
}

page-myprofile .m-b-15 {
  margin-bottom: 15px !important;
}

page-myprofile .m-b-20 {
  margin-bottom: 20px !important;
}

page-myprofile .m-b-30 {
  margin-bottom: 30px !important;
}

page-myprofile .m-b-40 {
  margin-bottom: 40px !important;
}

page-myprofile .m-b-50 {
  margin-bottom: 50px !important;
}

page-myprofile .m-b-n-1 {
  margin-bottom: -1px !important;
}

page-myprofile .m-b-n-5 {
  margin-bottom: -5px !important;
}

page-myprofile .m-b-n-10 {
  margin-bottom: -10px !important;
}

page-myprofile .m-b-n-15 {
  margin-bottom: -15px !important;
}

page-myprofile .m-b-n-20 {
  margin-bottom: -20px !important;
}

page-myprofile .m-b-n-30 {
  margin-bottom: -30px !important;
}

page-myprofile .m-b-n-40 {
  margin-bottom: -40px !important;
}

page-myprofile .m-b-n-50 {
  margin-bottom: -50px !important;
}

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

page-myprofile .p-5 {
  padding: 5px !important;
}

page-myprofile .p-10 {
  padding: 10px !important;
}

page-myprofile .p-15 {
  padding: 15px !important;
}

page-myprofile .p-20 {
  padding: 20px !important;
}

page-myprofile .p-25 {
  padding: 25px !important;
}

page-myprofile .p-30 {
  padding: 30px !important;
}

page-myprofile .p-40 {
  padding: 40px !important;
}

page-myprofile .p-50 {
  padding: 50px !important;
}

page-myprofile .p-75 {
  padding: 75px !important;
}

page-myprofile .p-100 {
  padding: 100px !important;
}

page-myprofile .p-lr {
  padding: 0px 4% 0px 4%;
}

page-myprofile .p-l-0 {
  padding-left: 0 !important;
}

page-myprofile .p-l-5 {
  padding-left: 5px !important;
}

page-myprofile .p-l-10 {
  padding-left: 10px !important;
}

page-myprofile .p-l-12 {
  padding-left: 12px !important;
}

page-myprofile .p-l-15 {
  padding-left: 15px !important;
}

page-myprofile .p-l-16 {
  padding-left: 16px !important;
}

page-myprofile .p-l-20 {
  padding-left: 20px !important;
}

page-myprofile .p-l-25 {
  padding-left: 25px !important;
}

page-myprofile .p-l-30 {
  padding-left: 30px !important;
}

page-myprofile .p-l-40 {
  padding-left: 40px !important;
}

page-myprofile .p-l-50 {
  padding-left: 50px !important;
}

page-myprofile .p-l-75 {
  padding-left: 75px !important;
}

page-myprofile .p-l-100 {
  padding-left: 100px !important;
}

page-myprofile .p-r-0 {
  padding-right: 0 !important;
}

page-myprofile .p-r-5 {
  padding-right: 5px !important;
}

page-myprofile .p-r-10 {
  padding-right: 10px !important;
}

page-myprofile .p-r-12 {
  padding-right: 12px !important;
}

page-myprofile .p-r-15 {
  padding-right: 15px !important;
}

page-myprofile .p-r-20 {
  padding-right: 20px !important;
}

page-myprofile .p-r-25 {
  padding-right: 25px !important;
}

page-myprofile .p-r-30 {
  padding-right: 30px !important;
}

page-myprofile .p-r-40 {
  padding-right: 40px !important;
}

page-myprofile .p-r-50 {
  padding-right: 50px !important;
}

page-myprofile .p-r-75 {
  padding-right: 75px !important;
}

page-myprofile .p-r-100 {
  padding-right: 100px !important;
}

page-myprofile .p-b-0 {
  padding-bottom: 0 !important;
}

page-myprofile .p-b-5 {
  padding-bottom: 5px !important;
}

page-myprofile .p-b-10 {
  padding-bottom: 10px !important;
}

page-myprofile .p-b-15 {
  padding-bottom: 15px !important;
}

page-myprofile .p-b-16 {
  padding-bottom: 16px !important;
}

page-myprofile .p-b-20 {
  padding-bottom: 20px !important;
}

page-myprofile .p-b-25 {
  padding-bottom: 25px !important;
}

page-myprofile .p-b-30 {
  padding-bottom: 30px !important;
}

page-myprofile .p-b-40 {
  padding-bottom: 40px !important;
}

page-myprofile .p-b-50 {
  padding-bottom: 50px !important;
}

page-myprofile .p-b-60 {
  padding-bottom: 60px !important;
}

page-myprofile .p-b-70 {
  padding-bottom: 70px !important;
}

page-myprofile .p-b-80 {
  padding-bottom: 80px !important;
}

page-myprofile .p-b-90 {
  padding-bottom: 90px !important;
}

page-myprofile .p-b-100 {
  padding-bottom: 100px !important;
}

page-myprofile .p-t-0 {
  padding-top: 0 !important;
}

page-myprofile .p-t-5 {
  padding-top: 5px !important;
}

page-myprofile .p-t-7 {
  padding-top: 7px !important;
}

page-myprofile .p-t-10 {
  padding-top: 10px !important;
}

page-myprofile .p-t-15 {
  padding-top: 15px !important;
}

page-myprofile .p-t-16 {
  padding-top: 16px !important;
}

page-myprofile .p-t-20 {
  padding-top: 20px !important;
}

page-myprofile .p-t-25 {
  padding-top: 25px !important;
}

page-myprofile .p-t-30 {
  padding-top: 30px !important;
}

page-myprofile .p-t-40 {
  padding-top: 40px !important;
}

page-myprofile .p-t-50 {
  padding-top: 50px !important;
}

page-myprofile .p-t-75 {
  padding-top: 75px !important;
}

page-myprofile .p-t-100 {
  padding-top: 100px !important;
}

page-myprofile .p-t-120 {
  padding-top: 120px !important;
}

page-myprofile .p-t-130 {
  padding-top: 130px !important;
}

page-myprofile .p-t-140 {
  padding-top: 140px !important;
}

page-myprofile .p-t-150 {
  padding-top: 150px !important;
}

page-myprofile .block {
  display: block !important;
}

page-myprofile .img-xs {
  width: 30px;
  height: 30px;
}

page-myprofile .img-sm {
  width: 35px;
  height: 35px;
}

page-myprofile .img-md {
  width: 55px;
  height: 55px;
}

page-myprofile .img-lg {
  width: 100px;
  height: 100px;
}

page-myprofile .min-w-800 {
  min-width: 800px !important;
}

page-myprofile .min-w-1000 {
  min-width: 1000px !important;
}

page-myprofile .min-w-1100 {
  min-width: 1100px !important;
}

page-myprofile .max-w-20 {
  max-width: 20px !important;
}

page-myprofile .max-w-30 {
  max-width: 30px !important;
}

page-myprofile .max-w-32 {
  max-width: 35px !important;
}

page-myprofile .max-w-35 {
  max-width: 35px !important;
}

page-myprofile .max-w-40 {
  max-width: 40px !important;
}

page-myprofile .max-w-50 {
  max-width: 50px !important;
}

page-myprofile .max-w-75 {
  max-width: 75px !important;
}

page-myprofile .max-w-100 {
  max-width: 100px !important;
}

page-myprofile .max-w-150 {
  max-width: 150px !important;
}

page-myprofile .max-w-200 {
  max-width: 200px !important;
}

page-myprofile .max-w-300 {
  max-width: 300px !important;
}

page-myprofile .max-w-400 {
  max-width: 400px !important;
}

page-myprofile .overflow-hidden {
  overflow: hidden;
}

page-myprofile .overflow-auto {
  overflow: auto;
}

page-myprofile .max-h-50 {
  max-height: 50px !important;
}

page-myprofile .max-h-80 {
  max-height: 80px !important;
}

page-myprofile .max-h-100 {
  max-height: 100px !important;
}

page-myprofile .max-h-150 {
  max-height: 150px !important;
}

page-myprofile .max-h-200 {
  max-height: 200px !important;
}

page-myprofile .max-h-250 {
  max-height: 250px !important;
}

page-myprofile .max-h-300 {
  max-height: 300px !important;
}

page-myprofile .max-h-350 {
  max-height: 300px !important;
}

page-myprofile .max-h-375 {
  max-height: 300px !important;
}

page-myprofile .max-h-400 {
  max-height: 400px !important;
}

page-myprofile .max-h-450 {
  max-height: 450px !important;
}

page-myprofile .max-h-500 {
  max-height: 500px !important;
}

page-myprofile .max-h-600 {
  max-height: 600px !important;
}

page-myprofile .max-h-650 {
  max-height: 650px !important;
}

page-myprofile .max-h-700 {
  max-height: 700px !important;
}

page-myprofile .max-h-800 {
  max-height: 800px !important;
}

page-myprofile .max-h-900 {
  max-height: 900px !important;
}

page-myprofile .max-h-1000 {
  max-height: 1000px !important;
}

page-myprofile .min-h-0 {
  min-height: 0 !important;
}

page-myprofile .min-h-50 {
  min-height: 50px !important;
}

page-myprofile .min-h-100 {
  min-height: 100px !important;
}

page-myprofile .min-h-200 {
  min-height: 200px !important;
}

page-myprofile .min-h-250 {
  min-height: 250px !important;
}

page-myprofile .min-h-300 {
  min-height: 300px !important;
}

page-myprofile .min-h-350 {
  min-height: 300px !important;
}

page-myprofile .min-h-375 {
  min-height: 300px !important;
}

page-myprofile .min-h-400 {
  min-height: 400px !important;
}

page-myprofile .min-h-450 {
  min-height: 450px !important;
}

page-myprofile .min-h-500 {
  min-height: 500px !important;
}

page-myprofile .min-h-600 {
  min-height: 600px !important;
}

page-myprofile .min-h-650 {
  min-height: 650px !important;
}

page-myprofile .min-h-700 {
  min-height: 700px !important;
}

page-myprofile .min-h-800 {
  min-height: 800px !important;
}

page-myprofile .min-h-900 {
  min-height: 900px !important;
}

page-myprofile .min-h-1000 {
  min-height: 1000px !important;
}

page-myprofile .h-5 {
  height: 5px !important;
}

page-myprofile .h-10 {
  height: 10px !important;
}

page-myprofile .h-20 {
  height: 20px !important;
}

page-myprofile .h-25 {
  height: 25px !important;
}

page-myprofile .h-50 {
  height: 50px !important;
}

page-myprofile .h-75 {
  height: 75px !important;
}

page-myprofile .h-100 {
  height: 100px !important;
}

page-myprofile .h-125 {
  height: 125px !important;
}

page-myprofile .h-150 {
  height: 150px !important;
}

page-myprofile .h-200 {
  height: 200px !important;
}

page-myprofile .h-300 {
  height: 300px !important;
}

page-myprofile .h-350 {
  height: 350px !important;
}

page-myprofile .h-400 {
  height: 400px !important;
}

page-myprofile .h-450 {
  height: 450px !important;
}

page-myprofile .h-500 {
  height: 500px !important;
}

page-myprofile .h-600 {
  height: 600px !important;
}

page-myprofile .h-650 {
  height: 650px !important;
}

page-myprofile .h-700 {
  height: 700px !important;
}

page-myprofile .h-800 {
  height: 800px !important;
}

page-myprofile .h-900 {
  height: 900px !important;
}

page-myprofile .h-1000 {
  height: 1000px !important;
}

page-myprofile .w-5 {
  width: 5px !important;
}

page-myprofile .w-10 {
  width: 10px !important;
}

page-myprofile .w-15 {
  width: 15px !important;
}

page-myprofile .w-20 {
  width: 20px !important;
}

page-myprofile .w-30 {
  width: 30px !important;
}

page-myprofile .w-40 {
  width: 40px !important;
}

page-myprofile .w-50 {
  width: 50px !important;
}

page-myprofile .w-60 {
  width: 60px !important;
}

page-myprofile .w-80 {
  width: 80px !important;
}

page-myprofile .w-100 {
  width: 100px !important;
}

page-myprofile .w-150 {
  width: 150px !important;
}

page-myprofile .w-190 {
  width: 190px !important;
}

page-myprofile .w-200 {
  width: 200px !important;
}

page-myprofile .w-250 {
  width: 250px !important;
}

page-myprofile .w-300 {
  width: 300px !important;
}

page-myprofile .w-600 {
  width: 600px !important;
}

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

page-myprofile .w-95p {
  width: 95% !important;
}

page-myprofile .w-90p {
  width: 90% !important;
}

page-myprofile .w-80p {
  width: 80% !important;
}

page-myprofile .w-70p {
  width: 70% !important;
}

page-myprofile .w-60p {
  width: 60% !important;
}

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

page-myprofile .w-45p {
  width: 45% !important;
}

page-myprofile .w-40p {
  width: 40% !important;
}

page-myprofile .w-30p {
  width: 30% !important;
}

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

page-myprofile .w-20p {
  width: 20% !important;
}

page-myprofile .w-15p {
  width: 15% !important;
}

page-myprofile .w-10p {
  width: 10% !important;
}

page-myprofile .w-8p {
  width: 8% !important;
}

page-myprofile .w-5p {
  width: 5% !important;
}

page-myprofile .w-3p {
  width: 3% !important;
}

page-myprofile .w-95p {
  width: 95% !important;
}

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

page-myprofile .h-80p {
  height: 80% !important;
}

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

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

page-myprofile .block {
  display: block !important;
}

page-myprofile .inline-block {
  display: inline-block !important;
}

page-myprofile .list-block li {
  display: block !important;
}

page-myprofile .list-inline li {
  display: inline !important;
}

page-myprofile .clear-both {
  clear: both !important;
}

page-myprofile .line-height-normal {
  line-height: normal !important;
}

page-myprofile .line-height-8 {
  line-height: 8px !important;
}

page-myprofile .line-height-14 {
  line-height: 14px !important;
}

page-myprofile .line-height-12 {
  line-height: normal !important;
}

page-myprofile ul.style-none {
  margin: 0;
  padding: 0;
  list-style: none;
}

page-myprofile ul.style-none li {
  font-size: 0.875rem;
  padding: 3px 0;
}

page-myprofile ul.style-none li ul {
  list-style: none;
}

page-myprofile ul.vertical-icon-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

page-myprofile ul.vertical-icon-list li {
  font-size: 0.875rem;
  padding: 6px 0;
}

page-myprofile ul.vertical-icon-list li i {
  font-size: 1.25rem;
  padding-right: 15px;
  vertical-align: middle;
}

page-myprofile .bg-white {
  background: #ffffff !important;
}

page-myprofile .bg-green {
  background: #28bebd !important;
}

page-myprofile .bg-blue {
  background: #42a5f5 !important;
}

page-myprofile .bg-lightBlue {
  background: #2ebaee !important;
}

page-myprofile .bg-red {
  background: #ef5350 !important;
}

page-myprofile .bg-yellow {
  background: #f8c200 !important;
}

page-myprofile .bg-paleYellow {
  background: #fddd7e !important;
}

page-myprofile .bg-lightGray {
  background: #e3ecf7 !important;
}

page-myprofile .bg-gray {
  background: #8f9eb5 !important;
}

page-myprofile .bg-drakGray {
  background: #707c94 !important;
}

page-myprofile .bg-grayBlue {
  background: #59779b !important;
}

page-myprofile .bg-purple {
  background: #6b79c4 !important;
}

page-myprofile .bg-turquoise {
  background: #00c5dc !important;
}

page-myprofile .bg-peach {
  background: #feb38d !important;
}

page-myprofile .bg-transparent {
  background: transparent !important;
}

page-myprofile .text-primary {
  color: #172B4D !important;
}

page-myprofile .text-link {
  color: #0645ad !important;
}

page-myprofile .text-green {
  color: #28bebd !important;
}

page-myprofile .text-turquoise {
  color: #00c5dc !important;
}

page-myprofile .text-red {
  color: #ef5350 !important;
}

page-myprofile .text-cyan {
  color: #26c6da !important;
}

page-myprofile .text-yellow {
  color: #f8c200 !important;
}

page-myprofile .text-gray {
  color: #8f9eb5 !important;
}

page-myprofile .text-blue {
  color: #42a5f5 !important;
}

page-myprofile .text-orange {
  color: #ffb74d !important;
}

page-myprofile .text-purple {
  color: #6b79c4 !important;
}

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

page-myprofile .text-brown {
  color: #906b6b !important;
}

page-myprofile .text-salmon {
  color: #ee6e73 !important;
}

page-myprofile .text-muted {
  color: #8396b0;
}

page-myprofile .color-black {
  color: #000 !important;
}

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

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

page-myprofile .transparent {
  background: transparent !important;
}

page-myprofile .bg-primary {
  background-color: #172B4D !important;
}

page-myprofile .border-bottom,
page-myprofile .border-grey-bottom-1px {
  border-bottom: 1px solid rgba(215, 225, 237, 0.8) !important;
}

page-myprofile .border-grey-top-1px,
page-myprofile .border-top {
  border-top: 1px solid rgba(215, 225, 237, 0.6) !important;
}

page-myprofile .border-bottom-black-2px {
  border-bottom: 2px solid black;
}

page-myprofile .border-top0p {
  border-top: 0px !important;
}

page-myprofile .b-n {
  border: none !important;
}

page-myprofile .b-b-1 {
  border: 1px solid black;
}

page-myprofile .b-lg-1 {
  border: 1px solid lightgrey;
}

page-myprofile .shadow-none {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

page-myprofile .shadow-z-0 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-myprofile .shadow-z-1 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-myprofile .shadow-z-1:hover {
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

page-myprofile .shadow-z-2 {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

page-myprofile .shadow-z-3 {
  -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

page-myprofile .shadow-z-4 {
  -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}

page-myprofile .shadow-z-5 {
  -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}

page-myprofile .big-shadow {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
}

page-myprofile .shadow-2dp {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

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

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

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

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

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

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

page-myprofile .font-weight-100 {
  font-weight: 100 !important;
}

page-myprofile .font-weight-200 {
  font-weight: 200 !important;
}

page-myprofile .font-weight-300 {
  font-weight: 300 !important;
}

page-myprofile .font-weight-400 {
  font-weight: 400 !important;
}

page-myprofile .font-weight-500 {
  font-weight: 500 !important;
}

page-myprofile .font-weight-600 {
  font-weight: 600 !important;
}

page-myprofile .font-weight-700 {
  font-weight: 700 !important;
}

page-myprofile .font-weight-800 {
  font-weight: 800 !important;
}

page-myprofile .font-weight-900 {
  font-weight: 900 !important;
}

page-myprofile .font-weight-light {
  font-weight: 100 !important;
}

page-myprofile .font-weight-normal {
  font-weight: 300 !important;
}

page-myprofile .font-weight-medium {
  font-weight: 400 !important;
}

page-myprofile .font-weight-bold {
  font-weight: 500 !important;
}

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

page-myprofile .font-size-0 {
  font-size: 0 !important;
}

page-myprofile .font-size-10 {
  font-size: 10px !important;
}

page-myprofile .font-size-11 {
  font-size: 11px !important;
}

page-myprofile .font-size-12 {
  font-size: 12px !important;
}

page-myprofile .font-size-14 {
  font-size: 14px !important;
}

page-myprofile .font-size-16 {
  font-size: 16px !important;
}

page-myprofile .font-size-18 {
  font-size: 18px !important;
}

page-myprofile .font-size-20 {
  font-size: 20px !important;
}

page-myprofile .font-size-24 {
  font-size: 24px !important;
}

page-myprofile .font-size-26 {
  font-size: 26px !important;
}

page-myprofile .font-size-30 {
  font-size: 30px !important;
}

page-myprofile .font-size-35 {
  font-size: 35px !important;
}

page-myprofile .font-size-38 {
  font-size: 38px !important;
}

page-myprofile .font-size-40 {
  font-size: 40px !important;
}

page-myprofile .font-size-50 {
  font-size: 50px !important;
}

page-myprofile .font-size-60 {
  font-size: 60px !important;
}

page-myprofile .font-size-70 {
  font-size: 70px !important;
}

page-myprofile .font-size-80 {
  font-size: 80px !important;
}

page-myprofile .hidden {
  display: none !important;
}

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

page-myprofile .float-r {
  float: right !important;
}

page-myprofile .float-l {
  float: left !important;
}

page-myprofile .align-c {
  display: block;
  margin: 0 auto;
}

page-myprofile .align-b {
  display: block;
}

page-myprofile .text-center {
  text-align: center !important;
}

page-myprofile .text-left {
  text-align: left !important;
}

page-myprofile .text-right {
  text-align: right !important;
}

page-myprofile .align-v-c {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-myprofile .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-myprofile .align-v-c1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-myprofile .align-v-c2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-myprofile .align-v-c3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-myprofile .align-v-c4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-myprofile .align-flex-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-myprofile .align-right-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

page-myprofile .align-start-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media (max-width: 576px) {
  page-myprofile .d-xs-none {
    display: none !important;
  }
  page-myprofile .d-xs-inline {
    display: inline !important;
  }
  page-myprofile .d-xs-inline-block {
    display: inline-block !important;
  }
  page-myprofile .d-xs-block {
    display: block !important;
  }
  page-myprofile .d-xs-table {
    display: table !important;
  }
  page-myprofile .d-xs-table-cell {
    display: table-cell !important;
  }
  page-myprofile .d-xs-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
  }
  page-myprofile .d-xs-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important;
  }
}

page-myprofile .b-r-gd {
  border-radius: 10px !important;
}

page-myprofile .b-r-10 {
  border-radius: 10px !important;
}

page-myprofile .b-r-5 {
  border-radius: 5px;
}

page-myprofile .d-fl-ov-x {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  overflow-x: auto !important;
}

page-myprofile .align-base {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-myprofile .d-fl-bl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-myprofile .d-fl-vhcenter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-myprofile .d-fl-b2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
}

page-myprofile .d-fl-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-myprofile .d-fl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-myprofile .d-fl-sb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-myprofile .d-fl-saround {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-myprofile .d-fl-ac {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-myprofile .text-capital {
  text-transform: capitalize !important;
}

page-myprofile .text-upper {
  text-transform: uppercase !important;
}

page-myprofile .m-a {
  margin: auto !important;
}

page-myprofile .m-l-a {
  margin-left: auto !important;
}

page-myprofile .m-r-a {
  margin-right: auto !important;
}

page-myprofile .italic {
  font-style: italic;
}

page-myprofile .pointer {
  cursor: pointer;
}

page-myprofile .ws-in {
  white-space: inherit;
}

page-myprofile .opacity-1 {
  opacity: 1;
}

page-myprofile .in-valid-checkbox {
  border: 1px solid #ff0000 !important;
  padding: 5px !important;
  margin-bottom: 10px;
  border-radius: 5px;
}

page-myprofile page-corp-dashboard .mycustomdrop:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
  top: -15px;
  position: absolute;
  right: 15%;
}

page-myprofile h1 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1.6875rem !important;
  line-height: 64px;
  letter-spacing: -0.4px;
}

page-myprofile h2 {
  font-family: "Poppins", sans-serif;
  font-size: 24px !important;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
}

page-myprofile h3,
page-myprofile .h3 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 22px !important;
  line-height: 48px;
  /* identical to box height, or 200% */
  /* Neutral / dark gray */
  color: #000000;
}

page-myprofile h4,
page-myprofile .menu-heading-h4 {
  font-family: "Poppins", sans-serif !important;
  font-style: normal;
  font-weight: normal;
  font-size: 15px !important;
  line-height: 26px;
  /* or 144% */
  letter-spacing: -0.2px;
  color: #000000;
}

page-myprofile h5 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  /* or 143% */
  color: #000000;
}

page-myprofile .subtitle {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  /* or 200% */
  letter-spacing: 2.5px;
  color: #4E5761;
}

page-myprofile p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 13px !important;
  line-height: 24px;
  /* identical to box height, or 171% */
  letter-spacing: -0.1px;
  /* Neutral / black */
  color: #000000;
}

page-myprofile .ui-tabview.ui-tabview-top > .ui-tabview-nav {
  padding: 0.2em 0.2em 0;
  border-bottom: 1px solid #eaeaea;
}

page-myprofile .scroll-content {
  padding: 0 !important;
}

page-myprofile ion-navbar {
  margin: 0;
  border-radius: 0px;
  height: 50px !important;
  color: #172B4D !important;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-myprofile ion-header {
  padding: 0;
}

page-myprofile .header-md::after {
  background-image: none;
}

page-myprofile .toolbar-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #172B4D !important;
  line-height: 24px;
  font-family: "Poppins", sans-serif;
  font-size: 2rem !important;
  font-weight: bold !important;
  text-align: left !important;
}

page-myprofile .userLabel {
  float: right;
  display: inline;
  letter-spacing: 1px;
  color: #172B4D !important !important;
}

page-myprofile .card-title {
  font-size: 16px !important;
  color: #000000;
  font-weight: bold !important;
  text-align: center !important;
}

page-myprofile .barcolor {
  background: #5a75a3;
  color: #ffffff;
}

page-myprofile p-sorticon {
  color: black;
}

page-myprofile p-sorticon a {
  color: black !important;
}

page-myprofile .globalTable {
  border: none;
  border: 1px solid #c1c1c1;
}

page-myprofile .globalTable .ui-table-caption {
  border-bottom: 1px solid #dadada !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  font-size: 18px !important;
  background: #ecececad !important;
}

page-myprofile .globalTable .table-header input {
  font-size: 15px !important;
  border-style: groove;
  width: 100% !important;
  padding-left: 10px;
  border-radius: 10px;
  border-color: #f3f3f3;
  font-weight: 500;
  line-height: 25px !important;
}

page-myprofile .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-myprofile .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

page-myprofile .globalTable .table-header .align input {
  width: 80%;
  line-height: 25px;
}

page-myprofile .globalTable .ui-table-tbody tr:nth-child(2n+1) {
  background: white;
}

page-myprofile .globalTable .ui-table-tbody tr:nth-child(2n) {
  background: #f3f3f3;
}

page-myprofile .globalTable .ui-table-tbody tr:hover {
  background: #c1c1c167 !important;
}

page-myprofile .globalTable .ui-table-tbody .activeRow {
  background: #c4d2e5 !important;
}

page-myprofile .globalTable th input {
  text-align: center !important;
  width: 90% !important;
  font-weight: 400 !important;
}

page-myprofile .globalTable .ui-table .ui-sortable-column.ui-state-highlight {
  color: black !important;
}

page-myprofile .globalTable .ui-table .ui-table-thead tr th {
  background: #eeeeee9e;
  border: none;
  padding: 10px 0;
  width: 100%;
  text-align: center;
}

page-myprofile .globalTable .ui-table .ui-table-tbody tr td {
  border: none;
  background: inherit;
  padding: 20px 0;
  text-align: center;
}

page-myprofile .globalTable .ui-table .ui-table-tbody tr {
  border-bottom: 1px solid #cacaca;
}

page-myprofile .globalTable .p-column-filter {
  border-radius: 4px;
  border: 1px solid gray;
}

page-myprofile .globalTable .badge-badge.status-Active {
  padding: 5px 20px;
  color: #226f4e;
  background-color: #9decbe;
  font-weight: 500;
  font-size: 12px;
}

page-myprofile .globalTable .badge-badge.status-Inactive {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

page-myprofile .globalTable .badge-badge.status-Suspended {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

page-myprofile .globalTable .badge-badge.status-Waiting {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

page-myprofile .globalTable .badge-badge.status-Pending {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

page-myprofile .globalTable .actionIcon {
  padding: 0 3px;
  font-size: 16px;
  cursor: pointer;
}

page-myprofile ion-icon {
  cursor: pointer;
}

page-myprofile .button-md-reset {
  background-color: #ffffff;
  color: black !important;
  border: 1px solid #e3ecf7;
}

page-myprofile .button-md-reset:hover {
  background-color: #ececec !important;
}

page-myprofile .reset:hover {
  background-color: #ececec !important;
}

page-myprofile .button-md-primary {
  background-color: #172B4D !important;
  color: #ffffff !important;
}

page-myprofile ion-button {
  background-color: #172B4D !important;
  color: #ffffff;
}

page-myprofile .my-custom-class .alert-button-group button:first-child {
  position: relative;
}

page-myprofile .my-custom-class .alert-button-group button {
  font-weight: bold;
}

page-myprofile .my-custom-class .alert-radio-group {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100% !important;
}

page-myprofile .my-custom-class button {
  text-align: center;
}

page-myprofile .alert-button-group button:first-child {
  position: relative !important;
  min-width: 0 !important;
}

page-myprofile .alert-md .alert-wrapper {
  max-width: 320px !important;
}

page-myprofile .alert-md .alert-message {
  font-size: 16px !important;
}

page-myprofile .alert-button {
  font-size: 15px !important;
}

page-myprofile .alert-md .alert-sub-title {
  font-size: 16px !important;
}

page-myprofile .alert-md .alert-title {
  font-size: 22px !important;
}

page-myprofile .breakclass {
  white-space: pre-line;
}

page-myprofile .error {
  color: red;
  float: left;
}

page-myprofile .topStrip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}

page-myprofile .infographic1 {
  border: none;
  color: #367ad2;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-myprofile .infographic1 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-myprofile .infographic1 ion-icon {
  color: black;
}

page-myprofile .infographic2 {
  border: none;
  color: #50d29b;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-myprofile .infographic2 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-myprofile .infographic2 ion-icon {
  color: black;
}

page-myprofile .infographic3 {
  border: none;
  color: #ffaa00;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-myprofile .infographic3 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-myprofile .infographic3 ion-icon {
  color: black;
}

page-myprofile .infographic4 {
  border: none;
  color: #f36363;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-myprofile .infographic4 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-myprofile .infographic4 ion-icon {
  color: black;
}

page-myprofile .infographic5 {
  border: none;
  color: #41acbf;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-myprofile .infographic5 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-myprofile .infographic5 ion-icon {
  color: black;
}

page-myprofile .infograph1 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #367ad2;
  font-size: 20px;
}

page-myprofile .infograph2 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #51b98d;
  font-size: 20px;
}

page-myprofile .infograph3 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #ffaa00;
  font-size: 20px;
}

page-myprofile .infograph4 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #dc5b54;
  font-size: 20px;
}

page-myprofile .infograph5 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #41acbf;
  font-size: 20px;
}

page-myprofile .infographtext {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 12px;
}

page-myprofile .successToast .toast-message {
  background-color: #d2f8d2 !important;
  color: black;
}

page-myprofile .errorToast .toast-message {
  background-color: #eea9a0 !important;
  color: black;
}

page-myprofile .actionIconsBar {
  padding-right: 20px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

page-myprofile .ui-carousel .ui-carousel-header {
  display: none !important;
}

page-myprofile .userfab .fab-close-active .fab-close-icon {
  height: 40px !important;
  position: relative !important;
}

page-myprofile textarea.text-input {
  resize: none !important;
}

page-myprofile .asterisk {
  color: red;
  padding-left: 3px;
}

page-myprofile .m-b-t {
  margin-bottom: 4% !important;
}

page-myprofile .ui-radiobutton-box.ui-state-active {
  border: 1px solid #09f;
  background: #09f;
  color: #09f;
}

page-myprofile .alert-md .alert-message {
  overflow: auto;
}

page-myprofile .alert-md .alert-message .alertstyle1 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

page-myprofile .alert-md .alert-message .alertstyle1 b {
  width: 65px !important;
}

page-myprofile .alert-md .alert-message .alertstyle3 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-myprofile .alert-md .alert-message .alertstyle3 b {
  width: 65px !important;
}

page-myprofile .alert-md .alert-message .alertstyle4 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-myprofile .alert-md .alert-message .alertstyle4 b {
  width: 150px !important;
}

page-myprofile .alert-md .alert-message .alertstyle5 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

page-myprofile .alert-md .alert-message .alertstyle5 b {
  width: 75px !important;
}

page-myprofile .alert-md .alert-message .alertstyle5 span {
  width: 5px;
}

page-myprofile .alert-md .alert-message .alertstyle2 {
  text-align: left !important;
}

page-myprofile .alert-md .alert-message .alertstyle2 li {
  margin-top: 10px;
}

page-myprofile .ui-tooltip {
  background-color: #172B4D !important;
  color: #ffffff;
}

page-myprofile .navsebexam .toolbar-content-md {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
}

page-myprofile .modal-wrapper {
  height: 75%;
  top: 10%;
  position: absolute;
  display: block;
  border-radius: 10px !important;
}

page-myprofile .ui-picklist-source-controls.ui-picklist-buttons {
  display: none !important;
}

page-myprofile .ui-picklist-target-controls.ui-picklist-buttons {
  display: none !important;
}

page-myprofile .ui-picklist-target-controls.ui-picklist-buttons.ng-star-inserted {
  display: none !important;
}

page-myprofile .ellip {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

page-myprofile .p-slider {
  background: #dee2e6;
  border: 0 none;
  border-radius: 3px;
}

page-myprofile .Errorbox .alert-title {
  color: #d8000c;
}

page-myprofile .Errorbox .alert-button {
  color: #d8000c;
}

page-myprofile .card-md {
  border-radius: 5px !important;
}

page-myprofile .modal {
  display: none;
  /* Hidden by default */
  position: -webkit-sticky;
  position: sticky;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 30px;
  /* Location of the box */
  left: 0;
  right: 0;
  bottom: 150px;
  width: 400px;
  height: 400px;
  margin: auto;
  border: 4px solid;
  background-color: black;
}

page-myprofile .modal-content {
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
}

page-myprofile .close {
  position: absolute;
  color: #f1f1f1;
  top: 0px;
  right: 10px;
  font-size: 28px;
  font-weight: bold;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

page-myprofile .close:hover,
page-myprofile .close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

page-myprofile .customhr {
  width: 90%;
  background-color: #ccc;
}

page-myprofile .mycustomtoolbar ion-segment {
  border: none;
}

page-myprofile .mycustomtoolbar ion-segment-button {
  font-size: 16px !important;
  font-weight: 500 !important;
}

page-myprofile .mycustomtoolbar .segment-md .segment-button.activated,
page-myprofile .mycustomtoolbar .segment-md .segment-button.segment-activated {
  border-color: #172B4D !important;
  color: #172B4D !important;
}

page-myprofile .mycustomtoolbar .toolbar-background {
  background: transparent;
}

page-myprofile .fc {
  direction: ltr;
  text-align: left;
}

page-myprofile .fc-rtl {
  text-align: right;
}

page-myprofile body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}

page-myprofile .fc-unthemed th,
page-myprofile .fc-unthemed td,
page-myprofile .fc-unthemed thead,
page-myprofile .fc-unthemed tbody,
page-myprofile .fc-unthemed .fc-divider,
page-myprofile .fc-unthemed .fc-row,
page-myprofile .fc-unthemed .fc-content,
page-myprofile .fc-unthemed .fc-popover,
page-myprofile .fc-unthemed .fc-list-view,
page-myprofile .fc-unthemed .fc-list-heading td {
  border-color: #ddd;
}

page-myprofile .fc-unthemed .fc-popover {
  background-color: #fff;
}

page-myprofile .fc-unthemed .fc-divider,
page-myprofile .fc-unthemed .fc-popover .fc-header,
page-myprofile .fc-unthemed .fc-list-heading td {
  background: #eee;
}

page-myprofile .fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}

page-myprofile .fc-unthemed td.fc-today {
  background: #fcf8e3;
}

page-myprofile .fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3;
}

page-myprofile .fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3;
}

page-myprofile .fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}

page-myprofile .fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

page-myprofile .fc-icon:after {
  position: relative;
}

page-myprofile .fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-myprofile .fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-myprofile .fc-icon-left-double-arrow:after {
  content: "\000AB";
  font-size: 160%;
  top: -7%;
}

page-myprofile .fc-icon-right-double-arrow:after {
  content: "\000BB";
  font-size: 160%;
  top: -7%;
}

page-myprofile .fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%;
}

page-myprofile .fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%;
}

page-myprofile .fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%;
}

page-myprofile .fc-icon-x:after {
  content: "\000D7";
  font-size: 200%;
  top: 6%;
}

page-myprofile .fc button {
  /* force height to include the border and padding */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer;
}

page-myprofile .fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}

page-myprofile .fc-state-default {
  /* non-theme */
  border: 1px solid;
}

page-myprofile .fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

page-myprofile .fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

page-myprofile .fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .2em;
  vertical-align: middle;
}

page-myprofile .fc-state-default {
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-myprofile .fc-state-hover,
page-myprofile .fc-state-down,
page-myprofile .fc-state-active,
page-myprofile .fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}

page-myprofile .fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

page-myprofile .fc-state-down,
page-myprofile .fc-state-active {
  background-color: #cccccc;
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-myprofile .fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}

page-myprofile .fc-button-group {
  display: inline-block;
}

page-myprofile .fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px;
}

page-myprofile .fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0;
}

page-myprofile .fc-popover {
  position: absolute;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

page-myprofile .fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px;
}

page-myprofile .fc-popover .fc-header .fc-title {
  margin: 0 2px;
}

page-myprofile .fc-popover .fc-header .fc-close {
  cursor: pointer;
}

page-myprofile .fc-ltr .fc-popover .fc-header .fc-title,
page-myprofile .fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}

page-myprofile .fc-rtl .fc-popover .fc-header .fc-title,
page-myprofile .fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}

page-myprofile .fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}

page-myprofile .fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: .9em;
  margin-top: 2px;
}

page-myprofile .fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */
}

page-myprofile .fc-divider {
  border-style: solid;
  border-width: 1px;
}

page-myprofile hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}

page-myprofile .fc-clear {
  clear: both;
}

page-myprofile .fc-bg,
page-myprofile .fc-bgevent-skeleton,
page-myprofile .fc-highlight-skeleton,
page-myprofile .fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-myprofile .fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}

page-myprofile .fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}

page-myprofile .fc table {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}

page-myprofile .fc th {
  text-align: center;
}

page-myprofile .fc th,
page-myprofile .fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}

page-myprofile .fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}

page-myprofile a[data-goto] {
  cursor: pointer;
}

page-myprofile a[data-goto]:hover {
  text-decoration: underline;
}

page-myprofile .fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}

page-myprofile .fc-row table {
  /* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}

page-myprofile .fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}

page-myprofile .fc-row {
  position: relative;
}

page-myprofile .fc-row .fc-bg {
  z-index: 1;
}

page-myprofile .fc-row .fc-bgevent-skeleton,
page-myprofile .fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}

page-myprofile .fc-row .fc-bgevent-skeleton table,
page-myprofile .fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}

page-myprofile .fc-row .fc-highlight-skeleton td,
page-myprofile .fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}

page-myprofile .fc-row .fc-bgevent-skeleton {
  z-index: 2;
}

page-myprofile .fc-row .fc-highlight-skeleton {
  z-index: 3;
}

page-myprofile .fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}

page-myprofile .fc-row .fc-helper-skeleton {
  z-index: 5;
}

page-myprofile .fc-row .fc-content-skeleton td,
page-myprofile .fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}

page-myprofile .fc-row .fc-content-skeleton tbody td,
page-myprofile .fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}

page-myprofile .fc-scroller {
  -webkit-overflow-scrolling: touch;
}

page-myprofile .fc-scroller > .fc-day-grid,
page-myprofile .fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}

page-myprofile .fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */
  font-weight: normal;
  /* undo jqui's ui-widget-header bold */
}

page-myprofile .fc-event,
page-myprofile .fc-event-dot {
  background-color: #3a87ad;
  /* default BACKGROUND color */
}

page-myprofile .fc-event,
page-myprofile .fc-event:hover,
page-myprofile .ui-widget .fc-event {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}

page-myprofile .fc-event[href],
page-myprofile .fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}

page-myprofile .fc-not-allowed,
page-myprofile .fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}

page-myprofile .fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #ffffff;
  opacity: .25;
}

page-myprofile .fc-event .fc-content {
  position: relative;
  z-index: 2;
}

page-myprofile .fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
}

page-myprofile .fc-event .fc-resizer {
  display: none;
}

page-myprofile .fc-event.fc-allow-mouse-resize .fc-resizer,
page-myprofile .fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block;
}

page-myprofile .fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}

page-myprofile .fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

page-myprofile .fc-event.fc-selected.fc-dragging {
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

page-myprofile .fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}

page-myprofile .fc-ltr .fc-h-event.fc-not-start,
page-myprofile .fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

page-myprofile .fc-ltr .fc-h-event.fc-not-end,
page-myprofile .fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

page-myprofile .fc-ltr .fc-h-event .fc-start-resizer,
page-myprofile .fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */
}

page-myprofile .fc-ltr .fc-h-event .fc-end-resizer,
page-myprofile .fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */
}

page-myprofile .fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */
}

page-myprofile .fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* vertically center */
  top: 50%;
  margin-top: -4px;
}

page-myprofile .fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
page-myprofile .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */
}

page-myprofile .fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
page-myprofile .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */
}

page-myprofile .fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}

page-myprofile tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */
}

page-myprofile .fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: .25;
}

page-myprofile .fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}

page-myprofile .fc-day-grid-event .fc-time {
  font-weight: bold;
}

page-myprofile .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
page-myprofile .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */
}

page-myprofile .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
page-myprofile .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */
}

page-myprofile a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none;
}

page-myprofile a.fc-more:hover {
  text-decoration: underline;
}

page-myprofile .fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}

page-myprofile .fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}

page-myprofile .fc-more-popover {
  z-index: 2;
  width: 220px;
}

page-myprofile .fc-more-popover .fc-event-container {
  padding: 10px;
}

page-myprofile .fc-now-indicator {
  position: absolute;
  border: 0 solid red;
}

page-myprofile .fc-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

page-myprofile .fc-toolbar {
  text-align: center;
}

page-myprofile .fc-toolbar.fc-header-toolbar {
  margin-bottom: 1em;
}

page-myprofile .fc-toolbar.fc-footer-toolbar {
  margin-top: 1em;
}

page-myprofile .fc-toolbar .fc-left {
  float: left;
}

page-myprofile .fc-toolbar .fc-right {
  float: right;
}

page-myprofile .fc-toolbar .fc-center {
  display: inline-block;
}

page-myprofile .fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em;
}

page-myprofile .fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0;
}

page-myprofile .fc-toolbar h2 {
  margin: 0;
}

page-myprofile .fc-toolbar button {
  position: relative;
}

page-myprofile .fc-toolbar .fc-state-hover,
page-myprofile .fc-toolbar .ui-state-hover {
  z-index: 2;
}

page-myprofile .fc-toolbar .fc-state-down {
  z-index: 3;
}

page-myprofile .fc-toolbar .fc-state-active,
page-myprofile .fc-toolbar .ui-state-active {
  z-index: 4;
}

page-myprofile .fc-toolbar button:focus {
  z-index: 5;
}

page-myprofile .fc-view-container *,
page-myprofile .fc-view-container *:before,
page-myprofile .fc-view-container *:after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

page-myprofile .fc-view,
page-myprofile .fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}

page-myprofile .fc-basicWeek-view .fc-content-skeleton,
page-myprofile .fc-basicDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}

page-myprofile .fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}

page-myprofile .fc-row.fc-rigid {
  overflow: hidden;
}

page-myprofile .fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-myprofile .fc-day-top.fc-other-month {
  opacity: 0.3;
}

page-myprofile .fc-basic-view .fc-week-number,
page-myprofile .fc-basic-view .fc-day-number {
  padding: 2px;
}

page-myprofile .fc-basic-view th.fc-week-number,
page-myprofile .fc-basic-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */
}

page-myprofile .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right;
}

page-myprofile .fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left;
}

page-myprofile .fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0;
}

page-myprofile .fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px;
}

page-myprofile .fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080;
}

page-myprofile .fc-basic-view td.fc-week-number {
  text-align: center;
}

page-myprofile .fc-basic-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}

page-myprofile .fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}

page-myprofile .fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}

page-myprofile .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}

page-myprofile .fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}

page-myprofile .fc-ltr .fc-axis {
  text-align: right;
}

page-myprofile .fc-rtl .fc-axis {
  text-align: left;
}

page-myprofile .ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome jqui theme making it bold */
}

page-myprofile .fc-time-grid-container,
page-myprofile .fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}

page-myprofile .fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

page-myprofile .fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}

page-myprofile .fc-time-grid > .fc-bg {
  z-index: 1;
}

page-myprofile .fc-time-grid .fc-slats,
page-myprofile .fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}

page-myprofile .fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */
}

page-myprofile .fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
}

page-myprofile .fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1;
}

page-myprofile .fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2;
}

page-myprofile .fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3;
}

page-myprofile .fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4;
}

page-myprofile .fc-time-grid .fc-now-indicator-line {
  z-index: 5;
}

page-myprofile .fc-time-grid .fc-helper-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6;
}

page-myprofile .fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}

page-myprofile .fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}

page-myprofile .fc-time-grid .fc-slats .ui-widget-content {
  /* for jqui theme */
  background: none;
  /* see through to fc-bg */
}

page-myprofile .fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}

page-myprofile .fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}

page-myprofile .fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}

page-myprofile .fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}

page-myprofile .fc-time-grid .fc-event,
page-myprofile .fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}

page-myprofile .fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}

page-myprofile .fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

page-myprofile .fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

page-myprofile .fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */
}

page-myprofile .fc-time-grid-event.fc-selected {
  /* need to allow touch resizers to extend outside event's bounding box */
  /* common fc-selected styles hide the fc-bg, so don't need this anyway */
  overflow: visible;
}

page-myprofile .fc-time-grid-event.fc-selected .fc-bg {
  display: none;
  /* hide semi-white background, to appear darker */
}

page-myprofile .fc-time-grid-event .fc-content {
  overflow: hidden;
  /* for when .fc-selected */
}

page-myprofile .fc-time-grid-event .fc-time,
page-myprofile .fc-time-grid-event .fc-title {
  padding: 0 1px;
}

page-myprofile .fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap;
}

page-myprofile .fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}

page-myprofile .fc-time-grid-event.fc-short .fc-time,
page-myprofile .fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}

page-myprofile .fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}

page-myprofile .fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}

page-myprofile .fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
  /* seperate with a dash, wrapped in nbsp's */
}

page-myprofile .fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}

page-myprofile .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}

page-myprofile .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "=";
}

page-myprofile .fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px;
}

page-myprofile .fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0;
}

page-myprofile .fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */
}

page-myprofile .fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-myprofile .fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-myprofile .fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}

page-myprofile .fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */
}

page-myprofile .fc-list-view {
  border-width: 1px;
  border-style: solid;
}

page-myprofile .fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */
}

page-myprofile .fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px;
}

page-myprofile .fc-list-table tr:first-child td {
  border-top-width: 0;
}

page-myprofile .fc-list-heading {
  border-bottom-width: 1px;
}

page-myprofile .fc-list-heading td {
  font-weight: bold;
}

page-myprofile .fc-ltr .fc-list-heading-main {
  float: left;
}

page-myprofile .fc-ltr .fc-list-heading-alt {
  float: right;
}

page-myprofile .fc-rtl .fc-list-heading-main {
  float: right;
}

page-myprofile .fc-rtl .fc-list-heading-alt {
  float: left;
}

page-myprofile .fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */
}

page-myprofile .fc-list-item:hover td {
  background-color: #f5f5f5;
}

page-myprofile .fc-list-item-marker,
page-myprofile .fc-list-item-time {
  white-space: nowrap;
  width: 1px;
}

page-myprofile .fc-ltr .fc-list-item-marker {
  padding-right: 0;
}

page-myprofile .fc-rtl .fc-list-item-marker {
  padding-left: 0;
}

page-myprofile .fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit;
}

page-myprofile .fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline;
}

page-myprofile .fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

page-myprofile .fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table;
}

page-myprofile .fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

page-myprofile .fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #eee;
}

page-myprofile .profile-header-new {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-myprofile .profileBackImage {
  background-image: url("../assets/images/profile_background.svg");
  background-size: 100% 100%;
  background-position: center;
  height: 340px;
  background-color: rgba(211, 211, 211, 0.282);
  margin: 0 auto;
}

page-myprofile .update-password-icon {
  cursor: pointer;
}

page-myprofile .img-wrapper-new {
  height: 150px;
  width: 150px;
}

page-myprofile .img-wrapper-new text-img {
  min-width: 150px;
  min-height: 150px;
  border: 10px #f3f3f3 solid;
  border-radius: 50%;
  position: absolute;
}

page-myprofile .img-wrapper-new text-img::after {
  width: 10em;
  height: 135px;
  border-radius: 2rem;
  font-size: 3em;
}

page-myprofile .info-wrapper-new {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: -36px;
}

page-myprofile .info-wrapper-new .info-container-new {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d7d7d7), to(#d3d3d348));
  background-image: linear-gradient(#d7d7d7, #d3d3d348);
  width: 100%;
  padding-top: 50px;
  padding-bottom: 35px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-myprofile .globalTable {
  border: 1px solid lightgrey;
  min-width: 801px;
}

page-myprofile .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-myprofile .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

page-myprofile .globalTable .table-header .align input {
  width: 60%;
  line-height: 25px;
}

page-myprofile .globalTable th input {
  text-align: center;
  width: 90%;
  font-weight: 400;
}

page-myprofile .globalTable .actionIcon {
  padding: 0 6px;
  font-size: 16px;
  cursor: pointer;
}

page-myprofile .info-grid ion-col {
  padding: 0;
}

page-myprofile .info-grid ion-col ion-row {
  margin: 10px;
  border: 1px lightgrey solid;
  background-color: #ffffff;
}

page-myprofile .info-grid ion-col .label-md {
  margin: 0;
}

page-myprofile .info-grid ion-col .label-md .heading {
  font-family: "Open Sans";
  font-size: 0.9em;
  color: black;
  width: 60%;
}

page-myprofile .info-grid ion-col .heading {
  width: 50%;
  background-color: #ebedf0;
  font-weight: bold;
  padding: 20px;
}

page-myprofile .info-grid ion-col .info {
  width: 50%;
  background-color: #ffffff;
  padding: 20px;
  text-align: right;
}

page-myprofile .info-grid ion-col .change-pwd-icon {
  height: 100%;
  padding: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  font-size: 3rem;
}

page-myprofile .info-grid ion-col ion-icon {
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
}

page-new-registration .text-align {
  text-align: center;
  margin-top: 15px;
}

page-new-registration ion-card ion-card-content {
  height: 80%;
}

page-new-registration ion-card ion-card-content .importres h4 {
  color: #ffffff;
}

page-new-registration ion-card ion-card-content .button-text {
  color: #0037ff;
  text-decoration: underline;
}

page-new-registration ion-card ion-card-content .form {
  padding: 0 15px;
}

page-new-registration ion-card ion-card-content .form ion-item {
  border-bottom: 1px solid #e2e2e2;
}

page-new-registration .a4sheet {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

page-new-registration .a4sheet .container {
  width: 50%;
  margin: 24px 0;
}

page-new-registration .a4sheet .container .textfield {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-new-registration .a4sheet .container .textfield ion-label {
  display: contents;
  font-size: 12px;
}

page-new-registration .a4sheet .container .textfield p {
  padding: 0 12px;
}

page-new-registration .radioItem {
  border-right: 4px solid #f7f7f7;
}

page-new-registration .importres {
  width: 140px;
  height: 30px;
  border-radius: 15px !important;
}

page-new-registration .downtemp {
  width: 190px;
  height: 30px;
}

page-new-registration .altertext {
  color: #f55050;
}

page-new-registration sup {
  color: red;
}

page-new-registration ion-card {
  height: 250px !important;
  border-radius: 15px !important;
  -webkit-box-shadow: 2px 0px 6px 4px #eaeaea !important;
  box-shadow: 2px 0px 6px 4px #eaeaea !important;
}

page-new-registration .dropbox {
  border: 1px solid grey;
  border-style: dashed;
  height: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-new-registration .globalTable {
  border: 1px solid lightgrey;
  min-width: 801px;
}

page-new-registration .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-new-registration .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

page-new-registration .globalTable .table-header .align input {
  width: 60%;
  line-height: 25px;
}

page-new-registration .globalTable th input {
  text-align: center;
  width: 90%;
  font-weight: 400;
}

page-new-registration .globalTable .user-badge.status-done {
  padding: 2px 10px !important;
  text-align: center !important;
  color: #5ecf8d !important;
  font-weight: bold;
  font-size: 12px;
}

page-new-registration .globalTable .user-badge.status-failed {
  padding: 2px 10px !important;
  text-align: center !important;
  color: #f55050 !important;
  font-weight: bold;
  font-size: 12px;
}

page-new-registration .dropzone {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  background-color: #eee;
  border: 1px solid #aaa;
}

page-new-registration .centered {
  font-family: sans-serif;
  font-size: 1.3em;
  font-weight: bold;
  text-align: center;
}

page-new-registration .progressbardiv {
  width: 80%;
  margin-left: 10%;
}

page-new-registration .progressbardiv .ui-progressbar {
  height: 1.6em;
}

page-new-registration .progressbardiv .ui-widget-content {
  border: 2px solid #0099ff;
}

page-new-registration .progressbardiv .ui-progressbar.ui-progressbar-determinate .ui-progressbar-value {
  background: #0099ff;
}

page-new-registration .progressbardiv .ui-progressbar-determinate .ui-progressbar-value-animate {
  transition: width 1s ease-in-out 0s;
  -webkit-transition: width 1s ease-in-out 0s;
}

page-new-registration .emptycard {
  height: auto !important;
  margin-top: 20px !important;
}

page-new-registration .head {
  margin-left: 20px;
}

page-new-registration .customselect ion-select {
  max-width: 100%;
}

page-new-registration .btn-position {
  margin-top: 11px;
}

page-notice-assignment {
  /* ANIMATION */
  /* SHADOWS */
  /*
 *
 *   MaterialWrap - Bootstrap + Material Design Admin Theme

 
*/
  /*
 * CSS Transform - Scale and Rotate
 */
  /* The Modal (background) */
  /* Modal Content (image) */
  /* The Close Button */
  /*!
 * FullCalendar v3.2.0 Stylesheet
 * Docs & License: https://fullcalendar.io/
 * (c) 2017 Adam Shaw
 */
  /* Colors
--------------------------------------------------------------------------------------------------*/
  /* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
  /*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
  /* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
  /* Firefox has an annoying inner border */
  /* icons in buttons */
  /*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
  /* Buttons Groups
--------------------------------------------------------------------------------------------------*/
  /*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
  /* Popover
--------------------------------------------------------------------------------------------------*/
  /* unthemed */
  /* jqui themed */
  /* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
  /* Tables
--------------------------------------------------------------------------------------------------*/
  /* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
  /* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
  /* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
  /* highlighting cells & background event skeleton */
  /*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
  /* Scrolling Container
--------------------------------------------------------------------------------------------------*/
  /* TODO: move to agenda/basic */
  /* Global Event Styles
--------------------------------------------------------------------------------------------------*/
  /* overpower some of bootstrap's and jqui's styles on <a> tags */
  /* resizer (cursor AND touch devices) */
  /* resizer (touch devices) */
  /* hit area */
  /* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
  /* Horizontal Events
--------------------------------------------------------------------------------------------------*/
  /* bigger touch area when selected */
  /* events that are continuing to/from another week. kill rounded corners and butt up against edge */
  /* resizer (cursor AND touch devices) */
  /* left resizer  */
  /* right resizer */
  /* resizer (mouse devices) */
  /* resizer (touch devices) */
  /* left resizer  */
  /* right resizer */
  /* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* resizer (cursor devices) */
  /* left resizer  */
  /* right resizer */
  /* Event Limiting
--------------------------------------------------------------------------------------------------*/
  /* "more" link that represents hidden events */
  /* popover that appears when "more" link is clicked */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* Utilities
--------------------------------------------------------------------------------------------------*/
  /* Toolbar
--------------------------------------------------------------------------------------------------*/
  /* the things within each left/right/center section */
  /* the first thing within each left/center/right section */
  /* title text */
  /* button layering (for border precedence) */
  /* View Structure
--------------------------------------------------------------------------------------------------*/
  /* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
  /* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
  /* BasicView
--------------------------------------------------------------------------------------------------*/
  /* day row structure */
  /* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
  /* week and day number styling */
  /* when week/day number have own column */
  /* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
  /* divs within a cell within the fc-content-skeleton */
  /* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
  /* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* short mode, where time and title are on the same line */
  /* resizer (cursor device) */
  /* resizer (touch device) */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* arrow on axis */
  /* List View
--------------------------------------------------------------------------------------------------*/
  /* possibly reusable */
  /* view wrapper */
  /* table resets */
  /* day headings with the list */
  /* event list items */
  /* make the dot closer to the event title */
  /* message when no events */
}

page-notice-assignment .letter-sp-1 {
  letter-spacing: 1px;
}

page-notice-assignment .letter-sp-2 {
  letter-spacing: 2px;
}

page-notice-assignment .letter-sp-3 {
  letter-spacing: 3px;
}

page-notice-assignment .m-0 {
  margin: 0 !important;
}

page-notice-assignment .m-5 {
  margin: 5px !important;
}

page-notice-assignment .m-10 {
  margin: 10px !important;
}

page-notice-assignment .m-15 {
  margin: 15px !important;
}

page-notice-assignment .m-20 {
  margin: 20px !important;
}

page-notice-assignment .m-30 {
  margin: 30px !important;
}

page-notice-assignment .m-50 {
  margin: 50px !important;
}

page-notice-assignment .m-b-100 {
  margin-bottom: 100px !important;
}

page-notice-assignment .m-b-15 {
  margin-bottom: 15px !important;
}

page-notice-assignment .m-b-20 {
  margin-bottom: 20px !important;
}

page-notice-assignment .m-b-0 {
  margin-bottom: 0 !important;
}

page-notice-assignment .m-l-0 {
  margin-left: 0 !important;
}

page-notice-assignment .m-l-5 {
  margin-left: 5px !important;
}

page-notice-assignment .m-l-10 {
  margin-left: 10px !important;
}

page-notice-assignment .m-l-15 {
  margin-left: 15px !important;
}

page-notice-assignment .m-l-20 {
  margin-left: 20px !important;
}

page-notice-assignment .m-l-30 {
  margin-left: 30px !important;
}

page-notice-assignment .m-l-40 {
  margin-left: 40px !important;
}

page-notice-assignment .m-l-50 {
  margin-left: 50px !important;
}

page-notice-assignment .m-l-n-1 {
  margin-left: -1px !important;
}

page-notice-assignment .m-l-n-5 {
  margin-left: -5px !important;
}

page-notice-assignment .m-l-n-10 {
  margin-left: -10px !important;
}

page-notice-assignment .m-l-n-15 {
  margin-left: -15px !important;
}

page-notice-assignment .m-l-n-20 {
  margin-left: -20px !important;
}

page-notice-assignment .m-l-n-30 {
  margin-left: -30px !important;
}

page-notice-assignment .m-l-n-40 {
  margin-left: -40px !important;
}

page-notice-assignment .m-l-n-50 {
  margin-left: -50px !important;
}

page-notice-assignment .m-t-0 {
  margin-top: 0 !important;
}

page-notice-assignment .m-t-1 {
  margin-top: 1px !important;
}

page-notice-assignment .m-t-2 {
  margin-top: 2px;
}

page-notice-assignment .m-t-2p {
  margin-top: 2% !important;
}

page-notice-assignment .m-t-5p {
  margin-top: 5% !important;
}

page-notice-assignment .m-t-25p {
  margin-top: 25% !important;
}

page-notice-assignment .m-t-30p {
  margin-top: 30% !important;
}

page-notice-assignment .m-t-4 {
  margin-top: 4px !important;
}

page-notice-assignment .m-t-5 {
  margin-top: 5px !important;
}

page-notice-assignment .m-t-5p {
  margin-top: 5% !important;
}

page-notice-assignment .m-t-10 {
  margin-top: 10px !important;
}

page-notice-assignment .m-t-15 {
  margin-top: 15px !important;
}

page-notice-assignment .m-t-20 {
  margin-top: 20px !important;
}

page-notice-assignment .m-t-30 {
  margin-top: 30px !important;
}

page-notice-assignment .m-t-40 {
  margin-top: 40px !important;
}

page-notice-assignment .m-t-50 {
  margin-top: 50px !important;
}

page-notice-assignment .m-t-75 {
  margin-top: 75px !important;
}

page-notice-assignment .m-t-100 {
  margin-top: 100px !important;
}

page-notice-assignment .m-t-120 {
  margin-top: 120px !important;
}

page-notice-assignment .m-t-140 {
  margin-top: 140px !important;
}

page-notice-assignment .m-t-n-1 {
  margin-top: -1px !important;
}

page-notice-assignment .m-t-n-5 {
  margin-top: -5px !important;
}

page-notice-assignment .m-t-n-10 {
  margin-top: -10px !important;
}

page-notice-assignment .m-t-n-15 {
  margin-top: -15px !important;
}

page-notice-assignment .m-t-n-20 {
  margin-top: -20px !important;
}

page-notice-assignment .m-t-n-30 {
  margin-top: -30px !important;
}

page-notice-assignment .m-t-n-40 {
  margin-top: -40px !important;
}

page-notice-assignment .m-t-n-50 {
  margin-top: -50px !important;
}

page-notice-assignment .m-r-0 {
  margin-right: 0 !important;
}

page-notice-assignment .m-r-1 {
  margin-right: 1px !important;
}

page-notice-assignment .m-r-5 {
  margin-right: 5px !important;
}

page-notice-assignment .m-r-10 {
  margin-right: 10px !important;
}

page-notice-assignment .m-r-15 {
  margin-right: 15px !important;
}

page-notice-assignment .m-r-20 {
  margin-right: 20px !important;
}

page-notice-assignment .m-r-30 {
  margin-right: 30px !important;
}

page-notice-assignment .m-r-40 {
  margin-right: 40px !important;
}

page-notice-assignment .m-r-50 {
  margin-right: 50px !important;
}

page-notice-assignment .m-r-n-1 {
  margin-right: -1px !important;
}

page-notice-assignment .m-r-n-5 {
  margin-right: -5px !important;
}

page-notice-assignment .m-r-n-10 {
  margin-right: -10px !important;
}

page-notice-assignment .m-r-n-15 {
  margin-right: -15px !important;
}

page-notice-assignment .m-r-n-20 {
  margin-right: -20px !important;
}

page-notice-assignment .m-r-n-30 {
  margin-right: -30px !important;
}

page-notice-assignment .m-r-n-40 {
  margin-right: -40px !important;
}

page-notice-assignment .m-r-n-50 {
  margin-right: -50px !important;
}

page-notice-assignment .m-b-0 {
  margin-bottom: 0 !important;
}

page-notice-assignment .m-b-1 {
  margin-bottom: 1px !important;
}

page-notice-assignment .m-b-4 {
  margin-bottom: 4px !important;
}

page-notice-assignment .m-b-5 {
  margin-bottom: 5px !important;
}

page-notice-assignment .m-b-10 {
  margin-bottom: 10px !important;
}

page-notice-assignment .m-b-15 {
  margin-bottom: 15px !important;
}

page-notice-assignment .m-b-20 {
  margin-bottom: 20px !important;
}

page-notice-assignment .m-b-30 {
  margin-bottom: 30px !important;
}

page-notice-assignment .m-b-40 {
  margin-bottom: 40px !important;
}

page-notice-assignment .m-b-50 {
  margin-bottom: 50px !important;
}

page-notice-assignment .m-b-n-1 {
  margin-bottom: -1px !important;
}

page-notice-assignment .m-b-n-5 {
  margin-bottom: -5px !important;
}

page-notice-assignment .m-b-n-10 {
  margin-bottom: -10px !important;
}

page-notice-assignment .m-b-n-15 {
  margin-bottom: -15px !important;
}

page-notice-assignment .m-b-n-20 {
  margin-bottom: -20px !important;
}

page-notice-assignment .m-b-n-30 {
  margin-bottom: -30px !important;
}

page-notice-assignment .m-b-n-40 {
  margin-bottom: -40px !important;
}

page-notice-assignment .m-b-n-50 {
  margin-bottom: -50px !important;
}

page-notice-assignment .p-0 {
  padding: 0 !important;
}

page-notice-assignment .p-5 {
  padding: 5px !important;
}

page-notice-assignment .p-10 {
  padding: 10px !important;
}

page-notice-assignment .p-15 {
  padding: 15px !important;
}

page-notice-assignment .p-20 {
  padding: 20px !important;
}

page-notice-assignment .p-25 {
  padding: 25px !important;
}

page-notice-assignment .p-30 {
  padding: 30px !important;
}

page-notice-assignment .p-40 {
  padding: 40px !important;
}

page-notice-assignment .p-50 {
  padding: 50px !important;
}

page-notice-assignment .p-75 {
  padding: 75px !important;
}

page-notice-assignment .p-100 {
  padding: 100px !important;
}

page-notice-assignment .p-lr {
  padding: 0px 4% 0px 4%;
}

page-notice-assignment .p-l-0 {
  padding-left: 0 !important;
}

page-notice-assignment .p-l-5 {
  padding-left: 5px !important;
}

page-notice-assignment .p-l-10 {
  padding-left: 10px !important;
}

page-notice-assignment .p-l-12 {
  padding-left: 12px !important;
}

page-notice-assignment .p-l-15 {
  padding-left: 15px !important;
}

page-notice-assignment .p-l-16 {
  padding-left: 16px !important;
}

page-notice-assignment .p-l-20 {
  padding-left: 20px !important;
}

page-notice-assignment .p-l-25 {
  padding-left: 25px !important;
}

page-notice-assignment .p-l-30 {
  padding-left: 30px !important;
}

page-notice-assignment .p-l-40 {
  padding-left: 40px !important;
}

page-notice-assignment .p-l-50 {
  padding-left: 50px !important;
}

page-notice-assignment .p-l-75 {
  padding-left: 75px !important;
}

page-notice-assignment .p-l-100 {
  padding-left: 100px !important;
}

page-notice-assignment .p-r-0 {
  padding-right: 0 !important;
}

page-notice-assignment .p-r-5 {
  padding-right: 5px !important;
}

page-notice-assignment .p-r-10 {
  padding-right: 10px !important;
}

page-notice-assignment .p-r-12 {
  padding-right: 12px !important;
}

page-notice-assignment .p-r-15 {
  padding-right: 15px !important;
}

page-notice-assignment .p-r-20 {
  padding-right: 20px !important;
}

page-notice-assignment .p-r-25 {
  padding-right: 25px !important;
}

page-notice-assignment .p-r-30 {
  padding-right: 30px !important;
}

page-notice-assignment .p-r-40 {
  padding-right: 40px !important;
}

page-notice-assignment .p-r-50 {
  padding-right: 50px !important;
}

page-notice-assignment .p-r-75 {
  padding-right: 75px !important;
}

page-notice-assignment .p-r-100 {
  padding-right: 100px !important;
}

page-notice-assignment .p-b-0 {
  padding-bottom: 0 !important;
}

page-notice-assignment .p-b-5 {
  padding-bottom: 5px !important;
}

page-notice-assignment .p-b-10 {
  padding-bottom: 10px !important;
}

page-notice-assignment .p-b-15 {
  padding-bottom: 15px !important;
}

page-notice-assignment .p-b-16 {
  padding-bottom: 16px !important;
}

page-notice-assignment .p-b-20 {
  padding-bottom: 20px !important;
}

page-notice-assignment .p-b-25 {
  padding-bottom: 25px !important;
}

page-notice-assignment .p-b-30 {
  padding-bottom: 30px !important;
}

page-notice-assignment .p-b-40 {
  padding-bottom: 40px !important;
}

page-notice-assignment .p-b-50 {
  padding-bottom: 50px !important;
}

page-notice-assignment .p-b-60 {
  padding-bottom: 60px !important;
}

page-notice-assignment .p-b-70 {
  padding-bottom: 70px !important;
}

page-notice-assignment .p-b-80 {
  padding-bottom: 80px !important;
}

page-notice-assignment .p-b-90 {
  padding-bottom: 90px !important;
}

page-notice-assignment .p-b-100 {
  padding-bottom: 100px !important;
}

page-notice-assignment .p-t-0 {
  padding-top: 0 !important;
}

page-notice-assignment .p-t-5 {
  padding-top: 5px !important;
}

page-notice-assignment .p-t-7 {
  padding-top: 7px !important;
}

page-notice-assignment .p-t-10 {
  padding-top: 10px !important;
}

page-notice-assignment .p-t-15 {
  padding-top: 15px !important;
}

page-notice-assignment .p-t-16 {
  padding-top: 16px !important;
}

page-notice-assignment .p-t-20 {
  padding-top: 20px !important;
}

page-notice-assignment .p-t-25 {
  padding-top: 25px !important;
}

page-notice-assignment .p-t-30 {
  padding-top: 30px !important;
}

page-notice-assignment .p-t-40 {
  padding-top: 40px !important;
}

page-notice-assignment .p-t-50 {
  padding-top: 50px !important;
}

page-notice-assignment .p-t-75 {
  padding-top: 75px !important;
}

page-notice-assignment .p-t-100 {
  padding-top: 100px !important;
}

page-notice-assignment .p-t-120 {
  padding-top: 120px !important;
}

page-notice-assignment .p-t-130 {
  padding-top: 130px !important;
}

page-notice-assignment .p-t-140 {
  padding-top: 140px !important;
}

page-notice-assignment .p-t-150 {
  padding-top: 150px !important;
}

page-notice-assignment .block {
  display: block !important;
}

page-notice-assignment .img-xs {
  width: 30px;
  height: 30px;
}

page-notice-assignment .img-sm {
  width: 35px;
  height: 35px;
}

page-notice-assignment .img-md {
  width: 55px;
  height: 55px;
}

page-notice-assignment .img-lg {
  width: 100px;
  height: 100px;
}

page-notice-assignment .min-w-800 {
  min-width: 800px !important;
}

page-notice-assignment .min-w-1000 {
  min-width: 1000px !important;
}

page-notice-assignment .min-w-1100 {
  min-width: 1100px !important;
}

page-notice-assignment .max-w-20 {
  max-width: 20px !important;
}

page-notice-assignment .max-w-30 {
  max-width: 30px !important;
}

page-notice-assignment .max-w-32 {
  max-width: 35px !important;
}

page-notice-assignment .max-w-35 {
  max-width: 35px !important;
}

page-notice-assignment .max-w-40 {
  max-width: 40px !important;
}

page-notice-assignment .max-w-50 {
  max-width: 50px !important;
}

page-notice-assignment .max-w-75 {
  max-width: 75px !important;
}

page-notice-assignment .max-w-100 {
  max-width: 100px !important;
}

page-notice-assignment .max-w-150 {
  max-width: 150px !important;
}

page-notice-assignment .max-w-200 {
  max-width: 200px !important;
}

page-notice-assignment .max-w-300 {
  max-width: 300px !important;
}

page-notice-assignment .max-w-400 {
  max-width: 400px !important;
}

page-notice-assignment .overflow-hidden {
  overflow: hidden;
}

page-notice-assignment .overflow-auto {
  overflow: auto;
}

page-notice-assignment .max-h-50 {
  max-height: 50px !important;
}

page-notice-assignment .max-h-80 {
  max-height: 80px !important;
}

page-notice-assignment .max-h-100 {
  max-height: 100px !important;
}

page-notice-assignment .max-h-150 {
  max-height: 150px !important;
}

page-notice-assignment .max-h-200 {
  max-height: 200px !important;
}

page-notice-assignment .max-h-250 {
  max-height: 250px !important;
}

page-notice-assignment .max-h-300 {
  max-height: 300px !important;
}

page-notice-assignment .max-h-350 {
  max-height: 300px !important;
}

page-notice-assignment .max-h-375 {
  max-height: 300px !important;
}

page-notice-assignment .max-h-400 {
  max-height: 400px !important;
}

page-notice-assignment .max-h-450 {
  max-height: 450px !important;
}

page-notice-assignment .max-h-500 {
  max-height: 500px !important;
}

page-notice-assignment .max-h-600 {
  max-height: 600px !important;
}

page-notice-assignment .max-h-650 {
  max-height: 650px !important;
}

page-notice-assignment .max-h-700 {
  max-height: 700px !important;
}

page-notice-assignment .max-h-800 {
  max-height: 800px !important;
}

page-notice-assignment .max-h-900 {
  max-height: 900px !important;
}

page-notice-assignment .max-h-1000 {
  max-height: 1000px !important;
}

page-notice-assignment .min-h-0 {
  min-height: 0 !important;
}

page-notice-assignment .min-h-50 {
  min-height: 50px !important;
}

page-notice-assignment .min-h-100 {
  min-height: 100px !important;
}

page-notice-assignment .min-h-200 {
  min-height: 200px !important;
}

page-notice-assignment .min-h-250 {
  min-height: 250px !important;
}

page-notice-assignment .min-h-300 {
  min-height: 300px !important;
}

page-notice-assignment .min-h-350 {
  min-height: 300px !important;
}

page-notice-assignment .min-h-375 {
  min-height: 300px !important;
}

page-notice-assignment .min-h-400 {
  min-height: 400px !important;
}

page-notice-assignment .min-h-450 {
  min-height: 450px !important;
}

page-notice-assignment .min-h-500 {
  min-height: 500px !important;
}

page-notice-assignment .min-h-600 {
  min-height: 600px !important;
}

page-notice-assignment .min-h-650 {
  min-height: 650px !important;
}

page-notice-assignment .min-h-700 {
  min-height: 700px !important;
}

page-notice-assignment .min-h-800 {
  min-height: 800px !important;
}

page-notice-assignment .min-h-900 {
  min-height: 900px !important;
}

page-notice-assignment .min-h-1000 {
  min-height: 1000px !important;
}

page-notice-assignment .h-5 {
  height: 5px !important;
}

page-notice-assignment .h-10 {
  height: 10px !important;
}

page-notice-assignment .h-20 {
  height: 20px !important;
}

page-notice-assignment .h-25 {
  height: 25px !important;
}

page-notice-assignment .h-50 {
  height: 50px !important;
}

page-notice-assignment .h-75 {
  height: 75px !important;
}

page-notice-assignment .h-100 {
  height: 100px !important;
}

page-notice-assignment .h-125 {
  height: 125px !important;
}

page-notice-assignment .h-150 {
  height: 150px !important;
}

page-notice-assignment .h-200 {
  height: 200px !important;
}

page-notice-assignment .h-300 {
  height: 300px !important;
}

page-notice-assignment .h-350 {
  height: 350px !important;
}

page-notice-assignment .h-400 {
  height: 400px !important;
}

page-notice-assignment .h-450 {
  height: 450px !important;
}

page-notice-assignment .h-500 {
  height: 500px !important;
}

page-notice-assignment .h-600 {
  height: 600px !important;
}

page-notice-assignment .h-650 {
  height: 650px !important;
}

page-notice-assignment .h-700 {
  height: 700px !important;
}

page-notice-assignment .h-800 {
  height: 800px !important;
}

page-notice-assignment .h-900 {
  height: 900px !important;
}

page-notice-assignment .h-1000 {
  height: 1000px !important;
}

page-notice-assignment .w-5 {
  width: 5px !important;
}

page-notice-assignment .w-10 {
  width: 10px !important;
}

page-notice-assignment .w-15 {
  width: 15px !important;
}

page-notice-assignment .w-20 {
  width: 20px !important;
}

page-notice-assignment .w-30 {
  width: 30px !important;
}

page-notice-assignment .w-40 {
  width: 40px !important;
}

page-notice-assignment .w-50 {
  width: 50px !important;
}

page-notice-assignment .w-60 {
  width: 60px !important;
}

page-notice-assignment .w-80 {
  width: 80px !important;
}

page-notice-assignment .w-100 {
  width: 100px !important;
}

page-notice-assignment .w-150 {
  width: 150px !important;
}

page-notice-assignment .w-190 {
  width: 190px !important;
}

page-notice-assignment .w-200 {
  width: 200px !important;
}

page-notice-assignment .w-250 {
  width: 250px !important;
}

page-notice-assignment .w-300 {
  width: 300px !important;
}

page-notice-assignment .w-600 {
  width: 600px !important;
}

page-notice-assignment .w-100p {
  width: 100% !important;
}

page-notice-assignment .w-95p {
  width: 95% !important;
}

page-notice-assignment .w-90p {
  width: 90% !important;
}

page-notice-assignment .w-80p {
  width: 80% !important;
}

page-notice-assignment .w-70p {
  width: 70% !important;
}

page-notice-assignment .w-60p {
  width: 60% !important;
}

page-notice-assignment .w-50p {
  width: 50% !important;
}

page-notice-assignment .w-45p {
  width: 45% !important;
}

page-notice-assignment .w-40p {
  width: 40% !important;
}

page-notice-assignment .w-30p {
  width: 30% !important;
}

page-notice-assignment .w-25p {
  width: 25% !important;
}

page-notice-assignment .w-20p {
  width: 20% !important;
}

page-notice-assignment .w-15p {
  width: 15% !important;
}

page-notice-assignment .w-10p {
  width: 10% !important;
}

page-notice-assignment .w-8p {
  width: 8% !important;
}

page-notice-assignment .w-5p {
  width: 5% !important;
}

page-notice-assignment .w-3p {
  width: 3% !important;
}

page-notice-assignment .w-95p {
  width: 95% !important;
}

page-notice-assignment .h-100p {
  height: 100% !important;
}

page-notice-assignment .h-80p {
  height: 80% !important;
}

page-notice-assignment .absolute {
  position: absolute !important;
}

page-notice-assignment .relative {
  position: relative !important;
}

page-notice-assignment .block {
  display: block !important;
}

page-notice-assignment .inline-block {
  display: inline-block !important;
}

page-notice-assignment .list-block li {
  display: block !important;
}

page-notice-assignment .list-inline li {
  display: inline !important;
}

page-notice-assignment .clear-both {
  clear: both !important;
}

page-notice-assignment .line-height-normal {
  line-height: normal !important;
}

page-notice-assignment .line-height-8 {
  line-height: 8px !important;
}

page-notice-assignment .line-height-14 {
  line-height: 14px !important;
}

page-notice-assignment .line-height-12 {
  line-height: normal !important;
}

page-notice-assignment ul.style-none {
  margin: 0;
  padding: 0;
  list-style: none;
}

page-notice-assignment ul.style-none li {
  font-size: 0.875rem;
  padding: 3px 0;
}

page-notice-assignment ul.style-none li ul {
  list-style: none;
}

page-notice-assignment ul.vertical-icon-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

page-notice-assignment ul.vertical-icon-list li {
  font-size: 0.875rem;
  padding: 6px 0;
}

page-notice-assignment ul.vertical-icon-list li i {
  font-size: 1.25rem;
  padding-right: 15px;
  vertical-align: middle;
}

page-notice-assignment .bg-white {
  background: #ffffff !important;
}

page-notice-assignment .bg-green {
  background: #28bebd !important;
}

page-notice-assignment .bg-blue {
  background: #42a5f5 !important;
}

page-notice-assignment .bg-lightBlue {
  background: #2ebaee !important;
}

page-notice-assignment .bg-red {
  background: #ef5350 !important;
}

page-notice-assignment .bg-yellow {
  background: #f8c200 !important;
}

page-notice-assignment .bg-paleYellow {
  background: #fddd7e !important;
}

page-notice-assignment .bg-lightGray {
  background: #e3ecf7 !important;
}

page-notice-assignment .bg-gray {
  background: #8f9eb5 !important;
}

page-notice-assignment .bg-drakGray {
  background: #707c94 !important;
}

page-notice-assignment .bg-grayBlue {
  background: #59779b !important;
}

page-notice-assignment .bg-purple {
  background: #6b79c4 !important;
}

page-notice-assignment .bg-turquoise {
  background: #00c5dc !important;
}

page-notice-assignment .bg-peach {
  background: #feb38d !important;
}

page-notice-assignment .bg-transparent {
  background: transparent !important;
}

page-notice-assignment .text-primary {
  color: #172B4D !important;
}

page-notice-assignment .text-link {
  color: #0645ad !important;
}

page-notice-assignment .text-green {
  color: #28bebd !important;
}

page-notice-assignment .text-turquoise {
  color: #00c5dc !important;
}

page-notice-assignment .text-red {
  color: #ef5350 !important;
}

page-notice-assignment .text-cyan {
  color: #26c6da !important;
}

page-notice-assignment .text-yellow {
  color: #f8c200 !important;
}

page-notice-assignment .text-gray {
  color: #8f9eb5 !important;
}

page-notice-assignment .text-blue {
  color: #42a5f5 !important;
}

page-notice-assignment .text-orange {
  color: #ffb74d !important;
}

page-notice-assignment .text-purple {
  color: #6b79c4 !important;
}

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

page-notice-assignment .text-brown {
  color: #906b6b !important;
}

page-notice-assignment .text-salmon {
  color: #ee6e73 !important;
}

page-notice-assignment .text-muted {
  color: #8396b0;
}

page-notice-assignment .color-black {
  color: #000 !important;
}

page-notice-assignment .color-white {
  color: #fff !important;
}

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

page-notice-assignment .transparent {
  background: transparent !important;
}

page-notice-assignment .bg-primary {
  background-color: #172B4D !important;
}

page-notice-assignment .border-bottom,
page-notice-assignment .border-grey-bottom-1px {
  border-bottom: 1px solid rgba(215, 225, 237, 0.8) !important;
}

page-notice-assignment .border-grey-top-1px,
page-notice-assignment .border-top {
  border-top: 1px solid rgba(215, 225, 237, 0.6) !important;
}

page-notice-assignment .border-bottom-black-2px {
  border-bottom: 2px solid black;
}

page-notice-assignment .border-top0p {
  border-top: 0px !important;
}

page-notice-assignment .b-n {
  border: none !important;
}

page-notice-assignment .b-b-1 {
  border: 1px solid black;
}

page-notice-assignment .b-lg-1 {
  border: 1px solid lightgrey;
}

page-notice-assignment .shadow-none {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

page-notice-assignment .shadow-z-0 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-notice-assignment .shadow-z-1 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-notice-assignment .shadow-z-1:hover {
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

page-notice-assignment .shadow-z-2 {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

page-notice-assignment .shadow-z-3 {
  -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

page-notice-assignment .shadow-z-4 {
  -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}

page-notice-assignment .shadow-z-5 {
  -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}

page-notice-assignment .big-shadow {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
}

page-notice-assignment .shadow-2dp {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

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

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

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

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

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

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

page-notice-assignment .font-weight-100 {
  font-weight: 100 !important;
}

page-notice-assignment .font-weight-200 {
  font-weight: 200 !important;
}

page-notice-assignment .font-weight-300 {
  font-weight: 300 !important;
}

page-notice-assignment .font-weight-400 {
  font-weight: 400 !important;
}

page-notice-assignment .font-weight-500 {
  font-weight: 500 !important;
}

page-notice-assignment .font-weight-600 {
  font-weight: 600 !important;
}

page-notice-assignment .font-weight-700 {
  font-weight: 700 !important;
}

page-notice-assignment .font-weight-800 {
  font-weight: 800 !important;
}

page-notice-assignment .font-weight-900 {
  font-weight: 900 !important;
}

page-notice-assignment .font-weight-light {
  font-weight: 100 !important;
}

page-notice-assignment .font-weight-normal {
  font-weight: 300 !important;
}

page-notice-assignment .font-weight-medium {
  font-weight: 400 !important;
}

page-notice-assignment .font-weight-bold {
  font-weight: 500 !important;
}

page-notice-assignment .bold {
  font-weight: bold !important;
}

page-notice-assignment .font-size-0 {
  font-size: 0 !important;
}

page-notice-assignment .font-size-10 {
  font-size: 10px !important;
}

page-notice-assignment .font-size-11 {
  font-size: 11px !important;
}

page-notice-assignment .font-size-12 {
  font-size: 12px !important;
}

page-notice-assignment .font-size-14 {
  font-size: 14px !important;
}

page-notice-assignment .font-size-16 {
  font-size: 16px !important;
}

page-notice-assignment .font-size-18 {
  font-size: 18px !important;
}

page-notice-assignment .font-size-20 {
  font-size: 20px !important;
}

page-notice-assignment .font-size-24 {
  font-size: 24px !important;
}

page-notice-assignment .font-size-26 {
  font-size: 26px !important;
}

page-notice-assignment .font-size-30 {
  font-size: 30px !important;
}

page-notice-assignment .font-size-35 {
  font-size: 35px !important;
}

page-notice-assignment .font-size-38 {
  font-size: 38px !important;
}

page-notice-assignment .font-size-40 {
  font-size: 40px !important;
}

page-notice-assignment .font-size-50 {
  font-size: 50px !important;
}

page-notice-assignment .font-size-60 {
  font-size: 60px !important;
}

page-notice-assignment .font-size-70 {
  font-size: 70px !important;
}

page-notice-assignment .font-size-80 {
  font-size: 80px !important;
}

page-notice-assignment .hidden {
  display: none !important;
}

page-notice-assignment .w-100p {
  width: 100% !important;
}

page-notice-assignment .float-r {
  float: right !important;
}

page-notice-assignment .float-l {
  float: left !important;
}

page-notice-assignment .align-c {
  display: block;
  margin: 0 auto;
}

page-notice-assignment .align-b {
  display: block;
}

page-notice-assignment .text-center {
  text-align: center !important;
}

page-notice-assignment .text-left {
  text-align: left !important;
}

page-notice-assignment .text-right {
  text-align: right !important;
}

page-notice-assignment .align-v-c {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-notice-assignment .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-notice-assignment .align-v-c1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-notice-assignment .align-v-c2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-notice-assignment .align-v-c3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-notice-assignment .align-v-c4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-notice-assignment .align-flex-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-notice-assignment .align-right-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

page-notice-assignment .align-start-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media (max-width: 576px) {
  page-notice-assignment .d-xs-none {
    display: none !important;
  }
  page-notice-assignment .d-xs-inline {
    display: inline !important;
  }
  page-notice-assignment .d-xs-inline-block {
    display: inline-block !important;
  }
  page-notice-assignment .d-xs-block {
    display: block !important;
  }
  page-notice-assignment .d-xs-table {
    display: table !important;
  }
  page-notice-assignment .d-xs-table-cell {
    display: table-cell !important;
  }
  page-notice-assignment .d-xs-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
  }
  page-notice-assignment .d-xs-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important;
  }
}

page-notice-assignment .b-r-gd {
  border-radius: 10px !important;
}

page-notice-assignment .b-r-10 {
  border-radius: 10px !important;
}

page-notice-assignment .b-r-5 {
  border-radius: 5px;
}

page-notice-assignment .d-fl-ov-x {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  overflow-x: auto !important;
}

page-notice-assignment .align-base {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-notice-assignment .d-fl-bl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-notice-assignment .d-fl-vhcenter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-notice-assignment .d-fl-b2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
}

page-notice-assignment .d-fl-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-notice-assignment .d-fl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-notice-assignment .d-fl-sb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-notice-assignment .d-fl-saround {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-notice-assignment .d-fl-ac {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-notice-assignment .text-capital {
  text-transform: capitalize !important;
}

page-notice-assignment .text-upper {
  text-transform: uppercase !important;
}

page-notice-assignment .m-a {
  margin: auto !important;
}

page-notice-assignment .m-l-a {
  margin-left: auto !important;
}

page-notice-assignment .m-r-a {
  margin-right: auto !important;
}

page-notice-assignment .italic {
  font-style: italic;
}

page-notice-assignment .pointer {
  cursor: pointer;
}

page-notice-assignment .ws-in {
  white-space: inherit;
}

page-notice-assignment .opacity-1 {
  opacity: 1;
}

page-notice-assignment .in-valid-checkbox {
  border: 1px solid #ff0000 !important;
  padding: 5px !important;
  margin-bottom: 10px;
  border-radius: 5px;
}

page-notice-assignment page-corp-dashboard .mycustomdrop:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
  top: -15px;
  position: absolute;
  right: 15%;
}

page-notice-assignment h1 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1.6875rem !important;
  line-height: 64px;
  letter-spacing: -0.4px;
}

page-notice-assignment h2 {
  font-family: "Poppins", sans-serif;
  font-size: 24px !important;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
}

page-notice-assignment h3,
page-notice-assignment .h3 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 22px !important;
  line-height: 48px;
  /* identical to box height, or 200% */
  /* Neutral / dark gray */
  color: #000000;
}

page-notice-assignment h4,
page-notice-assignment .menu-heading-h4 {
  font-family: "Poppins", sans-serif !important;
  font-style: normal;
  font-weight: normal;
  font-size: 15px !important;
  line-height: 26px;
  /* or 144% */
  letter-spacing: -0.2px;
  color: #000000;
}

page-notice-assignment h5 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  /* or 143% */
  color: #000000;
}

page-notice-assignment .subtitle {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  /* or 200% */
  letter-spacing: 2.5px;
  color: #4E5761;
}

page-notice-assignment p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 13px !important;
  line-height: 24px;
  /* identical to box height, or 171% */
  letter-spacing: -0.1px;
  /* Neutral / black */
  color: #000000;
}

page-notice-assignment .ui-tabview.ui-tabview-top > .ui-tabview-nav {
  padding: 0.2em 0.2em 0;
  border-bottom: 1px solid #eaeaea;
}

page-notice-assignment .scroll-content {
  padding: 0 !important;
}

page-notice-assignment ion-navbar {
  margin: 0;
  border-radius: 0px;
  height: 50px !important;
  color: #172B4D !important;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-notice-assignment ion-header {
  padding: 0;
}

page-notice-assignment .header-md::after {
  background-image: none;
}

page-notice-assignment .toolbar-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #172B4D !important;
  line-height: 24px;
  font-family: "Poppins", sans-serif;
  font-size: 2rem !important;
  font-weight: bold !important;
  text-align: left !important;
}

page-notice-assignment .userLabel {
  float: right;
  display: inline;
  letter-spacing: 1px;
  color: #172B4D !important !important;
}

page-notice-assignment .card-title {
  font-size: 16px !important;
  color: #000000;
  font-weight: bold !important;
  text-align: center !important;
}

page-notice-assignment .barcolor {
  background: #5a75a3;
  color: #ffffff;
}

page-notice-assignment p-sorticon {
  color: black;
}

page-notice-assignment p-sorticon a {
  color: black !important;
}

page-notice-assignment .globalTable {
  border: none;
  border: 1px solid #c1c1c1;
}

page-notice-assignment .globalTable .ui-table-caption {
  border-bottom: 1px solid #dadada !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  font-size: 18px !important;
  background: #ecececad !important;
}

page-notice-assignment .globalTable .table-header input {
  font-size: 15px !important;
  border-style: groove;
  width: 100% !important;
  padding-left: 10px;
  border-radius: 10px;
  border-color: #f3f3f3;
  font-weight: 500;
  line-height: 25px !important;
}

page-notice-assignment .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-notice-assignment .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

page-notice-assignment .globalTable .table-header .align input {
  width: 80%;
  line-height: 25px;
}

page-notice-assignment .globalTable .ui-table-tbody tr:nth-child(2n+1) {
  background: white;
}

page-notice-assignment .globalTable .ui-table-tbody tr:nth-child(2n) {
  background: #f3f3f3;
}

page-notice-assignment .globalTable .ui-table-tbody tr:hover {
  background: #c1c1c167 !important;
}

page-notice-assignment .globalTable .ui-table-tbody .activeRow {
  background: #c4d2e5 !important;
}

page-notice-assignment .globalTable th input {
  text-align: center !important;
  width: 90% !important;
  font-weight: 400 !important;
}

page-notice-assignment .globalTable .ui-table .ui-sortable-column.ui-state-highlight {
  color: black !important;
}

page-notice-assignment .globalTable .ui-table .ui-table-thead tr th {
  background: #eeeeee9e;
  border: none;
  padding: 10px 0;
  width: 100%;
  text-align: center;
}

page-notice-assignment .globalTable .ui-table .ui-table-tbody tr td {
  border: none;
  background: inherit;
  padding: 20px 0;
  text-align: center;
}

page-notice-assignment .globalTable .ui-table .ui-table-tbody tr {
  border-bottom: 1px solid #cacaca;
}

page-notice-assignment .globalTable .p-column-filter {
  border-radius: 4px;
  border: 1px solid gray;
}

page-notice-assignment .globalTable .badge-badge.status-Active {
  padding: 5px 20px;
  color: #226f4e;
  background-color: #9decbe;
  font-weight: 500;
  font-size: 12px;
}

page-notice-assignment .globalTable .badge-badge.status-Inactive {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

page-notice-assignment .globalTable .badge-badge.status-Suspended {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

page-notice-assignment .globalTable .badge-badge.status-Waiting {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

page-notice-assignment .globalTable .badge-badge.status-Pending {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

page-notice-assignment .globalTable .actionIcon {
  padding: 0 3px;
  font-size: 16px;
  cursor: pointer;
}

page-notice-assignment ion-icon {
  cursor: pointer;
}

page-notice-assignment .button-md-reset {
  background-color: #ffffff;
  color: black !important;
  border: 1px solid #e3ecf7;
}

page-notice-assignment .button-md-reset:hover {
  background-color: #ececec !important;
}

page-notice-assignment .reset:hover {
  background-color: #ececec !important;
}

page-notice-assignment .button-md-primary {
  background-color: #172B4D !important;
  color: #ffffff !important;
}

page-notice-assignment ion-button {
  background-color: #172B4D !important;
  color: #ffffff;
}

page-notice-assignment .my-custom-class .alert-button-group button:first-child {
  position: relative;
}

page-notice-assignment .my-custom-class .alert-button-group button {
  font-weight: bold;
}

page-notice-assignment .my-custom-class .alert-radio-group {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100% !important;
}

page-notice-assignment .my-custom-class button {
  text-align: center;
}

page-notice-assignment .alert-button-group button:first-child {
  position: relative !important;
  min-width: 0 !important;
}

page-notice-assignment .alert-md .alert-wrapper {
  max-width: 320px !important;
}

page-notice-assignment .alert-md .alert-message {
  font-size: 16px !important;
}

page-notice-assignment .alert-button {
  font-size: 15px !important;
}

page-notice-assignment .alert-md .alert-sub-title {
  font-size: 16px !important;
}

page-notice-assignment .alert-md .alert-title {
  font-size: 22px !important;
}

page-notice-assignment .breakclass {
  white-space: pre-line;
}

page-notice-assignment .error {
  color: red;
  float: left;
}

page-notice-assignment .topStrip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}

page-notice-assignment .infographic1 {
  border: none;
  color: #367ad2;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-notice-assignment .infographic1 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-notice-assignment .infographic1 ion-icon {
  color: black;
}

page-notice-assignment .infographic2 {
  border: none;
  color: #50d29b;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-notice-assignment .infographic2 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-notice-assignment .infographic2 ion-icon {
  color: black;
}

page-notice-assignment .infographic3 {
  border: none;
  color: #ffaa00;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-notice-assignment .infographic3 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-notice-assignment .infographic3 ion-icon {
  color: black;
}

page-notice-assignment .infographic4 {
  border: none;
  color: #f36363;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-notice-assignment .infographic4 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-notice-assignment .infographic4 ion-icon {
  color: black;
}

page-notice-assignment .infographic5 {
  border: none;
  color: #41acbf;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-notice-assignment .infographic5 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-notice-assignment .infographic5 ion-icon {
  color: black;
}

page-notice-assignment .infograph1 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #367ad2;
  font-size: 20px;
}

page-notice-assignment .infograph2 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #51b98d;
  font-size: 20px;
}

page-notice-assignment .infograph3 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #ffaa00;
  font-size: 20px;
}

page-notice-assignment .infograph4 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #dc5b54;
  font-size: 20px;
}

page-notice-assignment .infograph5 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #41acbf;
  font-size: 20px;
}

page-notice-assignment .infographtext {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 12px;
}

page-notice-assignment .successToast .toast-message {
  background-color: #d2f8d2 !important;
  color: black;
}

page-notice-assignment .errorToast .toast-message {
  background-color: #eea9a0 !important;
  color: black;
}

page-notice-assignment .actionIconsBar {
  padding-right: 20px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

page-notice-assignment .ui-carousel .ui-carousel-header {
  display: none !important;
}

page-notice-assignment .userfab .fab-close-active .fab-close-icon {
  height: 40px !important;
  position: relative !important;
}

page-notice-assignment textarea.text-input {
  resize: none !important;
}

page-notice-assignment .asterisk {
  color: red;
  padding-left: 3px;
}

page-notice-assignment .m-b-t {
  margin-bottom: 4% !important;
}

page-notice-assignment .ui-radiobutton-box.ui-state-active {
  border: 1px solid #09f;
  background: #09f;
  color: #09f;
}

page-notice-assignment .alert-md .alert-message {
  overflow: auto;
}

page-notice-assignment .alert-md .alert-message .alertstyle1 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

page-notice-assignment .alert-md .alert-message .alertstyle1 b {
  width: 65px !important;
}

page-notice-assignment .alert-md .alert-message .alertstyle3 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-notice-assignment .alert-md .alert-message .alertstyle3 b {
  width: 65px !important;
}

page-notice-assignment .alert-md .alert-message .alertstyle4 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-notice-assignment .alert-md .alert-message .alertstyle4 b {
  width: 150px !important;
}

page-notice-assignment .alert-md .alert-message .alertstyle5 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

page-notice-assignment .alert-md .alert-message .alertstyle5 b {
  width: 75px !important;
}

page-notice-assignment .alert-md .alert-message .alertstyle5 span {
  width: 5px;
}

page-notice-assignment .alert-md .alert-message .alertstyle2 {
  text-align: left !important;
}

page-notice-assignment .alert-md .alert-message .alertstyle2 li {
  margin-top: 10px;
}

page-notice-assignment .ui-tooltip {
  background-color: #172B4D !important;
  color: #ffffff;
}

page-notice-assignment .navsebexam .toolbar-content-md {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
}

page-notice-assignment .modal-wrapper {
  height: 75%;
  top: 10%;
  position: absolute;
  display: block;
  border-radius: 10px !important;
}

page-notice-assignment .ui-picklist-source-controls.ui-picklist-buttons {
  display: none !important;
}

page-notice-assignment .ui-picklist-target-controls.ui-picklist-buttons {
  display: none !important;
}

page-notice-assignment .ui-picklist-target-controls.ui-picklist-buttons.ng-star-inserted {
  display: none !important;
}

page-notice-assignment .ellip {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

page-notice-assignment .p-slider {
  background: #dee2e6;
  border: 0 none;
  border-radius: 3px;
}

page-notice-assignment .Errorbox .alert-title {
  color: #d8000c;
}

page-notice-assignment .Errorbox .alert-button {
  color: #d8000c;
}

page-notice-assignment .card-md {
  border-radius: 5px !important;
}

page-notice-assignment .modal {
  display: none;
  /* Hidden by default */
  position: -webkit-sticky;
  position: sticky;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 30px;
  /* Location of the box */
  left: 0;
  right: 0;
  bottom: 150px;
  width: 400px;
  height: 400px;
  margin: auto;
  border: 4px solid;
  background-color: black;
}

page-notice-assignment .modal-content {
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
}

page-notice-assignment .close {
  position: absolute;
  color: #f1f1f1;
  top: 0px;
  right: 10px;
  font-size: 28px;
  font-weight: bold;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

page-notice-assignment .close:hover,
page-notice-assignment .close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

page-notice-assignment .customhr {
  width: 90%;
  background-color: #ccc;
}

page-notice-assignment .mycustomtoolbar ion-segment {
  border: none;
}

page-notice-assignment .mycustomtoolbar ion-segment-button {
  font-size: 16px !important;
  font-weight: 500 !important;
}

page-notice-assignment .mycustomtoolbar .segment-md .segment-button.activated,
page-notice-assignment .mycustomtoolbar .segment-md .segment-button.segment-activated {
  border-color: #172B4D !important;
  color: #172B4D !important;
}

page-notice-assignment .mycustomtoolbar .toolbar-background {
  background: transparent;
}

page-notice-assignment .fc {
  direction: ltr;
  text-align: left;
}

page-notice-assignment .fc-rtl {
  text-align: right;
}

page-notice-assignment body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}

page-notice-assignment .fc-unthemed th,
page-notice-assignment .fc-unthemed td,
page-notice-assignment .fc-unthemed thead,
page-notice-assignment .fc-unthemed tbody,
page-notice-assignment .fc-unthemed .fc-divider,
page-notice-assignment .fc-unthemed .fc-row,
page-notice-assignment .fc-unthemed .fc-content,
page-notice-assignment .fc-unthemed .fc-popover,
page-notice-assignment .fc-unthemed .fc-list-view,
page-notice-assignment .fc-unthemed .fc-list-heading td {
  border-color: #ddd;
}

page-notice-assignment .fc-unthemed .fc-popover {
  background-color: #fff;
}

page-notice-assignment .fc-unthemed .fc-divider,
page-notice-assignment .fc-unthemed .fc-popover .fc-header,
page-notice-assignment .fc-unthemed .fc-list-heading td {
  background: #eee;
}

page-notice-assignment .fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}

page-notice-assignment .fc-unthemed td.fc-today {
  background: #fcf8e3;
}

page-notice-assignment .fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3;
}

page-notice-assignment .fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3;
}

page-notice-assignment .fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}

page-notice-assignment .fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

page-notice-assignment .fc-icon:after {
  position: relative;
}

page-notice-assignment .fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-notice-assignment .fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-notice-assignment .fc-icon-left-double-arrow:after {
  content: "\000AB";
  font-size: 160%;
  top: -7%;
}

page-notice-assignment .fc-icon-right-double-arrow:after {
  content: "\000BB";
  font-size: 160%;
  top: -7%;
}

page-notice-assignment .fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%;
}

page-notice-assignment .fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%;
}

page-notice-assignment .fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%;
}

page-notice-assignment .fc-icon-x:after {
  content: "\000D7";
  font-size: 200%;
  top: 6%;
}

page-notice-assignment .fc button {
  /* force height to include the border and padding */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer;
}

page-notice-assignment .fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}

page-notice-assignment .fc-state-default {
  /* non-theme */
  border: 1px solid;
}

page-notice-assignment .fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

page-notice-assignment .fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

page-notice-assignment .fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .2em;
  vertical-align: middle;
}

page-notice-assignment .fc-state-default {
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-notice-assignment .fc-state-hover,
page-notice-assignment .fc-state-down,
page-notice-assignment .fc-state-active,
page-notice-assignment .fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}

page-notice-assignment .fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

page-notice-assignment .fc-state-down,
page-notice-assignment .fc-state-active {
  background-color: #cccccc;
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-notice-assignment .fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}

page-notice-assignment .fc-button-group {
  display: inline-block;
}

page-notice-assignment .fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px;
}

page-notice-assignment .fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0;
}

page-notice-assignment .fc-popover {
  position: absolute;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

page-notice-assignment .fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px;
}

page-notice-assignment .fc-popover .fc-header .fc-title {
  margin: 0 2px;
}

page-notice-assignment .fc-popover .fc-header .fc-close {
  cursor: pointer;
}

page-notice-assignment .fc-ltr .fc-popover .fc-header .fc-title,
page-notice-assignment .fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}

page-notice-assignment .fc-rtl .fc-popover .fc-header .fc-title,
page-notice-assignment .fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}

page-notice-assignment .fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}

page-notice-assignment .fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: .9em;
  margin-top: 2px;
}

page-notice-assignment .fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */
}

page-notice-assignment .fc-divider {
  border-style: solid;
  border-width: 1px;
}

page-notice-assignment hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}

page-notice-assignment .fc-clear {
  clear: both;
}

page-notice-assignment .fc-bg,
page-notice-assignment .fc-bgevent-skeleton,
page-notice-assignment .fc-highlight-skeleton,
page-notice-assignment .fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-notice-assignment .fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}

page-notice-assignment .fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}

page-notice-assignment .fc table {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}

page-notice-assignment .fc th {
  text-align: center;
}

page-notice-assignment .fc th,
page-notice-assignment .fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}

page-notice-assignment .fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}

page-notice-assignment a[data-goto] {
  cursor: pointer;
}

page-notice-assignment a[data-goto]:hover {
  text-decoration: underline;
}

page-notice-assignment .fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}

page-notice-assignment .fc-row table {
  /* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}

page-notice-assignment .fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}

page-notice-assignment .fc-row {
  position: relative;
}

page-notice-assignment .fc-row .fc-bg {
  z-index: 1;
}

page-notice-assignment .fc-row .fc-bgevent-skeleton,
page-notice-assignment .fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}

page-notice-assignment .fc-row .fc-bgevent-skeleton table,
page-notice-assignment .fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}

page-notice-assignment .fc-row .fc-highlight-skeleton td,
page-notice-assignment .fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}

page-notice-assignment .fc-row .fc-bgevent-skeleton {
  z-index: 2;
}

page-notice-assignment .fc-row .fc-highlight-skeleton {
  z-index: 3;
}

page-notice-assignment .fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}

page-notice-assignment .fc-row .fc-helper-skeleton {
  z-index: 5;
}

page-notice-assignment .fc-row .fc-content-skeleton td,
page-notice-assignment .fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}

page-notice-assignment .fc-row .fc-content-skeleton tbody td,
page-notice-assignment .fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}

page-notice-assignment .fc-scroller {
  -webkit-overflow-scrolling: touch;
}

page-notice-assignment .fc-scroller > .fc-day-grid,
page-notice-assignment .fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}

page-notice-assignment .fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */
  font-weight: normal;
  /* undo jqui's ui-widget-header bold */
}

page-notice-assignment .fc-event,
page-notice-assignment .fc-event-dot {
  background-color: #3a87ad;
  /* default BACKGROUND color */
}

page-notice-assignment .fc-event,
page-notice-assignment .fc-event:hover,
page-notice-assignment .ui-widget .fc-event {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}

page-notice-assignment .fc-event[href],
page-notice-assignment .fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}

page-notice-assignment .fc-not-allowed,
page-notice-assignment .fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}

page-notice-assignment .fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #ffffff;
  opacity: .25;
}

page-notice-assignment .fc-event .fc-content {
  position: relative;
  z-index: 2;
}

page-notice-assignment .fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
}

page-notice-assignment .fc-event .fc-resizer {
  display: none;
}

page-notice-assignment .fc-event.fc-allow-mouse-resize .fc-resizer,
page-notice-assignment .fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block;
}

page-notice-assignment .fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}

page-notice-assignment .fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

page-notice-assignment .fc-event.fc-selected.fc-dragging {
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

page-notice-assignment .fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}

page-notice-assignment .fc-ltr .fc-h-event.fc-not-start,
page-notice-assignment .fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

page-notice-assignment .fc-ltr .fc-h-event.fc-not-end,
page-notice-assignment .fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

page-notice-assignment .fc-ltr .fc-h-event .fc-start-resizer,
page-notice-assignment .fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */
}

page-notice-assignment .fc-ltr .fc-h-event .fc-end-resizer,
page-notice-assignment .fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */
}

page-notice-assignment .fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */
}

page-notice-assignment .fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* vertically center */
  top: 50%;
  margin-top: -4px;
}

page-notice-assignment .fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
page-notice-assignment .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */
}

page-notice-assignment .fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
page-notice-assignment .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */
}

page-notice-assignment .fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}

page-notice-assignment tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */
}

page-notice-assignment .fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: .25;
}

page-notice-assignment .fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}

page-notice-assignment .fc-day-grid-event .fc-time {
  font-weight: bold;
}

page-notice-assignment .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
page-notice-assignment .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */
}

page-notice-assignment .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
page-notice-assignment .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */
}

page-notice-assignment a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none;
}

page-notice-assignment a.fc-more:hover {
  text-decoration: underline;
}

page-notice-assignment .fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}

page-notice-assignment .fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}

page-notice-assignment .fc-more-popover {
  z-index: 2;
  width: 220px;
}

page-notice-assignment .fc-more-popover .fc-event-container {
  padding: 10px;
}

page-notice-assignment .fc-now-indicator {
  position: absolute;
  border: 0 solid red;
}

page-notice-assignment .fc-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

page-notice-assignment .fc-toolbar {
  text-align: center;
}

page-notice-assignment .fc-toolbar.fc-header-toolbar {
  margin-bottom: 1em;
}

page-notice-assignment .fc-toolbar.fc-footer-toolbar {
  margin-top: 1em;
}

page-notice-assignment .fc-toolbar .fc-left {
  float: left;
}

page-notice-assignment .fc-toolbar .fc-right {
  float: right;
}

page-notice-assignment .fc-toolbar .fc-center {
  display: inline-block;
}

page-notice-assignment .fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em;
}

page-notice-assignment .fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0;
}

page-notice-assignment .fc-toolbar h2 {
  margin: 0;
}

page-notice-assignment .fc-toolbar button {
  position: relative;
}

page-notice-assignment .fc-toolbar .fc-state-hover,
page-notice-assignment .fc-toolbar .ui-state-hover {
  z-index: 2;
}

page-notice-assignment .fc-toolbar .fc-state-down {
  z-index: 3;
}

page-notice-assignment .fc-toolbar .fc-state-active,
page-notice-assignment .fc-toolbar .ui-state-active {
  z-index: 4;
}

page-notice-assignment .fc-toolbar button:focus {
  z-index: 5;
}

page-notice-assignment .fc-view-container *,
page-notice-assignment .fc-view-container *:before,
page-notice-assignment .fc-view-container *:after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

page-notice-assignment .fc-view,
page-notice-assignment .fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}

page-notice-assignment .fc-basicWeek-view .fc-content-skeleton,
page-notice-assignment .fc-basicDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}

page-notice-assignment .fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}

page-notice-assignment .fc-row.fc-rigid {
  overflow: hidden;
}

page-notice-assignment .fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-notice-assignment .fc-day-top.fc-other-month {
  opacity: 0.3;
}

page-notice-assignment .fc-basic-view .fc-week-number,
page-notice-assignment .fc-basic-view .fc-day-number {
  padding: 2px;
}

page-notice-assignment .fc-basic-view th.fc-week-number,
page-notice-assignment .fc-basic-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */
}

page-notice-assignment .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right;
}

page-notice-assignment .fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left;
}

page-notice-assignment .fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0;
}

page-notice-assignment .fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px;
}

page-notice-assignment .fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080;
}

page-notice-assignment .fc-basic-view td.fc-week-number {
  text-align: center;
}

page-notice-assignment .fc-basic-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}

page-notice-assignment .fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}

page-notice-assignment .fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}

page-notice-assignment .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}

page-notice-assignment .fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}

page-notice-assignment .fc-ltr .fc-axis {
  text-align: right;
}

page-notice-assignment .fc-rtl .fc-axis {
  text-align: left;
}

page-notice-assignment .ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome jqui theme making it bold */
}

page-notice-assignment .fc-time-grid-container,
page-notice-assignment .fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}

page-notice-assignment .fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

page-notice-assignment .fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}

page-notice-assignment .fc-time-grid > .fc-bg {
  z-index: 1;
}

page-notice-assignment .fc-time-grid .fc-slats,
page-notice-assignment .fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}

page-notice-assignment .fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */
}

page-notice-assignment .fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
}

page-notice-assignment .fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1;
}

page-notice-assignment .fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2;
}

page-notice-assignment .fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3;
}

page-notice-assignment .fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4;
}

page-notice-assignment .fc-time-grid .fc-now-indicator-line {
  z-index: 5;
}

page-notice-assignment .fc-time-grid .fc-helper-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6;
}

page-notice-assignment .fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}

page-notice-assignment .fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}

page-notice-assignment .fc-time-grid .fc-slats .ui-widget-content {
  /* for jqui theme */
  background: none;
  /* see through to fc-bg */
}

page-notice-assignment .fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}

page-notice-assignment .fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}

page-notice-assignment .fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}

page-notice-assignment .fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}

page-notice-assignment .fc-time-grid .fc-event,
page-notice-assignment .fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}

page-notice-assignment .fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}

page-notice-assignment .fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

page-notice-assignment .fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

page-notice-assignment .fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */
}

page-notice-assignment .fc-time-grid-event.fc-selected {
  /* need to allow touch resizers to extend outside event's bounding box */
  /* common fc-selected styles hide the fc-bg, so don't need this anyway */
  overflow: visible;
}

page-notice-assignment .fc-time-grid-event.fc-selected .fc-bg {
  display: none;
  /* hide semi-white background, to appear darker */
}

page-notice-assignment .fc-time-grid-event .fc-content {
  overflow: hidden;
  /* for when .fc-selected */
}

page-notice-assignment .fc-time-grid-event .fc-time,
page-notice-assignment .fc-time-grid-event .fc-title {
  padding: 0 1px;
}

page-notice-assignment .fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap;
}

page-notice-assignment .fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}

page-notice-assignment .fc-time-grid-event.fc-short .fc-time,
page-notice-assignment .fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}

page-notice-assignment .fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}

page-notice-assignment .fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}

page-notice-assignment .fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
  /* seperate with a dash, wrapped in nbsp's */
}

page-notice-assignment .fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}

page-notice-assignment .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}

page-notice-assignment .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "=";
}

page-notice-assignment .fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px;
}

page-notice-assignment .fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0;
}

page-notice-assignment .fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */
}

page-notice-assignment .fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-notice-assignment .fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-notice-assignment .fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}

page-notice-assignment .fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */
}

page-notice-assignment .fc-list-view {
  border-width: 1px;
  border-style: solid;
}

page-notice-assignment .fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */
}

page-notice-assignment .fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px;
}

page-notice-assignment .fc-list-table tr:first-child td {
  border-top-width: 0;
}

page-notice-assignment .fc-list-heading {
  border-bottom-width: 1px;
}

page-notice-assignment .fc-list-heading td {
  font-weight: bold;
}

page-notice-assignment .fc-ltr .fc-list-heading-main {
  float: left;
}

page-notice-assignment .fc-ltr .fc-list-heading-alt {
  float: right;
}

page-notice-assignment .fc-rtl .fc-list-heading-main {
  float: right;
}

page-notice-assignment .fc-rtl .fc-list-heading-alt {
  float: left;
}

page-notice-assignment .fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */
}

page-notice-assignment .fc-list-item:hover td {
  background-color: #f5f5f5;
}

page-notice-assignment .fc-list-item-marker,
page-notice-assignment .fc-list-item-time {
  white-space: nowrap;
  width: 1px;
}

page-notice-assignment .fc-ltr .fc-list-item-marker {
  padding-right: 0;
}

page-notice-assignment .fc-rtl .fc-list-item-marker {
  padding-left: 0;
}

page-notice-assignment .fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit;
}

page-notice-assignment .fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline;
}

page-notice-assignment .fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

page-notice-assignment .fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table;
}

page-notice-assignment .fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

page-notice-assignment .fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #eee;
}

page-notice-assignment ion-card {
  border-radius: 10px !important;
  position: relative;
  padding: 0px;
  overflow: visible;
  -webkit-box-shadow: 0 2px 2px 0 rgba(199, 199, 199, 0.14), 0 3px 1px -2px rgba(119, 119, 119, 0.2), 0 1px 5px 0 rgba(27, 27, 27, 0.12) !important;
  box-shadow: 0 2px 2px 0 rgba(199, 199, 199, 0.14), 0 3px 1px -2px rgba(119, 119, 119, 0.2), 0 1px 5px 0 rgba(27, 27, 27, 0.12) !important;
}

page-notice-assignment a {
  cursor: pointer;
  font-size: 14px;
}

page-notice-assignment .helpbutton {
  font-size: 15px;
}

page-notice-assignment .help-circle-icon {
  color: #fff !important;
}

page-notice-assignment .card-title {
  text-align: center;
  font-size: 16px;
  color: #000;
  font-weight: bold;
  text-decoration: underline;
  text-underline-position: under;
}

page-notice-assignment .notification_icon {
  position: absolute;
  width: 40px;
  height: 35px;
  text-align: center;
  background: #D23F51;
  color: #fff;
  font-size: 12px;
  /* vertical-align: middle; */
  line-height: 38px;
  left: -30px;
  top: 5%;
  display: block;
  z-index: 9999999;
  border-radius: 10px;
}

page-notice-assignment .training_item {
  position: relative;
  padding-bottom: 0px;
  padding-top: 0px;
}

page-notice-assignment .badgetop {
  position: absolute;
  top: 3px;
  left: 1px;
  border-radius: 4px;
  z-index: 999999999;
  padding: 8px;
  font-size: 11px;
}

page-notice-assignment .card-title {
  text-decoration: underline;
  text-underline-position: under;
}

page-notice-assignment .createdby {
  text-align: right;
  text-transform: capitalize;
  color: #0099ff;
}

page-notice-assignment .footerdiv {
  color: #D23F51;
  text-transform: capitalize;
  font-size: 13px;
}

page-notice-assignment .footerdiv ion-col {
  padding: 0px;
}

page-notice-assignment .contentdiv {
  font-family: "Open Sans";
  font-size: 13px;
  color: #000;
  font-weight: normal;
  overflow: hidden;
}

page-notice-assignment table {
  width: 100%;
}

page-notice-assignment read-more a {
  font-size: 10px;
  margin-top: -10px;
  display: block;
  padding-bottom: 15px;
}

page-notice-assignment .notices {
  font-family: "Open Sans";
}

page-notice-assignment .notices ion-item-sliding ion-label {
  border-left: 2px solid #FE4C52;
  padding-left: 10px;
}

page-notice-assignment .notices ion-item-divider {
  background-color: #EEEEEE;
  color: #0099ff;
}

page-notice-assignment .notices .notice_item {
  padding-right: 32px;
  position: relative;
}

page-notice-assignment .notices .slide_arrow {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 10px;
  top: 45%;
}

page-notice-assignment .notices .nodata_avail {
  font-family: "Open Sans";
  text-align: center;
  line-height: 60px;
  font-size: 25px;
  color: #3687f0;
}

@media (min-width: 800px) {
  page-notice-assignment .content ion-list {
    width: 90%;
    margin: 10px auto;
  }
}

@media (max-width: 768px) {
  page-notice-assignment ion-card {
    width: calc(100% - 60px) !important;
    margin: 10px auto !important;
  }
  page-notice-assignment .notification_icon {
    left: -25px !important;
  }
}

page-notice-assignment .namedate_div {
  text-align: right;
}

page-notice-assignment .namedate_div p {
  line-height: 35px;
}

page-notice-assignment .attachcls {
  margin-bottom: 10px;
  font-size: 12px;
  text-decoration: underline;
  text-underline-position: under;
}

page-notice-assignment .resend {
  float: right;
  background: transparent;
  border: 1px solid #ddd;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 8px;
  height: 25px;
  font-size: 12px;
  margin: 0px 2px 2px;
}

page-notice-assignment .editbtn {
  float: right;
  background: transparent;
  border: 1px solid #ddd;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 8px;
  height: 25px;
  width: 20px;
  font-size: 12px;
  margin: 0px 2px 2px;
}

page-notice-assignment .editbtn .icon {
  color: #0099ff !important;
}

page-notice-assignment .editbtn .icon:hover {
  color: #000 !important;
}

@media (max-width: 799px) {
  page-notice-assignment .scroll-content {
    margin-top: 100px !important;
  }
}

page-notice-assignment .nodata_avail {
  font-family: "Open Sans";
  text-align: center;
  line-height: 60px;
  font-size: 25px;
  color: #3687f0;
}

page-notice-assignment ion-card-title {
  color: #3687f0 !important;
  border-bottom: 1px solid #3687f0;
  font-size: 18px !important;
  font-weight: bold;
  font-family: "Macondo";
  cursor: pointer;
}

page-notice-assignment .content ion-card {
  border-radius: 10px;
}

page-notice-assignment .trainCol ion-item {
  border: 1px solid #ddd;
  border-radius: 5px;
  border-left: 10px solid #3687f0;
}

page-notice-assignment .labeltraining {
  font-family: "Open Sans";
  color: #0099ff !important;
}

page-notice-assignment table {
  font-family: "Open Sans";
  border-collapse: collapse;
  width: 95%;
  margin: 0 auto;
  padding: 5%;
}

page-notice-assignment ul {
  text-align: left;
}

page-notice-assignment td,
page-notice-assignment th {
  border: 1px solid #222;
  text-align: left;
  padding: 8px;
}

page-notice-assignment tr:nth-child(even) {
  background-color: #000;
  color: #172B4D;
}

page-notice-assignment thead {
  background-color: #0099ff;
}

page-notice-assignment th {
  color: #000;
}

page-notice-assignment .success {
  margin-top: 2%;
  font-size: 14px;
  padding-top: 2%;
  text-align: center;
}

page-notice-assignment .warning {
  margin-top: 2%;
  font-size: 14px;
  padding-top: 2%;
  text-align: center;
}

page-notices {
  /* ANIMATION */
  /* SHADOWS */
  /*
 *
 *   MaterialWrap - Bootstrap + Material Design Admin Theme

 
*/
  /*
 * CSS Transform - Scale and Rotate
 */
  /* The Modal (background) */
  /* Modal Content (image) */
  /* The Close Button */
  /*!
 * FullCalendar v3.2.0 Stylesheet
 * Docs & License: https://fullcalendar.io/
 * (c) 2017 Adam Shaw
 */
  /* Colors
--------------------------------------------------------------------------------------------------*/
  /* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
  /*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
  /* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
  /* Firefox has an annoying inner border */
  /* icons in buttons */
  /*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
  /* Buttons Groups
--------------------------------------------------------------------------------------------------*/
  /*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
  /* Popover
--------------------------------------------------------------------------------------------------*/
  /* unthemed */
  /* jqui themed */
  /* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
  /* Tables
--------------------------------------------------------------------------------------------------*/
  /* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
  /* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
  /* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
  /* highlighting cells & background event skeleton */
  /*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
  /* Scrolling Container
--------------------------------------------------------------------------------------------------*/
  /* TODO: move to agenda/basic */
  /* Global Event Styles
--------------------------------------------------------------------------------------------------*/
  /* overpower some of bootstrap's and jqui's styles on <a> tags */
  /* resizer (cursor AND touch devices) */
  /* resizer (touch devices) */
  /* hit area */
  /* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
  /* Horizontal Events
--------------------------------------------------------------------------------------------------*/
  /* bigger touch area when selected */
  /* events that are continuing to/from another week. kill rounded corners and butt up against edge */
  /* resizer (cursor AND touch devices) */
  /* left resizer  */
  /* right resizer */
  /* resizer (mouse devices) */
  /* resizer (touch devices) */
  /* left resizer  */
  /* right resizer */
  /* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* resizer (cursor devices) */
  /* left resizer  */
  /* right resizer */
  /* Event Limiting
--------------------------------------------------------------------------------------------------*/
  /* "more" link that represents hidden events */
  /* popover that appears when "more" link is clicked */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* Utilities
--------------------------------------------------------------------------------------------------*/
  /* Toolbar
--------------------------------------------------------------------------------------------------*/
  /* the things within each left/right/center section */
  /* the first thing within each left/center/right section */
  /* title text */
  /* button layering (for border precedence) */
  /* View Structure
--------------------------------------------------------------------------------------------------*/
  /* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
  /* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
  /* BasicView
--------------------------------------------------------------------------------------------------*/
  /* day row structure */
  /* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
  /* week and day number styling */
  /* when week/day number have own column */
  /* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
  /* divs within a cell within the fc-content-skeleton */
  /* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
  /* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* short mode, where time and title are on the same line */
  /* resizer (cursor device) */
  /* resizer (touch device) */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* arrow on axis */
  /* List View
--------------------------------------------------------------------------------------------------*/
  /* possibly reusable */
  /* view wrapper */
  /* table resets */
  /* day headings with the list */
  /* event list items */
  /* make the dot closer to the event title */
  /* message when no events */
}

page-notices .letter-sp-1 {
  letter-spacing: 1px;
}

page-notices .letter-sp-2 {
  letter-spacing: 2px;
}

page-notices .letter-sp-3 {
  letter-spacing: 3px;
}

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

page-notices .m-5 {
  margin: 5px !important;
}

page-notices .m-10 {
  margin: 10px !important;
}

page-notices .m-15 {
  margin: 15px !important;
}

page-notices .m-20 {
  margin: 20px !important;
}

page-notices .m-30 {
  margin: 30px !important;
}

page-notices .m-50 {
  margin: 50px !important;
}

page-notices .m-b-100 {
  margin-bottom: 100px !important;
}

page-notices .m-b-15 {
  margin-bottom: 15px !important;
}

page-notices .m-b-20 {
  margin-bottom: 20px !important;
}

page-notices .m-b-0 {
  margin-bottom: 0 !important;
}

page-notices .m-l-0 {
  margin-left: 0 !important;
}

page-notices .m-l-5 {
  margin-left: 5px !important;
}

page-notices .m-l-10 {
  margin-left: 10px !important;
}

page-notices .m-l-15 {
  margin-left: 15px !important;
}

page-notices .m-l-20 {
  margin-left: 20px !important;
}

page-notices .m-l-30 {
  margin-left: 30px !important;
}

page-notices .m-l-40 {
  margin-left: 40px !important;
}

page-notices .m-l-50 {
  margin-left: 50px !important;
}

page-notices .m-l-n-1 {
  margin-left: -1px !important;
}

page-notices .m-l-n-5 {
  margin-left: -5px !important;
}

page-notices .m-l-n-10 {
  margin-left: -10px !important;
}

page-notices .m-l-n-15 {
  margin-left: -15px !important;
}

page-notices .m-l-n-20 {
  margin-left: -20px !important;
}

page-notices .m-l-n-30 {
  margin-left: -30px !important;
}

page-notices .m-l-n-40 {
  margin-left: -40px !important;
}

page-notices .m-l-n-50 {
  margin-left: -50px !important;
}

page-notices .m-t-0 {
  margin-top: 0 !important;
}

page-notices .m-t-1 {
  margin-top: 1px !important;
}

page-notices .m-t-2 {
  margin-top: 2px;
}

page-notices .m-t-2p {
  margin-top: 2% !important;
}

page-notices .m-t-5p {
  margin-top: 5% !important;
}

page-notices .m-t-25p {
  margin-top: 25% !important;
}

page-notices .m-t-30p {
  margin-top: 30% !important;
}

page-notices .m-t-4 {
  margin-top: 4px !important;
}

page-notices .m-t-5 {
  margin-top: 5px !important;
}

page-notices .m-t-5p {
  margin-top: 5% !important;
}

page-notices .m-t-10 {
  margin-top: 10px !important;
}

page-notices .m-t-15 {
  margin-top: 15px !important;
}

page-notices .m-t-20 {
  margin-top: 20px !important;
}

page-notices .m-t-30 {
  margin-top: 30px !important;
}

page-notices .m-t-40 {
  margin-top: 40px !important;
}

page-notices .m-t-50 {
  margin-top: 50px !important;
}

page-notices .m-t-75 {
  margin-top: 75px !important;
}

page-notices .m-t-100 {
  margin-top: 100px !important;
}

page-notices .m-t-120 {
  margin-top: 120px !important;
}

page-notices .m-t-140 {
  margin-top: 140px !important;
}

page-notices .m-t-n-1 {
  margin-top: -1px !important;
}

page-notices .m-t-n-5 {
  margin-top: -5px !important;
}

page-notices .m-t-n-10 {
  margin-top: -10px !important;
}

page-notices .m-t-n-15 {
  margin-top: -15px !important;
}

page-notices .m-t-n-20 {
  margin-top: -20px !important;
}

page-notices .m-t-n-30 {
  margin-top: -30px !important;
}

page-notices .m-t-n-40 {
  margin-top: -40px !important;
}

page-notices .m-t-n-50 {
  margin-top: -50px !important;
}

page-notices .m-r-0 {
  margin-right: 0 !important;
}

page-notices .m-r-1 {
  margin-right: 1px !important;
}

page-notices .m-r-5 {
  margin-right: 5px !important;
}

page-notices .m-r-10 {
  margin-right: 10px !important;
}

page-notices .m-r-15 {
  margin-right: 15px !important;
}

page-notices .m-r-20 {
  margin-right: 20px !important;
}

page-notices .m-r-30 {
  margin-right: 30px !important;
}

page-notices .m-r-40 {
  margin-right: 40px !important;
}

page-notices .m-r-50 {
  margin-right: 50px !important;
}

page-notices .m-r-n-1 {
  margin-right: -1px !important;
}

page-notices .m-r-n-5 {
  margin-right: -5px !important;
}

page-notices .m-r-n-10 {
  margin-right: -10px !important;
}

page-notices .m-r-n-15 {
  margin-right: -15px !important;
}

page-notices .m-r-n-20 {
  margin-right: -20px !important;
}

page-notices .m-r-n-30 {
  margin-right: -30px !important;
}

page-notices .m-r-n-40 {
  margin-right: -40px !important;
}

page-notices .m-r-n-50 {
  margin-right: -50px !important;
}

page-notices .m-b-0 {
  margin-bottom: 0 !important;
}

page-notices .m-b-1 {
  margin-bottom: 1px !important;
}

page-notices .m-b-4 {
  margin-bottom: 4px !important;
}

page-notices .m-b-5 {
  margin-bottom: 5px !important;
}

page-notices .m-b-10 {
  margin-bottom: 10px !important;
}

page-notices .m-b-15 {
  margin-bottom: 15px !important;
}

page-notices .m-b-20 {
  margin-bottom: 20px !important;
}

page-notices .m-b-30 {
  margin-bottom: 30px !important;
}

page-notices .m-b-40 {
  margin-bottom: 40px !important;
}

page-notices .m-b-50 {
  margin-bottom: 50px !important;
}

page-notices .m-b-n-1 {
  margin-bottom: -1px !important;
}

page-notices .m-b-n-5 {
  margin-bottom: -5px !important;
}

page-notices .m-b-n-10 {
  margin-bottom: -10px !important;
}

page-notices .m-b-n-15 {
  margin-bottom: -15px !important;
}

page-notices .m-b-n-20 {
  margin-bottom: -20px !important;
}

page-notices .m-b-n-30 {
  margin-bottom: -30px !important;
}

page-notices .m-b-n-40 {
  margin-bottom: -40px !important;
}

page-notices .m-b-n-50 {
  margin-bottom: -50px !important;
}

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

page-notices .p-5 {
  padding: 5px !important;
}

page-notices .p-10 {
  padding: 10px !important;
}

page-notices .p-15 {
  padding: 15px !important;
}

page-notices .p-20 {
  padding: 20px !important;
}

page-notices .p-25 {
  padding: 25px !important;
}

page-notices .p-30 {
  padding: 30px !important;
}

page-notices .p-40 {
  padding: 40px !important;
}

page-notices .p-50 {
  padding: 50px !important;
}

page-notices .p-75 {
  padding: 75px !important;
}

page-notices .p-100 {
  padding: 100px !important;
}

page-notices .p-lr {
  padding: 0px 4% 0px 4%;
}

page-notices .p-l-0 {
  padding-left: 0 !important;
}

page-notices .p-l-5 {
  padding-left: 5px !important;
}

page-notices .p-l-10 {
  padding-left: 10px !important;
}

page-notices .p-l-12 {
  padding-left: 12px !important;
}

page-notices .p-l-15 {
  padding-left: 15px !important;
}

page-notices .p-l-16 {
  padding-left: 16px !important;
}

page-notices .p-l-20 {
  padding-left: 20px !important;
}

page-notices .p-l-25 {
  padding-left: 25px !important;
}

page-notices .p-l-30 {
  padding-left: 30px !important;
}

page-notices .p-l-40 {
  padding-left: 40px !important;
}

page-notices .p-l-50 {
  padding-left: 50px !important;
}

page-notices .p-l-75 {
  padding-left: 75px !important;
}

page-notices .p-l-100 {
  padding-left: 100px !important;
}

page-notices .p-r-0 {
  padding-right: 0 !important;
}

page-notices .p-r-5 {
  padding-right: 5px !important;
}

page-notices .p-r-10 {
  padding-right: 10px !important;
}

page-notices .p-r-12 {
  padding-right: 12px !important;
}

page-notices .p-r-15 {
  padding-right: 15px !important;
}

page-notices .p-r-20 {
  padding-right: 20px !important;
}

page-notices .p-r-25 {
  padding-right: 25px !important;
}

page-notices .p-r-30 {
  padding-right: 30px !important;
}

page-notices .p-r-40 {
  padding-right: 40px !important;
}

page-notices .p-r-50 {
  padding-right: 50px !important;
}

page-notices .p-r-75 {
  padding-right: 75px !important;
}

page-notices .p-r-100 {
  padding-right: 100px !important;
}

page-notices .p-b-0 {
  padding-bottom: 0 !important;
}

page-notices .p-b-5 {
  padding-bottom: 5px !important;
}

page-notices .p-b-10 {
  padding-bottom: 10px !important;
}

page-notices .p-b-15 {
  padding-bottom: 15px !important;
}

page-notices .p-b-16 {
  padding-bottom: 16px !important;
}

page-notices .p-b-20 {
  padding-bottom: 20px !important;
}

page-notices .p-b-25 {
  padding-bottom: 25px !important;
}

page-notices .p-b-30 {
  padding-bottom: 30px !important;
}

page-notices .p-b-40 {
  padding-bottom: 40px !important;
}

page-notices .p-b-50 {
  padding-bottom: 50px !important;
}

page-notices .p-b-60 {
  padding-bottom: 60px !important;
}

page-notices .p-b-70 {
  padding-bottom: 70px !important;
}

page-notices .p-b-80 {
  padding-bottom: 80px !important;
}

page-notices .p-b-90 {
  padding-bottom: 90px !important;
}

page-notices .p-b-100 {
  padding-bottom: 100px !important;
}

page-notices .p-t-0 {
  padding-top: 0 !important;
}

page-notices .p-t-5 {
  padding-top: 5px !important;
}

page-notices .p-t-7 {
  padding-top: 7px !important;
}

page-notices .p-t-10 {
  padding-top: 10px !important;
}

page-notices .p-t-15 {
  padding-top: 15px !important;
}

page-notices .p-t-16 {
  padding-top: 16px !important;
}

page-notices .p-t-20 {
  padding-top: 20px !important;
}

page-notices .p-t-25 {
  padding-top: 25px !important;
}

page-notices .p-t-30 {
  padding-top: 30px !important;
}

page-notices .p-t-40 {
  padding-top: 40px !important;
}

page-notices .p-t-50 {
  padding-top: 50px !important;
}

page-notices .p-t-75 {
  padding-top: 75px !important;
}

page-notices .p-t-100 {
  padding-top: 100px !important;
}

page-notices .p-t-120 {
  padding-top: 120px !important;
}

page-notices .p-t-130 {
  padding-top: 130px !important;
}

page-notices .p-t-140 {
  padding-top: 140px !important;
}

page-notices .p-t-150 {
  padding-top: 150px !important;
}

page-notices .block {
  display: block !important;
}

page-notices .img-xs {
  width: 30px;
  height: 30px;
}

page-notices .img-sm {
  width: 35px;
  height: 35px;
}

page-notices .img-md {
  width: 55px;
  height: 55px;
}

page-notices .img-lg {
  width: 100px;
  height: 100px;
}

page-notices .min-w-800 {
  min-width: 800px !important;
}

page-notices .min-w-1000 {
  min-width: 1000px !important;
}

page-notices .min-w-1100 {
  min-width: 1100px !important;
}

page-notices .max-w-20 {
  max-width: 20px !important;
}

page-notices .max-w-30 {
  max-width: 30px !important;
}

page-notices .max-w-32 {
  max-width: 35px !important;
}

page-notices .max-w-35 {
  max-width: 35px !important;
}

page-notices .max-w-40 {
  max-width: 40px !important;
}

page-notices .max-w-50 {
  max-width: 50px !important;
}

page-notices .max-w-75 {
  max-width: 75px !important;
}

page-notices .max-w-100 {
  max-width: 100px !important;
}

page-notices .max-w-150 {
  max-width: 150px !important;
}

page-notices .max-w-200 {
  max-width: 200px !important;
}

page-notices .max-w-300 {
  max-width: 300px !important;
}

page-notices .max-w-400 {
  max-width: 400px !important;
}

page-notices .overflow-hidden {
  overflow: hidden;
}

page-notices .overflow-auto {
  overflow: auto;
}

page-notices .max-h-50 {
  max-height: 50px !important;
}

page-notices .max-h-80 {
  max-height: 80px !important;
}

page-notices .max-h-100 {
  max-height: 100px !important;
}

page-notices .max-h-150 {
  max-height: 150px !important;
}

page-notices .max-h-200 {
  max-height: 200px !important;
}

page-notices .max-h-250 {
  max-height: 250px !important;
}

page-notices .max-h-300 {
  max-height: 300px !important;
}

page-notices .max-h-350 {
  max-height: 300px !important;
}

page-notices .max-h-375 {
  max-height: 300px !important;
}

page-notices .max-h-400 {
  max-height: 400px !important;
}

page-notices .max-h-450 {
  max-height: 450px !important;
}

page-notices .max-h-500 {
  max-height: 500px !important;
}

page-notices .max-h-600 {
  max-height: 600px !important;
}

page-notices .max-h-650 {
  max-height: 650px !important;
}

page-notices .max-h-700 {
  max-height: 700px !important;
}

page-notices .max-h-800 {
  max-height: 800px !important;
}

page-notices .max-h-900 {
  max-height: 900px !important;
}

page-notices .max-h-1000 {
  max-height: 1000px !important;
}

page-notices .min-h-0 {
  min-height: 0 !important;
}

page-notices .min-h-50 {
  min-height: 50px !important;
}

page-notices .min-h-100 {
  min-height: 100px !important;
}

page-notices .min-h-200 {
  min-height: 200px !important;
}

page-notices .min-h-250 {
  min-height: 250px !important;
}

page-notices .min-h-300 {
  min-height: 300px !important;
}

page-notices .min-h-350 {
  min-height: 300px !important;
}

page-notices .min-h-375 {
  min-height: 300px !important;
}

page-notices .min-h-400 {
  min-height: 400px !important;
}

page-notices .min-h-450 {
  min-height: 450px !important;
}

page-notices .min-h-500 {
  min-height: 500px !important;
}

page-notices .min-h-600 {
  min-height: 600px !important;
}

page-notices .min-h-650 {
  min-height: 650px !important;
}

page-notices .min-h-700 {
  min-height: 700px !important;
}

page-notices .min-h-800 {
  min-height: 800px !important;
}

page-notices .min-h-900 {
  min-height: 900px !important;
}

page-notices .min-h-1000 {
  min-height: 1000px !important;
}

page-notices .h-5 {
  height: 5px !important;
}

page-notices .h-10 {
  height: 10px !important;
}

page-notices .h-20 {
  height: 20px !important;
}

page-notices .h-25 {
  height: 25px !important;
}

page-notices .h-50 {
  height: 50px !important;
}

page-notices .h-75 {
  height: 75px !important;
}

page-notices .h-100 {
  height: 100px !important;
}

page-notices .h-125 {
  height: 125px !important;
}

page-notices .h-150 {
  height: 150px !important;
}

page-notices .h-200 {
  height: 200px !important;
}

page-notices .h-300 {
  height: 300px !important;
}

page-notices .h-350 {
  height: 350px !important;
}

page-notices .h-400 {
  height: 400px !important;
}

page-notices .h-450 {
  height: 450px !important;
}

page-notices .h-500 {
  height: 500px !important;
}

page-notices .h-600 {
  height: 600px !important;
}

page-notices .h-650 {
  height: 650px !important;
}

page-notices .h-700 {
  height: 700px !important;
}

page-notices .h-800 {
  height: 800px !important;
}

page-notices .h-900 {
  height: 900px !important;
}

page-notices .h-1000 {
  height: 1000px !important;
}

page-notices .w-5 {
  width: 5px !important;
}

page-notices .w-10 {
  width: 10px !important;
}

page-notices .w-15 {
  width: 15px !important;
}

page-notices .w-20 {
  width: 20px !important;
}

page-notices .w-30 {
  width: 30px !important;
}

page-notices .w-40 {
  width: 40px !important;
}

page-notices .w-50 {
  width: 50px !important;
}

page-notices .w-60 {
  width: 60px !important;
}

page-notices .w-80 {
  width: 80px !important;
}

page-notices .w-100 {
  width: 100px !important;
}

page-notices .w-150 {
  width: 150px !important;
}

page-notices .w-190 {
  width: 190px !important;
}

page-notices .w-200 {
  width: 200px !important;
}

page-notices .w-250 {
  width: 250px !important;
}

page-notices .w-300 {
  width: 300px !important;
}

page-notices .w-600 {
  width: 600px !important;
}

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

page-notices .w-95p {
  width: 95% !important;
}

page-notices .w-90p {
  width: 90% !important;
}

page-notices .w-80p {
  width: 80% !important;
}

page-notices .w-70p {
  width: 70% !important;
}

page-notices .w-60p {
  width: 60% !important;
}

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

page-notices .w-45p {
  width: 45% !important;
}

page-notices .w-40p {
  width: 40% !important;
}

page-notices .w-30p {
  width: 30% !important;
}

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

page-notices .w-20p {
  width: 20% !important;
}

page-notices .w-15p {
  width: 15% !important;
}

page-notices .w-10p {
  width: 10% !important;
}

page-notices .w-8p {
  width: 8% !important;
}

page-notices .w-5p {
  width: 5% !important;
}

page-notices .w-3p {
  width: 3% !important;
}

page-notices .w-95p {
  width: 95% !important;
}

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

page-notices .h-80p {
  height: 80% !important;
}

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

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

page-notices .block {
  display: block !important;
}

page-notices .inline-block {
  display: inline-block !important;
}

page-notices .list-block li {
  display: block !important;
}

page-notices .list-inline li {
  display: inline !important;
}

page-notices .clear-both {
  clear: both !important;
}

page-notices .line-height-normal {
  line-height: normal !important;
}

page-notices .line-height-8 {
  line-height: 8px !important;
}

page-notices .line-height-14 {
  line-height: 14px !important;
}

page-notices .line-height-12 {
  line-height: normal !important;
}

page-notices ul.style-none {
  margin: 0;
  padding: 0;
  list-style: none;
}

page-notices ul.style-none li {
  font-size: 0.875rem;
  padding: 3px 0;
}

page-notices ul.style-none li ul {
  list-style: none;
}

page-notices ul.vertical-icon-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

page-notices ul.vertical-icon-list li {
  font-size: 0.875rem;
  padding: 6px 0;
}

page-notices ul.vertical-icon-list li i {
  font-size: 1.25rem;
  padding-right: 15px;
  vertical-align: middle;
}

page-notices .bg-white {
  background: #ffffff !important;
}

page-notices .bg-green {
  background: #28bebd !important;
}

page-notices .bg-blue {
  background: #42a5f5 !important;
}

page-notices .bg-lightBlue {
  background: #2ebaee !important;
}

page-notices .bg-red {
  background: #ef5350 !important;
}

page-notices .bg-yellow {
  background: #f8c200 !important;
}

page-notices .bg-paleYellow {
  background: #fddd7e !important;
}

page-notices .bg-lightGray {
  background: #e3ecf7 !important;
}

page-notices .bg-gray {
  background: #8f9eb5 !important;
}

page-notices .bg-drakGray {
  background: #707c94 !important;
}

page-notices .bg-grayBlue {
  background: #59779b !important;
}

page-notices .bg-purple {
  background: #6b79c4 !important;
}

page-notices .bg-turquoise {
  background: #00c5dc !important;
}

page-notices .bg-peach {
  background: #feb38d !important;
}

page-notices .bg-transparent {
  background: transparent !important;
}

page-notices .text-primary {
  color: #172B4D !important;
}

page-notices .text-link {
  color: #0645ad !important;
}

page-notices .text-green {
  color: #28bebd !important;
}

page-notices .text-turquoise {
  color: #00c5dc !important;
}

page-notices .text-red {
  color: #ef5350 !important;
}

page-notices .text-cyan {
  color: #26c6da !important;
}

page-notices .text-yellow {
  color: #f8c200 !important;
}

page-notices .text-gray {
  color: #8f9eb5 !important;
}

page-notices .text-blue {
  color: #42a5f5 !important;
}

page-notices .text-orange {
  color: #ffb74d !important;
}

page-notices .text-purple {
  color: #6b79c4 !important;
}

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

page-notices .text-brown {
  color: #906b6b !important;
}

page-notices .text-salmon {
  color: #ee6e73 !important;
}

page-notices .text-muted {
  color: #8396b0;
}

page-notices .color-black {
  color: #000 !important;
}

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

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

page-notices .transparent {
  background: transparent !important;
}

page-notices .bg-primary {
  background-color: #172B4D !important;
}

page-notices .border-bottom,
page-notices .border-grey-bottom-1px {
  border-bottom: 1px solid rgba(215, 225, 237, 0.8) !important;
}

page-notices .border-grey-top-1px,
page-notices .border-top {
  border-top: 1px solid rgba(215, 225, 237, 0.6) !important;
}

page-notices .border-bottom-black-2px {
  border-bottom: 2px solid black;
}

page-notices .border-top0p {
  border-top: 0px !important;
}

page-notices .b-n {
  border: none !important;
}

page-notices .b-b-1 {
  border: 1px solid black;
}

page-notices .b-lg-1 {
  border: 1px solid lightgrey;
}

page-notices .shadow-none {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

page-notices .shadow-z-0 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-notices .shadow-z-1 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-notices .shadow-z-1:hover {
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

page-notices .shadow-z-2 {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

page-notices .shadow-z-3 {
  -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

page-notices .shadow-z-4 {
  -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}

page-notices .shadow-z-5 {
  -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}

page-notices .big-shadow {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
}

page-notices .shadow-2dp {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

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

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

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

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

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

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

page-notices .font-weight-100 {
  font-weight: 100 !important;
}

page-notices .font-weight-200 {
  font-weight: 200 !important;
}

page-notices .font-weight-300 {
  font-weight: 300 !important;
}

page-notices .font-weight-400 {
  font-weight: 400 !important;
}

page-notices .font-weight-500 {
  font-weight: 500 !important;
}

page-notices .font-weight-600 {
  font-weight: 600 !important;
}

page-notices .font-weight-700 {
  font-weight: 700 !important;
}

page-notices .font-weight-800 {
  font-weight: 800 !important;
}

page-notices .font-weight-900 {
  font-weight: 900 !important;
}

page-notices .font-weight-light {
  font-weight: 100 !important;
}

page-notices .font-weight-normal {
  font-weight: 300 !important;
}

page-notices .font-weight-medium {
  font-weight: 400 !important;
}

page-notices .font-weight-bold {
  font-weight: 500 !important;
}

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

page-notices .font-size-0 {
  font-size: 0 !important;
}

page-notices .font-size-10 {
  font-size: 10px !important;
}

page-notices .font-size-11 {
  font-size: 11px !important;
}

page-notices .font-size-12 {
  font-size: 12px !important;
}

page-notices .font-size-14 {
  font-size: 14px !important;
}

page-notices .font-size-16 {
  font-size: 16px !important;
}

page-notices .font-size-18 {
  font-size: 18px !important;
}

page-notices .font-size-20 {
  font-size: 20px !important;
}

page-notices .font-size-24 {
  font-size: 24px !important;
}

page-notices .font-size-26 {
  font-size: 26px !important;
}

page-notices .font-size-30 {
  font-size: 30px !important;
}

page-notices .font-size-35 {
  font-size: 35px !important;
}

page-notices .font-size-38 {
  font-size: 38px !important;
}

page-notices .font-size-40 {
  font-size: 40px !important;
}

page-notices .font-size-50 {
  font-size: 50px !important;
}

page-notices .font-size-60 {
  font-size: 60px !important;
}

page-notices .font-size-70 {
  font-size: 70px !important;
}

page-notices .font-size-80 {
  font-size: 80px !important;
}

page-notices .hidden {
  display: none !important;
}

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

page-notices .float-r {
  float: right !important;
}

page-notices .float-l {
  float: left !important;
}

page-notices .align-c {
  display: block;
  margin: 0 auto;
}

page-notices .align-b {
  display: block;
}

page-notices .text-center {
  text-align: center !important;
}

page-notices .text-left {
  text-align: left !important;
}

page-notices .text-right {
  text-align: right !important;
}

page-notices .align-v-c {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-notices .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-notices .align-v-c1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-notices .align-v-c2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-notices .align-v-c3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-notices .align-v-c4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-notices .align-flex-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-notices .align-right-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

page-notices .align-start-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media (max-width: 576px) {
  page-notices .d-xs-none {
    display: none !important;
  }
  page-notices .d-xs-inline {
    display: inline !important;
  }
  page-notices .d-xs-inline-block {
    display: inline-block !important;
  }
  page-notices .d-xs-block {
    display: block !important;
  }
  page-notices .d-xs-table {
    display: table !important;
  }
  page-notices .d-xs-table-cell {
    display: table-cell !important;
  }
  page-notices .d-xs-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
  }
  page-notices .d-xs-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important;
  }
}

page-notices .b-r-gd {
  border-radius: 10px !important;
}

page-notices .b-r-10 {
  border-radius: 10px !important;
}

page-notices .b-r-5 {
  border-radius: 5px;
}

page-notices .d-fl-ov-x {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  overflow-x: auto !important;
}

page-notices .align-base {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-notices .d-fl-bl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-notices .d-fl-vhcenter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-notices .d-fl-b2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
}

page-notices .d-fl-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-notices .d-fl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-notices .d-fl-sb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-notices .d-fl-saround {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-notices .d-fl-ac {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-notices .text-capital {
  text-transform: capitalize !important;
}

page-notices .text-upper {
  text-transform: uppercase !important;
}

page-notices .m-a {
  margin: auto !important;
}

page-notices .m-l-a {
  margin-left: auto !important;
}

page-notices .m-r-a {
  margin-right: auto !important;
}

page-notices .italic {
  font-style: italic;
}

page-notices .pointer {
  cursor: pointer;
}

page-notices .ws-in {
  white-space: inherit;
}

page-notices .opacity-1 {
  opacity: 1;
}

page-notices .in-valid-checkbox {
  border: 1px solid #ff0000 !important;
  padding: 5px !important;
  margin-bottom: 10px;
  border-radius: 5px;
}

page-notices page-corp-dashboard .mycustomdrop:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
  top: -15px;
  position: absolute;
  right: 15%;
}

page-notices h1 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1.6875rem !important;
  line-height: 64px;
  letter-spacing: -0.4px;
}

page-notices h2 {
  font-family: "Poppins", sans-serif;
  font-size: 24px !important;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
}

page-notices h3,
page-notices .h3 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 22px !important;
  line-height: 48px;
  /* identical to box height, or 200% */
  /* Neutral / dark gray */
  color: #000000;
}

page-notices h4,
page-notices .menu-heading-h4 {
  font-family: "Poppins", sans-serif !important;
  font-style: normal;
  font-weight: normal;
  font-size: 15px !important;
  line-height: 26px;
  /* or 144% */
  letter-spacing: -0.2px;
  color: #000000;
}

page-notices h5 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  /* or 143% */
  color: #000000;
}

page-notices .subtitle {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  /* or 200% */
  letter-spacing: 2.5px;
  color: #4E5761;
}

page-notices p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 13px !important;
  line-height: 24px;
  /* identical to box height, or 171% */
  letter-spacing: -0.1px;
  /* Neutral / black */
  color: #000000;
}

page-notices .ui-tabview.ui-tabview-top > .ui-tabview-nav {
  padding: 0.2em 0.2em 0;
  border-bottom: 1px solid #eaeaea;
}

page-notices .scroll-content {
  padding: 0 !important;
}

page-notices ion-navbar {
  margin: 0;
  border-radius: 0px;
  height: 50px !important;
  color: #172B4D !important;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-notices ion-header {
  padding: 0;
}

page-notices .header-md::after {
  background-image: none;
}

page-notices .toolbar-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #172B4D !important;
  line-height: 24px;
  font-family: "Poppins", sans-serif;
  font-size: 2rem !important;
  font-weight: bold !important;
  text-align: left !important;
}

page-notices .userLabel {
  float: right;
  display: inline;
  letter-spacing: 1px;
  color: #172B4D !important !important;
}

page-notices .card-title {
  font-size: 16px !important;
  color: #000000;
  font-weight: bold !important;
  text-align: center !important;
}

page-notices .barcolor {
  background: #5a75a3;
  color: #ffffff;
}

page-notices p-sorticon {
  color: black;
}

page-notices p-sorticon a {
  color: black !important;
}

page-notices .globalTable {
  border: none;
  border: 1px solid #c1c1c1;
}

page-notices .globalTable .ui-table-caption {
  border-bottom: 1px solid #dadada !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  font-size: 18px !important;
  background: #ecececad !important;
}

page-notices .globalTable .table-header input {
  font-size: 15px !important;
  border-style: groove;
  width: 100% !important;
  padding-left: 10px;
  border-radius: 10px;
  border-color: #f3f3f3;
  font-weight: 500;
  line-height: 25px !important;
}

page-notices .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-notices .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

page-notices .globalTable .table-header .align input {
  width: 80%;
  line-height: 25px;
}

page-notices .globalTable .ui-table-tbody tr:nth-child(2n+1) {
  background: white;
}

page-notices .globalTable .ui-table-tbody tr:nth-child(2n) {
  background: #f3f3f3;
}

page-notices .globalTable .ui-table-tbody tr:hover {
  background: #c1c1c167 !important;
}

page-notices .globalTable .ui-table-tbody .activeRow {
  background: #c4d2e5 !important;
}

page-notices .globalTable th input {
  text-align: center !important;
  width: 90% !important;
  font-weight: 400 !important;
}

page-notices .globalTable .ui-table .ui-sortable-column.ui-state-highlight {
  color: black !important;
}

page-notices .globalTable .ui-table .ui-table-thead tr th {
  background: #eeeeee9e;
  border: none;
  padding: 10px 0;
  width: 100%;
  text-align: center;
}

page-notices .globalTable .ui-table .ui-table-tbody tr td {
  border: none;
  background: inherit;
  padding: 20px 0;
  text-align: center;
}

page-notices .globalTable .ui-table .ui-table-tbody tr {
  border-bottom: 1px solid #cacaca;
}

page-notices .globalTable .p-column-filter {
  border-radius: 4px;
  border: 1px solid gray;
}

page-notices .globalTable .badge-badge.status-Active {
  padding: 5px 20px;
  color: #226f4e;
  background-color: #9decbe;
  font-weight: 500;
  font-size: 12px;
}

page-notices .globalTable .badge-badge.status-Inactive {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

page-notices .globalTable .badge-badge.status-Suspended {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

page-notices .globalTable .badge-badge.status-Waiting {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

page-notices .globalTable .badge-badge.status-Pending {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

page-notices .globalTable .actionIcon {
  padding: 0 3px;
  font-size: 16px;
  cursor: pointer;
}

page-notices ion-icon {
  cursor: pointer;
}

page-notices .button-md-reset {
  background-color: #ffffff;
  color: black !important;
  border: 1px solid #e3ecf7;
}

page-notices .button-md-reset:hover {
  background-color: #ececec !important;
}

page-notices .reset:hover {
  background-color: #ececec !important;
}

page-notices .button-md-primary {
  background-color: #172B4D !important;
  color: #ffffff !important;
}

page-notices ion-button {
  background-color: #172B4D !important;
  color: #ffffff;
}

page-notices .my-custom-class .alert-button-group button:first-child {
  position: relative;
}

page-notices .my-custom-class .alert-button-group button {
  font-weight: bold;
}

page-notices .my-custom-class .alert-radio-group {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100% !important;
}

page-notices .my-custom-class button {
  text-align: center;
}

page-notices .alert-button-group button:first-child {
  position: relative !important;
  min-width: 0 !important;
}

page-notices .alert-md .alert-wrapper {
  max-width: 320px !important;
}

page-notices .alert-md .alert-message {
  font-size: 16px !important;
}

page-notices .alert-button {
  font-size: 15px !important;
}

page-notices .alert-md .alert-sub-title {
  font-size: 16px !important;
}

page-notices .alert-md .alert-title {
  font-size: 22px !important;
}

page-notices .breakclass {
  white-space: pre-line;
}

page-notices .error {
  color: red;
  float: left;
}

page-notices .topStrip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}

page-notices .infographic1 {
  border: none;
  color: #367ad2;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-notices .infographic1 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-notices .infographic1 ion-icon {
  color: black;
}

page-notices .infographic2 {
  border: none;
  color: #50d29b;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-notices .infographic2 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-notices .infographic2 ion-icon {
  color: black;
}

page-notices .infographic3 {
  border: none;
  color: #ffaa00;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-notices .infographic3 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-notices .infographic3 ion-icon {
  color: black;
}

page-notices .infographic4 {
  border: none;
  color: #f36363;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-notices .infographic4 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-notices .infographic4 ion-icon {
  color: black;
}

page-notices .infographic5 {
  border: none;
  color: #41acbf;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-notices .infographic5 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-notices .infographic5 ion-icon {
  color: black;
}

page-notices .infograph1 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #367ad2;
  font-size: 20px;
}

page-notices .infograph2 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #51b98d;
  font-size: 20px;
}

page-notices .infograph3 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #ffaa00;
  font-size: 20px;
}

page-notices .infograph4 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #dc5b54;
  font-size: 20px;
}

page-notices .infograph5 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #41acbf;
  font-size: 20px;
}

page-notices .infographtext {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 12px;
}

page-notices .successToast .toast-message {
  background-color: #d2f8d2 !important;
  color: black;
}

page-notices .errorToast .toast-message {
  background-color: #eea9a0 !important;
  color: black;
}

page-notices .actionIconsBar {
  padding-right: 20px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

page-notices .ui-carousel .ui-carousel-header {
  display: none !important;
}

page-notices .userfab .fab-close-active .fab-close-icon {
  height: 40px !important;
  position: relative !important;
}

page-notices textarea.text-input {
  resize: none !important;
}

page-notices .asterisk {
  color: red;
  padding-left: 3px;
}

page-notices .m-b-t {
  margin-bottom: 4% !important;
}

page-notices .ui-radiobutton-box.ui-state-active {
  border: 1px solid #09f;
  background: #09f;
  color: #09f;
}

page-notices .alert-md .alert-message {
  overflow: auto;
}

page-notices .alert-md .alert-message .alertstyle1 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

page-notices .alert-md .alert-message .alertstyle1 b {
  width: 65px !important;
}

page-notices .alert-md .alert-message .alertstyle3 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-notices .alert-md .alert-message .alertstyle3 b {
  width: 65px !important;
}

page-notices .alert-md .alert-message .alertstyle4 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-notices .alert-md .alert-message .alertstyle4 b {
  width: 150px !important;
}

page-notices .alert-md .alert-message .alertstyle5 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

page-notices .alert-md .alert-message .alertstyle5 b {
  width: 75px !important;
}

page-notices .alert-md .alert-message .alertstyle5 span {
  width: 5px;
}

page-notices .alert-md .alert-message .alertstyle2 {
  text-align: left !important;
}

page-notices .alert-md .alert-message .alertstyle2 li {
  margin-top: 10px;
}

page-notices .ui-tooltip {
  background-color: #172B4D !important;
  color: #ffffff;
}

page-notices .navsebexam .toolbar-content-md {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
}

page-notices .modal-wrapper {
  height: 75%;
  top: 10%;
  position: absolute;
  display: block;
  border-radius: 10px !important;
}

page-notices .ui-picklist-source-controls.ui-picklist-buttons {
  display: none !important;
}

page-notices .ui-picklist-target-controls.ui-picklist-buttons {
  display: none !important;
}

page-notices .ui-picklist-target-controls.ui-picklist-buttons.ng-star-inserted {
  display: none !important;
}

page-notices .ellip {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

page-notices .p-slider {
  background: #dee2e6;
  border: 0 none;
  border-radius: 3px;
}

page-notices .Errorbox .alert-title {
  color: #d8000c;
}

page-notices .Errorbox .alert-button {
  color: #d8000c;
}

page-notices .card-md {
  border-radius: 5px !important;
}

page-notices .modal {
  display: none;
  /* Hidden by default */
  position: -webkit-sticky;
  position: sticky;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 30px;
  /* Location of the box */
  left: 0;
  right: 0;
  bottom: 150px;
  width: 400px;
  height: 400px;
  margin: auto;
  border: 4px solid;
  background-color: black;
}

page-notices .modal-content {
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
}

page-notices .close {
  position: absolute;
  color: #f1f1f1;
  top: 0px;
  right: 10px;
  font-size: 28px;
  font-weight: bold;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

page-notices .close:hover,
page-notices .close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

page-notices .customhr {
  width: 90%;
  background-color: #ccc;
}

page-notices .mycustomtoolbar ion-segment {
  border: none;
}

page-notices .mycustomtoolbar ion-segment-button {
  font-size: 16px !important;
  font-weight: 500 !important;
}

page-notices .mycustomtoolbar .segment-md .segment-button.activated,
page-notices .mycustomtoolbar .segment-md .segment-button.segment-activated {
  border-color: #172B4D !important;
  color: #172B4D !important;
}

page-notices .mycustomtoolbar .toolbar-background {
  background: transparent;
}

page-notices .fc {
  direction: ltr;
  text-align: left;
}

page-notices .fc-rtl {
  text-align: right;
}

page-notices body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}

page-notices .fc-unthemed th,
page-notices .fc-unthemed td,
page-notices .fc-unthemed thead,
page-notices .fc-unthemed tbody,
page-notices .fc-unthemed .fc-divider,
page-notices .fc-unthemed .fc-row,
page-notices .fc-unthemed .fc-content,
page-notices .fc-unthemed .fc-popover,
page-notices .fc-unthemed .fc-list-view,
page-notices .fc-unthemed .fc-list-heading td {
  border-color: #ddd;
}

page-notices .fc-unthemed .fc-popover {
  background-color: #fff;
}

page-notices .fc-unthemed .fc-divider,
page-notices .fc-unthemed .fc-popover .fc-header,
page-notices .fc-unthemed .fc-list-heading td {
  background: #eee;
}

page-notices .fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}

page-notices .fc-unthemed td.fc-today {
  background: #fcf8e3;
}

page-notices .fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3;
}

page-notices .fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3;
}

page-notices .fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}

page-notices .fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

page-notices .fc-icon:after {
  position: relative;
}

page-notices .fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-notices .fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-notices .fc-icon-left-double-arrow:after {
  content: "\000AB";
  font-size: 160%;
  top: -7%;
}

page-notices .fc-icon-right-double-arrow:after {
  content: "\000BB";
  font-size: 160%;
  top: -7%;
}

page-notices .fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%;
}

page-notices .fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%;
}

page-notices .fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%;
}

page-notices .fc-icon-x:after {
  content: "\000D7";
  font-size: 200%;
  top: 6%;
}

page-notices .fc button {
  /* force height to include the border and padding */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer;
}

page-notices .fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}

page-notices .fc-state-default {
  /* non-theme */
  border: 1px solid;
}

page-notices .fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

page-notices .fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

page-notices .fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .2em;
  vertical-align: middle;
}

page-notices .fc-state-default {
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-notices .fc-state-hover,
page-notices .fc-state-down,
page-notices .fc-state-active,
page-notices .fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}

page-notices .fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

page-notices .fc-state-down,
page-notices .fc-state-active {
  background-color: #cccccc;
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-notices .fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}

page-notices .fc-button-group {
  display: inline-block;
}

page-notices .fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px;
}

page-notices .fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0;
}

page-notices .fc-popover {
  position: absolute;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

page-notices .fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px;
}

page-notices .fc-popover .fc-header .fc-title {
  margin: 0 2px;
}

page-notices .fc-popover .fc-header .fc-close {
  cursor: pointer;
}

page-notices .fc-ltr .fc-popover .fc-header .fc-title,
page-notices .fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}

page-notices .fc-rtl .fc-popover .fc-header .fc-title,
page-notices .fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}

page-notices .fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}

page-notices .fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: .9em;
  margin-top: 2px;
}

page-notices .fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */
}

page-notices .fc-divider {
  border-style: solid;
  border-width: 1px;
}

page-notices hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}

page-notices .fc-clear {
  clear: both;
}

page-notices .fc-bg,
page-notices .fc-bgevent-skeleton,
page-notices .fc-highlight-skeleton,
page-notices .fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-notices .fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}

page-notices .fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}

page-notices .fc table {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}

page-notices .fc th {
  text-align: center;
}

page-notices .fc th,
page-notices .fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}

page-notices .fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}

page-notices a[data-goto] {
  cursor: pointer;
}

page-notices a[data-goto]:hover {
  text-decoration: underline;
}

page-notices .fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}

page-notices .fc-row table {
  /* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}

page-notices .fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}

page-notices .fc-row {
  position: relative;
}

page-notices .fc-row .fc-bg {
  z-index: 1;
}

page-notices .fc-row .fc-bgevent-skeleton,
page-notices .fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}

page-notices .fc-row .fc-bgevent-skeleton table,
page-notices .fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}

page-notices .fc-row .fc-highlight-skeleton td,
page-notices .fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}

page-notices .fc-row .fc-bgevent-skeleton {
  z-index: 2;
}

page-notices .fc-row .fc-highlight-skeleton {
  z-index: 3;
}

page-notices .fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}

page-notices .fc-row .fc-helper-skeleton {
  z-index: 5;
}

page-notices .fc-row .fc-content-skeleton td,
page-notices .fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}

page-notices .fc-row .fc-content-skeleton tbody td,
page-notices .fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}

page-notices .fc-scroller {
  -webkit-overflow-scrolling: touch;
}

page-notices .fc-scroller > .fc-day-grid,
page-notices .fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}

page-notices .fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */
  font-weight: normal;
  /* undo jqui's ui-widget-header bold */
}

page-notices .fc-event,
page-notices .fc-event-dot {
  background-color: #3a87ad;
  /* default BACKGROUND color */
}

page-notices .fc-event,
page-notices .fc-event:hover,
page-notices .ui-widget .fc-event {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}

page-notices .fc-event[href],
page-notices .fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}

page-notices .fc-not-allowed,
page-notices .fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}

page-notices .fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #ffffff;
  opacity: .25;
}

page-notices .fc-event .fc-content {
  position: relative;
  z-index: 2;
}

page-notices .fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
}

page-notices .fc-event .fc-resizer {
  display: none;
}

page-notices .fc-event.fc-allow-mouse-resize .fc-resizer,
page-notices .fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block;
}

page-notices .fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}

page-notices .fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

page-notices .fc-event.fc-selected.fc-dragging {
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

page-notices .fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}

page-notices .fc-ltr .fc-h-event.fc-not-start,
page-notices .fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

page-notices .fc-ltr .fc-h-event.fc-not-end,
page-notices .fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

page-notices .fc-ltr .fc-h-event .fc-start-resizer,
page-notices .fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */
}

page-notices .fc-ltr .fc-h-event .fc-end-resizer,
page-notices .fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */
}

page-notices .fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */
}

page-notices .fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* vertically center */
  top: 50%;
  margin-top: -4px;
}

page-notices .fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
page-notices .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */
}

page-notices .fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
page-notices .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */
}

page-notices .fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}

page-notices tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */
}

page-notices .fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: .25;
}

page-notices .fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}

page-notices .fc-day-grid-event .fc-time {
  font-weight: bold;
}

page-notices .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
page-notices .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */
}

page-notices .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
page-notices .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */
}

page-notices a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none;
}

page-notices a.fc-more:hover {
  text-decoration: underline;
}

page-notices .fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}

page-notices .fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}

page-notices .fc-more-popover {
  z-index: 2;
  width: 220px;
}

page-notices .fc-more-popover .fc-event-container {
  padding: 10px;
}

page-notices .fc-now-indicator {
  position: absolute;
  border: 0 solid red;
}

page-notices .fc-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

page-notices .fc-toolbar {
  text-align: center;
}

page-notices .fc-toolbar.fc-header-toolbar {
  margin-bottom: 1em;
}

page-notices .fc-toolbar.fc-footer-toolbar {
  margin-top: 1em;
}

page-notices .fc-toolbar .fc-left {
  float: left;
}

page-notices .fc-toolbar .fc-right {
  float: right;
}

page-notices .fc-toolbar .fc-center {
  display: inline-block;
}

page-notices .fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em;
}

page-notices .fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0;
}

page-notices .fc-toolbar h2 {
  margin: 0;
}

page-notices .fc-toolbar button {
  position: relative;
}

page-notices .fc-toolbar .fc-state-hover,
page-notices .fc-toolbar .ui-state-hover {
  z-index: 2;
}

page-notices .fc-toolbar .fc-state-down {
  z-index: 3;
}

page-notices .fc-toolbar .fc-state-active,
page-notices .fc-toolbar .ui-state-active {
  z-index: 4;
}

page-notices .fc-toolbar button:focus {
  z-index: 5;
}

page-notices .fc-view-container *,
page-notices .fc-view-container *:before,
page-notices .fc-view-container *:after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

page-notices .fc-view,
page-notices .fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}

page-notices .fc-basicWeek-view .fc-content-skeleton,
page-notices .fc-basicDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}

page-notices .fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}

page-notices .fc-row.fc-rigid {
  overflow: hidden;
}

page-notices .fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-notices .fc-day-top.fc-other-month {
  opacity: 0.3;
}

page-notices .fc-basic-view .fc-week-number,
page-notices .fc-basic-view .fc-day-number {
  padding: 2px;
}

page-notices .fc-basic-view th.fc-week-number,
page-notices .fc-basic-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */
}

page-notices .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right;
}

page-notices .fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left;
}

page-notices .fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0;
}

page-notices .fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px;
}

page-notices .fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080;
}

page-notices .fc-basic-view td.fc-week-number {
  text-align: center;
}

page-notices .fc-basic-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}

page-notices .fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}

page-notices .fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}

page-notices .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}

page-notices .fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}

page-notices .fc-ltr .fc-axis {
  text-align: right;
}

page-notices .fc-rtl .fc-axis {
  text-align: left;
}

page-notices .ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome jqui theme making it bold */
}

page-notices .fc-time-grid-container,
page-notices .fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}

page-notices .fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

page-notices .fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}

page-notices .fc-time-grid > .fc-bg {
  z-index: 1;
}

page-notices .fc-time-grid .fc-slats,
page-notices .fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}

page-notices .fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */
}

page-notices .fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
}

page-notices .fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1;
}

page-notices .fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2;
}

page-notices .fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3;
}

page-notices .fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4;
}

page-notices .fc-time-grid .fc-now-indicator-line {
  z-index: 5;
}

page-notices .fc-time-grid .fc-helper-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6;
}

page-notices .fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}

page-notices .fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}

page-notices .fc-time-grid .fc-slats .ui-widget-content {
  /* for jqui theme */
  background: none;
  /* see through to fc-bg */
}

page-notices .fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}

page-notices .fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}

page-notices .fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}

page-notices .fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}

page-notices .fc-time-grid .fc-event,
page-notices .fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}

page-notices .fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}

page-notices .fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

page-notices .fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

page-notices .fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */
}

page-notices .fc-time-grid-event.fc-selected {
  /* need to allow touch resizers to extend outside event's bounding box */
  /* common fc-selected styles hide the fc-bg, so don't need this anyway */
  overflow: visible;
}

page-notices .fc-time-grid-event.fc-selected .fc-bg {
  display: none;
  /* hide semi-white background, to appear darker */
}

page-notices .fc-time-grid-event .fc-content {
  overflow: hidden;
  /* for when .fc-selected */
}

page-notices .fc-time-grid-event .fc-time,
page-notices .fc-time-grid-event .fc-title {
  padding: 0 1px;
}

page-notices .fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap;
}

page-notices .fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}

page-notices .fc-time-grid-event.fc-short .fc-time,
page-notices .fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}

page-notices .fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}

page-notices .fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}

page-notices .fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
  /* seperate with a dash, wrapped in nbsp's */
}

page-notices .fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}

page-notices .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}

page-notices .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "=";
}

page-notices .fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px;
}

page-notices .fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0;
}

page-notices .fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */
}

page-notices .fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-notices .fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-notices .fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}

page-notices .fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */
}

page-notices .fc-list-view {
  border-width: 1px;
  border-style: solid;
}

page-notices .fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */
}

page-notices .fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px;
}

page-notices .fc-list-table tr:first-child td {
  border-top-width: 0;
}

page-notices .fc-list-heading {
  border-bottom-width: 1px;
}

page-notices .fc-list-heading td {
  font-weight: bold;
}

page-notices .fc-ltr .fc-list-heading-main {
  float: left;
}

page-notices .fc-ltr .fc-list-heading-alt {
  float: right;
}

page-notices .fc-rtl .fc-list-heading-main {
  float: right;
}

page-notices .fc-rtl .fc-list-heading-alt {
  float: left;
}

page-notices .fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */
}

page-notices .fc-list-item:hover td {
  background-color: #f5f5f5;
}

page-notices .fc-list-item-marker,
page-notices .fc-list-item-time {
  white-space: nowrap;
  width: 1px;
}

page-notices .fc-ltr .fc-list-item-marker {
  padding-right: 0;
}

page-notices .fc-rtl .fc-list-item-marker {
  padding-left: 0;
}

page-notices .fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit;
}

page-notices .fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline;
}

page-notices .fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

page-notices .fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table;
}

page-notices .fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

page-notices .fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #eee;
}

page-notices a {
  cursor: pointer;
  font-size: 13px;
}

page-notices ion-card {
  border-radius: 10px !important;
  position: relative;
  padding: 0px;
  overflow: visible;
  -webkit-box-shadow: 0 2px 2px 0 rgba(199, 199, 199, 0.14), 0 3px 1px -2px rgba(119, 119, 119, 0.2), 0 1px 5px 0 rgba(27, 27, 27, 0.12) !important;
  box-shadow: 0 2px 2px 0 rgba(199, 199, 199, 0.14), 0 3px 1px -2px rgba(119, 119, 119, 0.2), 0 1px 5px 0 rgba(27, 27, 27, 0.12) !important;
}

page-notices .helpbutton {
  font-size: 15px;
}

page-notices ion-fab {
  width: 40px !important;
  height: 40px !important;
  margin: 3%;
}

page-notices .help-circle-icon {
  color: #ffffff !important;
}

page-notices .card-title {
  text-decoration: underline;
  text-underline-position: under;
  cursor: pointer;
}

page-notices .notification_icon {
  position: absolute;
  width: 40px;
  height: 35px;
  text-align: center;
  background: #D23F51;
  color: #fff;
  font-size: 12px;
  /* vertical-align: middle; */
  line-height: 38px;
  left: -30px;
  top: 5%;
  display: block;
  z-index: 9999999;
  border-radius: 10px;
}

page-notices .training_item {
  position: relative;
  padding-bottom: 0px;
  padding-top: 0px;
}

page-notices .badgetop {
  position: absolute;
  top: 3px;
  left: 1px;
  border-radius: 4px;
  z-index: 999999999;
  padding: 8px;
  font-size: 11px;
}

page-notices .createdby {
  text-align: right;
  text-transform: capitalize;
  color: #0099ff;
}

page-notices .footerdiv {
  color: #D23F51;
  text-transform: capitalize;
  font-size: 13px;
}

page-notices .footerdiv ion-col {
  padding: 0px;
}

page-notices .contentdiv {
  font-family: "Open Sans";
  font-size: 13px;
  color: #000;
  font-weight: normal;
  overflow: hidden;
}

page-notices table {
  width: 100%;
}

page-notices read-more a {
  font-size: 12px;
  margin-top: -10px;
  display: block;
  padding-bottom: 15px;
}

page-notices .notices {
  font-family: "Open Sans";
}

page-notices .notices ion-item-sliding ion-label {
  border-left: 2px solid #FE4C52;
  padding-left: 10px;
}

page-notices .notices ion-item-divider {
  background-color: #EEEEEE;
  color: #0099ff;
}

page-notices .notices .notice_item {
  padding-right: 32px;
  position: relative;
}

page-notices .notices .slide_arrow {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 10px;
  top: 45%;
}

page-notices .notices .nodata_avail {
  font-family: "Open Sans";
  text-align: center;
  line-height: 60px;
  font-size: 25px;
  color: #3687f0;
}

@media (min-width: 800px) {
  page-notices .content ion-list {
    width: 90%;
    margin: 10px auto;
  }
}

@media (max-width: 768px) {
  page-notices ion-card {
    width: calc(100% - 60px) !important;
    margin: 10px auto !important;
  }
  page-notices .notification_icon {
    left: -25px !important;
  }
}

page-notices .namedate_div {
  text-align: right;
}

page-notices .namedate_div p {
  line-height: 35px;
}

page-notices .attachcls {
  margin-bottom: 10px;
  font-size: 14px;
  text-decoration: underline;
  text-underline-position: under;
}

page-notices .thumbnail img {
  width: 50px !important;
  margin: 10px;
  height: 50px !important;
  cursor: pointer;
  display: inline !important;
}

page-notices .resend {
  float: right;
  background: transparent;
  border: 1px solid #ddd;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 8px;
  height: 25px;
  font-size: 12px;
  margin: 0px 2px 2px;
}

page-notices .editbtn {
  float: right;
  background: transparent;
  border: 1px solid #ddd;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 8px;
  height: 25px;
  width: 20px;
  font-size: 12px;
  margin: 0px 2px 2px;
}

page-notices .editbtn .icon {
  color: #0099ff !important;
}

page-notices .editbtn .icon:hover {
  color: #000 !important;
}

@media (max-width: 799px) {
  page-notices .scroll-content {
    margin-top: 56px !important;
  }
}

page-notices .nodata_avail {
  font-family: "Open Sans";
  text-align: center;
  line-height: 60px;
  font-size: 25px;
  color: #3687f0;
}

page-notices ion-card-title {
  color: #3687f0 !important;
  font-size: 18px !important;
  font-weight: bold;
  font-family: "Macondo";
  cursor: pointer;
}

page-notices .content ion-card {
  border-radius: 10px;
}

page-notices table, page-notices th, page-notices td {
  border-bottom: 1px solid lightgray;
  border-collapse: collapse;
  text-align: center;
  color: #3687f0;
  padding-left: 18px;
  padding-right: 18px;
  background: white;
  border-radius: 3%;
  font-family: 'Macondo';
}

page-notices .contentdiv th, page-notices td:nth-child(1) {
  width: 25% !important;
}

page-notices .contentdiv th, page-notices td:nth-child(2) {
  width: 20% !important;
}

page-notices .contentdiv th, page-notices td:nth-child(3) {
  width: 0% !important;
}

page-notices .contentdiv th, page-notices td:nth-child(4) {
  width: 20% !important;
}

page-notices .contentdiv th, page-notices td:nth-child(5) {
  width: 20% !important;
}

page-notices .contentdiv th, page-notices td:nth-child(6) {
  width: 30% !important;
}

page-notices .contentdiv th, page-notices td:nth-child(7) {
  width: 0% !important;
}

page-notices .trainCol ion-item {
  border: 1px solid #ddd;
  border-radius: 5px;
  border-left: 10px solid #3687f0;
}

page-notices .labeltraining {
  font-family: "Open Sans";
  color: #0099ff !important;
}

page-offlineexam-mobile-upload ion-icon {
  pointer-events: none;
}

page-offlineexam-mobile-upload .thank-you-image {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-offlineexam-mobile-upload .thank-you-image img {
  height: 100px;
  width: 100px;
}

page-offlineexam-mobile-upload .thank-you-image h1 {
  color: #3fbaae !important;
}

page-plan-summary .formcss {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 50%;
}

page-plan-summary .formcss form {
  border: 1px solid;
  padding: 15px 15px;
  border-color: #cccccc;
  width: 50%;
  background-color: white;
}

page-plan-summary .formcss form .inputfield {
  padding: 4px;
}

page-plan-summary .formcss form .btnclass {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-plan-summary .globalTable {
  border: 1px solid lightgrey;
  min-width: 1501px;
}

page-plan-summary .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-plan-summary .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

page-plan-summary .globalTable .table-header .align input {
  width: 60%;
  line-height: 25px;
}

page-plan-summary .globalTable th input {
  text-align: center;
  width: 90%;
  font-weight: 400;
}

page-plan-summary .globalTable .user-badge.status-active {
  padding: 2px 10px;
  border-radius: 10px;
  border-color: #5ECF8D;
  color: white;
  text-align: center;
  background-color: #5ECF8D;
  font-weight: 500;
  font-size: 12px;
}

page-plan-summary .globalTable .user-badge.status-inactive {
  padding: 2px 10px;
  border-radius: 10px;
  color: white;
  text-align: center;
  border-color: #F55050;
  background-color: #F55050;
  font-weight: 500;
  font-size: 12px;
}

page-plan-summary .globalTable .actionIcon {
  padding: 0 6px;
  font-size: 16px;
  cursor: pointer;
}

page-policy-report .globalTable {
  min-width: 1200px;
}

page-policy-report .alert {
  color: #984747;
}

page-policy-report .ui-dropdown .ui-dropdown-panel {
  z-index: 1017 !important;
  top: -102px !important;
  left: 0px !important;
  opacity: 1 !important;
}

page-preview-offerpdf .cardBtn {
  display: block;
  margin: 0 auto;
}

page-preview-offerpdf ::-webkit-scrollbar,
page-preview-offerpdf *::-webkit-scrollbar {
  display: none;
}

page-preview-question ion-card {
  border-radius: 10px !important;
}

page-preview-question .reason {
  margin: 1% 0;
  background-color: #eaeafc;
}

page-preview-question .fillup {
  margin: 1% 0;
}

page-preview-result .correct, page-bankwise-result .correct, page-preview-question .correct {
  margin: 1% 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: black;
  background-color: #d3e6ff;
  font-weight: 500;
}

page-preview-result .text-correct, page-bankwise-result .text-correct, page-preview-question .text-correct {
  background-color: #fad8d8;
}

page-preview-result .text-incorrect, page-bankwise-result .text-incorrect, page-preview-question .text-incorrect {
  background-color: #b2ffb2;
}

page-preview-result .pass, page-bankwise-result .pass, page-preview-question .pass {
  color: #ffffff;
  text-transform: capitalize;
}

page-preview-result .fail, page-bankwise-result .fail, page-preview-question .fail {
  color: #ffffff;
  text-transform: capitalize;
}

page-preview-result .result, page-bankwise-result .result, page-preview-question .result {
  padding: 10px;
  margin: 0 10px;
  font-weight: bold;
  font-size: medium;
}

page-preview-result .result .col.result-right-col, page-bankwise-result .result .col.result-right-col, page-preview-question .result .col.result-right-col {
  text-align: right;
}

page-preview-result .result .result-text, page-bankwise-result .result .result-text, page-preview-question .result .result-text {
  padding: 5px 0;
}

page-preview-result .quesimg, page-bankwise-result .quesimg, page-preview-question .quesimg {
  height: 100px;
  margin: 10px;
}

page-preview-result .quesimg ion-col img, page-bankwise-result .quesimg ion-col img, page-preview-question .quesimg ion-col img {
  width: 100%;
  height: 100px;
  -o-object-fit: contain;
  object-fit: contain;
}

page-preview-result .optionimgdiv, page-bankwise-result .optionimgdiv, page-preview-question .optionimgdiv {
  height: 60px;
  width: 120px;
}

page-preview-result .optionimgdiv img, page-bankwise-result .optionimgdiv img, page-preview-question .optionimgdiv img {
  -o-object-fit: contain;
  object-fit: contain;
  height: 60px;
  cursor: pointer;
}

page-preview-result .optionrow, page-bankwise-result .optionrow, page-preview-question .optionrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-preview-result .coderow p, page-bankwise-result .coderow p, page-preview-question .coderow p {
  font-weight: bold;
}

page-preview-result .viewcard, page-bankwise-result .viewcard, page-preview-question .viewcard {
  width: 90%;
  margin: auto;
  border-radius: 5px;
}

page-preview-result .viewcard h4, page-bankwise-result .viewcard h4, page-preview-question .viewcard h4 {
  color: #0099ff;
  padding: 5px;
  font-size: 16px !important;
}

page-preview-result .viewcard iframe, page-bankwise-result .viewcard iframe, page-preview-question .viewcard iframe {
  width: 100%;
}

@media only screen and (max-width: 768px) {
  page-preview-result .result-text, page-bankwise-result .result-text, page-preview-question .result-text {
    text-align: left;
  }
  page-preview-result .result-text span, page-bankwise-result .result-text span, page-preview-question .result-text span {
    text-align: right;
  }
}

page-preview-vedio .youVideo {
  width: 100%;
  height: 336px;
  margin-left: 0%;
}

page-preview-vedio h2 {
  color: #D42C3D;
  text-align: center;
  font-family: 'Macondo';
}

page-promote-users .styleicon {
  display: block;
  width: 15%;
  padding: 6px;
  border-radius: 5%;
  background-color: #0099ff;
  color: white;
}

page-promote-users .globalTable {
  border: 1px solid lightgrey;
}

page-promote-users .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-promote-users .globalTable .table-header .alignpromote {
  width: 20%;
  text-align: end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-promote-users .globalTable .table-header .alignpromote input {
  width: 60%;
  line-height: 25px;
}

page-promote-users .globalTable th input {
  text-align: center;
  width: 90%;
  font-weight: 400;
}

page-promote-users .globalTable .user-badge.status-active {
  padding: 2px 10px;
  border-radius: 10px;
  border-color: #5ECF8D;
  color: white;
  text-align: center;
  background-color: #5ECF8D;
  font-weight: 500;
  font-size: 12px;
}

page-promote-users .globalTable .user-badge.status-inactive {
  padding: 2px 10px;
  border-radius: 10px;
  color: white;
  text-align: center;
  border-color: #F55050;
  background-color: #F55050;
  font-weight: 500;
  font-size: 12px;
}

page-promote-users .globalTable .actionIcon {
  padding: 0 6px;
  font-size: 16px;
  cursor: pointer;
}

page-psychometric-test .testInstHead {
  text-align: center !important;
  margin: 2% 0;
  font-size: 20px;
  font-weight: 600;
  text-align: left;
  padding: 0 5%;
  text-transform: uppercase;
  letter-spacing: 1px;
}

page-psychometric-test h4.testInstMsg {
  font-size: 15px;
  text-align: center;
  text-align: left;
  padding: 0 5%;
  line-height: 1.5;
  color: #000;
  font-family: inherit;
}

page-psychometric-test .genderSel p {
  text-align: center;
  font-weight: 600;
}

page-psychometric-test .genderSel ion-list {
  padding: 0 30%;
}

page-psychometric-test .resultPshycho {
  padding: 0 10%;
}

page-psychometric-test .resultPshycho form {
  border: 1px solid #000;
  padding: 10px;
  border-radius: 5px;
}

page-psychometric-test .resultPshycho p.carddate {
  padding-left: 3%;
  font-size: 16px;
}

page-psychometric-test .resultPshycho form .resultItem {
  padding: 1%;
  padding-left: 3% !important;
  background: transparent;
}

page-psychometric-test .resultPshycho form .resultItem ion-label {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  margin: 0;
  color: #000;
}

page-psychometric-test .resultPshycho form .resultItem ion-input {
  border-bottom: 1px solid #000;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}

page-psychometric-test button.readyButton {
  background: #172B4D;
  font-size: 12px;
  margin-bottom: 20px;
}

page-psychometric-test p.testInst {
  text-align: center;
  padding: 0 5%;
  text-align: left;
  font-size: 14px;
}

page-psychometric-test #app {
  text-align: center;
  color: #2c3e50;
}

page-psychometric-test #video {
  background-color: none;
}

page-psychometric-test #canvas {
  display: none;
}

page-psychometric-test .btn:hover {
  color: linear-gradient(#152B40, #152B40);
}

page-psychometric-test .btn:focus {
  color: linear-gradient(#152B40, #152B40);
}

page-psychometric-test ion-col {
  width: 85% !important;
}

page-psychometric-test .button-selected {
  border: 4px solid red;
}

page-psychometric-test .slide-zoom {
  padding: 20px;
}

page-psychometric-test .analy {
  background-color: rgba(255, 255, 255, 0.5);
  width: 100%;
  padding: 25px;
  margin: 0 auto;
}

page-psychometric-test .bcolor {
  color: black;
  font-size: 14px;
}

page-psychometric-test .backgroundim {
  background-image: url("../assets/img/pattern.png");
  background-color: white;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

page-psychometric-test ion-card {
  display: inline;
}

page-psychometric-test ion-card img {
  display: inline;
}

page-psychometric-test .imagebac {
  background-color: white;
  height: 208px;
}

page-psychometric-test .textposition {
  text-align: center;
}

page-psychometric-test .optionTrue {
  border: 2px solid green;
}

page-psychometric-test .optionFalse {
  border: 2px solid red;
}

page-psychometric-test .optionTrueforquiz {
  background-color: green;
}

page-psychometric-test .optionFalseforquiz {
  background-color: red;
}

page-psychometric-test .butwidth {
  width: 100%;
  background: none;
}

page-psychometric-test .borderColor {
  border: 2px solid white;
}

page-psychometric-test .card-ios {
  background: none;
}

page-psychometric-test a[disabled], page-psychometric-test button[disabled], page-psychometric-test [ion-button][disabled] {
  cursor: default;
  opacity: .8;
  pointer-events: none;
}

page-psychometric-test .round-class-css-quiz {
  border-radius: 50%;
  height: 79px;
  width: 79px;
  margin-left: 39%;
  border: 2px solid white;
  margin-top: 7%;
}

page-psychometric-test .round-class-css-rp {
  border-radius: 50%;
  height: 59px;
  width: 59px;
  margin-right: 2%;
  float: right;
  border: 2px solid white;
  margin-top: 1%;
}

page-psychometric-test .ticker {
  margin-top: 26%;
  font-size: 27px;
  color: white;
}

page-psychometric-test .tickerrp {
  font-size: 27px;
  color: white;
  margin: 0px;
  line-height: 53px;
  text-align: center;
}

page-psychometric-test ion-slides {
  height: initial;
}

page-psychometric-test ion-icon {
  font-size: 2.2em;
}

page-psychometric-test .circle {
  width: 80px;
  margin: 0 auto;
  height: 80px;
  border-radius: 50%;
}

page-psychometric-test .timer-g {
  color: green;
}

page-psychometric-test .letter {
  padding-left: 32%;
  padding-top: 35%;
  font-size: 45px !important;
}

page-psychometric-test .button {
  white-space: normal !important;
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) {
  page-psychometric-test .round-class-css-quiz {
    border-radius: 50%;
    height: 79px;
    width: 79px;
    margin-left: 45%;
    border: 2px solid white;
    margin-top: 7%;
  }
  page-psychometric-test .resultPshycho {
    padding: 0 10%;
    margin-top: 42px;
  }
  page-psychometric-test ion-icon {
    font-size: 2.2em;
  }
  page-psychometric-test .round-class-css-rp {
    border-radius: 50%;
    height: 59px;
    width: 59px;
    margin-left: 89%;
    border: 2px solid white;
    margin-top: 2%;
  }
}

@media only screen and (min-width: 769px) {
  page-psychometric-test .resultPshycho {
    padding: 0 10%;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  page-psychometric-test .analy {
    background-color: rgba(255, 255, 255, 0.5);
    width: 65%;
    padding: 25px;
    margin: 0 auto;
  }
  page-psychometric-test ion-col {
    width: 100% !important;
  }
  page-psychometric-test .circle {
    width: 80px;
    margin: 0 auto;
    height: 80px;
    border-radius: 50%;
  }
  page-psychometric-test .letter {
    padding-left: 32%;
    padding-top: 20%;
    font-size: 44px;
  }
}

page-question-bank .globalTable {
  min-width: 505px;
}

page-question-bank .rightCard {
  height: 100%;
  min-width: 200px;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

page-question-bank .customfabIcon button.customfabIcon.fab.fab-md.fab-md-vibrant {
  width: 55px !important;
  height: 55px !important;
}

page-question-bank .ui-dropdown .ui-dropdown-panel {
  z-index: 1017 !important;
  top: -102px !important;
  left: 0px !important;
  opacity: 1 !important;
}

page-quick-menu .quickmenu {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 50px;
}

page-quick-menu .pointer {
  color: #403d3c;
  margin-left: 20px;
}

page-quick-menu .pointer:hover {
  background-color: #EAEDF7;
  margin-left: 20px;
}

page-quick-menu .menu-header {
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  background-color: #EAEDF7;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  text-align: center;
  top: 0 !important;
  position: -webkit-sticky !important;
  position: sticky !important;
}

page-quick-menu .menu-body {
  background-color: white;
  border-radius: 50px;
  overflow-y: scroll;
  height: 60%;
}

page-quick-menu .menu-heading {
  margin: auto;
}

page-quick-menu .scroll-content {
  overflow: hidden;
}

page-quiz-result {
  font-family: "Open Sans";
  /* ANIMATION */
  /* SHADOWS */
  /*
 *
 *   MaterialWrap - Bootstrap + Material Design Admin Theme

 
*/
  /*
 * CSS Transform - Scale and Rotate
 */
  /* The Modal (background) */
  /* Modal Content (image) */
  /* The Close Button */
  /*!
 * FullCalendar v3.2.0 Stylesheet
 * Docs & License: https://fullcalendar.io/
 * (c) 2017 Adam Shaw
 */
  /* Colors
--------------------------------------------------------------------------------------------------*/
  /* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
  /*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
  /* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
  /* Firefox has an annoying inner border */
  /* icons in buttons */
  /*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
  /* Buttons Groups
--------------------------------------------------------------------------------------------------*/
  /*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
  /* Popover
--------------------------------------------------------------------------------------------------*/
  /* unthemed */
  /* jqui themed */
  /* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
  /* Tables
--------------------------------------------------------------------------------------------------*/
  /* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
  /* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
  /* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
  /* highlighting cells & background event skeleton */
  /*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
  /* Scrolling Container
--------------------------------------------------------------------------------------------------*/
  /* TODO: move to agenda/basic */
  /* Global Event Styles
--------------------------------------------------------------------------------------------------*/
  /* overpower some of bootstrap's and jqui's styles on <a> tags */
  /* resizer (cursor AND touch devices) */
  /* resizer (touch devices) */
  /* hit area */
  /* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
  /* Horizontal Events
--------------------------------------------------------------------------------------------------*/
  /* bigger touch area when selected */
  /* events that are continuing to/from another week. kill rounded corners and butt up against edge */
  /* resizer (cursor AND touch devices) */
  /* left resizer  */
  /* right resizer */
  /* resizer (mouse devices) */
  /* resizer (touch devices) */
  /* left resizer  */
  /* right resizer */
  /* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* resizer (cursor devices) */
  /* left resizer  */
  /* right resizer */
  /* Event Limiting
--------------------------------------------------------------------------------------------------*/
  /* "more" link that represents hidden events */
  /* popover that appears when "more" link is clicked */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* Utilities
--------------------------------------------------------------------------------------------------*/
  /* Toolbar
--------------------------------------------------------------------------------------------------*/
  /* the things within each left/right/center section */
  /* the first thing within each left/center/right section */
  /* title text */
  /* button layering (for border precedence) */
  /* View Structure
--------------------------------------------------------------------------------------------------*/
  /* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
  /* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
  /* BasicView
--------------------------------------------------------------------------------------------------*/
  /* day row structure */
  /* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
  /* week and day number styling */
  /* when week/day number have own column */
  /* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
  /* divs within a cell within the fc-content-skeleton */
  /* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
  /* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* short mode, where time and title are on the same line */
  /* resizer (cursor device) */
  /* resizer (touch device) */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* arrow on axis */
  /* List View
--------------------------------------------------------------------------------------------------*/
  /* possibly reusable */
  /* view wrapper */
  /* table resets */
  /* day headings with the list */
  /* event list items */
  /* make the dot closer to the event title */
  /* message when no events */
}

page-quiz-result .letter-sp-1 {
  letter-spacing: 1px;
}

page-quiz-result .letter-sp-2 {
  letter-spacing: 2px;
}

page-quiz-result .letter-sp-3 {
  letter-spacing: 3px;
}

page-quiz-result .m-0 {
  margin: 0 !important;
}

page-quiz-result .m-5 {
  margin: 5px !important;
}

page-quiz-result .m-10 {
  margin: 10px !important;
}

page-quiz-result .m-15 {
  margin: 15px !important;
}

page-quiz-result .m-20 {
  margin: 20px !important;
}

page-quiz-result .m-30 {
  margin: 30px !important;
}

page-quiz-result .m-50 {
  margin: 50px !important;
}

page-quiz-result .m-b-100 {
  margin-bottom: 100px !important;
}

page-quiz-result .m-b-15 {
  margin-bottom: 15px !important;
}

page-quiz-result .m-b-20 {
  margin-bottom: 20px !important;
}

page-quiz-result .m-b-0 {
  margin-bottom: 0 !important;
}

page-quiz-result .m-l-0 {
  margin-left: 0 !important;
}

page-quiz-result .m-l-5 {
  margin-left: 5px !important;
}

page-quiz-result .m-l-10 {
  margin-left: 10px !important;
}

page-quiz-result .m-l-15 {
  margin-left: 15px !important;
}

page-quiz-result .m-l-20 {
  margin-left: 20px !important;
}

page-quiz-result .m-l-30 {
  margin-left: 30px !important;
}

page-quiz-result .m-l-40 {
  margin-left: 40px !important;
}

page-quiz-result .m-l-50 {
  margin-left: 50px !important;
}

page-quiz-result .m-l-n-1 {
  margin-left: -1px !important;
}

page-quiz-result .m-l-n-5 {
  margin-left: -5px !important;
}

page-quiz-result .m-l-n-10 {
  margin-left: -10px !important;
}

page-quiz-result .m-l-n-15 {
  margin-left: -15px !important;
}

page-quiz-result .m-l-n-20 {
  margin-left: -20px !important;
}

page-quiz-result .m-l-n-30 {
  margin-left: -30px !important;
}

page-quiz-result .m-l-n-40 {
  margin-left: -40px !important;
}

page-quiz-result .m-l-n-50 {
  margin-left: -50px !important;
}

page-quiz-result .m-t-0 {
  margin-top: 0 !important;
}

page-quiz-result .m-t-1 {
  margin-top: 1px !important;
}

page-quiz-result .m-t-2 {
  margin-top: 2px;
}

page-quiz-result .m-t-2p {
  margin-top: 2% !important;
}

page-quiz-result .m-t-5p {
  margin-top: 5% !important;
}

page-quiz-result .m-t-25p {
  margin-top: 25% !important;
}

page-quiz-result .m-t-30p {
  margin-top: 30% !important;
}

page-quiz-result .m-t-4 {
  margin-top: 4px !important;
}

page-quiz-result .m-t-5 {
  margin-top: 5px !important;
}

page-quiz-result .m-t-5p {
  margin-top: 5% !important;
}

page-quiz-result .m-t-10 {
  margin-top: 10px !important;
}

page-quiz-result .m-t-15 {
  margin-top: 15px !important;
}

page-quiz-result .m-t-20 {
  margin-top: 20px !important;
}

page-quiz-result .m-t-30 {
  margin-top: 30px !important;
}

page-quiz-result .m-t-40 {
  margin-top: 40px !important;
}

page-quiz-result .m-t-50 {
  margin-top: 50px !important;
}

page-quiz-result .m-t-75 {
  margin-top: 75px !important;
}

page-quiz-result .m-t-100 {
  margin-top: 100px !important;
}

page-quiz-result .m-t-120 {
  margin-top: 120px !important;
}

page-quiz-result .m-t-140 {
  margin-top: 140px !important;
}

page-quiz-result .m-t-n-1 {
  margin-top: -1px !important;
}

page-quiz-result .m-t-n-5 {
  margin-top: -5px !important;
}

page-quiz-result .m-t-n-10 {
  margin-top: -10px !important;
}

page-quiz-result .m-t-n-15 {
  margin-top: -15px !important;
}

page-quiz-result .m-t-n-20 {
  margin-top: -20px !important;
}

page-quiz-result .m-t-n-30 {
  margin-top: -30px !important;
}

page-quiz-result .m-t-n-40 {
  margin-top: -40px !important;
}

page-quiz-result .m-t-n-50 {
  margin-top: -50px !important;
}

page-quiz-result .m-r-0 {
  margin-right: 0 !important;
}

page-quiz-result .m-r-1 {
  margin-right: 1px !important;
}

page-quiz-result .m-r-5 {
  margin-right: 5px !important;
}

page-quiz-result .m-r-10 {
  margin-right: 10px !important;
}

page-quiz-result .m-r-15 {
  margin-right: 15px !important;
}

page-quiz-result .m-r-20 {
  margin-right: 20px !important;
}

page-quiz-result .m-r-30 {
  margin-right: 30px !important;
}

page-quiz-result .m-r-40 {
  margin-right: 40px !important;
}

page-quiz-result .m-r-50 {
  margin-right: 50px !important;
}

page-quiz-result .m-r-n-1 {
  margin-right: -1px !important;
}

page-quiz-result .m-r-n-5 {
  margin-right: -5px !important;
}

page-quiz-result .m-r-n-10 {
  margin-right: -10px !important;
}

page-quiz-result .m-r-n-15 {
  margin-right: -15px !important;
}

page-quiz-result .m-r-n-20 {
  margin-right: -20px !important;
}

page-quiz-result .m-r-n-30 {
  margin-right: -30px !important;
}

page-quiz-result .m-r-n-40 {
  margin-right: -40px !important;
}

page-quiz-result .m-r-n-50 {
  margin-right: -50px !important;
}

page-quiz-result .m-b-0 {
  margin-bottom: 0 !important;
}

page-quiz-result .m-b-1 {
  margin-bottom: 1px !important;
}

page-quiz-result .m-b-4 {
  margin-bottom: 4px !important;
}

page-quiz-result .m-b-5 {
  margin-bottom: 5px !important;
}

page-quiz-result .m-b-10 {
  margin-bottom: 10px !important;
}

page-quiz-result .m-b-15 {
  margin-bottom: 15px !important;
}

page-quiz-result .m-b-20 {
  margin-bottom: 20px !important;
}

page-quiz-result .m-b-30 {
  margin-bottom: 30px !important;
}

page-quiz-result .m-b-40 {
  margin-bottom: 40px !important;
}

page-quiz-result .m-b-50 {
  margin-bottom: 50px !important;
}

page-quiz-result .m-b-n-1 {
  margin-bottom: -1px !important;
}

page-quiz-result .m-b-n-5 {
  margin-bottom: -5px !important;
}

page-quiz-result .m-b-n-10 {
  margin-bottom: -10px !important;
}

page-quiz-result .m-b-n-15 {
  margin-bottom: -15px !important;
}

page-quiz-result .m-b-n-20 {
  margin-bottom: -20px !important;
}

page-quiz-result .m-b-n-30 {
  margin-bottom: -30px !important;
}

page-quiz-result .m-b-n-40 {
  margin-bottom: -40px !important;
}

page-quiz-result .m-b-n-50 {
  margin-bottom: -50px !important;
}

page-quiz-result .p-0 {
  padding: 0 !important;
}

page-quiz-result .p-5 {
  padding: 5px !important;
}

page-quiz-result .p-10 {
  padding: 10px !important;
}

page-quiz-result .p-15 {
  padding: 15px !important;
}

page-quiz-result .p-20 {
  padding: 20px !important;
}

page-quiz-result .p-25 {
  padding: 25px !important;
}

page-quiz-result .p-30 {
  padding: 30px !important;
}

page-quiz-result .p-40 {
  padding: 40px !important;
}

page-quiz-result .p-50 {
  padding: 50px !important;
}

page-quiz-result .p-75 {
  padding: 75px !important;
}

page-quiz-result .p-100 {
  padding: 100px !important;
}

page-quiz-result .p-lr {
  padding: 0px 4% 0px 4%;
}

page-quiz-result .p-l-0 {
  padding-left: 0 !important;
}

page-quiz-result .p-l-5 {
  padding-left: 5px !important;
}

page-quiz-result .p-l-10 {
  padding-left: 10px !important;
}

page-quiz-result .p-l-12 {
  padding-left: 12px !important;
}

page-quiz-result .p-l-15 {
  padding-left: 15px !important;
}

page-quiz-result .p-l-16 {
  padding-left: 16px !important;
}

page-quiz-result .p-l-20 {
  padding-left: 20px !important;
}

page-quiz-result .p-l-25 {
  padding-left: 25px !important;
}

page-quiz-result .p-l-30 {
  padding-left: 30px !important;
}

page-quiz-result .p-l-40 {
  padding-left: 40px !important;
}

page-quiz-result .p-l-50 {
  padding-left: 50px !important;
}

page-quiz-result .p-l-75 {
  padding-left: 75px !important;
}

page-quiz-result .p-l-100 {
  padding-left: 100px !important;
}

page-quiz-result .p-r-0 {
  padding-right: 0 !important;
}

page-quiz-result .p-r-5 {
  padding-right: 5px !important;
}

page-quiz-result .p-r-10 {
  padding-right: 10px !important;
}

page-quiz-result .p-r-12 {
  padding-right: 12px !important;
}

page-quiz-result .p-r-15 {
  padding-right: 15px !important;
}

page-quiz-result .p-r-20 {
  padding-right: 20px !important;
}

page-quiz-result .p-r-25 {
  padding-right: 25px !important;
}

page-quiz-result .p-r-30 {
  padding-right: 30px !important;
}

page-quiz-result .p-r-40 {
  padding-right: 40px !important;
}

page-quiz-result .p-r-50 {
  padding-right: 50px !important;
}

page-quiz-result .p-r-75 {
  padding-right: 75px !important;
}

page-quiz-result .p-r-100 {
  padding-right: 100px !important;
}

page-quiz-result .p-b-0 {
  padding-bottom: 0 !important;
}

page-quiz-result .p-b-5 {
  padding-bottom: 5px !important;
}

page-quiz-result .p-b-10 {
  padding-bottom: 10px !important;
}

page-quiz-result .p-b-15 {
  padding-bottom: 15px !important;
}

page-quiz-result .p-b-16 {
  padding-bottom: 16px !important;
}

page-quiz-result .p-b-20 {
  padding-bottom: 20px !important;
}

page-quiz-result .p-b-25 {
  padding-bottom: 25px !important;
}

page-quiz-result .p-b-30 {
  padding-bottom: 30px !important;
}

page-quiz-result .p-b-40 {
  padding-bottom: 40px !important;
}

page-quiz-result .p-b-50 {
  padding-bottom: 50px !important;
}

page-quiz-result .p-b-60 {
  padding-bottom: 60px !important;
}

page-quiz-result .p-b-70 {
  padding-bottom: 70px !important;
}

page-quiz-result .p-b-80 {
  padding-bottom: 80px !important;
}

page-quiz-result .p-b-90 {
  padding-bottom: 90px !important;
}

page-quiz-result .p-b-100 {
  padding-bottom: 100px !important;
}

page-quiz-result .p-t-0 {
  padding-top: 0 !important;
}

page-quiz-result .p-t-5 {
  padding-top: 5px !important;
}

page-quiz-result .p-t-7 {
  padding-top: 7px !important;
}

page-quiz-result .p-t-10 {
  padding-top: 10px !important;
}

page-quiz-result .p-t-15 {
  padding-top: 15px !important;
}

page-quiz-result .p-t-16 {
  padding-top: 16px !important;
}

page-quiz-result .p-t-20 {
  padding-top: 20px !important;
}

page-quiz-result .p-t-25 {
  padding-top: 25px !important;
}

page-quiz-result .p-t-30 {
  padding-top: 30px !important;
}

page-quiz-result .p-t-40 {
  padding-top: 40px !important;
}

page-quiz-result .p-t-50 {
  padding-top: 50px !important;
}

page-quiz-result .p-t-75 {
  padding-top: 75px !important;
}

page-quiz-result .p-t-100 {
  padding-top: 100px !important;
}

page-quiz-result .p-t-120 {
  padding-top: 120px !important;
}

page-quiz-result .p-t-130 {
  padding-top: 130px !important;
}

page-quiz-result .p-t-140 {
  padding-top: 140px !important;
}

page-quiz-result .p-t-150 {
  padding-top: 150px !important;
}

page-quiz-result .block {
  display: block !important;
}

page-quiz-result .img-xs {
  width: 30px;
  height: 30px;
}

page-quiz-result .img-sm {
  width: 35px;
  height: 35px;
}

page-quiz-result .img-md {
  width: 55px;
  height: 55px;
}

page-quiz-result .img-lg {
  width: 100px;
  height: 100px;
}

page-quiz-result .min-w-800 {
  min-width: 800px !important;
}

page-quiz-result .min-w-1000 {
  min-width: 1000px !important;
}

page-quiz-result .min-w-1100 {
  min-width: 1100px !important;
}

page-quiz-result .max-w-20 {
  max-width: 20px !important;
}

page-quiz-result .max-w-30 {
  max-width: 30px !important;
}

page-quiz-result .max-w-32 {
  max-width: 35px !important;
}

page-quiz-result .max-w-35 {
  max-width: 35px !important;
}

page-quiz-result .max-w-40 {
  max-width: 40px !important;
}

page-quiz-result .max-w-50 {
  max-width: 50px !important;
}

page-quiz-result .max-w-75 {
  max-width: 75px !important;
}

page-quiz-result .max-w-100 {
  max-width: 100px !important;
}

page-quiz-result .max-w-150 {
  max-width: 150px !important;
}

page-quiz-result .max-w-200 {
  max-width: 200px !important;
}

page-quiz-result .max-w-300 {
  max-width: 300px !important;
}

page-quiz-result .max-w-400 {
  max-width: 400px !important;
}

page-quiz-result .overflow-hidden {
  overflow: hidden;
}

page-quiz-result .overflow-auto {
  overflow: auto;
}

page-quiz-result .max-h-50 {
  max-height: 50px !important;
}

page-quiz-result .max-h-80 {
  max-height: 80px !important;
}

page-quiz-result .max-h-100 {
  max-height: 100px !important;
}

page-quiz-result .max-h-150 {
  max-height: 150px !important;
}

page-quiz-result .max-h-200 {
  max-height: 200px !important;
}

page-quiz-result .max-h-250 {
  max-height: 250px !important;
}

page-quiz-result .max-h-300 {
  max-height: 300px !important;
}

page-quiz-result .max-h-350 {
  max-height: 300px !important;
}

page-quiz-result .max-h-375 {
  max-height: 300px !important;
}

page-quiz-result .max-h-400 {
  max-height: 400px !important;
}

page-quiz-result .max-h-450 {
  max-height: 450px !important;
}

page-quiz-result .max-h-500 {
  max-height: 500px !important;
}

page-quiz-result .max-h-600 {
  max-height: 600px !important;
}

page-quiz-result .max-h-650 {
  max-height: 650px !important;
}

page-quiz-result .max-h-700 {
  max-height: 700px !important;
}

page-quiz-result .max-h-800 {
  max-height: 800px !important;
}

page-quiz-result .max-h-900 {
  max-height: 900px !important;
}

page-quiz-result .max-h-1000 {
  max-height: 1000px !important;
}

page-quiz-result .min-h-0 {
  min-height: 0 !important;
}

page-quiz-result .min-h-50 {
  min-height: 50px !important;
}

page-quiz-result .min-h-100 {
  min-height: 100px !important;
}

page-quiz-result .min-h-200 {
  min-height: 200px !important;
}

page-quiz-result .min-h-250 {
  min-height: 250px !important;
}

page-quiz-result .min-h-300 {
  min-height: 300px !important;
}

page-quiz-result .min-h-350 {
  min-height: 300px !important;
}

page-quiz-result .min-h-375 {
  min-height: 300px !important;
}

page-quiz-result .min-h-400 {
  min-height: 400px !important;
}

page-quiz-result .min-h-450 {
  min-height: 450px !important;
}

page-quiz-result .min-h-500 {
  min-height: 500px !important;
}

page-quiz-result .min-h-600 {
  min-height: 600px !important;
}

page-quiz-result .min-h-650 {
  min-height: 650px !important;
}

page-quiz-result .min-h-700 {
  min-height: 700px !important;
}

page-quiz-result .min-h-800 {
  min-height: 800px !important;
}

page-quiz-result .min-h-900 {
  min-height: 900px !important;
}

page-quiz-result .min-h-1000 {
  min-height: 1000px !important;
}

page-quiz-result .h-5 {
  height: 5px !important;
}

page-quiz-result .h-10 {
  height: 10px !important;
}

page-quiz-result .h-20 {
  height: 20px !important;
}

page-quiz-result .h-25 {
  height: 25px !important;
}

page-quiz-result .h-50 {
  height: 50px !important;
}

page-quiz-result .h-75 {
  height: 75px !important;
}

page-quiz-result .h-100 {
  height: 100px !important;
}

page-quiz-result .h-125 {
  height: 125px !important;
}

page-quiz-result .h-150 {
  height: 150px !important;
}

page-quiz-result .h-200 {
  height: 200px !important;
}

page-quiz-result .h-300 {
  height: 300px !important;
}

page-quiz-result .h-350 {
  height: 350px !important;
}

page-quiz-result .h-400 {
  height: 400px !important;
}

page-quiz-result .h-450 {
  height: 450px !important;
}

page-quiz-result .h-500 {
  height: 500px !important;
}

page-quiz-result .h-600 {
  height: 600px !important;
}

page-quiz-result .h-650 {
  height: 650px !important;
}

page-quiz-result .h-700 {
  height: 700px !important;
}

page-quiz-result .h-800 {
  height: 800px !important;
}

page-quiz-result .h-900 {
  height: 900px !important;
}

page-quiz-result .h-1000 {
  height: 1000px !important;
}

page-quiz-result .w-5 {
  width: 5px !important;
}

page-quiz-result .w-10 {
  width: 10px !important;
}

page-quiz-result .w-15 {
  width: 15px !important;
}

page-quiz-result .w-20 {
  width: 20px !important;
}

page-quiz-result .w-30 {
  width: 30px !important;
}

page-quiz-result .w-40 {
  width: 40px !important;
}

page-quiz-result .w-50 {
  width: 50px !important;
}

page-quiz-result .w-60 {
  width: 60px !important;
}

page-quiz-result .w-80 {
  width: 80px !important;
}

page-quiz-result .w-100 {
  width: 100px !important;
}

page-quiz-result .w-150 {
  width: 150px !important;
}

page-quiz-result .w-190 {
  width: 190px !important;
}

page-quiz-result .w-200 {
  width: 200px !important;
}

page-quiz-result .w-250 {
  width: 250px !important;
}

page-quiz-result .w-300 {
  width: 300px !important;
}

page-quiz-result .w-600 {
  width: 600px !important;
}

page-quiz-result .w-100p {
  width: 100% !important;
}

page-quiz-result .w-95p {
  width: 95% !important;
}

page-quiz-result .w-90p {
  width: 90% !important;
}

page-quiz-result .w-80p {
  width: 80% !important;
}

page-quiz-result .w-70p {
  width: 70% !important;
}

page-quiz-result .w-60p {
  width: 60% !important;
}

page-quiz-result .w-50p {
  width: 50% !important;
}

page-quiz-result .w-45p {
  width: 45% !important;
}

page-quiz-result .w-40p {
  width: 40% !important;
}

page-quiz-result .w-30p {
  width: 30% !important;
}

page-quiz-result .w-25p {
  width: 25% !important;
}

page-quiz-result .w-20p {
  width: 20% !important;
}

page-quiz-result .w-15p {
  width: 15% !important;
}

page-quiz-result .w-10p {
  width: 10% !important;
}

page-quiz-result .w-8p {
  width: 8% !important;
}

page-quiz-result .w-5p {
  width: 5% !important;
}

page-quiz-result .w-3p {
  width: 3% !important;
}

page-quiz-result .w-95p {
  width: 95% !important;
}

page-quiz-result .h-100p {
  height: 100% !important;
}

page-quiz-result .h-80p {
  height: 80% !important;
}

page-quiz-result .absolute {
  position: absolute !important;
}

page-quiz-result .relative {
  position: relative !important;
}

page-quiz-result .block {
  display: block !important;
}

page-quiz-result .inline-block {
  display: inline-block !important;
}

page-quiz-result .list-block li {
  display: block !important;
}

page-quiz-result .list-inline li {
  display: inline !important;
}

page-quiz-result .clear-both {
  clear: both !important;
}

page-quiz-result .line-height-normal {
  line-height: normal !important;
}

page-quiz-result .line-height-8 {
  line-height: 8px !important;
}

page-quiz-result .line-height-14 {
  line-height: 14px !important;
}

page-quiz-result .line-height-12 {
  line-height: normal !important;
}

page-quiz-result ul.style-none {
  margin: 0;
  padding: 0;
  list-style: none;
}

page-quiz-result ul.style-none li {
  font-size: 0.875rem;
  padding: 3px 0;
}

page-quiz-result ul.style-none li ul {
  list-style: none;
}

page-quiz-result ul.vertical-icon-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

page-quiz-result ul.vertical-icon-list li {
  font-size: 0.875rem;
  padding: 6px 0;
}

page-quiz-result ul.vertical-icon-list li i {
  font-size: 1.25rem;
  padding-right: 15px;
  vertical-align: middle;
}

page-quiz-result .bg-white {
  background: #ffffff !important;
}

page-quiz-result .bg-green {
  background: #28bebd !important;
}

page-quiz-result .bg-blue {
  background: #42a5f5 !important;
}

page-quiz-result .bg-lightBlue {
  background: #2ebaee !important;
}

page-quiz-result .bg-red {
  background: #ef5350 !important;
}

page-quiz-result .bg-yellow {
  background: #f8c200 !important;
}

page-quiz-result .bg-paleYellow {
  background: #fddd7e !important;
}

page-quiz-result .bg-lightGray {
  background: #e3ecf7 !important;
}

page-quiz-result .bg-gray {
  background: #8f9eb5 !important;
}

page-quiz-result .bg-drakGray {
  background: #707c94 !important;
}

page-quiz-result .bg-grayBlue {
  background: #59779b !important;
}

page-quiz-result .bg-purple {
  background: #6b79c4 !important;
}

page-quiz-result .bg-turquoise {
  background: #00c5dc !important;
}

page-quiz-result .bg-peach {
  background: #feb38d !important;
}

page-quiz-result .bg-transparent {
  background: transparent !important;
}

page-quiz-result .text-primary {
  color: #172B4D !important;
}

page-quiz-result .text-link {
  color: #0645ad !important;
}

page-quiz-result .text-green {
  color: #28bebd !important;
}

page-quiz-result .text-turquoise {
  color: #00c5dc !important;
}

page-quiz-result .text-red {
  color: #ef5350 !important;
}

page-quiz-result .text-cyan {
  color: #26c6da !important;
}

page-quiz-result .text-yellow {
  color: #f8c200 !important;
}

page-quiz-result .text-gray {
  color: #8f9eb5 !important;
}

page-quiz-result .text-blue {
  color: #42a5f5 !important;
}

page-quiz-result .text-orange {
  color: #ffb74d !important;
}

page-quiz-result .text-purple {
  color: #6b79c4 !important;
}

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

page-quiz-result .text-brown {
  color: #906b6b !important;
}

page-quiz-result .text-salmon {
  color: #ee6e73 !important;
}

page-quiz-result .text-muted {
  color: #8396b0;
}

page-quiz-result .color-black {
  color: #000 !important;
}

page-quiz-result .color-white {
  color: #fff !important;
}

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

page-quiz-result .transparent {
  background: transparent !important;
}

page-quiz-result .bg-primary {
  background-color: #172B4D !important;
}

page-quiz-result .border-bottom,
page-quiz-result .border-grey-bottom-1px {
  border-bottom: 1px solid rgba(215, 225, 237, 0.8) !important;
}

page-quiz-result .border-grey-top-1px,
page-quiz-result .border-top {
  border-top: 1px solid rgba(215, 225, 237, 0.6) !important;
}

page-quiz-result .border-bottom-black-2px {
  border-bottom: 2px solid black;
}

page-quiz-result .border-top0p {
  border-top: 0px !important;
}

page-quiz-result .b-n {
  border: none !important;
}

page-quiz-result .b-b-1 {
  border: 1px solid black;
}

page-quiz-result .b-lg-1 {
  border: 1px solid lightgrey;
}

page-quiz-result .shadow-none {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

page-quiz-result .shadow-z-0 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-quiz-result .shadow-z-1 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-quiz-result .shadow-z-1:hover {
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

page-quiz-result .shadow-z-2 {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

page-quiz-result .shadow-z-3 {
  -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

page-quiz-result .shadow-z-4 {
  -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}

page-quiz-result .shadow-z-5 {
  -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}

page-quiz-result .big-shadow {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
}

page-quiz-result .shadow-2dp {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

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

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

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

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

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

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

page-quiz-result .font-weight-100 {
  font-weight: 100 !important;
}

page-quiz-result .font-weight-200 {
  font-weight: 200 !important;
}

page-quiz-result .font-weight-300 {
  font-weight: 300 !important;
}

page-quiz-result .font-weight-400 {
  font-weight: 400 !important;
}

page-quiz-result .font-weight-500 {
  font-weight: 500 !important;
}

page-quiz-result .font-weight-600 {
  font-weight: 600 !important;
}

page-quiz-result .font-weight-700 {
  font-weight: 700 !important;
}

page-quiz-result .font-weight-800 {
  font-weight: 800 !important;
}

page-quiz-result .font-weight-900 {
  font-weight: 900 !important;
}

page-quiz-result .font-weight-light {
  font-weight: 100 !important;
}

page-quiz-result .font-weight-normal {
  font-weight: 300 !important;
}

page-quiz-result .font-weight-medium {
  font-weight: 400 !important;
}

page-quiz-result .font-weight-bold {
  font-weight: 500 !important;
}

page-quiz-result .bold {
  font-weight: bold !important;
}

page-quiz-result .font-size-0 {
  font-size: 0 !important;
}

page-quiz-result .font-size-10 {
  font-size: 10px !important;
}

page-quiz-result .font-size-11 {
  font-size: 11px !important;
}

page-quiz-result .font-size-12 {
  font-size: 12px !important;
}

page-quiz-result .font-size-14 {
  font-size: 14px !important;
}

page-quiz-result .font-size-16 {
  font-size: 16px !important;
}

page-quiz-result .font-size-18 {
  font-size: 18px !important;
}

page-quiz-result .font-size-20 {
  font-size: 20px !important;
}

page-quiz-result .font-size-24 {
  font-size: 24px !important;
}

page-quiz-result .font-size-26 {
  font-size: 26px !important;
}

page-quiz-result .font-size-30 {
  font-size: 30px !important;
}

page-quiz-result .font-size-35 {
  font-size: 35px !important;
}

page-quiz-result .font-size-38 {
  font-size: 38px !important;
}

page-quiz-result .font-size-40 {
  font-size: 40px !important;
}

page-quiz-result .font-size-50 {
  font-size: 50px !important;
}

page-quiz-result .font-size-60 {
  font-size: 60px !important;
}

page-quiz-result .font-size-70 {
  font-size: 70px !important;
}

page-quiz-result .font-size-80 {
  font-size: 80px !important;
}

page-quiz-result .hidden {
  display: none !important;
}

page-quiz-result .w-100p {
  width: 100% !important;
}

page-quiz-result .float-r {
  float: right !important;
}

page-quiz-result .float-l {
  float: left !important;
}

page-quiz-result .align-c {
  display: block;
  margin: 0 auto;
}

page-quiz-result .align-b {
  display: block;
}

page-quiz-result .text-center {
  text-align: center !important;
}

page-quiz-result .text-left {
  text-align: left !important;
}

page-quiz-result .text-right {
  text-align: right !important;
}

page-quiz-result .align-v-c {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-quiz-result .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-quiz-result .align-v-c1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-quiz-result .align-v-c2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-quiz-result .align-v-c3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-quiz-result .align-v-c4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-quiz-result .align-flex-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-quiz-result .align-right-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

page-quiz-result .align-start-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media (max-width: 576px) {
  page-quiz-result .d-xs-none {
    display: none !important;
  }
  page-quiz-result .d-xs-inline {
    display: inline !important;
  }
  page-quiz-result .d-xs-inline-block {
    display: inline-block !important;
  }
  page-quiz-result .d-xs-block {
    display: block !important;
  }
  page-quiz-result .d-xs-table {
    display: table !important;
  }
  page-quiz-result .d-xs-table-cell {
    display: table-cell !important;
  }
  page-quiz-result .d-xs-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
  }
  page-quiz-result .d-xs-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important;
  }
}

page-quiz-result .b-r-gd {
  border-radius: 10px !important;
}

page-quiz-result .b-r-10 {
  border-radius: 10px !important;
}

page-quiz-result .b-r-5 {
  border-radius: 5px;
}

page-quiz-result .d-fl-ov-x {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  overflow-x: auto !important;
}

page-quiz-result .align-base {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-quiz-result .d-fl-bl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-quiz-result .d-fl-vhcenter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-quiz-result .d-fl-b2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
}

page-quiz-result .d-fl-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-quiz-result .d-fl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-quiz-result .d-fl-sb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-quiz-result .d-fl-saround {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-quiz-result .d-fl-ac {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-quiz-result .text-capital {
  text-transform: capitalize !important;
}

page-quiz-result .text-upper {
  text-transform: uppercase !important;
}

page-quiz-result .m-a {
  margin: auto !important;
}

page-quiz-result .m-l-a {
  margin-left: auto !important;
}

page-quiz-result .m-r-a {
  margin-right: auto !important;
}

page-quiz-result .italic {
  font-style: italic;
}

page-quiz-result .pointer {
  cursor: pointer;
}

page-quiz-result .ws-in {
  white-space: inherit;
}

page-quiz-result .opacity-1 {
  opacity: 1;
}

page-quiz-result .in-valid-checkbox {
  border: 1px solid #ff0000 !important;
  padding: 5px !important;
  margin-bottom: 10px;
  border-radius: 5px;
}

page-quiz-result page-corp-dashboard .mycustomdrop:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
  top: -15px;
  position: absolute;
  right: 15%;
}

page-quiz-result h1 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1.6875rem !important;
  line-height: 64px;
  letter-spacing: -0.4px;
}

page-quiz-result h2 {
  font-family: "Poppins", sans-serif;
  font-size: 24px !important;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
}

page-quiz-result h3,
page-quiz-result .h3 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 22px !important;
  line-height: 48px;
  /* identical to box height, or 200% */
  /* Neutral / dark gray */
  color: #000000;
}

page-quiz-result h4,
page-quiz-result .menu-heading-h4 {
  font-family: "Poppins", sans-serif !important;
  font-style: normal;
  font-weight: normal;
  font-size: 15px !important;
  line-height: 26px;
  /* or 144% */
  letter-spacing: -0.2px;
  color: #000000;
}

page-quiz-result h5 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  /* or 143% */
  color: #000000;
}

page-quiz-result .subtitle {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  /* or 200% */
  letter-spacing: 2.5px;
  color: #4E5761;
}

page-quiz-result p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 13px !important;
  line-height: 24px;
  /* identical to box height, or 171% */
  letter-spacing: -0.1px;
  /* Neutral / black */
  color: #000000;
}

page-quiz-result .ui-tabview.ui-tabview-top > .ui-tabview-nav {
  padding: 0.2em 0.2em 0;
  border-bottom: 1px solid #eaeaea;
}

page-quiz-result .scroll-content {
  padding: 0 !important;
}

page-quiz-result ion-navbar {
  margin: 0;
  border-radius: 0px;
  height: 50px !important;
  color: #172B4D !important;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-quiz-result ion-header {
  padding: 0;
}

page-quiz-result .header-md::after {
  background-image: none;
}

page-quiz-result .toolbar-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #172B4D !important;
  line-height: 24px;
  font-family: "Poppins", sans-serif;
  font-size: 2rem !important;
  font-weight: bold !important;
  text-align: left !important;
}

page-quiz-result .userLabel {
  float: right;
  display: inline;
  letter-spacing: 1px;
  color: #172B4D !important !important;
}

page-quiz-result .card-title {
  font-size: 16px !important;
  color: #000000;
  font-weight: bold !important;
  text-align: center !important;
}

page-quiz-result .barcolor {
  background: #5a75a3;
  color: #ffffff;
}

page-quiz-result p-sorticon {
  color: black;
}

page-quiz-result p-sorticon a {
  color: black !important;
}

page-quiz-result .globalTable {
  border: none;
  border: 1px solid #c1c1c1;
}

page-quiz-result .globalTable .ui-table-caption {
  border-bottom: 1px solid #dadada !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  font-size: 18px !important;
  background: #ecececad !important;
}

page-quiz-result .globalTable .table-header input {
  font-size: 15px !important;
  border-style: groove;
  width: 100% !important;
  padding-left: 10px;
  border-radius: 10px;
  border-color: #f3f3f3;
  font-weight: 500;
  line-height: 25px !important;
}

page-quiz-result .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-quiz-result .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

page-quiz-result .globalTable .table-header .align input {
  width: 80%;
  line-height: 25px;
}

page-quiz-result .globalTable .ui-table-tbody tr:nth-child(2n+1) {
  background: white;
}

page-quiz-result .globalTable .ui-table-tbody tr:nth-child(2n) {
  background: #f3f3f3;
}

page-quiz-result .globalTable .ui-table-tbody tr:hover {
  background: #c1c1c167 !important;
}

page-quiz-result .globalTable .ui-table-tbody .activeRow {
  background: #c4d2e5 !important;
}

page-quiz-result .globalTable th input {
  text-align: center !important;
  width: 90% !important;
  font-weight: 400 !important;
}

page-quiz-result .globalTable .ui-table .ui-sortable-column.ui-state-highlight {
  color: black !important;
}

page-quiz-result .globalTable .ui-table .ui-table-thead tr th {
  background: #eeeeee9e;
  border: none;
  padding: 10px 0;
  width: 100%;
  text-align: center;
}

page-quiz-result .globalTable .ui-table .ui-table-tbody tr td {
  border: none;
  background: inherit;
  padding: 20px 0;
  text-align: center;
}

page-quiz-result .globalTable .ui-table .ui-table-tbody tr {
  border-bottom: 1px solid #cacaca;
}

page-quiz-result .globalTable .p-column-filter {
  border-radius: 4px;
  border: 1px solid gray;
}

page-quiz-result .globalTable .badge-badge.status-Active {
  padding: 5px 20px;
  color: #226f4e;
  background-color: #9decbe;
  font-weight: 500;
  font-size: 12px;
}

page-quiz-result .globalTable .badge-badge.status-Inactive {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

page-quiz-result .globalTable .badge-badge.status-Suspended {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

page-quiz-result .globalTable .badge-badge.status-Waiting {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

page-quiz-result .globalTable .badge-badge.status-Pending {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

page-quiz-result .globalTable .actionIcon {
  padding: 0 3px;
  font-size: 16px;
  cursor: pointer;
}

page-quiz-result ion-icon {
  cursor: pointer;
}

page-quiz-result .button-md-reset {
  background-color: #ffffff;
  color: black !important;
  border: 1px solid #e3ecf7;
}

page-quiz-result .button-md-reset:hover {
  background-color: #ececec !important;
}

page-quiz-result .reset:hover {
  background-color: #ececec !important;
}

page-quiz-result .button-md-primary {
  background-color: #172B4D !important;
  color: #ffffff !important;
}

page-quiz-result ion-button {
  background-color: #172B4D !important;
  color: #ffffff;
}

page-quiz-result .my-custom-class .alert-button-group button:first-child {
  position: relative;
}

page-quiz-result .my-custom-class .alert-button-group button {
  font-weight: bold;
}

page-quiz-result .my-custom-class .alert-radio-group {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100% !important;
}

page-quiz-result .my-custom-class button {
  text-align: center;
}

page-quiz-result .alert-button-group button:first-child {
  position: relative !important;
  min-width: 0 !important;
}

page-quiz-result .alert-md .alert-wrapper {
  max-width: 320px !important;
}

page-quiz-result .alert-md .alert-message {
  font-size: 16px !important;
}

page-quiz-result .alert-button {
  font-size: 15px !important;
}

page-quiz-result .alert-md .alert-sub-title {
  font-size: 16px !important;
}

page-quiz-result .alert-md .alert-title {
  font-size: 22px !important;
}

page-quiz-result .breakclass {
  white-space: pre-line;
}

page-quiz-result .error {
  color: red;
  float: left;
}

page-quiz-result .topStrip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}

page-quiz-result .infographic1 {
  border: none;
  color: #367ad2;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-quiz-result .infographic1 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-quiz-result .infographic1 ion-icon {
  color: black;
}

page-quiz-result .infographic2 {
  border: none;
  color: #50d29b;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-quiz-result .infographic2 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-quiz-result .infographic2 ion-icon {
  color: black;
}

page-quiz-result .infographic3 {
  border: none;
  color: #ffaa00;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-quiz-result .infographic3 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-quiz-result .infographic3 ion-icon {
  color: black;
}

page-quiz-result .infographic4 {
  border: none;
  color: #f36363;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-quiz-result .infographic4 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-quiz-result .infographic4 ion-icon {
  color: black;
}

page-quiz-result .infographic5 {
  border: none;
  color: #41acbf;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-quiz-result .infographic5 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-quiz-result .infographic5 ion-icon {
  color: black;
}

page-quiz-result .infograph1 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #367ad2;
  font-size: 20px;
}

page-quiz-result .infograph2 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #51b98d;
  font-size: 20px;
}

page-quiz-result .infograph3 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #ffaa00;
  font-size: 20px;
}

page-quiz-result .infograph4 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #dc5b54;
  font-size: 20px;
}

page-quiz-result .infograph5 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #41acbf;
  font-size: 20px;
}

page-quiz-result .infographtext {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 12px;
}

page-quiz-result .successToast .toast-message {
  background-color: #d2f8d2 !important;
  color: black;
}

page-quiz-result .errorToast .toast-message {
  background-color: #eea9a0 !important;
  color: black;
}

page-quiz-result .actionIconsBar {
  padding-right: 20px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

page-quiz-result .ui-carousel .ui-carousel-header {
  display: none !important;
}

page-quiz-result .userfab .fab-close-active .fab-close-icon {
  height: 40px !important;
  position: relative !important;
}

page-quiz-result textarea.text-input {
  resize: none !important;
}

page-quiz-result .asterisk {
  color: red;
  padding-left: 3px;
}

page-quiz-result .m-b-t {
  margin-bottom: 4% !important;
}

page-quiz-result .ui-radiobutton-box.ui-state-active {
  border: 1px solid #09f;
  background: #09f;
  color: #09f;
}

page-quiz-result .alert-md .alert-message {
  overflow: auto;
}

page-quiz-result .alert-md .alert-message .alertstyle1 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

page-quiz-result .alert-md .alert-message .alertstyle1 b {
  width: 65px !important;
}

page-quiz-result .alert-md .alert-message .alertstyle3 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-quiz-result .alert-md .alert-message .alertstyle3 b {
  width: 65px !important;
}

page-quiz-result .alert-md .alert-message .alertstyle4 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-quiz-result .alert-md .alert-message .alertstyle4 b {
  width: 150px !important;
}

page-quiz-result .alert-md .alert-message .alertstyle5 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

page-quiz-result .alert-md .alert-message .alertstyle5 b {
  width: 75px !important;
}

page-quiz-result .alert-md .alert-message .alertstyle5 span {
  width: 5px;
}

page-quiz-result .alert-md .alert-message .alertstyle2 {
  text-align: left !important;
}

page-quiz-result .alert-md .alert-message .alertstyle2 li {
  margin-top: 10px;
}

page-quiz-result .ui-tooltip {
  background-color: #172B4D !important;
  color: #ffffff;
}

page-quiz-result .navsebexam .toolbar-content-md {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
}

page-quiz-result .modal-wrapper {
  height: 75%;
  top: 10%;
  position: absolute;
  display: block;
  border-radius: 10px !important;
}

page-quiz-result .ui-picklist-source-controls.ui-picklist-buttons {
  display: none !important;
}

page-quiz-result .ui-picklist-target-controls.ui-picklist-buttons {
  display: none !important;
}

page-quiz-result .ui-picklist-target-controls.ui-picklist-buttons.ng-star-inserted {
  display: none !important;
}

page-quiz-result .ellip {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

page-quiz-result .p-slider {
  background: #dee2e6;
  border: 0 none;
  border-radius: 3px;
}

page-quiz-result .Errorbox .alert-title {
  color: #d8000c;
}

page-quiz-result .Errorbox .alert-button {
  color: #d8000c;
}

page-quiz-result .card-md {
  border-radius: 5px !important;
}

page-quiz-result .modal {
  display: none;
  /* Hidden by default */
  position: -webkit-sticky;
  position: sticky;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 30px;
  /* Location of the box */
  left: 0;
  right: 0;
  bottom: 150px;
  width: 400px;
  height: 400px;
  margin: auto;
  border: 4px solid;
  background-color: black;
}

page-quiz-result .modal-content {
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
}

page-quiz-result .close {
  position: absolute;
  color: #f1f1f1;
  top: 0px;
  right: 10px;
  font-size: 28px;
  font-weight: bold;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

page-quiz-result .close:hover,
page-quiz-result .close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

page-quiz-result .customhr {
  width: 90%;
  background-color: #ccc;
}

page-quiz-result .mycustomtoolbar ion-segment {
  border: none;
}

page-quiz-result .mycustomtoolbar ion-segment-button {
  font-size: 16px !important;
  font-weight: 500 !important;
}

page-quiz-result .mycustomtoolbar .segment-md .segment-button.activated,
page-quiz-result .mycustomtoolbar .segment-md .segment-button.segment-activated {
  border-color: #172B4D !important;
  color: #172B4D !important;
}

page-quiz-result .mycustomtoolbar .toolbar-background {
  background: transparent;
}

page-quiz-result .fc {
  direction: ltr;
  text-align: left;
}

page-quiz-result .fc-rtl {
  text-align: right;
}

page-quiz-result body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}

page-quiz-result .fc-unthemed th,
page-quiz-result .fc-unthemed td,
page-quiz-result .fc-unthemed thead,
page-quiz-result .fc-unthemed tbody,
page-quiz-result .fc-unthemed .fc-divider,
page-quiz-result .fc-unthemed .fc-row,
page-quiz-result .fc-unthemed .fc-content,
page-quiz-result .fc-unthemed .fc-popover,
page-quiz-result .fc-unthemed .fc-list-view,
page-quiz-result .fc-unthemed .fc-list-heading td {
  border-color: #ddd;
}

page-quiz-result .fc-unthemed .fc-popover {
  background-color: #fff;
}

page-quiz-result .fc-unthemed .fc-divider,
page-quiz-result .fc-unthemed .fc-popover .fc-header,
page-quiz-result .fc-unthemed .fc-list-heading td {
  background: #eee;
}

page-quiz-result .fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}

page-quiz-result .fc-unthemed td.fc-today {
  background: #fcf8e3;
}

page-quiz-result .fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3;
}

page-quiz-result .fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3;
}

page-quiz-result .fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}

page-quiz-result .fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

page-quiz-result .fc-icon:after {
  position: relative;
}

page-quiz-result .fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-quiz-result .fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-quiz-result .fc-icon-left-double-arrow:after {
  content: "\000AB";
  font-size: 160%;
  top: -7%;
}

page-quiz-result .fc-icon-right-double-arrow:after {
  content: "\000BB";
  font-size: 160%;
  top: -7%;
}

page-quiz-result .fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%;
}

page-quiz-result .fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%;
}

page-quiz-result .fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%;
}

page-quiz-result .fc-icon-x:after {
  content: "\000D7";
  font-size: 200%;
  top: 6%;
}

page-quiz-result .fc button {
  /* force height to include the border and padding */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer;
}

page-quiz-result .fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}

page-quiz-result .fc-state-default {
  /* non-theme */
  border: 1px solid;
}

page-quiz-result .fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

page-quiz-result .fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

page-quiz-result .fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .2em;
  vertical-align: middle;
}

page-quiz-result .fc-state-default {
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-quiz-result .fc-state-hover,
page-quiz-result .fc-state-down,
page-quiz-result .fc-state-active,
page-quiz-result .fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}

page-quiz-result .fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

page-quiz-result .fc-state-down,
page-quiz-result .fc-state-active {
  background-color: #cccccc;
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-quiz-result .fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}

page-quiz-result .fc-button-group {
  display: inline-block;
}

page-quiz-result .fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px;
}

page-quiz-result .fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0;
}

page-quiz-result .fc-popover {
  position: absolute;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

page-quiz-result .fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px;
}

page-quiz-result .fc-popover .fc-header .fc-title {
  margin: 0 2px;
}

page-quiz-result .fc-popover .fc-header .fc-close {
  cursor: pointer;
}

page-quiz-result .fc-ltr .fc-popover .fc-header .fc-title,
page-quiz-result .fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}

page-quiz-result .fc-rtl .fc-popover .fc-header .fc-title,
page-quiz-result .fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}

page-quiz-result .fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}

page-quiz-result .fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: .9em;
  margin-top: 2px;
}

page-quiz-result .fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */
}

page-quiz-result .fc-divider {
  border-style: solid;
  border-width: 1px;
}

page-quiz-result hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}

page-quiz-result .fc-clear {
  clear: both;
}

page-quiz-result .fc-bg,
page-quiz-result .fc-bgevent-skeleton,
page-quiz-result .fc-highlight-skeleton,
page-quiz-result .fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-quiz-result .fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}

page-quiz-result .fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}

page-quiz-result .fc table {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}

page-quiz-result .fc th {
  text-align: center;
}

page-quiz-result .fc th,
page-quiz-result .fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}

page-quiz-result .fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}

page-quiz-result a[data-goto] {
  cursor: pointer;
}

page-quiz-result a[data-goto]:hover {
  text-decoration: underline;
}

page-quiz-result .fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}

page-quiz-result .fc-row table {
  /* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}

page-quiz-result .fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}

page-quiz-result .fc-row {
  position: relative;
}

page-quiz-result .fc-row .fc-bg {
  z-index: 1;
}

page-quiz-result .fc-row .fc-bgevent-skeleton,
page-quiz-result .fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}

page-quiz-result .fc-row .fc-bgevent-skeleton table,
page-quiz-result .fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}

page-quiz-result .fc-row .fc-highlight-skeleton td,
page-quiz-result .fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}

page-quiz-result .fc-row .fc-bgevent-skeleton {
  z-index: 2;
}

page-quiz-result .fc-row .fc-highlight-skeleton {
  z-index: 3;
}

page-quiz-result .fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}

page-quiz-result .fc-row .fc-helper-skeleton {
  z-index: 5;
}

page-quiz-result .fc-row .fc-content-skeleton td,
page-quiz-result .fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}

page-quiz-result .fc-row .fc-content-skeleton tbody td,
page-quiz-result .fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}

page-quiz-result .fc-scroller {
  -webkit-overflow-scrolling: touch;
}

page-quiz-result .fc-scroller > .fc-day-grid,
page-quiz-result .fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}

page-quiz-result .fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */
  font-weight: normal;
  /* undo jqui's ui-widget-header bold */
}

page-quiz-result .fc-event,
page-quiz-result .fc-event-dot {
  background-color: #3a87ad;
  /* default BACKGROUND color */
}

page-quiz-result .fc-event,
page-quiz-result .fc-event:hover,
page-quiz-result .ui-widget .fc-event {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}

page-quiz-result .fc-event[href],
page-quiz-result .fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}

page-quiz-result .fc-not-allowed,
page-quiz-result .fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}

page-quiz-result .fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #ffffff;
  opacity: .25;
}

page-quiz-result .fc-event .fc-content {
  position: relative;
  z-index: 2;
}

page-quiz-result .fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
}

page-quiz-result .fc-event .fc-resizer {
  display: none;
}

page-quiz-result .fc-event.fc-allow-mouse-resize .fc-resizer,
page-quiz-result .fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block;
}

page-quiz-result .fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}

page-quiz-result .fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

page-quiz-result .fc-event.fc-selected.fc-dragging {
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

page-quiz-result .fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}

page-quiz-result .fc-ltr .fc-h-event.fc-not-start,
page-quiz-result .fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

page-quiz-result .fc-ltr .fc-h-event.fc-not-end,
page-quiz-result .fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

page-quiz-result .fc-ltr .fc-h-event .fc-start-resizer,
page-quiz-result .fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */
}

page-quiz-result .fc-ltr .fc-h-event .fc-end-resizer,
page-quiz-result .fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */
}

page-quiz-result .fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */
}

page-quiz-result .fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* vertically center */
  top: 50%;
  margin-top: -4px;
}

page-quiz-result .fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
page-quiz-result .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */
}

page-quiz-result .fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
page-quiz-result .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */
}

page-quiz-result .fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}

page-quiz-result tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */
}

page-quiz-result .fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: .25;
}

page-quiz-result .fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}

page-quiz-result .fc-day-grid-event .fc-time {
  font-weight: bold;
}

page-quiz-result .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
page-quiz-result .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */
}

page-quiz-result .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
page-quiz-result .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */
}

page-quiz-result a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none;
}

page-quiz-result a.fc-more:hover {
  text-decoration: underline;
}

page-quiz-result .fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}

page-quiz-result .fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}

page-quiz-result .fc-more-popover {
  z-index: 2;
  width: 220px;
}

page-quiz-result .fc-more-popover .fc-event-container {
  padding: 10px;
}

page-quiz-result .fc-now-indicator {
  position: absolute;
  border: 0 solid red;
}

page-quiz-result .fc-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

page-quiz-result .fc-toolbar {
  text-align: center;
}

page-quiz-result .fc-toolbar.fc-header-toolbar {
  margin-bottom: 1em;
}

page-quiz-result .fc-toolbar.fc-footer-toolbar {
  margin-top: 1em;
}

page-quiz-result .fc-toolbar .fc-left {
  float: left;
}

page-quiz-result .fc-toolbar .fc-right {
  float: right;
}

page-quiz-result .fc-toolbar .fc-center {
  display: inline-block;
}

page-quiz-result .fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em;
}

page-quiz-result .fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0;
}

page-quiz-result .fc-toolbar h2 {
  margin: 0;
}

page-quiz-result .fc-toolbar button {
  position: relative;
}

page-quiz-result .fc-toolbar .fc-state-hover,
page-quiz-result .fc-toolbar .ui-state-hover {
  z-index: 2;
}

page-quiz-result .fc-toolbar .fc-state-down {
  z-index: 3;
}

page-quiz-result .fc-toolbar .fc-state-active,
page-quiz-result .fc-toolbar .ui-state-active {
  z-index: 4;
}

page-quiz-result .fc-toolbar button:focus {
  z-index: 5;
}

page-quiz-result .fc-view-container *,
page-quiz-result .fc-view-container *:before,
page-quiz-result .fc-view-container *:after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

page-quiz-result .fc-view,
page-quiz-result .fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}

page-quiz-result .fc-basicWeek-view .fc-content-skeleton,
page-quiz-result .fc-basicDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}

page-quiz-result .fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}

page-quiz-result .fc-row.fc-rigid {
  overflow: hidden;
}

page-quiz-result .fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-quiz-result .fc-day-top.fc-other-month {
  opacity: 0.3;
}

page-quiz-result .fc-basic-view .fc-week-number,
page-quiz-result .fc-basic-view .fc-day-number {
  padding: 2px;
}

page-quiz-result .fc-basic-view th.fc-week-number,
page-quiz-result .fc-basic-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */
}

page-quiz-result .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right;
}

page-quiz-result .fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left;
}

page-quiz-result .fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0;
}

page-quiz-result .fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px;
}

page-quiz-result .fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080;
}

page-quiz-result .fc-basic-view td.fc-week-number {
  text-align: center;
}

page-quiz-result .fc-basic-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}

page-quiz-result .fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}

page-quiz-result .fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}

page-quiz-result .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}

page-quiz-result .fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}

page-quiz-result .fc-ltr .fc-axis {
  text-align: right;
}

page-quiz-result .fc-rtl .fc-axis {
  text-align: left;
}

page-quiz-result .ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome jqui theme making it bold */
}

page-quiz-result .fc-time-grid-container,
page-quiz-result .fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}

page-quiz-result .fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

page-quiz-result .fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}

page-quiz-result .fc-time-grid > .fc-bg {
  z-index: 1;
}

page-quiz-result .fc-time-grid .fc-slats,
page-quiz-result .fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}

page-quiz-result .fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */
}

page-quiz-result .fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
}

page-quiz-result .fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1;
}

page-quiz-result .fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2;
}

page-quiz-result .fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3;
}

page-quiz-result .fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4;
}

page-quiz-result .fc-time-grid .fc-now-indicator-line {
  z-index: 5;
}

page-quiz-result .fc-time-grid .fc-helper-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6;
}

page-quiz-result .fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}

page-quiz-result .fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}

page-quiz-result .fc-time-grid .fc-slats .ui-widget-content {
  /* for jqui theme */
  background: none;
  /* see through to fc-bg */
}

page-quiz-result .fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}

page-quiz-result .fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}

page-quiz-result .fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}

page-quiz-result .fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}

page-quiz-result .fc-time-grid .fc-event,
page-quiz-result .fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}

page-quiz-result .fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}

page-quiz-result .fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

page-quiz-result .fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

page-quiz-result .fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */
}

page-quiz-result .fc-time-grid-event.fc-selected {
  /* need to allow touch resizers to extend outside event's bounding box */
  /* common fc-selected styles hide the fc-bg, so don't need this anyway */
  overflow: visible;
}

page-quiz-result .fc-time-grid-event.fc-selected .fc-bg {
  display: none;
  /* hide semi-white background, to appear darker */
}

page-quiz-result .fc-time-grid-event .fc-content {
  overflow: hidden;
  /* for when .fc-selected */
}

page-quiz-result .fc-time-grid-event .fc-time,
page-quiz-result .fc-time-grid-event .fc-title {
  padding: 0 1px;
}

page-quiz-result .fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap;
}

page-quiz-result .fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}

page-quiz-result .fc-time-grid-event.fc-short .fc-time,
page-quiz-result .fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}

page-quiz-result .fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}

page-quiz-result .fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}

page-quiz-result .fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
  /* seperate with a dash, wrapped in nbsp's */
}

page-quiz-result .fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}

page-quiz-result .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}

page-quiz-result .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "=";
}

page-quiz-result .fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px;
}

page-quiz-result .fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0;
}

page-quiz-result .fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */
}

page-quiz-result .fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-quiz-result .fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-quiz-result .fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}

page-quiz-result .fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */
}

page-quiz-result .fc-list-view {
  border-width: 1px;
  border-style: solid;
}

page-quiz-result .fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */
}

page-quiz-result .fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px;
}

page-quiz-result .fc-list-table tr:first-child td {
  border-top-width: 0;
}

page-quiz-result .fc-list-heading {
  border-bottom-width: 1px;
}

page-quiz-result .fc-list-heading td {
  font-weight: bold;
}

page-quiz-result .fc-ltr .fc-list-heading-main {
  float: left;
}

page-quiz-result .fc-ltr .fc-list-heading-alt {
  float: right;
}

page-quiz-result .fc-rtl .fc-list-heading-main {
  float: right;
}

page-quiz-result .fc-rtl .fc-list-heading-alt {
  float: left;
}

page-quiz-result .fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */
}

page-quiz-result .fc-list-item:hover td {
  background-color: #f5f5f5;
}

page-quiz-result .fc-list-item-marker,
page-quiz-result .fc-list-item-time {
  white-space: nowrap;
  width: 1px;
}

page-quiz-result .fc-ltr .fc-list-item-marker {
  padding-right: 0;
}

page-quiz-result .fc-rtl .fc-list-item-marker {
  padding-left: 0;
}

page-quiz-result .fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit;
}

page-quiz-result .fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline;
}

page-quiz-result .fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

page-quiz-result .fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table;
}

page-quiz-result .fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

page-quiz-result .fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #eee;
}

page-quiz-result #certificate {
  padding: 20px;
  text-align: center;
  position: absolute;
  bottom: 0;
  top: 0;
  right: 0;
  left: 0;
}

page-quiz-result .secdiv {
  padding: 70px;
  text-align: center;
  position: absolute;
  bottom: 15px;
  top: 15px;
  right: 15px;
  left: 15px;
}

page-quiz-result .design {
  background: url(../assets/images/certi1.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

page-quiz-result .certifyimg {
  position: absolute;
  left: -26px;
  /* width: 200px; */
  left: 40px;
  bottom: 30px;
}

page-quiz-result .ribbonimg {
  position: absolute;
  right: 0;
  width: 300px;
}

page-quiz-result img {
  width: 70px;
}

page-quiz-result ion-row {
  margin-top: 15%;
}

page-quiz-result h1 {
  color: white;
}

page-quiz-result p {
  color: white;
}

page-quiz-result button {
  background: none;
  border: 2px solid white;
  width: 60%;
  font-size: 11px;
  height: 10%;
  color: white;
  font-family: satisfy;
  margin-bottom: 12px;
  border-radius: 3%;
}

page-quiz-result .scroll-content {
  overflow: hidden;
}

page-quiz-result button {
  padding: 11px;
  margin: 0px;
  height: auto;
}

page-quiz-result .dwnld {
  position: fixed;
  bottom: 35px;
  right: 40px;
  cursor: pointer;
}

page-quiz-result .dwnld .ion-md-download {
  font-size: 24px;
  border: 1px solid #222;
  padding: 2px 10px;
  color: #222;
  border-radius: 3px;
  margin: 15px;
}

page-quiz-result .dwnld .ion-ios-download {
  font-size: 24px;
  border: 1px solid #222;
  padding: 2px 10px;
  color: #222;
  border-radius: 3px;
  margin: 15px;
}

page-read-more-component a {
  cursor: pointer !important;
  font-weight: bold;
  text-transform: uppercase;
}

page-registration .rowflex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-registration .formgrid {
  width: 50%;
  margin-left: 25%;
  margin-top: 100px;
  border: 2px solid #cccccc;
  border-radius: 20px;
  padding: 20px;
}

page-report-management .max-h-50 {
  width: 300px;
}

page-report-management .card-title {
  height: 150px;
  padding: 55px;
}

page-report-management .category-button-upload {
  width: 100%;
  margin: 1%;
  float: left;
  min-height: 150px;
  border-radius: 10px;
  background: #ffffff;
  margin-top: 4%;
}

page-report-management .button-text {
  color: #0099ff;
  font-size: 12px;
  font-family: "Open Sans";
  margin-left: 10px;
  text-transform: uppercase;
  letter-spacing: 1.7px;
  font-weight: bold;
}

page-report-student-assignment {
  /* ANIMATION */
  /* SHADOWS */
  /*
 *
 *   MaterialWrap - Bootstrap + Material Design Admin Theme

 
*/
  /*
 * CSS Transform - Scale and Rotate
 */
  /* The Modal (background) */
  /* Modal Content (image) */
  /* The Close Button */
  /*!
 * FullCalendar v3.2.0 Stylesheet
 * Docs & License: https://fullcalendar.io/
 * (c) 2017 Adam Shaw
 */
  /* Colors
--------------------------------------------------------------------------------------------------*/
  /* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
  /*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
  /* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
  /* Firefox has an annoying inner border */
  /* icons in buttons */
  /*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
  /* Buttons Groups
--------------------------------------------------------------------------------------------------*/
  /*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
  /* Popover
--------------------------------------------------------------------------------------------------*/
  /* unthemed */
  /* jqui themed */
  /* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
  /* Tables
--------------------------------------------------------------------------------------------------*/
  /* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
  /* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
  /* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
  /* highlighting cells & background event skeleton */
  /*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
  /* Scrolling Container
--------------------------------------------------------------------------------------------------*/
  /* TODO: move to agenda/basic */
  /* Global Event Styles
--------------------------------------------------------------------------------------------------*/
  /* overpower some of bootstrap's and jqui's styles on <a> tags */
  /* resizer (cursor AND touch devices) */
  /* resizer (touch devices) */
  /* hit area */
  /* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
  /* Horizontal Events
--------------------------------------------------------------------------------------------------*/
  /* bigger touch area when selected */
  /* events that are continuing to/from another week. kill rounded corners and butt up against edge */
  /* resizer (cursor AND touch devices) */
  /* left resizer  */
  /* right resizer */
  /* resizer (mouse devices) */
  /* resizer (touch devices) */
  /* left resizer  */
  /* right resizer */
  /* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* resizer (cursor devices) */
  /* left resizer  */
  /* right resizer */
  /* Event Limiting
--------------------------------------------------------------------------------------------------*/
  /* "more" link that represents hidden events */
  /* popover that appears when "more" link is clicked */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* Utilities
--------------------------------------------------------------------------------------------------*/
  /* Toolbar
--------------------------------------------------------------------------------------------------*/
  /* the things within each left/right/center section */
  /* the first thing within each left/center/right section */
  /* title text */
  /* button layering (for border precedence) */
  /* View Structure
--------------------------------------------------------------------------------------------------*/
  /* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
  /* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
  /* BasicView
--------------------------------------------------------------------------------------------------*/
  /* day row structure */
  /* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
  /* week and day number styling */
  /* when week/day number have own column */
  /* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
  /* divs within a cell within the fc-content-skeleton */
  /* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
  /* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* short mode, where time and title are on the same line */
  /* resizer (cursor device) */
  /* resizer (touch device) */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* arrow on axis */
  /* List View
--------------------------------------------------------------------------------------------------*/
  /* possibly reusable */
  /* view wrapper */
  /* table resets */
  /* day headings with the list */
  /* event list items */
  /* make the dot closer to the event title */
  /* message when no events */
}

page-report-student-assignment .letter-sp-1 {
  letter-spacing: 1px;
}

page-report-student-assignment .letter-sp-2 {
  letter-spacing: 2px;
}

page-report-student-assignment .letter-sp-3 {
  letter-spacing: 3px;
}

page-report-student-assignment .m-0 {
  margin: 0 !important;
}

page-report-student-assignment .m-5 {
  margin: 5px !important;
}

page-report-student-assignment .m-10 {
  margin: 10px !important;
}

page-report-student-assignment .m-15 {
  margin: 15px !important;
}

page-report-student-assignment .m-20 {
  margin: 20px !important;
}

page-report-student-assignment .m-30 {
  margin: 30px !important;
}

page-report-student-assignment .m-50 {
  margin: 50px !important;
}

page-report-student-assignment .m-b-100 {
  margin-bottom: 100px !important;
}

page-report-student-assignment .m-b-15 {
  margin-bottom: 15px !important;
}

page-report-student-assignment .m-b-20 {
  margin-bottom: 20px !important;
}

page-report-student-assignment .m-b-0 {
  margin-bottom: 0 !important;
}

page-report-student-assignment .m-l-0 {
  margin-left: 0 !important;
}

page-report-student-assignment .m-l-5 {
  margin-left: 5px !important;
}

page-report-student-assignment .m-l-10 {
  margin-left: 10px !important;
}

page-report-student-assignment .m-l-15 {
  margin-left: 15px !important;
}

page-report-student-assignment .m-l-20 {
  margin-left: 20px !important;
}

page-report-student-assignment .m-l-30 {
  margin-left: 30px !important;
}

page-report-student-assignment .m-l-40 {
  margin-left: 40px !important;
}

page-report-student-assignment .m-l-50 {
  margin-left: 50px !important;
}

page-report-student-assignment .m-l-n-1 {
  margin-left: -1px !important;
}

page-report-student-assignment .m-l-n-5 {
  margin-left: -5px !important;
}

page-report-student-assignment .m-l-n-10 {
  margin-left: -10px !important;
}

page-report-student-assignment .m-l-n-15 {
  margin-left: -15px !important;
}

page-report-student-assignment .m-l-n-20 {
  margin-left: -20px !important;
}

page-report-student-assignment .m-l-n-30 {
  margin-left: -30px !important;
}

page-report-student-assignment .m-l-n-40 {
  margin-left: -40px !important;
}

page-report-student-assignment .m-l-n-50 {
  margin-left: -50px !important;
}

page-report-student-assignment .m-t-0 {
  margin-top: 0 !important;
}

page-report-student-assignment .m-t-1 {
  margin-top: 1px !important;
}

page-report-student-assignment .m-t-2 {
  margin-top: 2px;
}

page-report-student-assignment .m-t-2p {
  margin-top: 2% !important;
}

page-report-student-assignment .m-t-5p {
  margin-top: 5% !important;
}

page-report-student-assignment .m-t-25p {
  margin-top: 25% !important;
}

page-report-student-assignment .m-t-30p {
  margin-top: 30% !important;
}

page-report-student-assignment .m-t-4 {
  margin-top: 4px !important;
}

page-report-student-assignment .m-t-5 {
  margin-top: 5px !important;
}

page-report-student-assignment .m-t-5p {
  margin-top: 5% !important;
}

page-report-student-assignment .m-t-10 {
  margin-top: 10px !important;
}

page-report-student-assignment .m-t-15 {
  margin-top: 15px !important;
}

page-report-student-assignment .m-t-20 {
  margin-top: 20px !important;
}

page-report-student-assignment .m-t-30 {
  margin-top: 30px !important;
}

page-report-student-assignment .m-t-40 {
  margin-top: 40px !important;
}

page-report-student-assignment .m-t-50 {
  margin-top: 50px !important;
}

page-report-student-assignment .m-t-75 {
  margin-top: 75px !important;
}

page-report-student-assignment .m-t-100 {
  margin-top: 100px !important;
}

page-report-student-assignment .m-t-120 {
  margin-top: 120px !important;
}

page-report-student-assignment .m-t-140 {
  margin-top: 140px !important;
}

page-report-student-assignment .m-t-n-1 {
  margin-top: -1px !important;
}

page-report-student-assignment .m-t-n-5 {
  margin-top: -5px !important;
}

page-report-student-assignment .m-t-n-10 {
  margin-top: -10px !important;
}

page-report-student-assignment .m-t-n-15 {
  margin-top: -15px !important;
}

page-report-student-assignment .m-t-n-20 {
  margin-top: -20px !important;
}

page-report-student-assignment .m-t-n-30 {
  margin-top: -30px !important;
}

page-report-student-assignment .m-t-n-40 {
  margin-top: -40px !important;
}

page-report-student-assignment .m-t-n-50 {
  margin-top: -50px !important;
}

page-report-student-assignment .m-r-0 {
  margin-right: 0 !important;
}

page-report-student-assignment .m-r-1 {
  margin-right: 1px !important;
}

page-report-student-assignment .m-r-5 {
  margin-right: 5px !important;
}

page-report-student-assignment .m-r-10 {
  margin-right: 10px !important;
}

page-report-student-assignment .m-r-15 {
  margin-right: 15px !important;
}

page-report-student-assignment .m-r-20 {
  margin-right: 20px !important;
}

page-report-student-assignment .m-r-30 {
  margin-right: 30px !important;
}

page-report-student-assignment .m-r-40 {
  margin-right: 40px !important;
}

page-report-student-assignment .m-r-50 {
  margin-right: 50px !important;
}

page-report-student-assignment .m-r-n-1 {
  margin-right: -1px !important;
}

page-report-student-assignment .m-r-n-5 {
  margin-right: -5px !important;
}

page-report-student-assignment .m-r-n-10 {
  margin-right: -10px !important;
}

page-report-student-assignment .m-r-n-15 {
  margin-right: -15px !important;
}

page-report-student-assignment .m-r-n-20 {
  margin-right: -20px !important;
}

page-report-student-assignment .m-r-n-30 {
  margin-right: -30px !important;
}

page-report-student-assignment .m-r-n-40 {
  margin-right: -40px !important;
}

page-report-student-assignment .m-r-n-50 {
  margin-right: -50px !important;
}

page-report-student-assignment .m-b-0 {
  margin-bottom: 0 !important;
}

page-report-student-assignment .m-b-1 {
  margin-bottom: 1px !important;
}

page-report-student-assignment .m-b-4 {
  margin-bottom: 4px !important;
}

page-report-student-assignment .m-b-5 {
  margin-bottom: 5px !important;
}

page-report-student-assignment .m-b-10 {
  margin-bottom: 10px !important;
}

page-report-student-assignment .m-b-15 {
  margin-bottom: 15px !important;
}

page-report-student-assignment .m-b-20 {
  margin-bottom: 20px !important;
}

page-report-student-assignment .m-b-30 {
  margin-bottom: 30px !important;
}

page-report-student-assignment .m-b-40 {
  margin-bottom: 40px !important;
}

page-report-student-assignment .m-b-50 {
  margin-bottom: 50px !important;
}

page-report-student-assignment .m-b-n-1 {
  margin-bottom: -1px !important;
}

page-report-student-assignment .m-b-n-5 {
  margin-bottom: -5px !important;
}

page-report-student-assignment .m-b-n-10 {
  margin-bottom: -10px !important;
}

page-report-student-assignment .m-b-n-15 {
  margin-bottom: -15px !important;
}

page-report-student-assignment .m-b-n-20 {
  margin-bottom: -20px !important;
}

page-report-student-assignment .m-b-n-30 {
  margin-bottom: -30px !important;
}

page-report-student-assignment .m-b-n-40 {
  margin-bottom: -40px !important;
}

page-report-student-assignment .m-b-n-50 {
  margin-bottom: -50px !important;
}

page-report-student-assignment .p-0 {
  padding: 0 !important;
}

page-report-student-assignment .p-5 {
  padding: 5px !important;
}

page-report-student-assignment .p-10 {
  padding: 10px !important;
}

page-report-student-assignment .p-15 {
  padding: 15px !important;
}

page-report-student-assignment .p-20 {
  padding: 20px !important;
}

page-report-student-assignment .p-25 {
  padding: 25px !important;
}

page-report-student-assignment .p-30 {
  padding: 30px !important;
}

page-report-student-assignment .p-40 {
  padding: 40px !important;
}

page-report-student-assignment .p-50 {
  padding: 50px !important;
}

page-report-student-assignment .p-75 {
  padding: 75px !important;
}

page-report-student-assignment .p-100 {
  padding: 100px !important;
}

page-report-student-assignment .p-lr {
  padding: 0px 4% 0px 4%;
}

page-report-student-assignment .p-l-0 {
  padding-left: 0 !important;
}

page-report-student-assignment .p-l-5 {
  padding-left: 5px !important;
}

page-report-student-assignment .p-l-10 {
  padding-left: 10px !important;
}

page-report-student-assignment .p-l-12 {
  padding-left: 12px !important;
}

page-report-student-assignment .p-l-15 {
  padding-left: 15px !important;
}

page-report-student-assignment .p-l-16 {
  padding-left: 16px !important;
}

page-report-student-assignment .p-l-20 {
  padding-left: 20px !important;
}

page-report-student-assignment .p-l-25 {
  padding-left: 25px !important;
}

page-report-student-assignment .p-l-30 {
  padding-left: 30px !important;
}

page-report-student-assignment .p-l-40 {
  padding-left: 40px !important;
}

page-report-student-assignment .p-l-50 {
  padding-left: 50px !important;
}

page-report-student-assignment .p-l-75 {
  padding-left: 75px !important;
}

page-report-student-assignment .p-l-100 {
  padding-left: 100px !important;
}

page-report-student-assignment .p-r-0 {
  padding-right: 0 !important;
}

page-report-student-assignment .p-r-5 {
  padding-right: 5px !important;
}

page-report-student-assignment .p-r-10 {
  padding-right: 10px !important;
}

page-report-student-assignment .p-r-12 {
  padding-right: 12px !important;
}

page-report-student-assignment .p-r-15 {
  padding-right: 15px !important;
}

page-report-student-assignment .p-r-20 {
  padding-right: 20px !important;
}

page-report-student-assignment .p-r-25 {
  padding-right: 25px !important;
}

page-report-student-assignment .p-r-30 {
  padding-right: 30px !important;
}

page-report-student-assignment .p-r-40 {
  padding-right: 40px !important;
}

page-report-student-assignment .p-r-50 {
  padding-right: 50px !important;
}

page-report-student-assignment .p-r-75 {
  padding-right: 75px !important;
}

page-report-student-assignment .p-r-100 {
  padding-right: 100px !important;
}

page-report-student-assignment .p-b-0 {
  padding-bottom: 0 !important;
}

page-report-student-assignment .p-b-5 {
  padding-bottom: 5px !important;
}

page-report-student-assignment .p-b-10 {
  padding-bottom: 10px !important;
}

page-report-student-assignment .p-b-15 {
  padding-bottom: 15px !important;
}

page-report-student-assignment .p-b-16 {
  padding-bottom: 16px !important;
}

page-report-student-assignment .p-b-20 {
  padding-bottom: 20px !important;
}

page-report-student-assignment .p-b-25 {
  padding-bottom: 25px !important;
}

page-report-student-assignment .p-b-30 {
  padding-bottom: 30px !important;
}

page-report-student-assignment .p-b-40 {
  padding-bottom: 40px !important;
}

page-report-student-assignment .p-b-50 {
  padding-bottom: 50px !important;
}

page-report-student-assignment .p-b-60 {
  padding-bottom: 60px !important;
}

page-report-student-assignment .p-b-70 {
  padding-bottom: 70px !important;
}

page-report-student-assignment .p-b-80 {
  padding-bottom: 80px !important;
}

page-report-student-assignment .p-b-90 {
  padding-bottom: 90px !important;
}

page-report-student-assignment .p-b-100 {
  padding-bottom: 100px !important;
}

page-report-student-assignment .p-t-0 {
  padding-top: 0 !important;
}

page-report-student-assignment .p-t-5 {
  padding-top: 5px !important;
}

page-report-student-assignment .p-t-7 {
  padding-top: 7px !important;
}

page-report-student-assignment .p-t-10 {
  padding-top: 10px !important;
}

page-report-student-assignment .p-t-15 {
  padding-top: 15px !important;
}

page-report-student-assignment .p-t-16 {
  padding-top: 16px !important;
}

page-report-student-assignment .p-t-20 {
  padding-top: 20px !important;
}

page-report-student-assignment .p-t-25 {
  padding-top: 25px !important;
}

page-report-student-assignment .p-t-30 {
  padding-top: 30px !important;
}

page-report-student-assignment .p-t-40 {
  padding-top: 40px !important;
}

page-report-student-assignment .p-t-50 {
  padding-top: 50px !important;
}

page-report-student-assignment .p-t-75 {
  padding-top: 75px !important;
}

page-report-student-assignment .p-t-100 {
  padding-top: 100px !important;
}

page-report-student-assignment .p-t-120 {
  padding-top: 120px !important;
}

page-report-student-assignment .p-t-130 {
  padding-top: 130px !important;
}

page-report-student-assignment .p-t-140 {
  padding-top: 140px !important;
}

page-report-student-assignment .p-t-150 {
  padding-top: 150px !important;
}

page-report-student-assignment .block {
  display: block !important;
}

page-report-student-assignment .img-xs {
  width: 30px;
  height: 30px;
}

page-report-student-assignment .img-sm {
  width: 35px;
  height: 35px;
}

page-report-student-assignment .img-md {
  width: 55px;
  height: 55px;
}

page-report-student-assignment .img-lg {
  width: 100px;
  height: 100px;
}

page-report-student-assignment .min-w-800 {
  min-width: 800px !important;
}

page-report-student-assignment .min-w-1000 {
  min-width: 1000px !important;
}

page-report-student-assignment .min-w-1100 {
  min-width: 1100px !important;
}

page-report-student-assignment .max-w-20 {
  max-width: 20px !important;
}

page-report-student-assignment .max-w-30 {
  max-width: 30px !important;
}

page-report-student-assignment .max-w-32 {
  max-width: 35px !important;
}

page-report-student-assignment .max-w-35 {
  max-width: 35px !important;
}

page-report-student-assignment .max-w-40 {
  max-width: 40px !important;
}

page-report-student-assignment .max-w-50 {
  max-width: 50px !important;
}

page-report-student-assignment .max-w-75 {
  max-width: 75px !important;
}

page-report-student-assignment .max-w-100 {
  max-width: 100px !important;
}

page-report-student-assignment .max-w-150 {
  max-width: 150px !important;
}

page-report-student-assignment .max-w-200 {
  max-width: 200px !important;
}

page-report-student-assignment .max-w-300 {
  max-width: 300px !important;
}

page-report-student-assignment .max-w-400 {
  max-width: 400px !important;
}

page-report-student-assignment .overflow-hidden {
  overflow: hidden;
}

page-report-student-assignment .overflow-auto {
  overflow: auto;
}

page-report-student-assignment .max-h-50 {
  max-height: 50px !important;
}

page-report-student-assignment .max-h-80 {
  max-height: 80px !important;
}

page-report-student-assignment .max-h-100 {
  max-height: 100px !important;
}

page-report-student-assignment .max-h-150 {
  max-height: 150px !important;
}

page-report-student-assignment .max-h-200 {
  max-height: 200px !important;
}

page-report-student-assignment .max-h-250 {
  max-height: 250px !important;
}

page-report-student-assignment .max-h-300 {
  max-height: 300px !important;
}

page-report-student-assignment .max-h-350 {
  max-height: 300px !important;
}

page-report-student-assignment .max-h-375 {
  max-height: 300px !important;
}

page-report-student-assignment .max-h-400 {
  max-height: 400px !important;
}

page-report-student-assignment .max-h-450 {
  max-height: 450px !important;
}

page-report-student-assignment .max-h-500 {
  max-height: 500px !important;
}

page-report-student-assignment .max-h-600 {
  max-height: 600px !important;
}

page-report-student-assignment .max-h-650 {
  max-height: 650px !important;
}

page-report-student-assignment .max-h-700 {
  max-height: 700px !important;
}

page-report-student-assignment .max-h-800 {
  max-height: 800px !important;
}

page-report-student-assignment .max-h-900 {
  max-height: 900px !important;
}

page-report-student-assignment .max-h-1000 {
  max-height: 1000px !important;
}

page-report-student-assignment .min-h-0 {
  min-height: 0 !important;
}

page-report-student-assignment .min-h-50 {
  min-height: 50px !important;
}

page-report-student-assignment .min-h-100 {
  min-height: 100px !important;
}

page-report-student-assignment .min-h-200 {
  min-height: 200px !important;
}

page-report-student-assignment .min-h-250 {
  min-height: 250px !important;
}

page-report-student-assignment .min-h-300 {
  min-height: 300px !important;
}

page-report-student-assignment .min-h-350 {
  min-height: 300px !important;
}

page-report-student-assignment .min-h-375 {
  min-height: 300px !important;
}

page-report-student-assignment .min-h-400 {
  min-height: 400px !important;
}

page-report-student-assignment .min-h-450 {
  min-height: 450px !important;
}

page-report-student-assignment .min-h-500 {
  min-height: 500px !important;
}

page-report-student-assignment .min-h-600 {
  min-height: 600px !important;
}

page-report-student-assignment .min-h-650 {
  min-height: 650px !important;
}

page-report-student-assignment .min-h-700 {
  min-height: 700px !important;
}

page-report-student-assignment .min-h-800 {
  min-height: 800px !important;
}

page-report-student-assignment .min-h-900 {
  min-height: 900px !important;
}

page-report-student-assignment .min-h-1000 {
  min-height: 1000px !important;
}

page-report-student-assignment .h-5 {
  height: 5px !important;
}

page-report-student-assignment .h-10 {
  height: 10px !important;
}

page-report-student-assignment .h-20 {
  height: 20px !important;
}

page-report-student-assignment .h-25 {
  height: 25px !important;
}

page-report-student-assignment .h-50 {
  height: 50px !important;
}

page-report-student-assignment .h-75 {
  height: 75px !important;
}

page-report-student-assignment .h-100 {
  height: 100px !important;
}

page-report-student-assignment .h-125 {
  height: 125px !important;
}

page-report-student-assignment .h-150 {
  height: 150px !important;
}

page-report-student-assignment .h-200 {
  height: 200px !important;
}

page-report-student-assignment .h-300 {
  height: 300px !important;
}

page-report-student-assignment .h-350 {
  height: 350px !important;
}

page-report-student-assignment .h-400 {
  height: 400px !important;
}

page-report-student-assignment .h-450 {
  height: 450px !important;
}

page-report-student-assignment .h-500 {
  height: 500px !important;
}

page-report-student-assignment .h-600 {
  height: 600px !important;
}

page-report-student-assignment .h-650 {
  height: 650px !important;
}

page-report-student-assignment .h-700 {
  height: 700px !important;
}

page-report-student-assignment .h-800 {
  height: 800px !important;
}

page-report-student-assignment .h-900 {
  height: 900px !important;
}

page-report-student-assignment .h-1000 {
  height: 1000px !important;
}

page-report-student-assignment .w-5 {
  width: 5px !important;
}

page-report-student-assignment .w-10 {
  width: 10px !important;
}

page-report-student-assignment .w-15 {
  width: 15px !important;
}

page-report-student-assignment .w-20 {
  width: 20px !important;
}

page-report-student-assignment .w-30 {
  width: 30px !important;
}

page-report-student-assignment .w-40 {
  width: 40px !important;
}

page-report-student-assignment .w-50 {
  width: 50px !important;
}

page-report-student-assignment .w-60 {
  width: 60px !important;
}

page-report-student-assignment .w-80 {
  width: 80px !important;
}

page-report-student-assignment .w-100 {
  width: 100px !important;
}

page-report-student-assignment .w-150 {
  width: 150px !important;
}

page-report-student-assignment .w-190 {
  width: 190px !important;
}

page-report-student-assignment .w-200 {
  width: 200px !important;
}

page-report-student-assignment .w-250 {
  width: 250px !important;
}

page-report-student-assignment .w-300 {
  width: 300px !important;
}

page-report-student-assignment .w-600 {
  width: 600px !important;
}

page-report-student-assignment .w-100p {
  width: 100% !important;
}

page-report-student-assignment .w-95p {
  width: 95% !important;
}

page-report-student-assignment .w-90p {
  width: 90% !important;
}

page-report-student-assignment .w-80p {
  width: 80% !important;
}

page-report-student-assignment .w-70p {
  width: 70% !important;
}

page-report-student-assignment .w-60p {
  width: 60% !important;
}

page-report-student-assignment .w-50p {
  width: 50% !important;
}

page-report-student-assignment .w-45p {
  width: 45% !important;
}

page-report-student-assignment .w-40p {
  width: 40% !important;
}

page-report-student-assignment .w-30p {
  width: 30% !important;
}

page-report-student-assignment .w-25p {
  width: 25% !important;
}

page-report-student-assignment .w-20p {
  width: 20% !important;
}

page-report-student-assignment .w-15p {
  width: 15% !important;
}

page-report-student-assignment .w-10p {
  width: 10% !important;
}

page-report-student-assignment .w-8p {
  width: 8% !important;
}

page-report-student-assignment .w-5p {
  width: 5% !important;
}

page-report-student-assignment .w-3p {
  width: 3% !important;
}

page-report-student-assignment .w-95p {
  width: 95% !important;
}

page-report-student-assignment .h-100p {
  height: 100% !important;
}

page-report-student-assignment .h-80p {
  height: 80% !important;
}

page-report-student-assignment .absolute {
  position: absolute !important;
}

page-report-student-assignment .relative {
  position: relative !important;
}

page-report-student-assignment .block {
  display: block !important;
}

page-report-student-assignment .inline-block {
  display: inline-block !important;
}

page-report-student-assignment .list-block li {
  display: block !important;
}

page-report-student-assignment .list-inline li {
  display: inline !important;
}

page-report-student-assignment .clear-both {
  clear: both !important;
}

page-report-student-assignment .line-height-normal {
  line-height: normal !important;
}

page-report-student-assignment .line-height-8 {
  line-height: 8px !important;
}

page-report-student-assignment .line-height-14 {
  line-height: 14px !important;
}

page-report-student-assignment .line-height-12 {
  line-height: normal !important;
}

page-report-student-assignment ul.style-none {
  margin: 0;
  padding: 0;
  list-style: none;
}

page-report-student-assignment ul.style-none li {
  font-size: 0.875rem;
  padding: 3px 0;
}

page-report-student-assignment ul.style-none li ul {
  list-style: none;
}

page-report-student-assignment ul.vertical-icon-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

page-report-student-assignment ul.vertical-icon-list li {
  font-size: 0.875rem;
  padding: 6px 0;
}

page-report-student-assignment ul.vertical-icon-list li i {
  font-size: 1.25rem;
  padding-right: 15px;
  vertical-align: middle;
}

page-report-student-assignment .bg-white {
  background: #ffffff !important;
}

page-report-student-assignment .bg-green {
  background: #28bebd !important;
}

page-report-student-assignment .bg-blue {
  background: #42a5f5 !important;
}

page-report-student-assignment .bg-lightBlue {
  background: #2ebaee !important;
}

page-report-student-assignment .bg-red {
  background: #ef5350 !important;
}

page-report-student-assignment .bg-yellow {
  background: #f8c200 !important;
}

page-report-student-assignment .bg-paleYellow {
  background: #fddd7e !important;
}

page-report-student-assignment .bg-lightGray {
  background: #e3ecf7 !important;
}

page-report-student-assignment .bg-gray {
  background: #8f9eb5 !important;
}

page-report-student-assignment .bg-drakGray {
  background: #707c94 !important;
}

page-report-student-assignment .bg-grayBlue {
  background: #59779b !important;
}

page-report-student-assignment .bg-purple {
  background: #6b79c4 !important;
}

page-report-student-assignment .bg-turquoise {
  background: #00c5dc !important;
}

page-report-student-assignment .bg-peach {
  background: #feb38d !important;
}

page-report-student-assignment .bg-transparent {
  background: transparent !important;
}

page-report-student-assignment .text-primary {
  color: #172B4D !important;
}

page-report-student-assignment .text-link {
  color: #0645ad !important;
}

page-report-student-assignment .text-green {
  color: #28bebd !important;
}

page-report-student-assignment .text-turquoise {
  color: #00c5dc !important;
}

page-report-student-assignment .text-red {
  color: #ef5350 !important;
}

page-report-student-assignment .text-cyan {
  color: #26c6da !important;
}

page-report-student-assignment .text-yellow {
  color: #f8c200 !important;
}

page-report-student-assignment .text-gray {
  color: #8f9eb5 !important;
}

page-report-student-assignment .text-blue {
  color: #42a5f5 !important;
}

page-report-student-assignment .text-orange {
  color: #ffb74d !important;
}

page-report-student-assignment .text-purple {
  color: #6b79c4 !important;
}

page-report-student-assignment .text-white {
  color: #fff !important;
}

page-report-student-assignment .text-brown {
  color: #906b6b !important;
}

page-report-student-assignment .text-salmon {
  color: #ee6e73 !important;
}

page-report-student-assignment .text-muted {
  color: #8396b0;
}

page-report-student-assignment .color-black {
  color: #000 !important;
}

page-report-student-assignment .color-white {
  color: #fff !important;
}

page-report-student-assignment .bg-white {
  background-color: #fff !important;
}

page-report-student-assignment .transparent {
  background: transparent !important;
}

page-report-student-assignment .bg-primary {
  background-color: #172B4D !important;
}

page-report-student-assignment .border-bottom,
page-report-student-assignment .border-grey-bottom-1px {
  border-bottom: 1px solid rgba(215, 225, 237, 0.8) !important;
}

page-report-student-assignment .border-grey-top-1px,
page-report-student-assignment .border-top {
  border-top: 1px solid rgba(215, 225, 237, 0.6) !important;
}

page-report-student-assignment .border-bottom-black-2px {
  border-bottom: 2px solid black;
}

page-report-student-assignment .border-top0p {
  border-top: 0px !important;
}

page-report-student-assignment .b-n {
  border: none !important;
}

page-report-student-assignment .b-b-1 {
  border: 1px solid black;
}

page-report-student-assignment .b-lg-1 {
  border: 1px solid lightgrey;
}

page-report-student-assignment .shadow-none {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

page-report-student-assignment .shadow-z-0 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-report-student-assignment .shadow-z-1 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-report-student-assignment .shadow-z-1:hover {
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

page-report-student-assignment .shadow-z-2 {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

page-report-student-assignment .shadow-z-3 {
  -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

page-report-student-assignment .shadow-z-4 {
  -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}

page-report-student-assignment .shadow-z-5 {
  -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}

page-report-student-assignment .big-shadow {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
}

page-report-student-assignment .shadow-2dp {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

page-report-student-assignment .shadow-3dp {
  -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}

page-report-student-assignment .shadow-4dp {
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}

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

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

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

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

page-report-student-assignment .font-weight-100 {
  font-weight: 100 !important;
}

page-report-student-assignment .font-weight-200 {
  font-weight: 200 !important;
}

page-report-student-assignment .font-weight-300 {
  font-weight: 300 !important;
}

page-report-student-assignment .font-weight-400 {
  font-weight: 400 !important;
}

page-report-student-assignment .font-weight-500 {
  font-weight: 500 !important;
}

page-report-student-assignment .font-weight-600 {
  font-weight: 600 !important;
}

page-report-student-assignment .font-weight-700 {
  font-weight: 700 !important;
}

page-report-student-assignment .font-weight-800 {
  font-weight: 800 !important;
}

page-report-student-assignment .font-weight-900 {
  font-weight: 900 !important;
}

page-report-student-assignment .font-weight-light {
  font-weight: 100 !important;
}

page-report-student-assignment .font-weight-normal {
  font-weight: 300 !important;
}

page-report-student-assignment .font-weight-medium {
  font-weight: 400 !important;
}

page-report-student-assignment .font-weight-bold {
  font-weight: 500 !important;
}

page-report-student-assignment .bold {
  font-weight: bold !important;
}

page-report-student-assignment .font-size-0 {
  font-size: 0 !important;
}

page-report-student-assignment .font-size-10 {
  font-size: 10px !important;
}

page-report-student-assignment .font-size-11 {
  font-size: 11px !important;
}

page-report-student-assignment .font-size-12 {
  font-size: 12px !important;
}

page-report-student-assignment .font-size-14 {
  font-size: 14px !important;
}

page-report-student-assignment .font-size-16 {
  font-size: 16px !important;
}

page-report-student-assignment .font-size-18 {
  font-size: 18px !important;
}

page-report-student-assignment .font-size-20 {
  font-size: 20px !important;
}

page-report-student-assignment .font-size-24 {
  font-size: 24px !important;
}

page-report-student-assignment .font-size-26 {
  font-size: 26px !important;
}

page-report-student-assignment .font-size-30 {
  font-size: 30px !important;
}

page-report-student-assignment .font-size-35 {
  font-size: 35px !important;
}

page-report-student-assignment .font-size-38 {
  font-size: 38px !important;
}

page-report-student-assignment .font-size-40 {
  font-size: 40px !important;
}

page-report-student-assignment .font-size-50 {
  font-size: 50px !important;
}

page-report-student-assignment .font-size-60 {
  font-size: 60px !important;
}

page-report-student-assignment .font-size-70 {
  font-size: 70px !important;
}

page-report-student-assignment .font-size-80 {
  font-size: 80px !important;
}

page-report-student-assignment .hidden {
  display: none !important;
}

page-report-student-assignment .w-100p {
  width: 100% !important;
}

page-report-student-assignment .float-r {
  float: right !important;
}

page-report-student-assignment .float-l {
  float: left !important;
}

page-report-student-assignment .align-c {
  display: block;
  margin: 0 auto;
}

page-report-student-assignment .align-b {
  display: block;
}

page-report-student-assignment .text-center {
  text-align: center !important;
}

page-report-student-assignment .text-left {
  text-align: left !important;
}

page-report-student-assignment .text-right {
  text-align: right !important;
}

page-report-student-assignment .align-v-c {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-report-student-assignment .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-report-student-assignment .align-v-c1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-report-student-assignment .align-v-c2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-report-student-assignment .align-v-c3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-report-student-assignment .align-v-c4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-report-student-assignment .align-flex-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-report-student-assignment .align-right-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

page-report-student-assignment .align-start-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media (max-width: 576px) {
  page-report-student-assignment .d-xs-none {
    display: none !important;
  }
  page-report-student-assignment .d-xs-inline {
    display: inline !important;
  }
  page-report-student-assignment .d-xs-inline-block {
    display: inline-block !important;
  }
  page-report-student-assignment .d-xs-block {
    display: block !important;
  }
  page-report-student-assignment .d-xs-table {
    display: table !important;
  }
  page-report-student-assignment .d-xs-table-cell {
    display: table-cell !important;
  }
  page-report-student-assignment .d-xs-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
  }
  page-report-student-assignment .d-xs-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important;
  }
}

page-report-student-assignment .b-r-gd {
  border-radius: 10px !important;
}

page-report-student-assignment .b-r-10 {
  border-radius: 10px !important;
}

page-report-student-assignment .b-r-5 {
  border-radius: 5px;
}

page-report-student-assignment .d-fl-ov-x {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  overflow-x: auto !important;
}

page-report-student-assignment .align-base {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-report-student-assignment .d-fl-bl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-report-student-assignment .d-fl-vhcenter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-report-student-assignment .d-fl-b2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
}

page-report-student-assignment .d-fl-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-report-student-assignment .d-fl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-report-student-assignment .d-fl-sb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-report-student-assignment .d-fl-saround {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-report-student-assignment .d-fl-ac {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-report-student-assignment .text-capital {
  text-transform: capitalize !important;
}

page-report-student-assignment .text-upper {
  text-transform: uppercase !important;
}

page-report-student-assignment .m-a {
  margin: auto !important;
}

page-report-student-assignment .m-l-a {
  margin-left: auto !important;
}

page-report-student-assignment .m-r-a {
  margin-right: auto !important;
}

page-report-student-assignment .italic {
  font-style: italic;
}

page-report-student-assignment .pointer {
  cursor: pointer;
}

page-report-student-assignment .ws-in {
  white-space: inherit;
}

page-report-student-assignment .opacity-1 {
  opacity: 1;
}

page-report-student-assignment .in-valid-checkbox {
  border: 1px solid #ff0000 !important;
  padding: 5px !important;
  margin-bottom: 10px;
  border-radius: 5px;
}

page-report-student-assignment page-corp-dashboard .mycustomdrop:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
  top: -15px;
  position: absolute;
  right: 15%;
}

page-report-student-assignment h1 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1.6875rem !important;
  line-height: 64px;
  letter-spacing: -0.4px;
}

page-report-student-assignment h2 {
  font-family: "Poppins", sans-serif;
  font-size: 24px !important;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
}

page-report-student-assignment h3,
page-report-student-assignment .h3 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 22px !important;
  line-height: 48px;
  /* identical to box height, or 200% */
  /* Neutral / dark gray */
  color: #000000;
}

page-report-student-assignment h4,
page-report-student-assignment .menu-heading-h4 {
  font-family: "Poppins", sans-serif !important;
  font-style: normal;
  font-weight: normal;
  font-size: 15px !important;
  line-height: 26px;
  /* or 144% */
  letter-spacing: -0.2px;
  color: #000000;
}

page-report-student-assignment h5 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  /* or 143% */
  color: #000000;
}

page-report-student-assignment .subtitle {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  /* or 200% */
  letter-spacing: 2.5px;
  color: #4E5761;
}

page-report-student-assignment p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 13px !important;
  line-height: 24px;
  /* identical to box height, or 171% */
  letter-spacing: -0.1px;
  /* Neutral / black */
  color: #000000;
}

page-report-student-assignment .ui-tabview.ui-tabview-top > .ui-tabview-nav {
  padding: 0.2em 0.2em 0;
  border-bottom: 1px solid #eaeaea;
}

page-report-student-assignment .scroll-content {
  padding: 0 !important;
}

page-report-student-assignment ion-navbar {
  margin: 0;
  border-radius: 0px;
  height: 50px !important;
  color: #172B4D !important;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-report-student-assignment ion-header {
  padding: 0;
}

page-report-student-assignment .header-md::after {
  background-image: none;
}

page-report-student-assignment .toolbar-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #172B4D !important;
  line-height: 24px;
  font-family: "Poppins", sans-serif;
  font-size: 2rem !important;
  font-weight: bold !important;
  text-align: left !important;
}

page-report-student-assignment .userLabel {
  float: right;
  display: inline;
  letter-spacing: 1px;
  color: #172B4D !important !important;
}

page-report-student-assignment .card-title {
  font-size: 16px !important;
  color: #000000;
  font-weight: bold !important;
  text-align: center !important;
}

page-report-student-assignment .barcolor {
  background: #5a75a3;
  color: #ffffff;
}

page-report-student-assignment p-sorticon {
  color: black;
}

page-report-student-assignment p-sorticon a {
  color: black !important;
}

page-report-student-assignment .globalTable {
  border: none;
  border: 1px solid #c1c1c1;
}

page-report-student-assignment .globalTable .ui-table-caption {
  border-bottom: 1px solid #dadada !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  font-size: 18px !important;
  background: #ecececad !important;
}

page-report-student-assignment .globalTable .table-header input {
  font-size: 15px !important;
  border-style: groove;
  width: 100% !important;
  padding-left: 10px;
  border-radius: 10px;
  border-color: #f3f3f3;
  font-weight: 500;
  line-height: 25px !important;
}

page-report-student-assignment .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-report-student-assignment .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

page-report-student-assignment .globalTable .table-header .align input {
  width: 80%;
  line-height: 25px;
}

page-report-student-assignment .globalTable .ui-table-tbody tr:nth-child(2n+1) {
  background: white;
}

page-report-student-assignment .globalTable .ui-table-tbody tr:nth-child(2n) {
  background: #f3f3f3;
}

page-report-student-assignment .globalTable .ui-table-tbody tr:hover {
  background: #c1c1c167 !important;
}

page-report-student-assignment .globalTable .ui-table-tbody .activeRow {
  background: #c4d2e5 !important;
}

page-report-student-assignment .globalTable th input {
  text-align: center !important;
  width: 90% !important;
  font-weight: 400 !important;
}

page-report-student-assignment .globalTable .ui-table .ui-sortable-column.ui-state-highlight {
  color: black !important;
}

page-report-student-assignment .globalTable .ui-table .ui-table-thead tr th {
  background: #eeeeee9e;
  border: none;
  padding: 10px 0;
  width: 100%;
  text-align: center;
}

page-report-student-assignment .globalTable .ui-table .ui-table-tbody tr td {
  border: none;
  background: inherit;
  padding: 20px 0;
  text-align: center;
}

page-report-student-assignment .globalTable .ui-table .ui-table-tbody tr {
  border-bottom: 1px solid #cacaca;
}

page-report-student-assignment .globalTable .p-column-filter {
  border-radius: 4px;
  border: 1px solid gray;
}

page-report-student-assignment .globalTable .badge-badge.status-Active {
  padding: 5px 20px;
  color: #226f4e;
  background-color: #9decbe;
  font-weight: 500;
  font-size: 12px;
}

page-report-student-assignment .globalTable .badge-badge.status-Inactive {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

page-report-student-assignment .globalTable .badge-badge.status-Suspended {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

page-report-student-assignment .globalTable .badge-badge.status-Waiting {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

page-report-student-assignment .globalTable .badge-badge.status-Pending {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

page-report-student-assignment .globalTable .actionIcon {
  padding: 0 3px;
  font-size: 16px;
  cursor: pointer;
}

page-report-student-assignment ion-icon {
  cursor: pointer;
}

page-report-student-assignment .button-md-reset {
  background-color: #ffffff;
  color: black !important;
  border: 1px solid #e3ecf7;
}

page-report-student-assignment .button-md-reset:hover {
  background-color: #ececec !important;
}

page-report-student-assignment .reset:hover {
  background-color: #ececec !important;
}

page-report-student-assignment .button-md-primary {
  background-color: #172B4D !important;
  color: #ffffff !important;
}

page-report-student-assignment ion-button {
  background-color: #172B4D !important;
  color: #ffffff;
}

page-report-student-assignment .my-custom-class .alert-button-group button:first-child {
  position: relative;
}

page-report-student-assignment .my-custom-class .alert-button-group button {
  font-weight: bold;
}

page-report-student-assignment .my-custom-class .alert-radio-group {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100% !important;
}

page-report-student-assignment .my-custom-class button {
  text-align: center;
}

page-report-student-assignment .alert-button-group button:first-child {
  position: relative !important;
  min-width: 0 !important;
}

page-report-student-assignment .alert-md .alert-wrapper {
  max-width: 320px !important;
}

page-report-student-assignment .alert-md .alert-message {
  font-size: 16px !important;
}

page-report-student-assignment .alert-button {
  font-size: 15px !important;
}

page-report-student-assignment .alert-md .alert-sub-title {
  font-size: 16px !important;
}

page-report-student-assignment .alert-md .alert-title {
  font-size: 22px !important;
}

page-report-student-assignment .breakclass {
  white-space: pre-line;
}

page-report-student-assignment .error {
  color: red;
  float: left;
}

page-report-student-assignment .topStrip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}

page-report-student-assignment .infographic1 {
  border: none;
  color: #367ad2;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-report-student-assignment .infographic1 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-report-student-assignment .infographic1 ion-icon {
  color: black;
}

page-report-student-assignment .infographic2 {
  border: none;
  color: #50d29b;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-report-student-assignment .infographic2 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-report-student-assignment .infographic2 ion-icon {
  color: black;
}

page-report-student-assignment .infographic3 {
  border: none;
  color: #ffaa00;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-report-student-assignment .infographic3 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-report-student-assignment .infographic3 ion-icon {
  color: black;
}

page-report-student-assignment .infographic4 {
  border: none;
  color: #f36363;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-report-student-assignment .infographic4 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-report-student-assignment .infographic4 ion-icon {
  color: black;
}

page-report-student-assignment .infographic5 {
  border: none;
  color: #41acbf;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-report-student-assignment .infographic5 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-report-student-assignment .infographic5 ion-icon {
  color: black;
}

page-report-student-assignment .infograph1 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #367ad2;
  font-size: 20px;
}

page-report-student-assignment .infograph2 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #51b98d;
  font-size: 20px;
}

page-report-student-assignment .infograph3 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #ffaa00;
  font-size: 20px;
}

page-report-student-assignment .infograph4 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #dc5b54;
  font-size: 20px;
}

page-report-student-assignment .infograph5 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #41acbf;
  font-size: 20px;
}

page-report-student-assignment .infographtext {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 12px;
}

page-report-student-assignment .successToast .toast-message {
  background-color: #d2f8d2 !important;
  color: black;
}

page-report-student-assignment .errorToast .toast-message {
  background-color: #eea9a0 !important;
  color: black;
}

page-report-student-assignment .actionIconsBar {
  padding-right: 20px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

page-report-student-assignment .ui-carousel .ui-carousel-header {
  display: none !important;
}

page-report-student-assignment .userfab .fab-close-active .fab-close-icon {
  height: 40px !important;
  position: relative !important;
}

page-report-student-assignment textarea.text-input {
  resize: none !important;
}

page-report-student-assignment .asterisk {
  color: red;
  padding-left: 3px;
}

page-report-student-assignment .m-b-t {
  margin-bottom: 4% !important;
}

page-report-student-assignment .ui-radiobutton-box.ui-state-active {
  border: 1px solid #09f;
  background: #09f;
  color: #09f;
}

page-report-student-assignment .alert-md .alert-message {
  overflow: auto;
}

page-report-student-assignment .alert-md .alert-message .alertstyle1 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

page-report-student-assignment .alert-md .alert-message .alertstyle1 b {
  width: 65px !important;
}

page-report-student-assignment .alert-md .alert-message .alertstyle3 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-report-student-assignment .alert-md .alert-message .alertstyle3 b {
  width: 65px !important;
}

page-report-student-assignment .alert-md .alert-message .alertstyle4 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-report-student-assignment .alert-md .alert-message .alertstyle4 b {
  width: 150px !important;
}

page-report-student-assignment .alert-md .alert-message .alertstyle5 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

page-report-student-assignment .alert-md .alert-message .alertstyle5 b {
  width: 75px !important;
}

page-report-student-assignment .alert-md .alert-message .alertstyle5 span {
  width: 5px;
}

page-report-student-assignment .alert-md .alert-message .alertstyle2 {
  text-align: left !important;
}

page-report-student-assignment .alert-md .alert-message .alertstyle2 li {
  margin-top: 10px;
}

page-report-student-assignment .ui-tooltip {
  background-color: #172B4D !important;
  color: #ffffff;
}

page-report-student-assignment .navsebexam .toolbar-content-md {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
}

page-report-student-assignment .modal-wrapper {
  height: 75%;
  top: 10%;
  position: absolute;
  display: block;
  border-radius: 10px !important;
}

page-report-student-assignment .ui-picklist-source-controls.ui-picklist-buttons {
  display: none !important;
}

page-report-student-assignment .ui-picklist-target-controls.ui-picklist-buttons {
  display: none !important;
}

page-report-student-assignment .ui-picklist-target-controls.ui-picklist-buttons.ng-star-inserted {
  display: none !important;
}

page-report-student-assignment .ellip {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

page-report-student-assignment .p-slider {
  background: #dee2e6;
  border: 0 none;
  border-radius: 3px;
}

page-report-student-assignment .Errorbox .alert-title {
  color: #d8000c;
}

page-report-student-assignment .Errorbox .alert-button {
  color: #d8000c;
}

page-report-student-assignment .card-md {
  border-radius: 5px !important;
}

page-report-student-assignment .modal {
  display: none;
  /* Hidden by default */
  position: -webkit-sticky;
  position: sticky;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 30px;
  /* Location of the box */
  left: 0;
  right: 0;
  bottom: 150px;
  width: 400px;
  height: 400px;
  margin: auto;
  border: 4px solid;
  background-color: black;
}

page-report-student-assignment .modal-content {
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
}

page-report-student-assignment .close {
  position: absolute;
  color: #f1f1f1;
  top: 0px;
  right: 10px;
  font-size: 28px;
  font-weight: bold;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

page-report-student-assignment .close:hover,
page-report-student-assignment .close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

page-report-student-assignment .customhr {
  width: 90%;
  background-color: #ccc;
}

page-report-student-assignment .mycustomtoolbar ion-segment {
  border: none;
}

page-report-student-assignment .mycustomtoolbar ion-segment-button {
  font-size: 16px !important;
  font-weight: 500 !important;
}

page-report-student-assignment .mycustomtoolbar .segment-md .segment-button.activated,
page-report-student-assignment .mycustomtoolbar .segment-md .segment-button.segment-activated {
  border-color: #172B4D !important;
  color: #172B4D !important;
}

page-report-student-assignment .mycustomtoolbar .toolbar-background {
  background: transparent;
}

page-report-student-assignment .fc {
  direction: ltr;
  text-align: left;
}

page-report-student-assignment .fc-rtl {
  text-align: right;
}

page-report-student-assignment body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}

page-report-student-assignment .fc-unthemed th,
page-report-student-assignment .fc-unthemed td,
page-report-student-assignment .fc-unthemed thead,
page-report-student-assignment .fc-unthemed tbody,
page-report-student-assignment .fc-unthemed .fc-divider,
page-report-student-assignment .fc-unthemed .fc-row,
page-report-student-assignment .fc-unthemed .fc-content,
page-report-student-assignment .fc-unthemed .fc-popover,
page-report-student-assignment .fc-unthemed .fc-list-view,
page-report-student-assignment .fc-unthemed .fc-list-heading td {
  border-color: #ddd;
}

page-report-student-assignment .fc-unthemed .fc-popover {
  background-color: #fff;
}

page-report-student-assignment .fc-unthemed .fc-divider,
page-report-student-assignment .fc-unthemed .fc-popover .fc-header,
page-report-student-assignment .fc-unthemed .fc-list-heading td {
  background: #eee;
}

page-report-student-assignment .fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}

page-report-student-assignment .fc-unthemed td.fc-today {
  background: #fcf8e3;
}

page-report-student-assignment .fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3;
}

page-report-student-assignment .fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3;
}

page-report-student-assignment .fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}

page-report-student-assignment .fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

page-report-student-assignment .fc-icon:after {
  position: relative;
}

page-report-student-assignment .fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-report-student-assignment .fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-report-student-assignment .fc-icon-left-double-arrow:after {
  content: "\000AB";
  font-size: 160%;
  top: -7%;
}

page-report-student-assignment .fc-icon-right-double-arrow:after {
  content: "\000BB";
  font-size: 160%;
  top: -7%;
}

page-report-student-assignment .fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%;
}

page-report-student-assignment .fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%;
}

page-report-student-assignment .fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%;
}

page-report-student-assignment .fc-icon-x:after {
  content: "\000D7";
  font-size: 200%;
  top: 6%;
}

page-report-student-assignment .fc button {
  /* force height to include the border and padding */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer;
}

page-report-student-assignment .fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}

page-report-student-assignment .fc-state-default {
  /* non-theme */
  border: 1px solid;
}

page-report-student-assignment .fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

page-report-student-assignment .fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

page-report-student-assignment .fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .2em;
  vertical-align: middle;
}

page-report-student-assignment .fc-state-default {
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-report-student-assignment .fc-state-hover,
page-report-student-assignment .fc-state-down,
page-report-student-assignment .fc-state-active,
page-report-student-assignment .fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}

page-report-student-assignment .fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

page-report-student-assignment .fc-state-down,
page-report-student-assignment .fc-state-active {
  background-color: #cccccc;
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-report-student-assignment .fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}

page-report-student-assignment .fc-button-group {
  display: inline-block;
}

page-report-student-assignment .fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px;
}

page-report-student-assignment .fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0;
}

page-report-student-assignment .fc-popover {
  position: absolute;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

page-report-student-assignment .fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px;
}

page-report-student-assignment .fc-popover .fc-header .fc-title {
  margin: 0 2px;
}

page-report-student-assignment .fc-popover .fc-header .fc-close {
  cursor: pointer;
}

page-report-student-assignment .fc-ltr .fc-popover .fc-header .fc-title,
page-report-student-assignment .fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}

page-report-student-assignment .fc-rtl .fc-popover .fc-header .fc-title,
page-report-student-assignment .fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}

page-report-student-assignment .fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}

page-report-student-assignment .fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: .9em;
  margin-top: 2px;
}

page-report-student-assignment .fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */
}

page-report-student-assignment .fc-divider {
  border-style: solid;
  border-width: 1px;
}

page-report-student-assignment hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}

page-report-student-assignment .fc-clear {
  clear: both;
}

page-report-student-assignment .fc-bg,
page-report-student-assignment .fc-bgevent-skeleton,
page-report-student-assignment .fc-highlight-skeleton,
page-report-student-assignment .fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-report-student-assignment .fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}

page-report-student-assignment .fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}

page-report-student-assignment .fc table {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}

page-report-student-assignment .fc th {
  text-align: center;
}

page-report-student-assignment .fc th,
page-report-student-assignment .fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}

page-report-student-assignment .fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}

page-report-student-assignment a[data-goto] {
  cursor: pointer;
}

page-report-student-assignment a[data-goto]:hover {
  text-decoration: underline;
}

page-report-student-assignment .fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}

page-report-student-assignment .fc-row table {
  /* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}

page-report-student-assignment .fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}

page-report-student-assignment .fc-row {
  position: relative;
}

page-report-student-assignment .fc-row .fc-bg {
  z-index: 1;
}

page-report-student-assignment .fc-row .fc-bgevent-skeleton,
page-report-student-assignment .fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}

page-report-student-assignment .fc-row .fc-bgevent-skeleton table,
page-report-student-assignment .fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}

page-report-student-assignment .fc-row .fc-highlight-skeleton td,
page-report-student-assignment .fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}

page-report-student-assignment .fc-row .fc-bgevent-skeleton {
  z-index: 2;
}

page-report-student-assignment .fc-row .fc-highlight-skeleton {
  z-index: 3;
}

page-report-student-assignment .fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}

page-report-student-assignment .fc-row .fc-helper-skeleton {
  z-index: 5;
}

page-report-student-assignment .fc-row .fc-content-skeleton td,
page-report-student-assignment .fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}

page-report-student-assignment .fc-row .fc-content-skeleton tbody td,
page-report-student-assignment .fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}

page-report-student-assignment .fc-scroller {
  -webkit-overflow-scrolling: touch;
}

page-report-student-assignment .fc-scroller > .fc-day-grid,
page-report-student-assignment .fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}

page-report-student-assignment .fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */
  font-weight: normal;
  /* undo jqui's ui-widget-header bold */
}

page-report-student-assignment .fc-event,
page-report-student-assignment .fc-event-dot {
  background-color: #3a87ad;
  /* default BACKGROUND color */
}

page-report-student-assignment .fc-event,
page-report-student-assignment .fc-event:hover,
page-report-student-assignment .ui-widget .fc-event {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}

page-report-student-assignment .fc-event[href],
page-report-student-assignment .fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}

page-report-student-assignment .fc-not-allowed,
page-report-student-assignment .fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}

page-report-student-assignment .fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #ffffff;
  opacity: .25;
}

page-report-student-assignment .fc-event .fc-content {
  position: relative;
  z-index: 2;
}

page-report-student-assignment .fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
}

page-report-student-assignment .fc-event .fc-resizer {
  display: none;
}

page-report-student-assignment .fc-event.fc-allow-mouse-resize .fc-resizer,
page-report-student-assignment .fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block;
}

page-report-student-assignment .fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}

page-report-student-assignment .fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

page-report-student-assignment .fc-event.fc-selected.fc-dragging {
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

page-report-student-assignment .fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}

page-report-student-assignment .fc-ltr .fc-h-event.fc-not-start,
page-report-student-assignment .fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

page-report-student-assignment .fc-ltr .fc-h-event.fc-not-end,
page-report-student-assignment .fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

page-report-student-assignment .fc-ltr .fc-h-event .fc-start-resizer,
page-report-student-assignment .fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */
}

page-report-student-assignment .fc-ltr .fc-h-event .fc-end-resizer,
page-report-student-assignment .fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */
}

page-report-student-assignment .fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */
}

page-report-student-assignment .fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* vertically center */
  top: 50%;
  margin-top: -4px;
}

page-report-student-assignment .fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
page-report-student-assignment .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */
}

page-report-student-assignment .fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
page-report-student-assignment .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */
}

page-report-student-assignment .fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}

page-report-student-assignment tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */
}

page-report-student-assignment .fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: .25;
}

page-report-student-assignment .fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}

page-report-student-assignment .fc-day-grid-event .fc-time {
  font-weight: bold;
}

page-report-student-assignment .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
page-report-student-assignment .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */
}

page-report-student-assignment .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
page-report-student-assignment .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */
}

page-report-student-assignment a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none;
}

page-report-student-assignment a.fc-more:hover {
  text-decoration: underline;
}

page-report-student-assignment .fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}

page-report-student-assignment .fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}

page-report-student-assignment .fc-more-popover {
  z-index: 2;
  width: 220px;
}

page-report-student-assignment .fc-more-popover .fc-event-container {
  padding: 10px;
}

page-report-student-assignment .fc-now-indicator {
  position: absolute;
  border: 0 solid red;
}

page-report-student-assignment .fc-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

page-report-student-assignment .fc-toolbar {
  text-align: center;
}

page-report-student-assignment .fc-toolbar.fc-header-toolbar {
  margin-bottom: 1em;
}

page-report-student-assignment .fc-toolbar.fc-footer-toolbar {
  margin-top: 1em;
}

page-report-student-assignment .fc-toolbar .fc-left {
  float: left;
}

page-report-student-assignment .fc-toolbar .fc-right {
  float: right;
}

page-report-student-assignment .fc-toolbar .fc-center {
  display: inline-block;
}

page-report-student-assignment .fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em;
}

page-report-student-assignment .fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0;
}

page-report-student-assignment .fc-toolbar h2 {
  margin: 0;
}

page-report-student-assignment .fc-toolbar button {
  position: relative;
}

page-report-student-assignment .fc-toolbar .fc-state-hover,
page-report-student-assignment .fc-toolbar .ui-state-hover {
  z-index: 2;
}

page-report-student-assignment .fc-toolbar .fc-state-down {
  z-index: 3;
}

page-report-student-assignment .fc-toolbar .fc-state-active,
page-report-student-assignment .fc-toolbar .ui-state-active {
  z-index: 4;
}

page-report-student-assignment .fc-toolbar button:focus {
  z-index: 5;
}

page-report-student-assignment .fc-view-container *,
page-report-student-assignment .fc-view-container *:before,
page-report-student-assignment .fc-view-container *:after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

page-report-student-assignment .fc-view,
page-report-student-assignment .fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}

page-report-student-assignment .fc-basicWeek-view .fc-content-skeleton,
page-report-student-assignment .fc-basicDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}

page-report-student-assignment .fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}

page-report-student-assignment .fc-row.fc-rigid {
  overflow: hidden;
}

page-report-student-assignment .fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-report-student-assignment .fc-day-top.fc-other-month {
  opacity: 0.3;
}

page-report-student-assignment .fc-basic-view .fc-week-number,
page-report-student-assignment .fc-basic-view .fc-day-number {
  padding: 2px;
}

page-report-student-assignment .fc-basic-view th.fc-week-number,
page-report-student-assignment .fc-basic-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */
}

page-report-student-assignment .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right;
}

page-report-student-assignment .fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left;
}

page-report-student-assignment .fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0;
}

page-report-student-assignment .fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px;
}

page-report-student-assignment .fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080;
}

page-report-student-assignment .fc-basic-view td.fc-week-number {
  text-align: center;
}

page-report-student-assignment .fc-basic-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}

page-report-student-assignment .fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}

page-report-student-assignment .fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}

page-report-student-assignment .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}

page-report-student-assignment .fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}

page-report-student-assignment .fc-ltr .fc-axis {
  text-align: right;
}

page-report-student-assignment .fc-rtl .fc-axis {
  text-align: left;
}

page-report-student-assignment .ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome jqui theme making it bold */
}

page-report-student-assignment .fc-time-grid-container,
page-report-student-assignment .fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}

page-report-student-assignment .fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

page-report-student-assignment .fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}

page-report-student-assignment .fc-time-grid > .fc-bg {
  z-index: 1;
}

page-report-student-assignment .fc-time-grid .fc-slats,
page-report-student-assignment .fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}

page-report-student-assignment .fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */
}

page-report-student-assignment .fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
}

page-report-student-assignment .fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1;
}

page-report-student-assignment .fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2;
}

page-report-student-assignment .fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3;
}

page-report-student-assignment .fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4;
}

page-report-student-assignment .fc-time-grid .fc-now-indicator-line {
  z-index: 5;
}

page-report-student-assignment .fc-time-grid .fc-helper-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6;
}

page-report-student-assignment .fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}

page-report-student-assignment .fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}

page-report-student-assignment .fc-time-grid .fc-slats .ui-widget-content {
  /* for jqui theme */
  background: none;
  /* see through to fc-bg */
}

page-report-student-assignment .fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}

page-report-student-assignment .fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}

page-report-student-assignment .fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}

page-report-student-assignment .fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}

page-report-student-assignment .fc-time-grid .fc-event,
page-report-student-assignment .fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}

page-report-student-assignment .fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}

page-report-student-assignment .fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

page-report-student-assignment .fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

page-report-student-assignment .fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */
}

page-report-student-assignment .fc-time-grid-event.fc-selected {
  /* need to allow touch resizers to extend outside event's bounding box */
  /* common fc-selected styles hide the fc-bg, so don't need this anyway */
  overflow: visible;
}

page-report-student-assignment .fc-time-grid-event.fc-selected .fc-bg {
  display: none;
  /* hide semi-white background, to appear darker */
}

page-report-student-assignment .fc-time-grid-event .fc-content {
  overflow: hidden;
  /* for when .fc-selected */
}

page-report-student-assignment .fc-time-grid-event .fc-time,
page-report-student-assignment .fc-time-grid-event .fc-title {
  padding: 0 1px;
}

page-report-student-assignment .fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap;
}

page-report-student-assignment .fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}

page-report-student-assignment .fc-time-grid-event.fc-short .fc-time,
page-report-student-assignment .fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}

page-report-student-assignment .fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}

page-report-student-assignment .fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}

page-report-student-assignment .fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
  /* seperate with a dash, wrapped in nbsp's */
}

page-report-student-assignment .fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}

page-report-student-assignment .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}

page-report-student-assignment .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "=";
}

page-report-student-assignment .fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px;
}

page-report-student-assignment .fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0;
}

page-report-student-assignment .fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */
}

page-report-student-assignment .fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-report-student-assignment .fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-report-student-assignment .fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}

page-report-student-assignment .fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */
}

page-report-student-assignment .fc-list-view {
  border-width: 1px;
  border-style: solid;
}

page-report-student-assignment .fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */
}

page-report-student-assignment .fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px;
}

page-report-student-assignment .fc-list-table tr:first-child td {
  border-top-width: 0;
}

page-report-student-assignment .fc-list-heading {
  border-bottom-width: 1px;
}

page-report-student-assignment .fc-list-heading td {
  font-weight: bold;
}

page-report-student-assignment .fc-ltr .fc-list-heading-main {
  float: left;
}

page-report-student-assignment .fc-ltr .fc-list-heading-alt {
  float: right;
}

page-report-student-assignment .fc-rtl .fc-list-heading-main {
  float: right;
}

page-report-student-assignment .fc-rtl .fc-list-heading-alt {
  float: left;
}

page-report-student-assignment .fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */
}

page-report-student-assignment .fc-list-item:hover td {
  background-color: #f5f5f5;
}

page-report-student-assignment .fc-list-item-marker,
page-report-student-assignment .fc-list-item-time {
  white-space: nowrap;
  width: 1px;
}

page-report-student-assignment .fc-ltr .fc-list-item-marker {
  padding-right: 0;
}

page-report-student-assignment .fc-rtl .fc-list-item-marker {
  padding-left: 0;
}

page-report-student-assignment .fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit;
}

page-report-student-assignment .fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline;
}

page-report-student-assignment .fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

page-report-student-assignment .fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table;
}

page-report-student-assignment .fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

page-report-student-assignment .fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #eee;
}

page-report-student-assignment .globalTable {
  border: 1px solid lightgrey;
  min-width: 1701px;
}

page-report-student-assignment .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-report-student-assignment .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

page-report-student-assignment .globalTable .table-header .align input {
  width: 60%;
  line-height: 25px;
}

page-report-student-assignment .globalTable th input {
  text-align: center;
  width: 90%;
  font-weight: 400;
}

page-report-student-assignment .generateButton {
  display: block;
  margin: 0 auto;
}

page-report-student-assignment .resetButton {
  float: right;
}

page-report-student-assignment .downloadButton {
  float: left;
}

page-report-student-assignment .nodata_avail {
  font-family: "Open Sans" !important;
  text-align: center;
  line-height: 60px;
  font-size: 25px;
  color: #0099ff !important;
  margin: auto;
  border-radius: 10px;
  width: 75%;
  padding: 13px 16px;
  background: #ffffff !important;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

page-report-student-assignment .nodata_avail-title {
  color: #0099ff !important;
  border-bottom: 1px solid #0099ff !important;
  font-size: 18px !important;
  font-weight: bold;
  font-family: "Open Sans";
  cursor: pointer;
}

page-report-student-exam {
  /* ANIMATION */
  /* SHADOWS */
  /*
 *
 *   MaterialWrap - Bootstrap + Material Design Admin Theme

 
*/
  /*
 * CSS Transform - Scale and Rotate
 */
  /* The Modal (background) */
  /* Modal Content (image) */
  /* The Close Button */
  /*!
 * FullCalendar v3.2.0 Stylesheet
 * Docs & License: https://fullcalendar.io/
 * (c) 2017 Adam Shaw
 */
  /* Colors
--------------------------------------------------------------------------------------------------*/
  /* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
  /*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
  /* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
  /* Firefox has an annoying inner border */
  /* icons in buttons */
  /*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
  /* Buttons Groups
--------------------------------------------------------------------------------------------------*/
  /*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
  /* Popover
--------------------------------------------------------------------------------------------------*/
  /* unthemed */
  /* jqui themed */
  /* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
  /* Tables
--------------------------------------------------------------------------------------------------*/
  /* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
  /* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
  /* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
  /* highlighting cells & background event skeleton */
  /*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
  /* Scrolling Container
--------------------------------------------------------------------------------------------------*/
  /* TODO: move to agenda/basic */
  /* Global Event Styles
--------------------------------------------------------------------------------------------------*/
  /* overpower some of bootstrap's and jqui's styles on <a> tags */
  /* resizer (cursor AND touch devices) */
  /* resizer (touch devices) */
  /* hit area */
  /* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
  /* Horizontal Events
--------------------------------------------------------------------------------------------------*/
  /* bigger touch area when selected */
  /* events that are continuing to/from another week. kill rounded corners and butt up against edge */
  /* resizer (cursor AND touch devices) */
  /* left resizer  */
  /* right resizer */
  /* resizer (mouse devices) */
  /* resizer (touch devices) */
  /* left resizer  */
  /* right resizer */
  /* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* resizer (cursor devices) */
  /* left resizer  */
  /* right resizer */
  /* Event Limiting
--------------------------------------------------------------------------------------------------*/
  /* "more" link that represents hidden events */
  /* popover that appears when "more" link is clicked */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* Utilities
--------------------------------------------------------------------------------------------------*/
  /* Toolbar
--------------------------------------------------------------------------------------------------*/
  /* the things within each left/right/center section */
  /* the first thing within each left/center/right section */
  /* title text */
  /* button layering (for border precedence) */
  /* View Structure
--------------------------------------------------------------------------------------------------*/
  /* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
  /* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
  /* BasicView
--------------------------------------------------------------------------------------------------*/
  /* day row structure */
  /* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
  /* week and day number styling */
  /* when week/day number have own column */
  /* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
  /* divs within a cell within the fc-content-skeleton */
  /* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
  /* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* short mode, where time and title are on the same line */
  /* resizer (cursor device) */
  /* resizer (touch device) */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* arrow on axis */
  /* List View
--------------------------------------------------------------------------------------------------*/
  /* possibly reusable */
  /* view wrapper */
  /* table resets */
  /* day headings with the list */
  /* event list items */
  /* make the dot closer to the event title */
  /* message when no events */
}

page-report-student-exam .letter-sp-1 {
  letter-spacing: 1px;
}

page-report-student-exam .letter-sp-2 {
  letter-spacing: 2px;
}

page-report-student-exam .letter-sp-3 {
  letter-spacing: 3px;
}

page-report-student-exam .m-0 {
  margin: 0 !important;
}

page-report-student-exam .m-5 {
  margin: 5px !important;
}

page-report-student-exam .m-10 {
  margin: 10px !important;
}

page-report-student-exam .m-15 {
  margin: 15px !important;
}

page-report-student-exam .m-20 {
  margin: 20px !important;
}

page-report-student-exam .m-30 {
  margin: 30px !important;
}

page-report-student-exam .m-50 {
  margin: 50px !important;
}

page-report-student-exam .m-b-100 {
  margin-bottom: 100px !important;
}

page-report-student-exam .m-b-15 {
  margin-bottom: 15px !important;
}

page-report-student-exam .m-b-20 {
  margin-bottom: 20px !important;
}

page-report-student-exam .m-b-0 {
  margin-bottom: 0 !important;
}

page-report-student-exam .m-l-0 {
  margin-left: 0 !important;
}

page-report-student-exam .m-l-5 {
  margin-left: 5px !important;
}

page-report-student-exam .m-l-10 {
  margin-left: 10px !important;
}

page-report-student-exam .m-l-15 {
  margin-left: 15px !important;
}

page-report-student-exam .m-l-20 {
  margin-left: 20px !important;
}

page-report-student-exam .m-l-30 {
  margin-left: 30px !important;
}

page-report-student-exam .m-l-40 {
  margin-left: 40px !important;
}

page-report-student-exam .m-l-50 {
  margin-left: 50px !important;
}

page-report-student-exam .m-l-n-1 {
  margin-left: -1px !important;
}

page-report-student-exam .m-l-n-5 {
  margin-left: -5px !important;
}

page-report-student-exam .m-l-n-10 {
  margin-left: -10px !important;
}

page-report-student-exam .m-l-n-15 {
  margin-left: -15px !important;
}

page-report-student-exam .m-l-n-20 {
  margin-left: -20px !important;
}

page-report-student-exam .m-l-n-30 {
  margin-left: -30px !important;
}

page-report-student-exam .m-l-n-40 {
  margin-left: -40px !important;
}

page-report-student-exam .m-l-n-50 {
  margin-left: -50px !important;
}

page-report-student-exam .m-t-0 {
  margin-top: 0 !important;
}

page-report-student-exam .m-t-1 {
  margin-top: 1px !important;
}

page-report-student-exam .m-t-2 {
  margin-top: 2px;
}

page-report-student-exam .m-t-2p {
  margin-top: 2% !important;
}

page-report-student-exam .m-t-5p {
  margin-top: 5% !important;
}

page-report-student-exam .m-t-25p {
  margin-top: 25% !important;
}

page-report-student-exam .m-t-30p {
  margin-top: 30% !important;
}

page-report-student-exam .m-t-4 {
  margin-top: 4px !important;
}

page-report-student-exam .m-t-5 {
  margin-top: 5px !important;
}

page-report-student-exam .m-t-5p {
  margin-top: 5% !important;
}

page-report-student-exam .m-t-10 {
  margin-top: 10px !important;
}

page-report-student-exam .m-t-15 {
  margin-top: 15px !important;
}

page-report-student-exam .m-t-20 {
  margin-top: 20px !important;
}

page-report-student-exam .m-t-30 {
  margin-top: 30px !important;
}

page-report-student-exam .m-t-40 {
  margin-top: 40px !important;
}

page-report-student-exam .m-t-50 {
  margin-top: 50px !important;
}

page-report-student-exam .m-t-75 {
  margin-top: 75px !important;
}

page-report-student-exam .m-t-100 {
  margin-top: 100px !important;
}

page-report-student-exam .m-t-120 {
  margin-top: 120px !important;
}

page-report-student-exam .m-t-140 {
  margin-top: 140px !important;
}

page-report-student-exam .m-t-n-1 {
  margin-top: -1px !important;
}

page-report-student-exam .m-t-n-5 {
  margin-top: -5px !important;
}

page-report-student-exam .m-t-n-10 {
  margin-top: -10px !important;
}

page-report-student-exam .m-t-n-15 {
  margin-top: -15px !important;
}

page-report-student-exam .m-t-n-20 {
  margin-top: -20px !important;
}

page-report-student-exam .m-t-n-30 {
  margin-top: -30px !important;
}

page-report-student-exam .m-t-n-40 {
  margin-top: -40px !important;
}

page-report-student-exam .m-t-n-50 {
  margin-top: -50px !important;
}

page-report-student-exam .m-r-0 {
  margin-right: 0 !important;
}

page-report-student-exam .m-r-1 {
  margin-right: 1px !important;
}

page-report-student-exam .m-r-5 {
  margin-right: 5px !important;
}

page-report-student-exam .m-r-10 {
  margin-right: 10px !important;
}

page-report-student-exam .m-r-15 {
  margin-right: 15px !important;
}

page-report-student-exam .m-r-20 {
  margin-right: 20px !important;
}

page-report-student-exam .m-r-30 {
  margin-right: 30px !important;
}

page-report-student-exam .m-r-40 {
  margin-right: 40px !important;
}

page-report-student-exam .m-r-50 {
  margin-right: 50px !important;
}

page-report-student-exam .m-r-n-1 {
  margin-right: -1px !important;
}

page-report-student-exam .m-r-n-5 {
  margin-right: -5px !important;
}

page-report-student-exam .m-r-n-10 {
  margin-right: -10px !important;
}

page-report-student-exam .m-r-n-15 {
  margin-right: -15px !important;
}

page-report-student-exam .m-r-n-20 {
  margin-right: -20px !important;
}

page-report-student-exam .m-r-n-30 {
  margin-right: -30px !important;
}

page-report-student-exam .m-r-n-40 {
  margin-right: -40px !important;
}

page-report-student-exam .m-r-n-50 {
  margin-right: -50px !important;
}

page-report-student-exam .m-b-0 {
  margin-bottom: 0 !important;
}

page-report-student-exam .m-b-1 {
  margin-bottom: 1px !important;
}

page-report-student-exam .m-b-4 {
  margin-bottom: 4px !important;
}

page-report-student-exam .m-b-5 {
  margin-bottom: 5px !important;
}

page-report-student-exam .m-b-10 {
  margin-bottom: 10px !important;
}

page-report-student-exam .m-b-15 {
  margin-bottom: 15px !important;
}

page-report-student-exam .m-b-20 {
  margin-bottom: 20px !important;
}

page-report-student-exam .m-b-30 {
  margin-bottom: 30px !important;
}

page-report-student-exam .m-b-40 {
  margin-bottom: 40px !important;
}

page-report-student-exam .m-b-50 {
  margin-bottom: 50px !important;
}

page-report-student-exam .m-b-n-1 {
  margin-bottom: -1px !important;
}

page-report-student-exam .m-b-n-5 {
  margin-bottom: -5px !important;
}

page-report-student-exam .m-b-n-10 {
  margin-bottom: -10px !important;
}

page-report-student-exam .m-b-n-15 {
  margin-bottom: -15px !important;
}

page-report-student-exam .m-b-n-20 {
  margin-bottom: -20px !important;
}

page-report-student-exam .m-b-n-30 {
  margin-bottom: -30px !important;
}

page-report-student-exam .m-b-n-40 {
  margin-bottom: -40px !important;
}

page-report-student-exam .m-b-n-50 {
  margin-bottom: -50px !important;
}

page-report-student-exam .p-0 {
  padding: 0 !important;
}

page-report-student-exam .p-5 {
  padding: 5px !important;
}

page-report-student-exam .p-10 {
  padding: 10px !important;
}

page-report-student-exam .p-15 {
  padding: 15px !important;
}

page-report-student-exam .p-20 {
  padding: 20px !important;
}

page-report-student-exam .p-25 {
  padding: 25px !important;
}

page-report-student-exam .p-30 {
  padding: 30px !important;
}

page-report-student-exam .p-40 {
  padding: 40px !important;
}

page-report-student-exam .p-50 {
  padding: 50px !important;
}

page-report-student-exam .p-75 {
  padding: 75px !important;
}

page-report-student-exam .p-100 {
  padding: 100px !important;
}

page-report-student-exam .p-lr {
  padding: 0px 4% 0px 4%;
}

page-report-student-exam .p-l-0 {
  padding-left: 0 !important;
}

page-report-student-exam .p-l-5 {
  padding-left: 5px !important;
}

page-report-student-exam .p-l-10 {
  padding-left: 10px !important;
}

page-report-student-exam .p-l-12 {
  padding-left: 12px !important;
}

page-report-student-exam .p-l-15 {
  padding-left: 15px !important;
}

page-report-student-exam .p-l-16 {
  padding-left: 16px !important;
}

page-report-student-exam .p-l-20 {
  padding-left: 20px !important;
}

page-report-student-exam .p-l-25 {
  padding-left: 25px !important;
}

page-report-student-exam .p-l-30 {
  padding-left: 30px !important;
}

page-report-student-exam .p-l-40 {
  padding-left: 40px !important;
}

page-report-student-exam .p-l-50 {
  padding-left: 50px !important;
}

page-report-student-exam .p-l-75 {
  padding-left: 75px !important;
}

page-report-student-exam .p-l-100 {
  padding-left: 100px !important;
}

page-report-student-exam .p-r-0 {
  padding-right: 0 !important;
}

page-report-student-exam .p-r-5 {
  padding-right: 5px !important;
}

page-report-student-exam .p-r-10 {
  padding-right: 10px !important;
}

page-report-student-exam .p-r-12 {
  padding-right: 12px !important;
}

page-report-student-exam .p-r-15 {
  padding-right: 15px !important;
}

page-report-student-exam .p-r-20 {
  padding-right: 20px !important;
}

page-report-student-exam .p-r-25 {
  padding-right: 25px !important;
}

page-report-student-exam .p-r-30 {
  padding-right: 30px !important;
}

page-report-student-exam .p-r-40 {
  padding-right: 40px !important;
}

page-report-student-exam .p-r-50 {
  padding-right: 50px !important;
}

page-report-student-exam .p-r-75 {
  padding-right: 75px !important;
}

page-report-student-exam .p-r-100 {
  padding-right: 100px !important;
}

page-report-student-exam .p-b-0 {
  padding-bottom: 0 !important;
}

page-report-student-exam .p-b-5 {
  padding-bottom: 5px !important;
}

page-report-student-exam .p-b-10 {
  padding-bottom: 10px !important;
}

page-report-student-exam .p-b-15 {
  padding-bottom: 15px !important;
}

page-report-student-exam .p-b-16 {
  padding-bottom: 16px !important;
}

page-report-student-exam .p-b-20 {
  padding-bottom: 20px !important;
}

page-report-student-exam .p-b-25 {
  padding-bottom: 25px !important;
}

page-report-student-exam .p-b-30 {
  padding-bottom: 30px !important;
}

page-report-student-exam .p-b-40 {
  padding-bottom: 40px !important;
}

page-report-student-exam .p-b-50 {
  padding-bottom: 50px !important;
}

page-report-student-exam .p-b-60 {
  padding-bottom: 60px !important;
}

page-report-student-exam .p-b-70 {
  padding-bottom: 70px !important;
}

page-report-student-exam .p-b-80 {
  padding-bottom: 80px !important;
}

page-report-student-exam .p-b-90 {
  padding-bottom: 90px !important;
}

page-report-student-exam .p-b-100 {
  padding-bottom: 100px !important;
}

page-report-student-exam .p-t-0 {
  padding-top: 0 !important;
}

page-report-student-exam .p-t-5 {
  padding-top: 5px !important;
}

page-report-student-exam .p-t-7 {
  padding-top: 7px !important;
}

page-report-student-exam .p-t-10 {
  padding-top: 10px !important;
}

page-report-student-exam .p-t-15 {
  padding-top: 15px !important;
}

page-report-student-exam .p-t-16 {
  padding-top: 16px !important;
}

page-report-student-exam .p-t-20 {
  padding-top: 20px !important;
}

page-report-student-exam .p-t-25 {
  padding-top: 25px !important;
}

page-report-student-exam .p-t-30 {
  padding-top: 30px !important;
}

page-report-student-exam .p-t-40 {
  padding-top: 40px !important;
}

page-report-student-exam .p-t-50 {
  padding-top: 50px !important;
}

page-report-student-exam .p-t-75 {
  padding-top: 75px !important;
}

page-report-student-exam .p-t-100 {
  padding-top: 100px !important;
}

page-report-student-exam .p-t-120 {
  padding-top: 120px !important;
}

page-report-student-exam .p-t-130 {
  padding-top: 130px !important;
}

page-report-student-exam .p-t-140 {
  padding-top: 140px !important;
}

page-report-student-exam .p-t-150 {
  padding-top: 150px !important;
}

page-report-student-exam .block {
  display: block !important;
}

page-report-student-exam .img-xs {
  width: 30px;
  height: 30px;
}

page-report-student-exam .img-sm {
  width: 35px;
  height: 35px;
}

page-report-student-exam .img-md {
  width: 55px;
  height: 55px;
}

page-report-student-exam .img-lg {
  width: 100px;
  height: 100px;
}

page-report-student-exam .min-w-800 {
  min-width: 800px !important;
}

page-report-student-exam .min-w-1000 {
  min-width: 1000px !important;
}

page-report-student-exam .min-w-1100 {
  min-width: 1100px !important;
}

page-report-student-exam .max-w-20 {
  max-width: 20px !important;
}

page-report-student-exam .max-w-30 {
  max-width: 30px !important;
}

page-report-student-exam .max-w-32 {
  max-width: 35px !important;
}

page-report-student-exam .max-w-35 {
  max-width: 35px !important;
}

page-report-student-exam .max-w-40 {
  max-width: 40px !important;
}

page-report-student-exam .max-w-50 {
  max-width: 50px !important;
}

page-report-student-exam .max-w-75 {
  max-width: 75px !important;
}

page-report-student-exam .max-w-100 {
  max-width: 100px !important;
}

page-report-student-exam .max-w-150 {
  max-width: 150px !important;
}

page-report-student-exam .max-w-200 {
  max-width: 200px !important;
}

page-report-student-exam .max-w-300 {
  max-width: 300px !important;
}

page-report-student-exam .max-w-400 {
  max-width: 400px !important;
}

page-report-student-exam .overflow-hidden {
  overflow: hidden;
}

page-report-student-exam .overflow-auto {
  overflow: auto;
}

page-report-student-exam .max-h-50 {
  max-height: 50px !important;
}

page-report-student-exam .max-h-80 {
  max-height: 80px !important;
}

page-report-student-exam .max-h-100 {
  max-height: 100px !important;
}

page-report-student-exam .max-h-150 {
  max-height: 150px !important;
}

page-report-student-exam .max-h-200 {
  max-height: 200px !important;
}

page-report-student-exam .max-h-250 {
  max-height: 250px !important;
}

page-report-student-exam .max-h-300 {
  max-height: 300px !important;
}

page-report-student-exam .max-h-350 {
  max-height: 300px !important;
}

page-report-student-exam .max-h-375 {
  max-height: 300px !important;
}

page-report-student-exam .max-h-400 {
  max-height: 400px !important;
}

page-report-student-exam .max-h-450 {
  max-height: 450px !important;
}

page-report-student-exam .max-h-500 {
  max-height: 500px !important;
}

page-report-student-exam .max-h-600 {
  max-height: 600px !important;
}

page-report-student-exam .max-h-650 {
  max-height: 650px !important;
}

page-report-student-exam .max-h-700 {
  max-height: 700px !important;
}

page-report-student-exam .max-h-800 {
  max-height: 800px !important;
}

page-report-student-exam .max-h-900 {
  max-height: 900px !important;
}

page-report-student-exam .max-h-1000 {
  max-height: 1000px !important;
}

page-report-student-exam .min-h-0 {
  min-height: 0 !important;
}

page-report-student-exam .min-h-50 {
  min-height: 50px !important;
}

page-report-student-exam .min-h-100 {
  min-height: 100px !important;
}

page-report-student-exam .min-h-200 {
  min-height: 200px !important;
}

page-report-student-exam .min-h-250 {
  min-height: 250px !important;
}

page-report-student-exam .min-h-300 {
  min-height: 300px !important;
}

page-report-student-exam .min-h-350 {
  min-height: 300px !important;
}

page-report-student-exam .min-h-375 {
  min-height: 300px !important;
}

page-report-student-exam .min-h-400 {
  min-height: 400px !important;
}

page-report-student-exam .min-h-450 {
  min-height: 450px !important;
}

page-report-student-exam .min-h-500 {
  min-height: 500px !important;
}

page-report-student-exam .min-h-600 {
  min-height: 600px !important;
}

page-report-student-exam .min-h-650 {
  min-height: 650px !important;
}

page-report-student-exam .min-h-700 {
  min-height: 700px !important;
}

page-report-student-exam .min-h-800 {
  min-height: 800px !important;
}

page-report-student-exam .min-h-900 {
  min-height: 900px !important;
}

page-report-student-exam .min-h-1000 {
  min-height: 1000px !important;
}

page-report-student-exam .h-5 {
  height: 5px !important;
}

page-report-student-exam .h-10 {
  height: 10px !important;
}

page-report-student-exam .h-20 {
  height: 20px !important;
}

page-report-student-exam .h-25 {
  height: 25px !important;
}

page-report-student-exam .h-50 {
  height: 50px !important;
}

page-report-student-exam .h-75 {
  height: 75px !important;
}

page-report-student-exam .h-100 {
  height: 100px !important;
}

page-report-student-exam .h-125 {
  height: 125px !important;
}

page-report-student-exam .h-150 {
  height: 150px !important;
}

page-report-student-exam .h-200 {
  height: 200px !important;
}

page-report-student-exam .h-300 {
  height: 300px !important;
}

page-report-student-exam .h-350 {
  height: 350px !important;
}

page-report-student-exam .h-400 {
  height: 400px !important;
}

page-report-student-exam .h-450 {
  height: 450px !important;
}

page-report-student-exam .h-500 {
  height: 500px !important;
}

page-report-student-exam .h-600 {
  height: 600px !important;
}

page-report-student-exam .h-650 {
  height: 650px !important;
}

page-report-student-exam .h-700 {
  height: 700px !important;
}

page-report-student-exam .h-800 {
  height: 800px !important;
}

page-report-student-exam .h-900 {
  height: 900px !important;
}

page-report-student-exam .h-1000 {
  height: 1000px !important;
}

page-report-student-exam .w-5 {
  width: 5px !important;
}

page-report-student-exam .w-10 {
  width: 10px !important;
}

page-report-student-exam .w-15 {
  width: 15px !important;
}

page-report-student-exam .w-20 {
  width: 20px !important;
}

page-report-student-exam .w-30 {
  width: 30px !important;
}

page-report-student-exam .w-40 {
  width: 40px !important;
}

page-report-student-exam .w-50 {
  width: 50px !important;
}

page-report-student-exam .w-60 {
  width: 60px !important;
}

page-report-student-exam .w-80 {
  width: 80px !important;
}

page-report-student-exam .w-100 {
  width: 100px !important;
}

page-report-student-exam .w-150 {
  width: 150px !important;
}

page-report-student-exam .w-190 {
  width: 190px !important;
}

page-report-student-exam .w-200 {
  width: 200px !important;
}

page-report-student-exam .w-250 {
  width: 250px !important;
}

page-report-student-exam .w-300 {
  width: 300px !important;
}

page-report-student-exam .w-600 {
  width: 600px !important;
}

page-report-student-exam .w-100p {
  width: 100% !important;
}

page-report-student-exam .w-95p {
  width: 95% !important;
}

page-report-student-exam .w-90p {
  width: 90% !important;
}

page-report-student-exam .w-80p {
  width: 80% !important;
}

page-report-student-exam .w-70p {
  width: 70% !important;
}

page-report-student-exam .w-60p {
  width: 60% !important;
}

page-report-student-exam .w-50p {
  width: 50% !important;
}

page-report-student-exam .w-45p {
  width: 45% !important;
}

page-report-student-exam .w-40p {
  width: 40% !important;
}

page-report-student-exam .w-30p {
  width: 30% !important;
}

page-report-student-exam .w-25p {
  width: 25% !important;
}

page-report-student-exam .w-20p {
  width: 20% !important;
}

page-report-student-exam .w-15p {
  width: 15% !important;
}

page-report-student-exam .w-10p {
  width: 10% !important;
}

page-report-student-exam .w-8p {
  width: 8% !important;
}

page-report-student-exam .w-5p {
  width: 5% !important;
}

page-report-student-exam .w-3p {
  width: 3% !important;
}

page-report-student-exam .w-95p {
  width: 95% !important;
}

page-report-student-exam .h-100p {
  height: 100% !important;
}

page-report-student-exam .h-80p {
  height: 80% !important;
}

page-report-student-exam .absolute {
  position: absolute !important;
}

page-report-student-exam .relative {
  position: relative !important;
}

page-report-student-exam .block {
  display: block !important;
}

page-report-student-exam .inline-block {
  display: inline-block !important;
}

page-report-student-exam .list-block li {
  display: block !important;
}

page-report-student-exam .list-inline li {
  display: inline !important;
}

page-report-student-exam .clear-both {
  clear: both !important;
}

page-report-student-exam .line-height-normal {
  line-height: normal !important;
}

page-report-student-exam .line-height-8 {
  line-height: 8px !important;
}

page-report-student-exam .line-height-14 {
  line-height: 14px !important;
}

page-report-student-exam .line-height-12 {
  line-height: normal !important;
}

page-report-student-exam ul.style-none {
  margin: 0;
  padding: 0;
  list-style: none;
}

page-report-student-exam ul.style-none li {
  font-size: 0.875rem;
  padding: 3px 0;
}

page-report-student-exam ul.style-none li ul {
  list-style: none;
}

page-report-student-exam ul.vertical-icon-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

page-report-student-exam ul.vertical-icon-list li {
  font-size: 0.875rem;
  padding: 6px 0;
}

page-report-student-exam ul.vertical-icon-list li i {
  font-size: 1.25rem;
  padding-right: 15px;
  vertical-align: middle;
}

page-report-student-exam .bg-white {
  background: #ffffff !important;
}

page-report-student-exam .bg-green {
  background: #28bebd !important;
}

page-report-student-exam .bg-blue {
  background: #42a5f5 !important;
}

page-report-student-exam .bg-lightBlue {
  background: #2ebaee !important;
}

page-report-student-exam .bg-red {
  background: #ef5350 !important;
}

page-report-student-exam .bg-yellow {
  background: #f8c200 !important;
}

page-report-student-exam .bg-paleYellow {
  background: #fddd7e !important;
}

page-report-student-exam .bg-lightGray {
  background: #e3ecf7 !important;
}

page-report-student-exam .bg-gray {
  background: #8f9eb5 !important;
}

page-report-student-exam .bg-drakGray {
  background: #707c94 !important;
}

page-report-student-exam .bg-grayBlue {
  background: #59779b !important;
}

page-report-student-exam .bg-purple {
  background: #6b79c4 !important;
}

page-report-student-exam .bg-turquoise {
  background: #00c5dc !important;
}

page-report-student-exam .bg-peach {
  background: #feb38d !important;
}

page-report-student-exam .bg-transparent {
  background: transparent !important;
}

page-report-student-exam .text-primary {
  color: #172B4D !important;
}

page-report-student-exam .text-link {
  color: #0645ad !important;
}

page-report-student-exam .text-green {
  color: #28bebd !important;
}

page-report-student-exam .text-turquoise {
  color: #00c5dc !important;
}

page-report-student-exam .text-red {
  color: #ef5350 !important;
}

page-report-student-exam .text-cyan {
  color: #26c6da !important;
}

page-report-student-exam .text-yellow {
  color: #f8c200 !important;
}

page-report-student-exam .text-gray {
  color: #8f9eb5 !important;
}

page-report-student-exam .text-blue {
  color: #42a5f5 !important;
}

page-report-student-exam .text-orange {
  color: #ffb74d !important;
}

page-report-student-exam .text-purple {
  color: #6b79c4 !important;
}

page-report-student-exam .text-white {
  color: #fff !important;
}

page-report-student-exam .text-brown {
  color: #906b6b !important;
}

page-report-student-exam .text-salmon {
  color: #ee6e73 !important;
}

page-report-student-exam .text-muted {
  color: #8396b0;
}

page-report-student-exam .color-black {
  color: #000 !important;
}

page-report-student-exam .color-white {
  color: #fff !important;
}

page-report-student-exam .bg-white {
  background-color: #fff !important;
}

page-report-student-exam .transparent {
  background: transparent !important;
}

page-report-student-exam .bg-primary {
  background-color: #172B4D !important;
}

page-report-student-exam .border-bottom,
page-report-student-exam .border-grey-bottom-1px {
  border-bottom: 1px solid rgba(215, 225, 237, 0.8) !important;
}

page-report-student-exam .border-grey-top-1px,
page-report-student-exam .border-top {
  border-top: 1px solid rgba(215, 225, 237, 0.6) !important;
}

page-report-student-exam .border-bottom-black-2px {
  border-bottom: 2px solid black;
}

page-report-student-exam .border-top0p {
  border-top: 0px !important;
}

page-report-student-exam .b-n {
  border: none !important;
}

page-report-student-exam .b-b-1 {
  border: 1px solid black;
}

page-report-student-exam .b-lg-1 {
  border: 1px solid lightgrey;
}

page-report-student-exam .shadow-none {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

page-report-student-exam .shadow-z-0 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-report-student-exam .shadow-z-1 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-report-student-exam .shadow-z-1:hover {
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

page-report-student-exam .shadow-z-2 {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

page-report-student-exam .shadow-z-3 {
  -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

page-report-student-exam .shadow-z-4 {
  -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}

page-report-student-exam .shadow-z-5 {
  -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}

page-report-student-exam .big-shadow {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
}

page-report-student-exam .shadow-2dp {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

page-report-student-exam .shadow-3dp {
  -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}

page-report-student-exam .shadow-4dp {
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}

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

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

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

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

page-report-student-exam .font-weight-100 {
  font-weight: 100 !important;
}

page-report-student-exam .font-weight-200 {
  font-weight: 200 !important;
}

page-report-student-exam .font-weight-300 {
  font-weight: 300 !important;
}

page-report-student-exam .font-weight-400 {
  font-weight: 400 !important;
}

page-report-student-exam .font-weight-500 {
  font-weight: 500 !important;
}

page-report-student-exam .font-weight-600 {
  font-weight: 600 !important;
}

page-report-student-exam .font-weight-700 {
  font-weight: 700 !important;
}

page-report-student-exam .font-weight-800 {
  font-weight: 800 !important;
}

page-report-student-exam .font-weight-900 {
  font-weight: 900 !important;
}

page-report-student-exam .font-weight-light {
  font-weight: 100 !important;
}

page-report-student-exam .font-weight-normal {
  font-weight: 300 !important;
}

page-report-student-exam .font-weight-medium {
  font-weight: 400 !important;
}

page-report-student-exam .font-weight-bold {
  font-weight: 500 !important;
}

page-report-student-exam .bold {
  font-weight: bold !important;
}

page-report-student-exam .font-size-0 {
  font-size: 0 !important;
}

page-report-student-exam .font-size-10 {
  font-size: 10px !important;
}

page-report-student-exam .font-size-11 {
  font-size: 11px !important;
}

page-report-student-exam .font-size-12 {
  font-size: 12px !important;
}

page-report-student-exam .font-size-14 {
  font-size: 14px !important;
}

page-report-student-exam .font-size-16 {
  font-size: 16px !important;
}

page-report-student-exam .font-size-18 {
  font-size: 18px !important;
}

page-report-student-exam .font-size-20 {
  font-size: 20px !important;
}

page-report-student-exam .font-size-24 {
  font-size: 24px !important;
}

page-report-student-exam .font-size-26 {
  font-size: 26px !important;
}

page-report-student-exam .font-size-30 {
  font-size: 30px !important;
}

page-report-student-exam .font-size-35 {
  font-size: 35px !important;
}

page-report-student-exam .font-size-38 {
  font-size: 38px !important;
}

page-report-student-exam .font-size-40 {
  font-size: 40px !important;
}

page-report-student-exam .font-size-50 {
  font-size: 50px !important;
}

page-report-student-exam .font-size-60 {
  font-size: 60px !important;
}

page-report-student-exam .font-size-70 {
  font-size: 70px !important;
}

page-report-student-exam .font-size-80 {
  font-size: 80px !important;
}

page-report-student-exam .hidden {
  display: none !important;
}

page-report-student-exam .w-100p {
  width: 100% !important;
}

page-report-student-exam .float-r {
  float: right !important;
}

page-report-student-exam .float-l {
  float: left !important;
}

page-report-student-exam .align-c {
  display: block;
  margin: 0 auto;
}

page-report-student-exam .align-b {
  display: block;
}

page-report-student-exam .text-center {
  text-align: center !important;
}

page-report-student-exam .text-left {
  text-align: left !important;
}

page-report-student-exam .text-right {
  text-align: right !important;
}

page-report-student-exam .align-v-c {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-report-student-exam .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-report-student-exam .align-v-c1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-report-student-exam .align-v-c2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-report-student-exam .align-v-c3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-report-student-exam .align-v-c4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-report-student-exam .align-flex-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-report-student-exam .align-right-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

page-report-student-exam .align-start-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media (max-width: 576px) {
  page-report-student-exam .d-xs-none {
    display: none !important;
  }
  page-report-student-exam .d-xs-inline {
    display: inline !important;
  }
  page-report-student-exam .d-xs-inline-block {
    display: inline-block !important;
  }
  page-report-student-exam .d-xs-block {
    display: block !important;
  }
  page-report-student-exam .d-xs-table {
    display: table !important;
  }
  page-report-student-exam .d-xs-table-cell {
    display: table-cell !important;
  }
  page-report-student-exam .d-xs-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
  }
  page-report-student-exam .d-xs-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important;
  }
}

page-report-student-exam .b-r-gd {
  border-radius: 10px !important;
}

page-report-student-exam .b-r-10 {
  border-radius: 10px !important;
}

page-report-student-exam .b-r-5 {
  border-radius: 5px;
}

page-report-student-exam .d-fl-ov-x {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  overflow-x: auto !important;
}

page-report-student-exam .align-base {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-report-student-exam .d-fl-bl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-report-student-exam .d-fl-vhcenter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-report-student-exam .d-fl-b2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
}

page-report-student-exam .d-fl-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-report-student-exam .d-fl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-report-student-exam .d-fl-sb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-report-student-exam .d-fl-saround {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-report-student-exam .d-fl-ac {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-report-student-exam .text-capital {
  text-transform: capitalize !important;
}

page-report-student-exam .text-upper {
  text-transform: uppercase !important;
}

page-report-student-exam .m-a {
  margin: auto !important;
}

page-report-student-exam .m-l-a {
  margin-left: auto !important;
}

page-report-student-exam .m-r-a {
  margin-right: auto !important;
}

page-report-student-exam .italic {
  font-style: italic;
}

page-report-student-exam .pointer {
  cursor: pointer;
}

page-report-student-exam .ws-in {
  white-space: inherit;
}

page-report-student-exam .opacity-1 {
  opacity: 1;
}

page-report-student-exam .in-valid-checkbox {
  border: 1px solid #ff0000 !important;
  padding: 5px !important;
  margin-bottom: 10px;
  border-radius: 5px;
}

page-report-student-exam page-corp-dashboard .mycustomdrop:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
  top: -15px;
  position: absolute;
  right: 15%;
}

page-report-student-exam h1 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1.6875rem !important;
  line-height: 64px;
  letter-spacing: -0.4px;
}

page-report-student-exam h2 {
  font-family: "Poppins", sans-serif;
  font-size: 24px !important;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
}

page-report-student-exam h3,
page-report-student-exam .h3 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 22px !important;
  line-height: 48px;
  /* identical to box height, or 200% */
  /* Neutral / dark gray */
  color: #000000;
}

page-report-student-exam h4,
page-report-student-exam .menu-heading-h4 {
  font-family: "Poppins", sans-serif !important;
  font-style: normal;
  font-weight: normal;
  font-size: 15px !important;
  line-height: 26px;
  /* or 144% */
  letter-spacing: -0.2px;
  color: #000000;
}

page-report-student-exam h5 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  /* or 143% */
  color: #000000;
}

page-report-student-exam .subtitle {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  /* or 200% */
  letter-spacing: 2.5px;
  color: #4E5761;
}

page-report-student-exam p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 13px !important;
  line-height: 24px;
  /* identical to box height, or 171% */
  letter-spacing: -0.1px;
  /* Neutral / black */
  color: #000000;
}

page-report-student-exam .ui-tabview.ui-tabview-top > .ui-tabview-nav {
  padding: 0.2em 0.2em 0;
  border-bottom: 1px solid #eaeaea;
}

page-report-student-exam .scroll-content {
  padding: 0 !important;
}

page-report-student-exam ion-navbar {
  margin: 0;
  border-radius: 0px;
  height: 50px !important;
  color: #172B4D !important;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-report-student-exam ion-header {
  padding: 0;
}

page-report-student-exam .header-md::after {
  background-image: none;
}

page-report-student-exam .toolbar-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #172B4D !important;
  line-height: 24px;
  font-family: "Poppins", sans-serif;
  font-size: 2rem !important;
  font-weight: bold !important;
  text-align: left !important;
}

page-report-student-exam .userLabel {
  float: right;
  display: inline;
  letter-spacing: 1px;
  color: #172B4D !important !important;
}

page-report-student-exam .card-title {
  font-size: 16px !important;
  color: #000000;
  font-weight: bold !important;
  text-align: center !important;
}

page-report-student-exam .barcolor {
  background: #5a75a3;
  color: #ffffff;
}

page-report-student-exam p-sorticon {
  color: black;
}

page-report-student-exam p-sorticon a {
  color: black !important;
}

page-report-student-exam .globalTable {
  border: none;
  border: 1px solid #c1c1c1;
}

page-report-student-exam .globalTable .ui-table-caption {
  border-bottom: 1px solid #dadada !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  font-size: 18px !important;
  background: #ecececad !important;
}

page-report-student-exam .globalTable .table-header input {
  font-size: 15px !important;
  border-style: groove;
  width: 100% !important;
  padding-left: 10px;
  border-radius: 10px;
  border-color: #f3f3f3;
  font-weight: 500;
  line-height: 25px !important;
}

page-report-student-exam .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-report-student-exam .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

page-report-student-exam .globalTable .table-header .align input {
  width: 80%;
  line-height: 25px;
}

page-report-student-exam .globalTable .ui-table-tbody tr:nth-child(2n+1) {
  background: white;
}

page-report-student-exam .globalTable .ui-table-tbody tr:nth-child(2n) {
  background: #f3f3f3;
}

page-report-student-exam .globalTable .ui-table-tbody tr:hover {
  background: #c1c1c167 !important;
}

page-report-student-exam .globalTable .ui-table-tbody .activeRow {
  background: #c4d2e5 !important;
}

page-report-student-exam .globalTable th input {
  text-align: center !important;
  width: 90% !important;
  font-weight: 400 !important;
}

page-report-student-exam .globalTable .ui-table .ui-sortable-column.ui-state-highlight {
  color: black !important;
}

page-report-student-exam .globalTable .ui-table .ui-table-thead tr th {
  background: #eeeeee9e;
  border: none;
  padding: 10px 0;
  width: 100%;
  text-align: center;
}

page-report-student-exam .globalTable .ui-table .ui-table-tbody tr td {
  border: none;
  background: inherit;
  padding: 20px 0;
  text-align: center;
}

page-report-student-exam .globalTable .ui-table .ui-table-tbody tr {
  border-bottom: 1px solid #cacaca;
}

page-report-student-exam .globalTable .p-column-filter {
  border-radius: 4px;
  border: 1px solid gray;
}

page-report-student-exam .globalTable .badge-badge.status-Active {
  padding: 5px 20px;
  color: #226f4e;
  background-color: #9decbe;
  font-weight: 500;
  font-size: 12px;
}

page-report-student-exam .globalTable .badge-badge.status-Inactive {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

page-report-student-exam .globalTable .badge-badge.status-Suspended {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

page-report-student-exam .globalTable .badge-badge.status-Waiting {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

page-report-student-exam .globalTable .badge-badge.status-Pending {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

page-report-student-exam .globalTable .actionIcon {
  padding: 0 3px;
  font-size: 16px;
  cursor: pointer;
}

page-report-student-exam ion-icon {
  cursor: pointer;
}

page-report-student-exam .button-md-reset {
  background-color: #ffffff;
  color: black !important;
  border: 1px solid #e3ecf7;
}

page-report-student-exam .button-md-reset:hover {
  background-color: #ececec !important;
}

page-report-student-exam .reset:hover {
  background-color: #ececec !important;
}

page-report-student-exam .button-md-primary {
  background-color: #172B4D !important;
  color: #ffffff !important;
}

page-report-student-exam ion-button {
  background-color: #172B4D !important;
  color: #ffffff;
}

page-report-student-exam .my-custom-class .alert-button-group button:first-child {
  position: relative;
}

page-report-student-exam .my-custom-class .alert-button-group button {
  font-weight: bold;
}

page-report-student-exam .my-custom-class .alert-radio-group {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100% !important;
}

page-report-student-exam .my-custom-class button {
  text-align: center;
}

page-report-student-exam .alert-button-group button:first-child {
  position: relative !important;
  min-width: 0 !important;
}

page-report-student-exam .alert-md .alert-wrapper {
  max-width: 320px !important;
}

page-report-student-exam .alert-md .alert-message {
  font-size: 16px !important;
}

page-report-student-exam .alert-button {
  font-size: 15px !important;
}

page-report-student-exam .alert-md .alert-sub-title {
  font-size: 16px !important;
}

page-report-student-exam .alert-md .alert-title {
  font-size: 22px !important;
}

page-report-student-exam .breakclass {
  white-space: pre-line;
}

page-report-student-exam .error {
  color: red;
  float: left;
}

page-report-student-exam .topStrip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}

page-report-student-exam .infographic1 {
  border: none;
  color: #367ad2;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-report-student-exam .infographic1 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-report-student-exam .infographic1 ion-icon {
  color: black;
}

page-report-student-exam .infographic2 {
  border: none;
  color: #50d29b;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-report-student-exam .infographic2 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-report-student-exam .infographic2 ion-icon {
  color: black;
}

page-report-student-exam .infographic3 {
  border: none;
  color: #ffaa00;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-report-student-exam .infographic3 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-report-student-exam .infographic3 ion-icon {
  color: black;
}

page-report-student-exam .infographic4 {
  border: none;
  color: #f36363;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-report-student-exam .infographic4 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-report-student-exam .infographic4 ion-icon {
  color: black;
}

page-report-student-exam .infographic5 {
  border: none;
  color: #41acbf;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-report-student-exam .infographic5 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-report-student-exam .infographic5 ion-icon {
  color: black;
}

page-report-student-exam .infograph1 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #367ad2;
  font-size: 20px;
}

page-report-student-exam .infograph2 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #51b98d;
  font-size: 20px;
}

page-report-student-exam .infograph3 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #ffaa00;
  font-size: 20px;
}

page-report-student-exam .infograph4 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #dc5b54;
  font-size: 20px;
}

page-report-student-exam .infograph5 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #41acbf;
  font-size: 20px;
}

page-report-student-exam .infographtext {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 12px;
}

page-report-student-exam .successToast .toast-message {
  background-color: #d2f8d2 !important;
  color: black;
}

page-report-student-exam .errorToast .toast-message {
  background-color: #eea9a0 !important;
  color: black;
}

page-report-student-exam .actionIconsBar {
  padding-right: 20px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

page-report-student-exam .ui-carousel .ui-carousel-header {
  display: none !important;
}

page-report-student-exam .userfab .fab-close-active .fab-close-icon {
  height: 40px !important;
  position: relative !important;
}

page-report-student-exam textarea.text-input {
  resize: none !important;
}

page-report-student-exam .asterisk {
  color: red;
  padding-left: 3px;
}

page-report-student-exam .m-b-t {
  margin-bottom: 4% !important;
}

page-report-student-exam .ui-radiobutton-box.ui-state-active {
  border: 1px solid #09f;
  background: #09f;
  color: #09f;
}

page-report-student-exam .alert-md .alert-message {
  overflow: auto;
}

page-report-student-exam .alert-md .alert-message .alertstyle1 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

page-report-student-exam .alert-md .alert-message .alertstyle1 b {
  width: 65px !important;
}

page-report-student-exam .alert-md .alert-message .alertstyle3 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-report-student-exam .alert-md .alert-message .alertstyle3 b {
  width: 65px !important;
}

page-report-student-exam .alert-md .alert-message .alertstyle4 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-report-student-exam .alert-md .alert-message .alertstyle4 b {
  width: 150px !important;
}

page-report-student-exam .alert-md .alert-message .alertstyle5 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

page-report-student-exam .alert-md .alert-message .alertstyle5 b {
  width: 75px !important;
}

page-report-student-exam .alert-md .alert-message .alertstyle5 span {
  width: 5px;
}

page-report-student-exam .alert-md .alert-message .alertstyle2 {
  text-align: left !important;
}

page-report-student-exam .alert-md .alert-message .alertstyle2 li {
  margin-top: 10px;
}

page-report-student-exam .ui-tooltip {
  background-color: #172B4D !important;
  color: #ffffff;
}

page-report-student-exam .navsebexam .toolbar-content-md {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
}

page-report-student-exam .modal-wrapper {
  height: 75%;
  top: 10%;
  position: absolute;
  display: block;
  border-radius: 10px !important;
}

page-report-student-exam .ui-picklist-source-controls.ui-picklist-buttons {
  display: none !important;
}

page-report-student-exam .ui-picklist-target-controls.ui-picklist-buttons {
  display: none !important;
}

page-report-student-exam .ui-picklist-target-controls.ui-picklist-buttons.ng-star-inserted {
  display: none !important;
}

page-report-student-exam .ellip {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

page-report-student-exam .p-slider {
  background: #dee2e6;
  border: 0 none;
  border-radius: 3px;
}

page-report-student-exam .Errorbox .alert-title {
  color: #d8000c;
}

page-report-student-exam .Errorbox .alert-button {
  color: #d8000c;
}

page-report-student-exam .card-md {
  border-radius: 5px !important;
}

page-report-student-exam .modal {
  display: none;
  /* Hidden by default */
  position: -webkit-sticky;
  position: sticky;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 30px;
  /* Location of the box */
  left: 0;
  right: 0;
  bottom: 150px;
  width: 400px;
  height: 400px;
  margin: auto;
  border: 4px solid;
  background-color: black;
}

page-report-student-exam .modal-content {
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
}

page-report-student-exam .close {
  position: absolute;
  color: #f1f1f1;
  top: 0px;
  right: 10px;
  font-size: 28px;
  font-weight: bold;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

page-report-student-exam .close:hover,
page-report-student-exam .close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

page-report-student-exam .customhr {
  width: 90%;
  background-color: #ccc;
}

page-report-student-exam .mycustomtoolbar ion-segment {
  border: none;
}

page-report-student-exam .mycustomtoolbar ion-segment-button {
  font-size: 16px !important;
  font-weight: 500 !important;
}

page-report-student-exam .mycustomtoolbar .segment-md .segment-button.activated,
page-report-student-exam .mycustomtoolbar .segment-md .segment-button.segment-activated {
  border-color: #172B4D !important;
  color: #172B4D !important;
}

page-report-student-exam .mycustomtoolbar .toolbar-background {
  background: transparent;
}

page-report-student-exam .fc {
  direction: ltr;
  text-align: left;
}

page-report-student-exam .fc-rtl {
  text-align: right;
}

page-report-student-exam body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}

page-report-student-exam .fc-unthemed th,
page-report-student-exam .fc-unthemed td,
page-report-student-exam .fc-unthemed thead,
page-report-student-exam .fc-unthemed tbody,
page-report-student-exam .fc-unthemed .fc-divider,
page-report-student-exam .fc-unthemed .fc-row,
page-report-student-exam .fc-unthemed .fc-content,
page-report-student-exam .fc-unthemed .fc-popover,
page-report-student-exam .fc-unthemed .fc-list-view,
page-report-student-exam .fc-unthemed .fc-list-heading td {
  border-color: #ddd;
}

page-report-student-exam .fc-unthemed .fc-popover {
  background-color: #fff;
}

page-report-student-exam .fc-unthemed .fc-divider,
page-report-student-exam .fc-unthemed .fc-popover .fc-header,
page-report-student-exam .fc-unthemed .fc-list-heading td {
  background: #eee;
}

page-report-student-exam .fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}

page-report-student-exam .fc-unthemed td.fc-today {
  background: #fcf8e3;
}

page-report-student-exam .fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3;
}

page-report-student-exam .fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3;
}

page-report-student-exam .fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}

page-report-student-exam .fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

page-report-student-exam .fc-icon:after {
  position: relative;
}

page-report-student-exam .fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-report-student-exam .fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-report-student-exam .fc-icon-left-double-arrow:after {
  content: "\000AB";
  font-size: 160%;
  top: -7%;
}

page-report-student-exam .fc-icon-right-double-arrow:after {
  content: "\000BB";
  font-size: 160%;
  top: -7%;
}

page-report-student-exam .fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%;
}

page-report-student-exam .fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%;
}

page-report-student-exam .fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%;
}

page-report-student-exam .fc-icon-x:after {
  content: "\000D7";
  font-size: 200%;
  top: 6%;
}

page-report-student-exam .fc button {
  /* force height to include the border and padding */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer;
}

page-report-student-exam .fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}

page-report-student-exam .fc-state-default {
  /* non-theme */
  border: 1px solid;
}

page-report-student-exam .fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

page-report-student-exam .fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

page-report-student-exam .fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .2em;
  vertical-align: middle;
}

page-report-student-exam .fc-state-default {
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-report-student-exam .fc-state-hover,
page-report-student-exam .fc-state-down,
page-report-student-exam .fc-state-active,
page-report-student-exam .fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}

page-report-student-exam .fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

page-report-student-exam .fc-state-down,
page-report-student-exam .fc-state-active {
  background-color: #cccccc;
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-report-student-exam .fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}

page-report-student-exam .fc-button-group {
  display: inline-block;
}

page-report-student-exam .fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px;
}

page-report-student-exam .fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0;
}

page-report-student-exam .fc-popover {
  position: absolute;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

page-report-student-exam .fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px;
}

page-report-student-exam .fc-popover .fc-header .fc-title {
  margin: 0 2px;
}

page-report-student-exam .fc-popover .fc-header .fc-close {
  cursor: pointer;
}

page-report-student-exam .fc-ltr .fc-popover .fc-header .fc-title,
page-report-student-exam .fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}

page-report-student-exam .fc-rtl .fc-popover .fc-header .fc-title,
page-report-student-exam .fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}

page-report-student-exam .fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}

page-report-student-exam .fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: .9em;
  margin-top: 2px;
}

page-report-student-exam .fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */
}

page-report-student-exam .fc-divider {
  border-style: solid;
  border-width: 1px;
}

page-report-student-exam hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}

page-report-student-exam .fc-clear {
  clear: both;
}

page-report-student-exam .fc-bg,
page-report-student-exam .fc-bgevent-skeleton,
page-report-student-exam .fc-highlight-skeleton,
page-report-student-exam .fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-report-student-exam .fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}

page-report-student-exam .fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}

page-report-student-exam .fc table {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}

page-report-student-exam .fc th {
  text-align: center;
}

page-report-student-exam .fc th,
page-report-student-exam .fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}

page-report-student-exam .fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}

page-report-student-exam a[data-goto] {
  cursor: pointer;
}

page-report-student-exam a[data-goto]:hover {
  text-decoration: underline;
}

page-report-student-exam .fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}

page-report-student-exam .fc-row table {
  /* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}

page-report-student-exam .fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}

page-report-student-exam .fc-row {
  position: relative;
}

page-report-student-exam .fc-row .fc-bg {
  z-index: 1;
}

page-report-student-exam .fc-row .fc-bgevent-skeleton,
page-report-student-exam .fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}

page-report-student-exam .fc-row .fc-bgevent-skeleton table,
page-report-student-exam .fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}

page-report-student-exam .fc-row .fc-highlight-skeleton td,
page-report-student-exam .fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}

page-report-student-exam .fc-row .fc-bgevent-skeleton {
  z-index: 2;
}

page-report-student-exam .fc-row .fc-highlight-skeleton {
  z-index: 3;
}

page-report-student-exam .fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}

page-report-student-exam .fc-row .fc-helper-skeleton {
  z-index: 5;
}

page-report-student-exam .fc-row .fc-content-skeleton td,
page-report-student-exam .fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}

page-report-student-exam .fc-row .fc-content-skeleton tbody td,
page-report-student-exam .fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}

page-report-student-exam .fc-scroller {
  -webkit-overflow-scrolling: touch;
}

page-report-student-exam .fc-scroller > .fc-day-grid,
page-report-student-exam .fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}

page-report-student-exam .fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */
  font-weight: normal;
  /* undo jqui's ui-widget-header bold */
}

page-report-student-exam .fc-event,
page-report-student-exam .fc-event-dot {
  background-color: #3a87ad;
  /* default BACKGROUND color */
}

page-report-student-exam .fc-event,
page-report-student-exam .fc-event:hover,
page-report-student-exam .ui-widget .fc-event {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}

page-report-student-exam .fc-event[href],
page-report-student-exam .fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}

page-report-student-exam .fc-not-allowed,
page-report-student-exam .fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}

page-report-student-exam .fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #ffffff;
  opacity: .25;
}

page-report-student-exam .fc-event .fc-content {
  position: relative;
  z-index: 2;
}

page-report-student-exam .fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
}

page-report-student-exam .fc-event .fc-resizer {
  display: none;
}

page-report-student-exam .fc-event.fc-allow-mouse-resize .fc-resizer,
page-report-student-exam .fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block;
}

page-report-student-exam .fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}

page-report-student-exam .fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

page-report-student-exam .fc-event.fc-selected.fc-dragging {
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

page-report-student-exam .fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}

page-report-student-exam .fc-ltr .fc-h-event.fc-not-start,
page-report-student-exam .fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

page-report-student-exam .fc-ltr .fc-h-event.fc-not-end,
page-report-student-exam .fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

page-report-student-exam .fc-ltr .fc-h-event .fc-start-resizer,
page-report-student-exam .fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */
}

page-report-student-exam .fc-ltr .fc-h-event .fc-end-resizer,
page-report-student-exam .fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */
}

page-report-student-exam .fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */
}

page-report-student-exam .fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* vertically center */
  top: 50%;
  margin-top: -4px;
}

page-report-student-exam .fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
page-report-student-exam .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */
}

page-report-student-exam .fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
page-report-student-exam .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */
}

page-report-student-exam .fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}

page-report-student-exam tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */
}

page-report-student-exam .fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: .25;
}

page-report-student-exam .fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}

page-report-student-exam .fc-day-grid-event .fc-time {
  font-weight: bold;
}

page-report-student-exam .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
page-report-student-exam .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */
}

page-report-student-exam .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
page-report-student-exam .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */
}

page-report-student-exam a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none;
}

page-report-student-exam a.fc-more:hover {
  text-decoration: underline;
}

page-report-student-exam .fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}

page-report-student-exam .fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}

page-report-student-exam .fc-more-popover {
  z-index: 2;
  width: 220px;
}

page-report-student-exam .fc-more-popover .fc-event-container {
  padding: 10px;
}

page-report-student-exam .fc-now-indicator {
  position: absolute;
  border: 0 solid red;
}

page-report-student-exam .fc-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

page-report-student-exam .fc-toolbar {
  text-align: center;
}

page-report-student-exam .fc-toolbar.fc-header-toolbar {
  margin-bottom: 1em;
}

page-report-student-exam .fc-toolbar.fc-footer-toolbar {
  margin-top: 1em;
}

page-report-student-exam .fc-toolbar .fc-left {
  float: left;
}

page-report-student-exam .fc-toolbar .fc-right {
  float: right;
}

page-report-student-exam .fc-toolbar .fc-center {
  display: inline-block;
}

page-report-student-exam .fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em;
}

page-report-student-exam .fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0;
}

page-report-student-exam .fc-toolbar h2 {
  margin: 0;
}

page-report-student-exam .fc-toolbar button {
  position: relative;
}

page-report-student-exam .fc-toolbar .fc-state-hover,
page-report-student-exam .fc-toolbar .ui-state-hover {
  z-index: 2;
}

page-report-student-exam .fc-toolbar .fc-state-down {
  z-index: 3;
}

page-report-student-exam .fc-toolbar .fc-state-active,
page-report-student-exam .fc-toolbar .ui-state-active {
  z-index: 4;
}

page-report-student-exam .fc-toolbar button:focus {
  z-index: 5;
}

page-report-student-exam .fc-view-container *,
page-report-student-exam .fc-view-container *:before,
page-report-student-exam .fc-view-container *:after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

page-report-student-exam .fc-view,
page-report-student-exam .fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}

page-report-student-exam .fc-basicWeek-view .fc-content-skeleton,
page-report-student-exam .fc-basicDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}

page-report-student-exam .fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}

page-report-student-exam .fc-row.fc-rigid {
  overflow: hidden;
}

page-report-student-exam .fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-report-student-exam .fc-day-top.fc-other-month {
  opacity: 0.3;
}

page-report-student-exam .fc-basic-view .fc-week-number,
page-report-student-exam .fc-basic-view .fc-day-number {
  padding: 2px;
}

page-report-student-exam .fc-basic-view th.fc-week-number,
page-report-student-exam .fc-basic-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */
}

page-report-student-exam .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right;
}

page-report-student-exam .fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left;
}

page-report-student-exam .fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0;
}

page-report-student-exam .fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px;
}

page-report-student-exam .fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080;
}

page-report-student-exam .fc-basic-view td.fc-week-number {
  text-align: center;
}

page-report-student-exam .fc-basic-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}

page-report-student-exam .fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}

page-report-student-exam .fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}

page-report-student-exam .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}

page-report-student-exam .fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}

page-report-student-exam .fc-ltr .fc-axis {
  text-align: right;
}

page-report-student-exam .fc-rtl .fc-axis {
  text-align: left;
}

page-report-student-exam .ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome jqui theme making it bold */
}

page-report-student-exam .fc-time-grid-container,
page-report-student-exam .fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}

page-report-student-exam .fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

page-report-student-exam .fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}

page-report-student-exam .fc-time-grid > .fc-bg {
  z-index: 1;
}

page-report-student-exam .fc-time-grid .fc-slats,
page-report-student-exam .fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}

page-report-student-exam .fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */
}

page-report-student-exam .fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
}

page-report-student-exam .fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1;
}

page-report-student-exam .fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2;
}

page-report-student-exam .fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3;
}

page-report-student-exam .fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4;
}

page-report-student-exam .fc-time-grid .fc-now-indicator-line {
  z-index: 5;
}

page-report-student-exam .fc-time-grid .fc-helper-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6;
}

page-report-student-exam .fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}

page-report-student-exam .fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}

page-report-student-exam .fc-time-grid .fc-slats .ui-widget-content {
  /* for jqui theme */
  background: none;
  /* see through to fc-bg */
}

page-report-student-exam .fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}

page-report-student-exam .fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}

page-report-student-exam .fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}

page-report-student-exam .fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}

page-report-student-exam .fc-time-grid .fc-event,
page-report-student-exam .fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}

page-report-student-exam .fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}

page-report-student-exam .fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

page-report-student-exam .fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

page-report-student-exam .fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */
}

page-report-student-exam .fc-time-grid-event.fc-selected {
  /* need to allow touch resizers to extend outside event's bounding box */
  /* common fc-selected styles hide the fc-bg, so don't need this anyway */
  overflow: visible;
}

page-report-student-exam .fc-time-grid-event.fc-selected .fc-bg {
  display: none;
  /* hide semi-white background, to appear darker */
}

page-report-student-exam .fc-time-grid-event .fc-content {
  overflow: hidden;
  /* for when .fc-selected */
}

page-report-student-exam .fc-time-grid-event .fc-time,
page-report-student-exam .fc-time-grid-event .fc-title {
  padding: 0 1px;
}

page-report-student-exam .fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap;
}

page-report-student-exam .fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}

page-report-student-exam .fc-time-grid-event.fc-short .fc-time,
page-report-student-exam .fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}

page-report-student-exam .fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}

page-report-student-exam .fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}

page-report-student-exam .fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
  /* seperate with a dash, wrapped in nbsp's */
}

page-report-student-exam .fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}

page-report-student-exam .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}

page-report-student-exam .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "=";
}

page-report-student-exam .fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px;
}

page-report-student-exam .fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0;
}

page-report-student-exam .fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */
}

page-report-student-exam .fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-report-student-exam .fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-report-student-exam .fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}

page-report-student-exam .fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */
}

page-report-student-exam .fc-list-view {
  border-width: 1px;
  border-style: solid;
}

page-report-student-exam .fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */
}

page-report-student-exam .fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px;
}

page-report-student-exam .fc-list-table tr:first-child td {
  border-top-width: 0;
}

page-report-student-exam .fc-list-heading {
  border-bottom-width: 1px;
}

page-report-student-exam .fc-list-heading td {
  font-weight: bold;
}

page-report-student-exam .fc-ltr .fc-list-heading-main {
  float: left;
}

page-report-student-exam .fc-ltr .fc-list-heading-alt {
  float: right;
}

page-report-student-exam .fc-rtl .fc-list-heading-main {
  float: right;
}

page-report-student-exam .fc-rtl .fc-list-heading-alt {
  float: left;
}

page-report-student-exam .fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */
}

page-report-student-exam .fc-list-item:hover td {
  background-color: #f5f5f5;
}

page-report-student-exam .fc-list-item-marker,
page-report-student-exam .fc-list-item-time {
  white-space: nowrap;
  width: 1px;
}

page-report-student-exam .fc-ltr .fc-list-item-marker {
  padding-right: 0;
}

page-report-student-exam .fc-rtl .fc-list-item-marker {
  padding-left: 0;
}

page-report-student-exam .fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit;
}

page-report-student-exam .fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline;
}

page-report-student-exam .fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

page-report-student-exam .fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table;
}

page-report-student-exam .fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

page-report-student-exam .fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #eee;
}

page-report-student-exam .globalTable {
  border: 1px solid lightgrey;
  min-width: 1901px;
}

page-report-student-exam .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-report-student-exam .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

page-report-student-exam .globalTable .table-header .align input {
  width: 60%;
  line-height: 25px;
}

page-report-student-exam .globalTable th input {
  text-align: center;
  width: 90%;
  font-weight: 400;
}

page-report-student-exam .generateButton {
  display: block;
  margin: 0 auto;
}

page-report-student-exam .resetButton {
  float: right;
}

page-report-student-exam .downloadButton {
  float: left;
}

page-report-student-exam .nodata_avail {
  font-family: "Open Sans" !important;
  text-align: center;
  line-height: 60px;
  font-size: 25px;
  color: #0099ff !important;
  margin: auto;
  border-radius: 10px;
  width: 75%;
  padding: 13px 16px;
  background: #ffffff !important;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

page-report-student-exam .nodata_avail-title {
  color: #0099ff !important;
  border-bottom: 1px solid #0099ff !important;
  font-size: 18px !important;
  font-weight: bold;
  font-family: "Open Sans";
  cursor: pointer;
}

page-report-student-exam body .ui-table .ui-sortable-column.ui-state-highlight {
  color: #333333 !important;
}

page-report-student-exam body .ui-table .ui-sortable-column.ui-state-highlight .ui-sortable-column-icon {
  color: #848484 !important;
}

page-reporting-dash .report-card {
  min-height: 150px;
}

page-reporting-dash .category-button {
  width: 100%;
  margin: 1%;
  float: left;
  min-height: 100px;
}

page-reporting-dash .category-button-upload {
  width: 100%;
  margin: 1%;
  float: left;
  min-height: 150px;
  margin-top: 4%;
}

page-reporting-dash .button-text {
  color: #0099ff;
  font-size: 12px;
  font-family: "Open Sans";
  margin-left: 10px;
  letter-spacing: 1.7px;
  font-weight: bold;
}

page-reports {
  /* ANIMATION */
  /* SHADOWS */
  /*
 *
 *   MaterialWrap - Bootstrap + Material Design Admin Theme

 
*/
  /*
 * CSS Transform - Scale and Rotate
 */
  /* The Modal (background) */
  /* Modal Content (image) */
  /* The Close Button */
  /*!
 * FullCalendar v3.2.0 Stylesheet
 * Docs & License: https://fullcalendar.io/
 * (c) 2017 Adam Shaw
 */
  /* Colors
--------------------------------------------------------------------------------------------------*/
  /* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
  /*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
  /* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
  /* Firefox has an annoying inner border */
  /* icons in buttons */
  /*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
  /* Buttons Groups
--------------------------------------------------------------------------------------------------*/
  /*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
  /* Popover
--------------------------------------------------------------------------------------------------*/
  /* unthemed */
  /* jqui themed */
  /* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
  /* Tables
--------------------------------------------------------------------------------------------------*/
  /* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
  /* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
  /* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
  /* highlighting cells & background event skeleton */
  /*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
  /* Scrolling Container
--------------------------------------------------------------------------------------------------*/
  /* TODO: move to agenda/basic */
  /* Global Event Styles
--------------------------------------------------------------------------------------------------*/
  /* overpower some of bootstrap's and jqui's styles on <a> tags */
  /* resizer (cursor AND touch devices) */
  /* resizer (touch devices) */
  /* hit area */
  /* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
  /* Horizontal Events
--------------------------------------------------------------------------------------------------*/
  /* bigger touch area when selected */
  /* events that are continuing to/from another week. kill rounded corners and butt up against edge */
  /* resizer (cursor AND touch devices) */
  /* left resizer  */
  /* right resizer */
  /* resizer (mouse devices) */
  /* resizer (touch devices) */
  /* left resizer  */
  /* right resizer */
  /* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* resizer (cursor devices) */
  /* left resizer  */
  /* right resizer */
  /* Event Limiting
--------------------------------------------------------------------------------------------------*/
  /* "more" link that represents hidden events */
  /* popover that appears when "more" link is clicked */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* Utilities
--------------------------------------------------------------------------------------------------*/
  /* Toolbar
--------------------------------------------------------------------------------------------------*/
  /* the things within each left/right/center section */
  /* the first thing within each left/center/right section */
  /* title text */
  /* button layering (for border precedence) */
  /* View Structure
--------------------------------------------------------------------------------------------------*/
  /* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
  /* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
  /* BasicView
--------------------------------------------------------------------------------------------------*/
  /* day row structure */
  /* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
  /* week and day number styling */
  /* when week/day number have own column */
  /* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
  /* divs within a cell within the fc-content-skeleton */
  /* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
  /* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* short mode, where time and title are on the same line */
  /* resizer (cursor device) */
  /* resizer (touch device) */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* arrow on axis */
  /* List View
--------------------------------------------------------------------------------------------------*/
  /* possibly reusable */
  /* view wrapper */
  /* table resets */
  /* day headings with the list */
  /* event list items */
  /* make the dot closer to the event title */
  /* message when no events */
}

page-reports .letter-sp-1 {
  letter-spacing: 1px;
}

page-reports .letter-sp-2 {
  letter-spacing: 2px;
}

page-reports .letter-sp-3 {
  letter-spacing: 3px;
}

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

page-reports .m-5 {
  margin: 5px !important;
}

page-reports .m-10 {
  margin: 10px !important;
}

page-reports .m-15 {
  margin: 15px !important;
}

page-reports .m-20 {
  margin: 20px !important;
}

page-reports .m-30 {
  margin: 30px !important;
}

page-reports .m-50 {
  margin: 50px !important;
}

page-reports .m-b-100 {
  margin-bottom: 100px !important;
}

page-reports .m-b-15 {
  margin-bottom: 15px !important;
}

page-reports .m-b-20 {
  margin-bottom: 20px !important;
}

page-reports .m-b-0 {
  margin-bottom: 0 !important;
}

page-reports .m-l-0 {
  margin-left: 0 !important;
}

page-reports .m-l-5 {
  margin-left: 5px !important;
}

page-reports .m-l-10 {
  margin-left: 10px !important;
}

page-reports .m-l-15 {
  margin-left: 15px !important;
}

page-reports .m-l-20 {
  margin-left: 20px !important;
}

page-reports .m-l-30 {
  margin-left: 30px !important;
}

page-reports .m-l-40 {
  margin-left: 40px !important;
}

page-reports .m-l-50 {
  margin-left: 50px !important;
}

page-reports .m-l-n-1 {
  margin-left: -1px !important;
}

page-reports .m-l-n-5 {
  margin-left: -5px !important;
}

page-reports .m-l-n-10 {
  margin-left: -10px !important;
}

page-reports .m-l-n-15 {
  margin-left: -15px !important;
}

page-reports .m-l-n-20 {
  margin-left: -20px !important;
}

page-reports .m-l-n-30 {
  margin-left: -30px !important;
}

page-reports .m-l-n-40 {
  margin-left: -40px !important;
}

page-reports .m-l-n-50 {
  margin-left: -50px !important;
}

page-reports .m-t-0 {
  margin-top: 0 !important;
}

page-reports .m-t-1 {
  margin-top: 1px !important;
}

page-reports .m-t-2 {
  margin-top: 2px;
}

page-reports .m-t-2p {
  margin-top: 2% !important;
}

page-reports .m-t-5p {
  margin-top: 5% !important;
}

page-reports .m-t-25p {
  margin-top: 25% !important;
}

page-reports .m-t-30p {
  margin-top: 30% !important;
}

page-reports .m-t-4 {
  margin-top: 4px !important;
}

page-reports .m-t-5 {
  margin-top: 5px !important;
}

page-reports .m-t-5p {
  margin-top: 5% !important;
}

page-reports .m-t-10 {
  margin-top: 10px !important;
}

page-reports .m-t-15 {
  margin-top: 15px !important;
}

page-reports .m-t-20 {
  margin-top: 20px !important;
}

page-reports .m-t-30 {
  margin-top: 30px !important;
}

page-reports .m-t-40 {
  margin-top: 40px !important;
}

page-reports .m-t-50 {
  margin-top: 50px !important;
}

page-reports .m-t-75 {
  margin-top: 75px !important;
}

page-reports .m-t-100 {
  margin-top: 100px !important;
}

page-reports .m-t-120 {
  margin-top: 120px !important;
}

page-reports .m-t-140 {
  margin-top: 140px !important;
}

page-reports .m-t-n-1 {
  margin-top: -1px !important;
}

page-reports .m-t-n-5 {
  margin-top: -5px !important;
}

page-reports .m-t-n-10 {
  margin-top: -10px !important;
}

page-reports .m-t-n-15 {
  margin-top: -15px !important;
}

page-reports .m-t-n-20 {
  margin-top: -20px !important;
}

page-reports .m-t-n-30 {
  margin-top: -30px !important;
}

page-reports .m-t-n-40 {
  margin-top: -40px !important;
}

page-reports .m-t-n-50 {
  margin-top: -50px !important;
}

page-reports .m-r-0 {
  margin-right: 0 !important;
}

page-reports .m-r-1 {
  margin-right: 1px !important;
}

page-reports .m-r-5 {
  margin-right: 5px !important;
}

page-reports .m-r-10 {
  margin-right: 10px !important;
}

page-reports .m-r-15 {
  margin-right: 15px !important;
}

page-reports .m-r-20 {
  margin-right: 20px !important;
}

page-reports .m-r-30 {
  margin-right: 30px !important;
}

page-reports .m-r-40 {
  margin-right: 40px !important;
}

page-reports .m-r-50 {
  margin-right: 50px !important;
}

page-reports .m-r-n-1 {
  margin-right: -1px !important;
}

page-reports .m-r-n-5 {
  margin-right: -5px !important;
}

page-reports .m-r-n-10 {
  margin-right: -10px !important;
}

page-reports .m-r-n-15 {
  margin-right: -15px !important;
}

page-reports .m-r-n-20 {
  margin-right: -20px !important;
}

page-reports .m-r-n-30 {
  margin-right: -30px !important;
}

page-reports .m-r-n-40 {
  margin-right: -40px !important;
}

page-reports .m-r-n-50 {
  margin-right: -50px !important;
}

page-reports .m-b-0 {
  margin-bottom: 0 !important;
}

page-reports .m-b-1 {
  margin-bottom: 1px !important;
}

page-reports .m-b-4 {
  margin-bottom: 4px !important;
}

page-reports .m-b-5 {
  margin-bottom: 5px !important;
}

page-reports .m-b-10 {
  margin-bottom: 10px !important;
}

page-reports .m-b-15 {
  margin-bottom: 15px !important;
}

page-reports .m-b-20 {
  margin-bottom: 20px !important;
}

page-reports .m-b-30 {
  margin-bottom: 30px !important;
}

page-reports .m-b-40 {
  margin-bottom: 40px !important;
}

page-reports .m-b-50 {
  margin-bottom: 50px !important;
}

page-reports .m-b-n-1 {
  margin-bottom: -1px !important;
}

page-reports .m-b-n-5 {
  margin-bottom: -5px !important;
}

page-reports .m-b-n-10 {
  margin-bottom: -10px !important;
}

page-reports .m-b-n-15 {
  margin-bottom: -15px !important;
}

page-reports .m-b-n-20 {
  margin-bottom: -20px !important;
}

page-reports .m-b-n-30 {
  margin-bottom: -30px !important;
}

page-reports .m-b-n-40 {
  margin-bottom: -40px !important;
}

page-reports .m-b-n-50 {
  margin-bottom: -50px !important;
}

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

page-reports .p-5 {
  padding: 5px !important;
}

page-reports .p-10 {
  padding: 10px !important;
}

page-reports .p-15 {
  padding: 15px !important;
}

page-reports .p-20 {
  padding: 20px !important;
}

page-reports .p-25 {
  padding: 25px !important;
}

page-reports .p-30 {
  padding: 30px !important;
}

page-reports .p-40 {
  padding: 40px !important;
}

page-reports .p-50 {
  padding: 50px !important;
}

page-reports .p-75 {
  padding: 75px !important;
}

page-reports .p-100 {
  padding: 100px !important;
}

page-reports .p-lr {
  padding: 0px 4% 0px 4%;
}

page-reports .p-l-0 {
  padding-left: 0 !important;
}

page-reports .p-l-5 {
  padding-left: 5px !important;
}

page-reports .p-l-10 {
  padding-left: 10px !important;
}

page-reports .p-l-12 {
  padding-left: 12px !important;
}

page-reports .p-l-15 {
  padding-left: 15px !important;
}

page-reports .p-l-16 {
  padding-left: 16px !important;
}

page-reports .p-l-20 {
  padding-left: 20px !important;
}

page-reports .p-l-25 {
  padding-left: 25px !important;
}

page-reports .p-l-30 {
  padding-left: 30px !important;
}

page-reports .p-l-40 {
  padding-left: 40px !important;
}

page-reports .p-l-50 {
  padding-left: 50px !important;
}

page-reports .p-l-75 {
  padding-left: 75px !important;
}

page-reports .p-l-100 {
  padding-left: 100px !important;
}

page-reports .p-r-0 {
  padding-right: 0 !important;
}

page-reports .p-r-5 {
  padding-right: 5px !important;
}

page-reports .p-r-10 {
  padding-right: 10px !important;
}

page-reports .p-r-12 {
  padding-right: 12px !important;
}

page-reports .p-r-15 {
  padding-right: 15px !important;
}

page-reports .p-r-20 {
  padding-right: 20px !important;
}

page-reports .p-r-25 {
  padding-right: 25px !important;
}

page-reports .p-r-30 {
  padding-right: 30px !important;
}

page-reports .p-r-40 {
  padding-right: 40px !important;
}

page-reports .p-r-50 {
  padding-right: 50px !important;
}

page-reports .p-r-75 {
  padding-right: 75px !important;
}

page-reports .p-r-100 {
  padding-right: 100px !important;
}

page-reports .p-b-0 {
  padding-bottom: 0 !important;
}

page-reports .p-b-5 {
  padding-bottom: 5px !important;
}

page-reports .p-b-10 {
  padding-bottom: 10px !important;
}

page-reports .p-b-15 {
  padding-bottom: 15px !important;
}

page-reports .p-b-16 {
  padding-bottom: 16px !important;
}

page-reports .p-b-20 {
  padding-bottom: 20px !important;
}

page-reports .p-b-25 {
  padding-bottom: 25px !important;
}

page-reports .p-b-30 {
  padding-bottom: 30px !important;
}

page-reports .p-b-40 {
  padding-bottom: 40px !important;
}

page-reports .p-b-50 {
  padding-bottom: 50px !important;
}

page-reports .p-b-60 {
  padding-bottom: 60px !important;
}

page-reports .p-b-70 {
  padding-bottom: 70px !important;
}

page-reports .p-b-80 {
  padding-bottom: 80px !important;
}

page-reports .p-b-90 {
  padding-bottom: 90px !important;
}

page-reports .p-b-100 {
  padding-bottom: 100px !important;
}

page-reports .p-t-0 {
  padding-top: 0 !important;
}

page-reports .p-t-5 {
  padding-top: 5px !important;
}

page-reports .p-t-7 {
  padding-top: 7px !important;
}

page-reports .p-t-10 {
  padding-top: 10px !important;
}

page-reports .p-t-15 {
  padding-top: 15px !important;
}

page-reports .p-t-16 {
  padding-top: 16px !important;
}

page-reports .p-t-20 {
  padding-top: 20px !important;
}

page-reports .p-t-25 {
  padding-top: 25px !important;
}

page-reports .p-t-30 {
  padding-top: 30px !important;
}

page-reports .p-t-40 {
  padding-top: 40px !important;
}

page-reports .p-t-50 {
  padding-top: 50px !important;
}

page-reports .p-t-75 {
  padding-top: 75px !important;
}

page-reports .p-t-100 {
  padding-top: 100px !important;
}

page-reports .p-t-120 {
  padding-top: 120px !important;
}

page-reports .p-t-130 {
  padding-top: 130px !important;
}

page-reports .p-t-140 {
  padding-top: 140px !important;
}

page-reports .p-t-150 {
  padding-top: 150px !important;
}

page-reports .block {
  display: block !important;
}

page-reports .img-xs {
  width: 30px;
  height: 30px;
}

page-reports .img-sm {
  width: 35px;
  height: 35px;
}

page-reports .img-md {
  width: 55px;
  height: 55px;
}

page-reports .img-lg {
  width: 100px;
  height: 100px;
}

page-reports .min-w-800 {
  min-width: 800px !important;
}

page-reports .min-w-1000 {
  min-width: 1000px !important;
}

page-reports .min-w-1100 {
  min-width: 1100px !important;
}

page-reports .max-w-20 {
  max-width: 20px !important;
}

page-reports .max-w-30 {
  max-width: 30px !important;
}

page-reports .max-w-32 {
  max-width: 35px !important;
}

page-reports .max-w-35 {
  max-width: 35px !important;
}

page-reports .max-w-40 {
  max-width: 40px !important;
}

page-reports .max-w-50 {
  max-width: 50px !important;
}

page-reports .max-w-75 {
  max-width: 75px !important;
}

page-reports .max-w-100 {
  max-width: 100px !important;
}

page-reports .max-w-150 {
  max-width: 150px !important;
}

page-reports .max-w-200 {
  max-width: 200px !important;
}

page-reports .max-w-300 {
  max-width: 300px !important;
}

page-reports .max-w-400 {
  max-width: 400px !important;
}

page-reports .overflow-hidden {
  overflow: hidden;
}

page-reports .overflow-auto {
  overflow: auto;
}

page-reports .max-h-50 {
  max-height: 50px !important;
}

page-reports .max-h-80 {
  max-height: 80px !important;
}

page-reports .max-h-100 {
  max-height: 100px !important;
}

page-reports .max-h-150 {
  max-height: 150px !important;
}

page-reports .max-h-200 {
  max-height: 200px !important;
}

page-reports .max-h-250 {
  max-height: 250px !important;
}

page-reports .max-h-300 {
  max-height: 300px !important;
}

page-reports .max-h-350 {
  max-height: 300px !important;
}

page-reports .max-h-375 {
  max-height: 300px !important;
}

page-reports .max-h-400 {
  max-height: 400px !important;
}

page-reports .max-h-450 {
  max-height: 450px !important;
}

page-reports .max-h-500 {
  max-height: 500px !important;
}

page-reports .max-h-600 {
  max-height: 600px !important;
}

page-reports .max-h-650 {
  max-height: 650px !important;
}

page-reports .max-h-700 {
  max-height: 700px !important;
}

page-reports .max-h-800 {
  max-height: 800px !important;
}

page-reports .max-h-900 {
  max-height: 900px !important;
}

page-reports .max-h-1000 {
  max-height: 1000px !important;
}

page-reports .min-h-0 {
  min-height: 0 !important;
}

page-reports .min-h-50 {
  min-height: 50px !important;
}

page-reports .min-h-100 {
  min-height: 100px !important;
}

page-reports .min-h-200 {
  min-height: 200px !important;
}

page-reports .min-h-250 {
  min-height: 250px !important;
}

page-reports .min-h-300 {
  min-height: 300px !important;
}

page-reports .min-h-350 {
  min-height: 300px !important;
}

page-reports .min-h-375 {
  min-height: 300px !important;
}

page-reports .min-h-400 {
  min-height: 400px !important;
}

page-reports .min-h-450 {
  min-height: 450px !important;
}

page-reports .min-h-500 {
  min-height: 500px !important;
}

page-reports .min-h-600 {
  min-height: 600px !important;
}

page-reports .min-h-650 {
  min-height: 650px !important;
}

page-reports .min-h-700 {
  min-height: 700px !important;
}

page-reports .min-h-800 {
  min-height: 800px !important;
}

page-reports .min-h-900 {
  min-height: 900px !important;
}

page-reports .min-h-1000 {
  min-height: 1000px !important;
}

page-reports .h-5 {
  height: 5px !important;
}

page-reports .h-10 {
  height: 10px !important;
}

page-reports .h-20 {
  height: 20px !important;
}

page-reports .h-25 {
  height: 25px !important;
}

page-reports .h-50 {
  height: 50px !important;
}

page-reports .h-75 {
  height: 75px !important;
}

page-reports .h-100 {
  height: 100px !important;
}

page-reports .h-125 {
  height: 125px !important;
}

page-reports .h-150 {
  height: 150px !important;
}

page-reports .h-200 {
  height: 200px !important;
}

page-reports .h-300 {
  height: 300px !important;
}

page-reports .h-350 {
  height: 350px !important;
}

page-reports .h-400 {
  height: 400px !important;
}

page-reports .h-450 {
  height: 450px !important;
}

page-reports .h-500 {
  height: 500px !important;
}

page-reports .h-600 {
  height: 600px !important;
}

page-reports .h-650 {
  height: 650px !important;
}

page-reports .h-700 {
  height: 700px !important;
}

page-reports .h-800 {
  height: 800px !important;
}

page-reports .h-900 {
  height: 900px !important;
}

page-reports .h-1000 {
  height: 1000px !important;
}

page-reports .w-5 {
  width: 5px !important;
}

page-reports .w-10 {
  width: 10px !important;
}

page-reports .w-15 {
  width: 15px !important;
}

page-reports .w-20 {
  width: 20px !important;
}

page-reports .w-30 {
  width: 30px !important;
}

page-reports .w-40 {
  width: 40px !important;
}

page-reports .w-50 {
  width: 50px !important;
}

page-reports .w-60 {
  width: 60px !important;
}

page-reports .w-80 {
  width: 80px !important;
}

page-reports .w-100 {
  width: 100px !important;
}

page-reports .w-150 {
  width: 150px !important;
}

page-reports .w-190 {
  width: 190px !important;
}

page-reports .w-200 {
  width: 200px !important;
}

page-reports .w-250 {
  width: 250px !important;
}

page-reports .w-300 {
  width: 300px !important;
}

page-reports .w-600 {
  width: 600px !important;
}

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

page-reports .w-95p {
  width: 95% !important;
}

page-reports .w-90p {
  width: 90% !important;
}

page-reports .w-80p {
  width: 80% !important;
}

page-reports .w-70p {
  width: 70% !important;
}

page-reports .w-60p {
  width: 60% !important;
}

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

page-reports .w-45p {
  width: 45% !important;
}

page-reports .w-40p {
  width: 40% !important;
}

page-reports .w-30p {
  width: 30% !important;
}

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

page-reports .w-20p {
  width: 20% !important;
}

page-reports .w-15p {
  width: 15% !important;
}

page-reports .w-10p {
  width: 10% !important;
}

page-reports .w-8p {
  width: 8% !important;
}

page-reports .w-5p {
  width: 5% !important;
}

page-reports .w-3p {
  width: 3% !important;
}

page-reports .w-95p {
  width: 95% !important;
}

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

page-reports .h-80p {
  height: 80% !important;
}

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

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

page-reports .block {
  display: block !important;
}

page-reports .inline-block {
  display: inline-block !important;
}

page-reports .list-block li {
  display: block !important;
}

page-reports .list-inline li {
  display: inline !important;
}

page-reports .clear-both {
  clear: both !important;
}

page-reports .line-height-normal {
  line-height: normal !important;
}

page-reports .line-height-8 {
  line-height: 8px !important;
}

page-reports .line-height-14 {
  line-height: 14px !important;
}

page-reports .line-height-12 {
  line-height: normal !important;
}

page-reports ul.style-none {
  margin: 0;
  padding: 0;
  list-style: none;
}

page-reports ul.style-none li {
  font-size: 0.875rem;
  padding: 3px 0;
}

page-reports ul.style-none li ul {
  list-style: none;
}

page-reports ul.vertical-icon-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

page-reports ul.vertical-icon-list li {
  font-size: 0.875rem;
  padding: 6px 0;
}

page-reports ul.vertical-icon-list li i {
  font-size: 1.25rem;
  padding-right: 15px;
  vertical-align: middle;
}

page-reports .bg-white {
  background: #ffffff !important;
}

page-reports .bg-green {
  background: #28bebd !important;
}

page-reports .bg-blue {
  background: #42a5f5 !important;
}

page-reports .bg-lightBlue {
  background: #2ebaee !important;
}

page-reports .bg-red {
  background: #ef5350 !important;
}

page-reports .bg-yellow {
  background: #f8c200 !important;
}

page-reports .bg-paleYellow {
  background: #fddd7e !important;
}

page-reports .bg-lightGray {
  background: #e3ecf7 !important;
}

page-reports .bg-gray {
  background: #8f9eb5 !important;
}

page-reports .bg-drakGray {
  background: #707c94 !important;
}

page-reports .bg-grayBlue {
  background: #59779b !important;
}

page-reports .bg-purple {
  background: #6b79c4 !important;
}

page-reports .bg-turquoise {
  background: #00c5dc !important;
}

page-reports .bg-peach {
  background: #feb38d !important;
}

page-reports .bg-transparent {
  background: transparent !important;
}

page-reports .text-primary {
  color: #172B4D !important;
}

page-reports .text-link {
  color: #0645ad !important;
}

page-reports .text-green {
  color: #28bebd !important;
}

page-reports .text-turquoise {
  color: #00c5dc !important;
}

page-reports .text-red {
  color: #ef5350 !important;
}

page-reports .text-cyan {
  color: #26c6da !important;
}

page-reports .text-yellow {
  color: #f8c200 !important;
}

page-reports .text-gray {
  color: #8f9eb5 !important;
}

page-reports .text-blue {
  color: #42a5f5 !important;
}

page-reports .text-orange {
  color: #ffb74d !important;
}

page-reports .text-purple {
  color: #6b79c4 !important;
}

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

page-reports .text-brown {
  color: #906b6b !important;
}

page-reports .text-salmon {
  color: #ee6e73 !important;
}

page-reports .text-muted {
  color: #8396b0;
}

page-reports .color-black {
  color: #000 !important;
}

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

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

page-reports .transparent {
  background: transparent !important;
}

page-reports .bg-primary {
  background-color: #172B4D !important;
}

page-reports .border-bottom,
page-reports .border-grey-bottom-1px {
  border-bottom: 1px solid rgba(215, 225, 237, 0.8) !important;
}

page-reports .border-grey-top-1px,
page-reports .border-top {
  border-top: 1px solid rgba(215, 225, 237, 0.6) !important;
}

page-reports .border-bottom-black-2px {
  border-bottom: 2px solid black;
}

page-reports .border-top0p {
  border-top: 0px !important;
}

page-reports .b-n {
  border: none !important;
}

page-reports .b-b-1 {
  border: 1px solid black;
}

page-reports .b-lg-1 {
  border: 1px solid lightgrey;
}

page-reports .shadow-none {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

page-reports .shadow-z-0 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-reports .shadow-z-1 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-reports .shadow-z-1:hover {
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

page-reports .shadow-z-2 {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

page-reports .shadow-z-3 {
  -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

page-reports .shadow-z-4 {
  -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}

page-reports .shadow-z-5 {
  -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}

page-reports .big-shadow {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
}

page-reports .shadow-2dp {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

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

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

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

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

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

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

page-reports .font-weight-100 {
  font-weight: 100 !important;
}

page-reports .font-weight-200 {
  font-weight: 200 !important;
}

page-reports .font-weight-300 {
  font-weight: 300 !important;
}

page-reports .font-weight-400 {
  font-weight: 400 !important;
}

page-reports .font-weight-500 {
  font-weight: 500 !important;
}

page-reports .font-weight-600 {
  font-weight: 600 !important;
}

page-reports .font-weight-700 {
  font-weight: 700 !important;
}

page-reports .font-weight-800 {
  font-weight: 800 !important;
}

page-reports .font-weight-900 {
  font-weight: 900 !important;
}

page-reports .font-weight-light {
  font-weight: 100 !important;
}

page-reports .font-weight-normal {
  font-weight: 300 !important;
}

page-reports .font-weight-medium {
  font-weight: 400 !important;
}

page-reports .font-weight-bold {
  font-weight: 500 !important;
}

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

page-reports .font-size-0 {
  font-size: 0 !important;
}

page-reports .font-size-10 {
  font-size: 10px !important;
}

page-reports .font-size-11 {
  font-size: 11px !important;
}

page-reports .font-size-12 {
  font-size: 12px !important;
}

page-reports .font-size-14 {
  font-size: 14px !important;
}

page-reports .font-size-16 {
  font-size: 16px !important;
}

page-reports .font-size-18 {
  font-size: 18px !important;
}

page-reports .font-size-20 {
  font-size: 20px !important;
}

page-reports .font-size-24 {
  font-size: 24px !important;
}

page-reports .font-size-26 {
  font-size: 26px !important;
}

page-reports .font-size-30 {
  font-size: 30px !important;
}

page-reports .font-size-35 {
  font-size: 35px !important;
}

page-reports .font-size-38 {
  font-size: 38px !important;
}

page-reports .font-size-40 {
  font-size: 40px !important;
}

page-reports .font-size-50 {
  font-size: 50px !important;
}

page-reports .font-size-60 {
  font-size: 60px !important;
}

page-reports .font-size-70 {
  font-size: 70px !important;
}

page-reports .font-size-80 {
  font-size: 80px !important;
}

page-reports .hidden {
  display: none !important;
}

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

page-reports .float-r {
  float: right !important;
}

page-reports .float-l {
  float: left !important;
}

page-reports .align-c {
  display: block;
  margin: 0 auto;
}

page-reports .align-b {
  display: block;
}

page-reports .text-center {
  text-align: center !important;
}

page-reports .text-left {
  text-align: left !important;
}

page-reports .text-right {
  text-align: right !important;
}

page-reports .align-v-c {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-reports .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-reports .align-v-c1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-reports .align-v-c2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-reports .align-v-c3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-reports .align-v-c4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-reports .align-flex-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-reports .align-right-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

page-reports .align-start-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media (max-width: 576px) {
  page-reports .d-xs-none {
    display: none !important;
  }
  page-reports .d-xs-inline {
    display: inline !important;
  }
  page-reports .d-xs-inline-block {
    display: inline-block !important;
  }
  page-reports .d-xs-block {
    display: block !important;
  }
  page-reports .d-xs-table {
    display: table !important;
  }
  page-reports .d-xs-table-cell {
    display: table-cell !important;
  }
  page-reports .d-xs-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
  }
  page-reports .d-xs-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important;
  }
}

page-reports .b-r-gd {
  border-radius: 10px !important;
}

page-reports .b-r-10 {
  border-radius: 10px !important;
}

page-reports .b-r-5 {
  border-radius: 5px;
}

page-reports .d-fl-ov-x {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  overflow-x: auto !important;
}

page-reports .align-base {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-reports .d-fl-bl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-reports .d-fl-vhcenter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-reports .d-fl-b2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
}

page-reports .d-fl-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-reports .d-fl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-reports .d-fl-sb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-reports .d-fl-saround {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-reports .d-fl-ac {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-reports .text-capital {
  text-transform: capitalize !important;
}

page-reports .text-upper {
  text-transform: uppercase !important;
}

page-reports .m-a {
  margin: auto !important;
}

page-reports .m-l-a {
  margin-left: auto !important;
}

page-reports .m-r-a {
  margin-right: auto !important;
}

page-reports .italic {
  font-style: italic;
}

page-reports .pointer {
  cursor: pointer;
}

page-reports .ws-in {
  white-space: inherit;
}

page-reports .opacity-1 {
  opacity: 1;
}

page-reports .in-valid-checkbox {
  border: 1px solid #ff0000 !important;
  padding: 5px !important;
  margin-bottom: 10px;
  border-radius: 5px;
}

page-reports page-corp-dashboard .mycustomdrop:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
  top: -15px;
  position: absolute;
  right: 15%;
}

page-reports h1 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1.6875rem !important;
  line-height: 64px;
  letter-spacing: -0.4px;
}

page-reports h2 {
  font-family: "Poppins", sans-serif;
  font-size: 24px !important;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
}

page-reports h3,
page-reports .h3 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 22px !important;
  line-height: 48px;
  /* identical to box height, or 200% */
  /* Neutral / dark gray */
  color: #000000;
}

page-reports h4,
page-reports .menu-heading-h4 {
  font-family: "Poppins", sans-serif !important;
  font-style: normal;
  font-weight: normal;
  font-size: 15px !important;
  line-height: 26px;
  /* or 144% */
  letter-spacing: -0.2px;
  color: #000000;
}

page-reports h5 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  /* or 143% */
  color: #000000;
}

page-reports .subtitle {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  /* or 200% */
  letter-spacing: 2.5px;
  color: #4E5761;
}

page-reports p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 13px !important;
  line-height: 24px;
  /* identical to box height, or 171% */
  letter-spacing: -0.1px;
  /* Neutral / black */
  color: #000000;
}

page-reports .ui-tabview.ui-tabview-top > .ui-tabview-nav {
  padding: 0.2em 0.2em 0;
  border-bottom: 1px solid #eaeaea;
}

page-reports .scroll-content {
  padding: 0 !important;
}

page-reports ion-navbar {
  margin: 0;
  border-radius: 0px;
  height: 50px !important;
  color: #172B4D !important;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-reports ion-header {
  padding: 0;
}

page-reports .header-md::after {
  background-image: none;
}

page-reports .toolbar-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #172B4D !important;
  line-height: 24px;
  font-family: "Poppins", sans-serif;
  font-size: 2rem !important;
  font-weight: bold !important;
  text-align: left !important;
}

page-reports .userLabel {
  float: right;
  display: inline;
  letter-spacing: 1px;
  color: #172B4D !important !important;
}

page-reports .card-title {
  font-size: 16px !important;
  color: #000000;
  font-weight: bold !important;
  text-align: center !important;
}

page-reports .barcolor {
  background: #5a75a3;
  color: #ffffff;
}

page-reports p-sorticon {
  color: black;
}

page-reports p-sorticon a {
  color: black !important;
}

page-reports .globalTable {
  border: none;
  border: 1px solid #c1c1c1;
}

page-reports .globalTable .ui-table-caption {
  border-bottom: 1px solid #dadada !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  font-size: 18px !important;
  background: #ecececad !important;
}

page-reports .globalTable .table-header input {
  font-size: 15px !important;
  border-style: groove;
  width: 100% !important;
  padding-left: 10px;
  border-radius: 10px;
  border-color: #f3f3f3;
  font-weight: 500;
  line-height: 25px !important;
}

page-reports .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-reports .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

page-reports .globalTable .table-header .align input {
  width: 80%;
  line-height: 25px;
}

page-reports .globalTable .ui-table-tbody tr:nth-child(2n+1) {
  background: white;
}

page-reports .globalTable .ui-table-tbody tr:nth-child(2n) {
  background: #f3f3f3;
}

page-reports .globalTable .ui-table-tbody tr:hover {
  background: #c1c1c167 !important;
}

page-reports .globalTable .ui-table-tbody .activeRow {
  background: #c4d2e5 !important;
}

page-reports .globalTable th input {
  text-align: center !important;
  width: 90% !important;
  font-weight: 400 !important;
}

page-reports .globalTable .ui-table .ui-sortable-column.ui-state-highlight {
  color: black !important;
}

page-reports .globalTable .ui-table .ui-table-thead tr th {
  background: #eeeeee9e;
  border: none;
  padding: 10px 0;
  width: 100%;
  text-align: center;
}

page-reports .globalTable .ui-table .ui-table-tbody tr td {
  border: none;
  background: inherit;
  padding: 20px 0;
  text-align: center;
}

page-reports .globalTable .ui-table .ui-table-tbody tr {
  border-bottom: 1px solid #cacaca;
}

page-reports .globalTable .p-column-filter {
  border-radius: 4px;
  border: 1px solid gray;
}

page-reports .globalTable .badge-badge.status-Active {
  padding: 5px 20px;
  color: #226f4e;
  background-color: #9decbe;
  font-weight: 500;
  font-size: 12px;
}

page-reports .globalTable .badge-badge.status-Inactive {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

page-reports .globalTable .badge-badge.status-Suspended {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

page-reports .globalTable .badge-badge.status-Waiting {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

page-reports .globalTable .badge-badge.status-Pending {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

page-reports .globalTable .actionIcon {
  padding: 0 3px;
  font-size: 16px;
  cursor: pointer;
}

page-reports ion-icon {
  cursor: pointer;
}

page-reports .button-md-reset {
  background-color: #ffffff;
  color: black !important;
  border: 1px solid #e3ecf7;
}

page-reports .button-md-reset:hover {
  background-color: #ececec !important;
}

page-reports .reset:hover {
  background-color: #ececec !important;
}

page-reports .button-md-primary {
  background-color: #172B4D !important;
  color: #ffffff !important;
}

page-reports ion-button {
  background-color: #172B4D !important;
  color: #ffffff;
}

page-reports .my-custom-class .alert-button-group button:first-child {
  position: relative;
}

page-reports .my-custom-class .alert-button-group button {
  font-weight: bold;
}

page-reports .my-custom-class .alert-radio-group {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100% !important;
}

page-reports .my-custom-class button {
  text-align: center;
}

page-reports .alert-button-group button:first-child {
  position: relative !important;
  min-width: 0 !important;
}

page-reports .alert-md .alert-wrapper {
  max-width: 320px !important;
}

page-reports .alert-md .alert-message {
  font-size: 16px !important;
}

page-reports .alert-button {
  font-size: 15px !important;
}

page-reports .alert-md .alert-sub-title {
  font-size: 16px !important;
}

page-reports .alert-md .alert-title {
  font-size: 22px !important;
}

page-reports .breakclass {
  white-space: pre-line;
}

page-reports .error {
  color: red;
  float: left;
}

page-reports .topStrip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}

page-reports .infographic1 {
  border: none;
  color: #367ad2;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-reports .infographic1 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-reports .infographic1 ion-icon {
  color: black;
}

page-reports .infographic2 {
  border: none;
  color: #50d29b;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-reports .infographic2 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-reports .infographic2 ion-icon {
  color: black;
}

page-reports .infographic3 {
  border: none;
  color: #ffaa00;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-reports .infographic3 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-reports .infographic3 ion-icon {
  color: black;
}

page-reports .infographic4 {
  border: none;
  color: #f36363;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-reports .infographic4 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-reports .infographic4 ion-icon {
  color: black;
}

page-reports .infographic5 {
  border: none;
  color: #41acbf;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-reports .infographic5 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-reports .infographic5 ion-icon {
  color: black;
}

page-reports .infograph1 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #367ad2;
  font-size: 20px;
}

page-reports .infograph2 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #51b98d;
  font-size: 20px;
}

page-reports .infograph3 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #ffaa00;
  font-size: 20px;
}

page-reports .infograph4 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #dc5b54;
  font-size: 20px;
}

page-reports .infograph5 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #41acbf;
  font-size: 20px;
}

page-reports .infographtext {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 12px;
}

page-reports .successToast .toast-message {
  background-color: #d2f8d2 !important;
  color: black;
}

page-reports .errorToast .toast-message {
  background-color: #eea9a0 !important;
  color: black;
}

page-reports .actionIconsBar {
  padding-right: 20px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

page-reports .ui-carousel .ui-carousel-header {
  display: none !important;
}

page-reports .userfab .fab-close-active .fab-close-icon {
  height: 40px !important;
  position: relative !important;
}

page-reports textarea.text-input {
  resize: none !important;
}

page-reports .asterisk {
  color: red;
  padding-left: 3px;
}

page-reports .m-b-t {
  margin-bottom: 4% !important;
}

page-reports .ui-radiobutton-box.ui-state-active {
  border: 1px solid #09f;
  background: #09f;
  color: #09f;
}

page-reports .alert-md .alert-message {
  overflow: auto;
}

page-reports .alert-md .alert-message .alertstyle1 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

page-reports .alert-md .alert-message .alertstyle1 b {
  width: 65px !important;
}

page-reports .alert-md .alert-message .alertstyle3 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-reports .alert-md .alert-message .alertstyle3 b {
  width: 65px !important;
}

page-reports .alert-md .alert-message .alertstyle4 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-reports .alert-md .alert-message .alertstyle4 b {
  width: 150px !important;
}

page-reports .alert-md .alert-message .alertstyle5 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

page-reports .alert-md .alert-message .alertstyle5 b {
  width: 75px !important;
}

page-reports .alert-md .alert-message .alertstyle5 span {
  width: 5px;
}

page-reports .alert-md .alert-message .alertstyle2 {
  text-align: left !important;
}

page-reports .alert-md .alert-message .alertstyle2 li {
  margin-top: 10px;
}

page-reports .ui-tooltip {
  background-color: #172B4D !important;
  color: #ffffff;
}

page-reports .navsebexam .toolbar-content-md {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
}

page-reports .modal-wrapper {
  height: 75%;
  top: 10%;
  position: absolute;
  display: block;
  border-radius: 10px !important;
}

page-reports .ui-picklist-source-controls.ui-picklist-buttons {
  display: none !important;
}

page-reports .ui-picklist-target-controls.ui-picklist-buttons {
  display: none !important;
}

page-reports .ui-picklist-target-controls.ui-picklist-buttons.ng-star-inserted {
  display: none !important;
}

page-reports .ellip {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

page-reports .p-slider {
  background: #dee2e6;
  border: 0 none;
  border-radius: 3px;
}

page-reports .Errorbox .alert-title {
  color: #d8000c;
}

page-reports .Errorbox .alert-button {
  color: #d8000c;
}

page-reports .card-md {
  border-radius: 5px !important;
}

page-reports .modal {
  display: none;
  /* Hidden by default */
  position: -webkit-sticky;
  position: sticky;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 30px;
  /* Location of the box */
  left: 0;
  right: 0;
  bottom: 150px;
  width: 400px;
  height: 400px;
  margin: auto;
  border: 4px solid;
  background-color: black;
}

page-reports .modal-content {
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
}

page-reports .close {
  position: absolute;
  color: #f1f1f1;
  top: 0px;
  right: 10px;
  font-size: 28px;
  font-weight: bold;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

page-reports .close:hover,
page-reports .close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

page-reports .customhr {
  width: 90%;
  background-color: #ccc;
}

page-reports .mycustomtoolbar ion-segment {
  border: none;
}

page-reports .mycustomtoolbar ion-segment-button {
  font-size: 16px !important;
  font-weight: 500 !important;
}

page-reports .mycustomtoolbar .segment-md .segment-button.activated,
page-reports .mycustomtoolbar .segment-md .segment-button.segment-activated {
  border-color: #172B4D !important;
  color: #172B4D !important;
}

page-reports .mycustomtoolbar .toolbar-background {
  background: transparent;
}

page-reports .fc {
  direction: ltr;
  text-align: left;
}

page-reports .fc-rtl {
  text-align: right;
}

page-reports body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}

page-reports .fc-unthemed th,
page-reports .fc-unthemed td,
page-reports .fc-unthemed thead,
page-reports .fc-unthemed tbody,
page-reports .fc-unthemed .fc-divider,
page-reports .fc-unthemed .fc-row,
page-reports .fc-unthemed .fc-content,
page-reports .fc-unthemed .fc-popover,
page-reports .fc-unthemed .fc-list-view,
page-reports .fc-unthemed .fc-list-heading td {
  border-color: #ddd;
}

page-reports .fc-unthemed .fc-popover {
  background-color: #fff;
}

page-reports .fc-unthemed .fc-divider,
page-reports .fc-unthemed .fc-popover .fc-header,
page-reports .fc-unthemed .fc-list-heading td {
  background: #eee;
}

page-reports .fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}

page-reports .fc-unthemed td.fc-today {
  background: #fcf8e3;
}

page-reports .fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3;
}

page-reports .fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3;
}

page-reports .fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}

page-reports .fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

page-reports .fc-icon:after {
  position: relative;
}

page-reports .fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-reports .fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-reports .fc-icon-left-double-arrow:after {
  content: "\000AB";
  font-size: 160%;
  top: -7%;
}

page-reports .fc-icon-right-double-arrow:after {
  content: "\000BB";
  font-size: 160%;
  top: -7%;
}

page-reports .fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%;
}

page-reports .fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%;
}

page-reports .fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%;
}

page-reports .fc-icon-x:after {
  content: "\000D7";
  font-size: 200%;
  top: 6%;
}

page-reports .fc button {
  /* force height to include the border and padding */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer;
}

page-reports .fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}

page-reports .fc-state-default {
  /* non-theme */
  border: 1px solid;
}

page-reports .fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

page-reports .fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

page-reports .fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .2em;
  vertical-align: middle;
}

page-reports .fc-state-default {
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-reports .fc-state-hover,
page-reports .fc-state-down,
page-reports .fc-state-active,
page-reports .fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}

page-reports .fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

page-reports .fc-state-down,
page-reports .fc-state-active {
  background-color: #cccccc;
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-reports .fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}

page-reports .fc-button-group {
  display: inline-block;
}

page-reports .fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px;
}

page-reports .fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0;
}

page-reports .fc-popover {
  position: absolute;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

page-reports .fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px;
}

page-reports .fc-popover .fc-header .fc-title {
  margin: 0 2px;
}

page-reports .fc-popover .fc-header .fc-close {
  cursor: pointer;
}

page-reports .fc-ltr .fc-popover .fc-header .fc-title,
page-reports .fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}

page-reports .fc-rtl .fc-popover .fc-header .fc-title,
page-reports .fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}

page-reports .fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}

page-reports .fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: .9em;
  margin-top: 2px;
}

page-reports .fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */
}

page-reports .fc-divider {
  border-style: solid;
  border-width: 1px;
}

page-reports hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}

page-reports .fc-clear {
  clear: both;
}

page-reports .fc-bg,
page-reports .fc-bgevent-skeleton,
page-reports .fc-highlight-skeleton,
page-reports .fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-reports .fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}

page-reports .fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}

page-reports .fc table {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}

page-reports .fc th {
  text-align: center;
}

page-reports .fc th,
page-reports .fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}

page-reports .fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}

page-reports a[data-goto] {
  cursor: pointer;
}

page-reports a[data-goto]:hover {
  text-decoration: underline;
}

page-reports .fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}

page-reports .fc-row table {
  /* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}

page-reports .fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}

page-reports .fc-row {
  position: relative;
}

page-reports .fc-row .fc-bg {
  z-index: 1;
}

page-reports .fc-row .fc-bgevent-skeleton,
page-reports .fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}

page-reports .fc-row .fc-bgevent-skeleton table,
page-reports .fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}

page-reports .fc-row .fc-highlight-skeleton td,
page-reports .fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}

page-reports .fc-row .fc-bgevent-skeleton {
  z-index: 2;
}

page-reports .fc-row .fc-highlight-skeleton {
  z-index: 3;
}

page-reports .fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}

page-reports .fc-row .fc-helper-skeleton {
  z-index: 5;
}

page-reports .fc-row .fc-content-skeleton td,
page-reports .fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}

page-reports .fc-row .fc-content-skeleton tbody td,
page-reports .fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}

page-reports .fc-scroller {
  -webkit-overflow-scrolling: touch;
}

page-reports .fc-scroller > .fc-day-grid,
page-reports .fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}

page-reports .fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */
  font-weight: normal;
  /* undo jqui's ui-widget-header bold */
}

page-reports .fc-event,
page-reports .fc-event-dot {
  background-color: #3a87ad;
  /* default BACKGROUND color */
}

page-reports .fc-event,
page-reports .fc-event:hover,
page-reports .ui-widget .fc-event {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}

page-reports .fc-event[href],
page-reports .fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}

page-reports .fc-not-allowed,
page-reports .fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}

page-reports .fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #ffffff;
  opacity: .25;
}

page-reports .fc-event .fc-content {
  position: relative;
  z-index: 2;
}

page-reports .fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
}

page-reports .fc-event .fc-resizer {
  display: none;
}

page-reports .fc-event.fc-allow-mouse-resize .fc-resizer,
page-reports .fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block;
}

page-reports .fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}

page-reports .fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

page-reports .fc-event.fc-selected.fc-dragging {
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

page-reports .fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}

page-reports .fc-ltr .fc-h-event.fc-not-start,
page-reports .fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

page-reports .fc-ltr .fc-h-event.fc-not-end,
page-reports .fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

page-reports .fc-ltr .fc-h-event .fc-start-resizer,
page-reports .fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */
}

page-reports .fc-ltr .fc-h-event .fc-end-resizer,
page-reports .fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */
}

page-reports .fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */
}

page-reports .fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* vertically center */
  top: 50%;
  margin-top: -4px;
}

page-reports .fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
page-reports .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */
}

page-reports .fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
page-reports .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */
}

page-reports .fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}

page-reports tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */
}

page-reports .fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: .25;
}

page-reports .fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}

page-reports .fc-day-grid-event .fc-time {
  font-weight: bold;
}

page-reports .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
page-reports .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */
}

page-reports .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
page-reports .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */
}

page-reports a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none;
}

page-reports a.fc-more:hover {
  text-decoration: underline;
}

page-reports .fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}

page-reports .fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}

page-reports .fc-more-popover {
  z-index: 2;
  width: 220px;
}

page-reports .fc-more-popover .fc-event-container {
  padding: 10px;
}

page-reports .fc-now-indicator {
  position: absolute;
  border: 0 solid red;
}

page-reports .fc-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

page-reports .fc-toolbar {
  text-align: center;
}

page-reports .fc-toolbar.fc-header-toolbar {
  margin-bottom: 1em;
}

page-reports .fc-toolbar.fc-footer-toolbar {
  margin-top: 1em;
}

page-reports .fc-toolbar .fc-left {
  float: left;
}

page-reports .fc-toolbar .fc-right {
  float: right;
}

page-reports .fc-toolbar .fc-center {
  display: inline-block;
}

page-reports .fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em;
}

page-reports .fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0;
}

page-reports .fc-toolbar h2 {
  margin: 0;
}

page-reports .fc-toolbar button {
  position: relative;
}

page-reports .fc-toolbar .fc-state-hover,
page-reports .fc-toolbar .ui-state-hover {
  z-index: 2;
}

page-reports .fc-toolbar .fc-state-down {
  z-index: 3;
}

page-reports .fc-toolbar .fc-state-active,
page-reports .fc-toolbar .ui-state-active {
  z-index: 4;
}

page-reports .fc-toolbar button:focus {
  z-index: 5;
}

page-reports .fc-view-container *,
page-reports .fc-view-container *:before,
page-reports .fc-view-container *:after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

page-reports .fc-view,
page-reports .fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}

page-reports .fc-basicWeek-view .fc-content-skeleton,
page-reports .fc-basicDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}

page-reports .fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}

page-reports .fc-row.fc-rigid {
  overflow: hidden;
}

page-reports .fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-reports .fc-day-top.fc-other-month {
  opacity: 0.3;
}

page-reports .fc-basic-view .fc-week-number,
page-reports .fc-basic-view .fc-day-number {
  padding: 2px;
}

page-reports .fc-basic-view th.fc-week-number,
page-reports .fc-basic-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */
}

page-reports .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right;
}

page-reports .fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left;
}

page-reports .fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0;
}

page-reports .fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px;
}

page-reports .fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080;
}

page-reports .fc-basic-view td.fc-week-number {
  text-align: center;
}

page-reports .fc-basic-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}

page-reports .fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}

page-reports .fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}

page-reports .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}

page-reports .fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}

page-reports .fc-ltr .fc-axis {
  text-align: right;
}

page-reports .fc-rtl .fc-axis {
  text-align: left;
}

page-reports .ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome jqui theme making it bold */
}

page-reports .fc-time-grid-container,
page-reports .fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}

page-reports .fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

page-reports .fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}

page-reports .fc-time-grid > .fc-bg {
  z-index: 1;
}

page-reports .fc-time-grid .fc-slats,
page-reports .fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}

page-reports .fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */
}

page-reports .fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
}

page-reports .fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1;
}

page-reports .fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2;
}

page-reports .fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3;
}

page-reports .fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4;
}

page-reports .fc-time-grid .fc-now-indicator-line {
  z-index: 5;
}

page-reports .fc-time-grid .fc-helper-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6;
}

page-reports .fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}

page-reports .fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}

page-reports .fc-time-grid .fc-slats .ui-widget-content {
  /* for jqui theme */
  background: none;
  /* see through to fc-bg */
}

page-reports .fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}

page-reports .fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}

page-reports .fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}

page-reports .fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}

page-reports .fc-time-grid .fc-event,
page-reports .fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}

page-reports .fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}

page-reports .fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

page-reports .fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

page-reports .fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */
}

page-reports .fc-time-grid-event.fc-selected {
  /* need to allow touch resizers to extend outside event's bounding box */
  /* common fc-selected styles hide the fc-bg, so don't need this anyway */
  overflow: visible;
}

page-reports .fc-time-grid-event.fc-selected .fc-bg {
  display: none;
  /* hide semi-white background, to appear darker */
}

page-reports .fc-time-grid-event .fc-content {
  overflow: hidden;
  /* for when .fc-selected */
}

page-reports .fc-time-grid-event .fc-time,
page-reports .fc-time-grid-event .fc-title {
  padding: 0 1px;
}

page-reports .fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap;
}

page-reports .fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}

page-reports .fc-time-grid-event.fc-short .fc-time,
page-reports .fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}

page-reports .fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}

page-reports .fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}

page-reports .fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
  /* seperate with a dash, wrapped in nbsp's */
}

page-reports .fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}

page-reports .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}

page-reports .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "=";
}

page-reports .fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px;
}

page-reports .fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0;
}

page-reports .fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */
}

page-reports .fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-reports .fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-reports .fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}

page-reports .fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */
}

page-reports .fc-list-view {
  border-width: 1px;
  border-style: solid;
}

page-reports .fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */
}

page-reports .fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px;
}

page-reports .fc-list-table tr:first-child td {
  border-top-width: 0;
}

page-reports .fc-list-heading {
  border-bottom-width: 1px;
}

page-reports .fc-list-heading td {
  font-weight: bold;
}

page-reports .fc-ltr .fc-list-heading-main {
  float: left;
}

page-reports .fc-ltr .fc-list-heading-alt {
  float: right;
}

page-reports .fc-rtl .fc-list-heading-main {
  float: right;
}

page-reports .fc-rtl .fc-list-heading-alt {
  float: left;
}

page-reports .fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */
}

page-reports .fc-list-item:hover td {
  background-color: #f5f5f5;
}

page-reports .fc-list-item-marker,
page-reports .fc-list-item-time {
  white-space: nowrap;
  width: 1px;
}

page-reports .fc-ltr .fc-list-item-marker {
  padding-right: 0;
}

page-reports .fc-rtl .fc-list-item-marker {
  padding-left: 0;
}

page-reports .fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit;
}

page-reports .fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline;
}

page-reports .fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

page-reports .fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table;
}

page-reports .fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

page-reports .fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #eee;
}

page-reports .generateButton {
  display: block;
  margin: 0 auto;
}

page-reports .nodata_avail {
  font-family: "Open Sans" !important;
  text-align: center;
  line-height: 60px;
  font-size: 25px;
  color: #0099ff !important;
  margin: auto;
  border-radius: 10px;
  width: 75%;
  padding: 13px 16px;
  background: #ffffff !important;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

page-reports .nodata_avail-title {
  color: #0099ff !important;
  border-bottom: 1px solid #0099ff !important;
  font-size: 18px !important;
  font-weight: bold;
  font-family: "Open Sans";
  cursor: pointer;
}

page-scorm-player .videoTrainingVim {
  width: 100%;
  height: 95%;
  display: block;
  margin: 10px auto;
  border: 1px solid;
}

page-scorm-player .videoTrainingVim iframe {
  border: none;
}

page-sebdownload .sebstyle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-sebdownload .header1 {
  font-weight: bold !important;
  font-size: 20px !important;
  color: black !important;
}

@media screen and (max-width: 768px) {
  page-sebdownload .sebstyle {
    display: block;
    text-align: left;
  }
}

page-setup .centerdiv,
page-evaluate-settings .centerdiv {
  width: 90%;
  margin: 30px auto;
}

page-setup ion-segment,
page-evaluate-settings ion-segment {
  border: 1px solid #0099ff;
  border-radius: 25px;
}

page-setup ion-segment-button,
page-evaluate-settings ion-segment-button {
  border-radius: 25px;
  border-bottom-style: none !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

page-setup .segment-md .segment-button.activated,
page-setup .segment-md .segment-button.segment-activated,
page-evaluate-settings .segment-md .segment-button.activated,
page-evaluate-settings .segment-md .segment-button.segment-activated {
  border-color: #0099ff;
  background: #0099ff;
  color: #000;
}

page-setup .toolbar-background,
page-evaluate-settings .toolbar-background {
  background: transparent;
  border: 0px;
}

page-setup .class-list form,
page-evaluate-settings .class-list form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-setup .class-list form ion-list,
page-evaluate-settings .class-list form ion-list {
  width: 60%;
  margin: 10px;
}

page-setup .class-list form ion-row,
page-evaluate-settings .class-list form ion-row {
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-setup .globalTable,
page-evaluate-settings .globalTable {
  min-width: 901px;
  border: 1px solid lightgrey;
}

page-setup .globalTable .table-header,
page-evaluate-settings .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-setup .globalTable .table-header .align,
page-evaluate-settings .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

page-setup .globalTable .table-header .align input,
page-evaluate-settings .globalTable .table-header .align input {
  width: 80%;
  line-height: 25px;
}

page-setup .globalTable th input,
page-evaluate-settings .globalTable th input {
  text-align: center;
  width: 50% !important;
  font-weight: 400;
}

page-setup .globalTable .actionIcon,
page-evaluate-settings .globalTable .actionIcon {
  padding: 0 3px;
  font-size: 16px;
  cursor: pointer;
}

page-setup ion-fab,
page-evaluate-settings ion-fab {
  width: 40px !important;
  height: 40px !important;
  margin: 3%;
}

@media (max-width: 576px) {
  page-setup .class-list form ion-list,
  page-evaluate-settings .class-list form ion-list {
    width: 100%;
  }
}

page-setup .mycustomdrop2,
page-evaluate-settings .mycustomdrop2 {
  width: 50%;
  margin-left: 25%;
  margin-top: 20px;
  top: 0;
  position: absolute;
  z-index: 999;
  background-color: white;
  -webkit-box-shadow: 0px 2px 9px #00000030 !important;
  box-shadow: 0px 2px 9px #00000030 !important;
  border-radius: 5px;
}

page-setup .mycustomdrop2 ion-item,
page-evaluate-settings .mycustomdrop2 ion-item {
  background-color: white;
}

page-setup .mycustomdrop2 .purposehead,
page-evaluate-settings .mycustomdrop2 .purposehead {
  text-align: center;
  font-size: 20px;
  margin-top: 20px;
}

page-setup .mycustomdrop2 .purposeerror,
page-evaluate-settings .mycustomdrop2 .purposeerror {
  color: red;
  padding-left: 10px;
}

page-setup .mycustomdrop10,
page-evaluate-settings .mycustomdrop10 {
  width: 50%;
  margin-left: 25%;
  top: 10%;
  padding: 30px;
  position: absolute;
  z-index: 999;
  background-color: white;
  -webkit-box-shadow: 0px 2px 9px #00000030 !important;
  box-shadow: 0px 2px 9px #00000030 !important;
  border-radius: 5px;
}

page-setup .mycustomdrop10 .purposehead,
page-evaluate-settings .mycustomdrop10 .purposehead {
  text-align: center;
  font-size: 20px;
  margin-top: 20px;
}

page-setup .info-grid ion-col,
page-evaluate-settings .info-grid ion-col {
  padding: 0;
}

page-setup .info-grid ion-col ion-row,
page-evaluate-settings .info-grid ion-col ion-row {
  margin: 10px;
  border: 1px lightgrey solid;
  background-color: #ffffff;
}

page-setup .info-grid ion-col .label-md,
page-evaluate-settings .info-grid ion-col .label-md {
  margin: 0;
}

page-setup .info-grid ion-col .label-md .heading,
page-evaluate-settings .info-grid ion-col .label-md .heading {
  font-family: "Open Sans";
  font-size: 0.9em;
  color: black;
  width: 60%;
}

page-setup .info-grid ion-col .heading,
page-evaluate-settings .info-grid ion-col .heading {
  width: 50%;
  background-color: #ebedf0;
  font-weight: bold;
  padding: 5px;
}

page-setup .info-grid ion-col .info,
page-evaluate-settings .info-grid ion-col .info {
  width: 50%;
  background-color: #ffffff;
  padding: 5px;
  text-align: right;
}

page-setup .verifytext,
page-evaluate-settings .verifytext {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}

page-setup .setupCard,
page-evaluate-settings .setupCard {
  width: 30%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 5px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 10px;
  height: 180px;
}

page-setup .setupCard ion-row,
page-evaluate-settings .setupCard ion-row {
  padding: 5px;
}

page-setup .setupCard .cardhead,
page-evaluate-settings .setupCard .cardhead {
  font-weight: bold;
  font-size: 24px;
}

page-setup .setupCard .cardicons,
page-evaluate-settings .setupCard .cardicons {
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 150px;
  font-size: 20px;
}

page-setup .setupCard .leftdiv,
page-evaluate-settings .setupCard .leftdiv {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-setup .dateActive,
page-evaluate-settings .dateActive {
  background-color: #9decbe;
  padding: 5px;
  border-radius: 2px;
  height: 180px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-setup .dateActive ion-row,
page-evaluate-settings .dateActive ion-row {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-setup .dateInactive,
page-evaluate-settings .dateInactive {
  background-color: #ffa9a9;
  padding: 5px;
  border-radius: 2px;
  height: 180px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-setup .dateInactive ion-row,
page-evaluate-settings .dateInactive ion-row {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-setup .togglediv,
page-evaluate-settings .togglediv {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-setup .togglediv ion-icon,
page-evaluate-settings .togglediv ion-icon {
  font-size: 3rem;
  float: right;
  margin-right: 10px;
}

page-setup-candidate .profileform {
  width: 80%;
  margin: auto;
  padding: 20px 40px;
}

page-setup-candidate .divider {
  color: Black;
  background-color: transparent;
  padding: 0;
}

page-setup-candidate .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-setup-candidate .resumeurlclass {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-setup-candidate .resumeurlclass a {
  text-decoration: none;
}

page-setup-candidate .infoclass {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 20px 0 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 18px;
  font-weight: bold;
}

page-take-quiz {
  /* ANIMATION */
  /* SHADOWS */
  /*
 *
 *   MaterialWrap - Bootstrap + Material Design Admin Theme

 
*/
  /*
 * CSS Transform - Scale and Rotate
 */
  /* The Modal (background) */
  /* Modal Content (image) */
  /* The Close Button */
  /*!
 * FullCalendar v3.2.0 Stylesheet
 * Docs & License: https://fullcalendar.io/
 * (c) 2017 Adam Shaw
 */
  /* Colors
--------------------------------------------------------------------------------------------------*/
  /* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
  /*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
  /* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
  /* Firefox has an annoying inner border */
  /* icons in buttons */
  /*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
  /* Buttons Groups
--------------------------------------------------------------------------------------------------*/
  /*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
  /* Popover
--------------------------------------------------------------------------------------------------*/
  /* unthemed */
  /* jqui themed */
  /* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
  /* Tables
--------------------------------------------------------------------------------------------------*/
  /* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
  /* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
  /* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
  /* highlighting cells & background event skeleton */
  /*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
  /* Scrolling Container
--------------------------------------------------------------------------------------------------*/
  /* TODO: move to agenda/basic */
  /* Global Event Styles
--------------------------------------------------------------------------------------------------*/
  /* overpower some of bootstrap's and jqui's styles on <a> tags */
  /* resizer (cursor AND touch devices) */
  /* resizer (touch devices) */
  /* hit area */
  /* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
  /* Horizontal Events
--------------------------------------------------------------------------------------------------*/
  /* bigger touch area when selected */
  /* events that are continuing to/from another week. kill rounded corners and butt up against edge */
  /* resizer (cursor AND touch devices) */
  /* left resizer  */
  /* right resizer */
  /* resizer (mouse devices) */
  /* resizer (touch devices) */
  /* left resizer  */
  /* right resizer */
  /* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* resizer (cursor devices) */
  /* left resizer  */
  /* right resizer */
  /* Event Limiting
--------------------------------------------------------------------------------------------------*/
  /* "more" link that represents hidden events */
  /* popover that appears when "more" link is clicked */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* Utilities
--------------------------------------------------------------------------------------------------*/
  /* Toolbar
--------------------------------------------------------------------------------------------------*/
  /* the things within each left/right/center section */
  /* the first thing within each left/center/right section */
  /* title text */
  /* button layering (for border precedence) */
  /* View Structure
--------------------------------------------------------------------------------------------------*/
  /* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
  /* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
  /* BasicView
--------------------------------------------------------------------------------------------------*/
  /* day row structure */
  /* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
  /* week and day number styling */
  /* when week/day number have own column */
  /* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
  /* divs within a cell within the fc-content-skeleton */
  /* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
  /* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* short mode, where time and title are on the same line */
  /* resizer (cursor device) */
  /* resizer (touch device) */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* arrow on axis */
  /* List View
--------------------------------------------------------------------------------------------------*/
  /* possibly reusable */
  /* view wrapper */
  /* table resets */
  /* day headings with the list */
  /* event list items */
  /* make the dot closer to the event title */
  /* message when no events */
}

page-take-quiz .letter-sp-1 {
  letter-spacing: 1px;
}

page-take-quiz .letter-sp-2 {
  letter-spacing: 2px;
}

page-take-quiz .letter-sp-3 {
  letter-spacing: 3px;
}

page-take-quiz .m-0 {
  margin: 0 !important;
}

page-take-quiz .m-5 {
  margin: 5px !important;
}

page-take-quiz .m-10 {
  margin: 10px !important;
}

page-take-quiz .m-15 {
  margin: 15px !important;
}

page-take-quiz .m-20 {
  margin: 20px !important;
}

page-take-quiz .m-30 {
  margin: 30px !important;
}

page-take-quiz .m-50 {
  margin: 50px !important;
}

page-take-quiz .m-b-100 {
  margin-bottom: 100px !important;
}

page-take-quiz .m-b-15 {
  margin-bottom: 15px !important;
}

page-take-quiz .m-b-20 {
  margin-bottom: 20px !important;
}

page-take-quiz .m-b-0 {
  margin-bottom: 0 !important;
}

page-take-quiz .m-l-0 {
  margin-left: 0 !important;
}

page-take-quiz .m-l-5 {
  margin-left: 5px !important;
}

page-take-quiz .m-l-10 {
  margin-left: 10px !important;
}

page-take-quiz .m-l-15 {
  margin-left: 15px !important;
}

page-take-quiz .m-l-20 {
  margin-left: 20px !important;
}

page-take-quiz .m-l-30 {
  margin-left: 30px !important;
}

page-take-quiz .m-l-40 {
  margin-left: 40px !important;
}

page-take-quiz .m-l-50 {
  margin-left: 50px !important;
}

page-take-quiz .m-l-n-1 {
  margin-left: -1px !important;
}

page-take-quiz .m-l-n-5 {
  margin-left: -5px !important;
}

page-take-quiz .m-l-n-10 {
  margin-left: -10px !important;
}

page-take-quiz .m-l-n-15 {
  margin-left: -15px !important;
}

page-take-quiz .m-l-n-20 {
  margin-left: -20px !important;
}

page-take-quiz .m-l-n-30 {
  margin-left: -30px !important;
}

page-take-quiz .m-l-n-40 {
  margin-left: -40px !important;
}

page-take-quiz .m-l-n-50 {
  margin-left: -50px !important;
}

page-take-quiz .m-t-0 {
  margin-top: 0 !important;
}

page-take-quiz .m-t-1 {
  margin-top: 1px !important;
}

page-take-quiz .m-t-2 {
  margin-top: 2px;
}

page-take-quiz .m-t-2p {
  margin-top: 2% !important;
}

page-take-quiz .m-t-5p {
  margin-top: 5% !important;
}

page-take-quiz .m-t-25p {
  margin-top: 25% !important;
}

page-take-quiz .m-t-30p {
  margin-top: 30% !important;
}

page-take-quiz .m-t-4 {
  margin-top: 4px !important;
}

page-take-quiz .m-t-5 {
  margin-top: 5px !important;
}

page-take-quiz .m-t-5p {
  margin-top: 5% !important;
}

page-take-quiz .m-t-10 {
  margin-top: 10px !important;
}

page-take-quiz .m-t-15 {
  margin-top: 15px !important;
}

page-take-quiz .m-t-20 {
  margin-top: 20px !important;
}

page-take-quiz .m-t-30 {
  margin-top: 30px !important;
}

page-take-quiz .m-t-40 {
  margin-top: 40px !important;
}

page-take-quiz .m-t-50 {
  margin-top: 50px !important;
}

page-take-quiz .m-t-75 {
  margin-top: 75px !important;
}

page-take-quiz .m-t-100 {
  margin-top: 100px !important;
}

page-take-quiz .m-t-120 {
  margin-top: 120px !important;
}

page-take-quiz .m-t-140 {
  margin-top: 140px !important;
}

page-take-quiz .m-t-n-1 {
  margin-top: -1px !important;
}

page-take-quiz .m-t-n-5 {
  margin-top: -5px !important;
}

page-take-quiz .m-t-n-10 {
  margin-top: -10px !important;
}

page-take-quiz .m-t-n-15 {
  margin-top: -15px !important;
}

page-take-quiz .m-t-n-20 {
  margin-top: -20px !important;
}

page-take-quiz .m-t-n-30 {
  margin-top: -30px !important;
}

page-take-quiz .m-t-n-40 {
  margin-top: -40px !important;
}

page-take-quiz .m-t-n-50 {
  margin-top: -50px !important;
}

page-take-quiz .m-r-0 {
  margin-right: 0 !important;
}

page-take-quiz .m-r-1 {
  margin-right: 1px !important;
}

page-take-quiz .m-r-5 {
  margin-right: 5px !important;
}

page-take-quiz .m-r-10 {
  margin-right: 10px !important;
}

page-take-quiz .m-r-15 {
  margin-right: 15px !important;
}

page-take-quiz .m-r-20 {
  margin-right: 20px !important;
}

page-take-quiz .m-r-30 {
  margin-right: 30px !important;
}

page-take-quiz .m-r-40 {
  margin-right: 40px !important;
}

page-take-quiz .m-r-50 {
  margin-right: 50px !important;
}

page-take-quiz .m-r-n-1 {
  margin-right: -1px !important;
}

page-take-quiz .m-r-n-5 {
  margin-right: -5px !important;
}

page-take-quiz .m-r-n-10 {
  margin-right: -10px !important;
}

page-take-quiz .m-r-n-15 {
  margin-right: -15px !important;
}

page-take-quiz .m-r-n-20 {
  margin-right: -20px !important;
}

page-take-quiz .m-r-n-30 {
  margin-right: -30px !important;
}

page-take-quiz .m-r-n-40 {
  margin-right: -40px !important;
}

page-take-quiz .m-r-n-50 {
  margin-right: -50px !important;
}

page-take-quiz .m-b-0 {
  margin-bottom: 0 !important;
}

page-take-quiz .m-b-1 {
  margin-bottom: 1px !important;
}

page-take-quiz .m-b-4 {
  margin-bottom: 4px !important;
}

page-take-quiz .m-b-5 {
  margin-bottom: 5px !important;
}

page-take-quiz .m-b-10 {
  margin-bottom: 10px !important;
}

page-take-quiz .m-b-15 {
  margin-bottom: 15px !important;
}

page-take-quiz .m-b-20 {
  margin-bottom: 20px !important;
}

page-take-quiz .m-b-30 {
  margin-bottom: 30px !important;
}

page-take-quiz .m-b-40 {
  margin-bottom: 40px !important;
}

page-take-quiz .m-b-50 {
  margin-bottom: 50px !important;
}

page-take-quiz .m-b-n-1 {
  margin-bottom: -1px !important;
}

page-take-quiz .m-b-n-5 {
  margin-bottom: -5px !important;
}

page-take-quiz .m-b-n-10 {
  margin-bottom: -10px !important;
}

page-take-quiz .m-b-n-15 {
  margin-bottom: -15px !important;
}

page-take-quiz .m-b-n-20 {
  margin-bottom: -20px !important;
}

page-take-quiz .m-b-n-30 {
  margin-bottom: -30px !important;
}

page-take-quiz .m-b-n-40 {
  margin-bottom: -40px !important;
}

page-take-quiz .m-b-n-50 {
  margin-bottom: -50px !important;
}

page-take-quiz .p-0 {
  padding: 0 !important;
}

page-take-quiz .p-5 {
  padding: 5px !important;
}

page-take-quiz .p-10 {
  padding: 10px !important;
}

page-take-quiz .p-15 {
  padding: 15px !important;
}

page-take-quiz .p-20 {
  padding: 20px !important;
}

page-take-quiz .p-25 {
  padding: 25px !important;
}

page-take-quiz .p-30 {
  padding: 30px !important;
}

page-take-quiz .p-40 {
  padding: 40px !important;
}

page-take-quiz .p-50 {
  padding: 50px !important;
}

page-take-quiz .p-75 {
  padding: 75px !important;
}

page-take-quiz .p-100 {
  padding: 100px !important;
}

page-take-quiz .p-lr {
  padding: 0px 4% 0px 4%;
}

page-take-quiz .p-l-0 {
  padding-left: 0 !important;
}

page-take-quiz .p-l-5 {
  padding-left: 5px !important;
}

page-take-quiz .p-l-10 {
  padding-left: 10px !important;
}

page-take-quiz .p-l-12 {
  padding-left: 12px !important;
}

page-take-quiz .p-l-15 {
  padding-left: 15px !important;
}

page-take-quiz .p-l-16 {
  padding-left: 16px !important;
}

page-take-quiz .p-l-20 {
  padding-left: 20px !important;
}

page-take-quiz .p-l-25 {
  padding-left: 25px !important;
}

page-take-quiz .p-l-30 {
  padding-left: 30px !important;
}

page-take-quiz .p-l-40 {
  padding-left: 40px !important;
}

page-take-quiz .p-l-50 {
  padding-left: 50px !important;
}

page-take-quiz .p-l-75 {
  padding-left: 75px !important;
}

page-take-quiz .p-l-100 {
  padding-left: 100px !important;
}

page-take-quiz .p-r-0 {
  padding-right: 0 !important;
}

page-take-quiz .p-r-5 {
  padding-right: 5px !important;
}

page-take-quiz .p-r-10 {
  padding-right: 10px !important;
}

page-take-quiz .p-r-12 {
  padding-right: 12px !important;
}

page-take-quiz .p-r-15 {
  padding-right: 15px !important;
}

page-take-quiz .p-r-20 {
  padding-right: 20px !important;
}

page-take-quiz .p-r-25 {
  padding-right: 25px !important;
}

page-take-quiz .p-r-30 {
  padding-right: 30px !important;
}

page-take-quiz .p-r-40 {
  padding-right: 40px !important;
}

page-take-quiz .p-r-50 {
  padding-right: 50px !important;
}

page-take-quiz .p-r-75 {
  padding-right: 75px !important;
}

page-take-quiz .p-r-100 {
  padding-right: 100px !important;
}

page-take-quiz .p-b-0 {
  padding-bottom: 0 !important;
}

page-take-quiz .p-b-5 {
  padding-bottom: 5px !important;
}

page-take-quiz .p-b-10 {
  padding-bottom: 10px !important;
}

page-take-quiz .p-b-15 {
  padding-bottom: 15px !important;
}

page-take-quiz .p-b-16 {
  padding-bottom: 16px !important;
}

page-take-quiz .p-b-20 {
  padding-bottom: 20px !important;
}

page-take-quiz .p-b-25 {
  padding-bottom: 25px !important;
}

page-take-quiz .p-b-30 {
  padding-bottom: 30px !important;
}

page-take-quiz .p-b-40 {
  padding-bottom: 40px !important;
}

page-take-quiz .p-b-50 {
  padding-bottom: 50px !important;
}

page-take-quiz .p-b-60 {
  padding-bottom: 60px !important;
}

page-take-quiz .p-b-70 {
  padding-bottom: 70px !important;
}

page-take-quiz .p-b-80 {
  padding-bottom: 80px !important;
}

page-take-quiz .p-b-90 {
  padding-bottom: 90px !important;
}

page-take-quiz .p-b-100 {
  padding-bottom: 100px !important;
}

page-take-quiz .p-t-0 {
  padding-top: 0 !important;
}

page-take-quiz .p-t-5 {
  padding-top: 5px !important;
}

page-take-quiz .p-t-7 {
  padding-top: 7px !important;
}

page-take-quiz .p-t-10 {
  padding-top: 10px !important;
}

page-take-quiz .p-t-15 {
  padding-top: 15px !important;
}

page-take-quiz .p-t-16 {
  padding-top: 16px !important;
}

page-take-quiz .p-t-20 {
  padding-top: 20px !important;
}

page-take-quiz .p-t-25 {
  padding-top: 25px !important;
}

page-take-quiz .p-t-30 {
  padding-top: 30px !important;
}

page-take-quiz .p-t-40 {
  padding-top: 40px !important;
}

page-take-quiz .p-t-50 {
  padding-top: 50px !important;
}

page-take-quiz .p-t-75 {
  padding-top: 75px !important;
}

page-take-quiz .p-t-100 {
  padding-top: 100px !important;
}

page-take-quiz .p-t-120 {
  padding-top: 120px !important;
}

page-take-quiz .p-t-130 {
  padding-top: 130px !important;
}

page-take-quiz .p-t-140 {
  padding-top: 140px !important;
}

page-take-quiz .p-t-150 {
  padding-top: 150px !important;
}

page-take-quiz .block {
  display: block !important;
}

page-take-quiz .img-xs {
  width: 30px;
  height: 30px;
}

page-take-quiz .img-sm {
  width: 35px;
  height: 35px;
}

page-take-quiz .img-md {
  width: 55px;
  height: 55px;
}

page-take-quiz .img-lg {
  width: 100px;
  height: 100px;
}

page-take-quiz .min-w-800 {
  min-width: 800px !important;
}

page-take-quiz .min-w-1000 {
  min-width: 1000px !important;
}

page-take-quiz .min-w-1100 {
  min-width: 1100px !important;
}

page-take-quiz .max-w-20 {
  max-width: 20px !important;
}

page-take-quiz .max-w-30 {
  max-width: 30px !important;
}

page-take-quiz .max-w-32 {
  max-width: 35px !important;
}

page-take-quiz .max-w-35 {
  max-width: 35px !important;
}

page-take-quiz .max-w-40 {
  max-width: 40px !important;
}

page-take-quiz .max-w-50 {
  max-width: 50px !important;
}

page-take-quiz .max-w-75 {
  max-width: 75px !important;
}

page-take-quiz .max-w-100 {
  max-width: 100px !important;
}

page-take-quiz .max-w-150 {
  max-width: 150px !important;
}

page-take-quiz .max-w-200 {
  max-width: 200px !important;
}

page-take-quiz .max-w-300 {
  max-width: 300px !important;
}

page-take-quiz .max-w-400 {
  max-width: 400px !important;
}

page-take-quiz .overflow-hidden {
  overflow: hidden;
}

page-take-quiz .overflow-auto {
  overflow: auto;
}

page-take-quiz .max-h-50 {
  max-height: 50px !important;
}

page-take-quiz .max-h-80 {
  max-height: 80px !important;
}

page-take-quiz .max-h-100 {
  max-height: 100px !important;
}

page-take-quiz .max-h-150 {
  max-height: 150px !important;
}

page-take-quiz .max-h-200 {
  max-height: 200px !important;
}

page-take-quiz .max-h-250 {
  max-height: 250px !important;
}

page-take-quiz .max-h-300 {
  max-height: 300px !important;
}

page-take-quiz .max-h-350 {
  max-height: 300px !important;
}

page-take-quiz .max-h-375 {
  max-height: 300px !important;
}

page-take-quiz .max-h-400 {
  max-height: 400px !important;
}

page-take-quiz .max-h-450 {
  max-height: 450px !important;
}

page-take-quiz .max-h-500 {
  max-height: 500px !important;
}

page-take-quiz .max-h-600 {
  max-height: 600px !important;
}

page-take-quiz .max-h-650 {
  max-height: 650px !important;
}

page-take-quiz .max-h-700 {
  max-height: 700px !important;
}

page-take-quiz .max-h-800 {
  max-height: 800px !important;
}

page-take-quiz .max-h-900 {
  max-height: 900px !important;
}

page-take-quiz .max-h-1000 {
  max-height: 1000px !important;
}

page-take-quiz .min-h-0 {
  min-height: 0 !important;
}

page-take-quiz .min-h-50 {
  min-height: 50px !important;
}

page-take-quiz .min-h-100 {
  min-height: 100px !important;
}

page-take-quiz .min-h-200 {
  min-height: 200px !important;
}

page-take-quiz .min-h-250 {
  min-height: 250px !important;
}

page-take-quiz .min-h-300 {
  min-height: 300px !important;
}

page-take-quiz .min-h-350 {
  min-height: 300px !important;
}

page-take-quiz .min-h-375 {
  min-height: 300px !important;
}

page-take-quiz .min-h-400 {
  min-height: 400px !important;
}

page-take-quiz .min-h-450 {
  min-height: 450px !important;
}

page-take-quiz .min-h-500 {
  min-height: 500px !important;
}

page-take-quiz .min-h-600 {
  min-height: 600px !important;
}

page-take-quiz .min-h-650 {
  min-height: 650px !important;
}

page-take-quiz .min-h-700 {
  min-height: 700px !important;
}

page-take-quiz .min-h-800 {
  min-height: 800px !important;
}

page-take-quiz .min-h-900 {
  min-height: 900px !important;
}

page-take-quiz .min-h-1000 {
  min-height: 1000px !important;
}

page-take-quiz .h-5 {
  height: 5px !important;
}

page-take-quiz .h-10 {
  height: 10px !important;
}

page-take-quiz .h-20 {
  height: 20px !important;
}

page-take-quiz .h-25 {
  height: 25px !important;
}

page-take-quiz .h-50 {
  height: 50px !important;
}

page-take-quiz .h-75 {
  height: 75px !important;
}

page-take-quiz .h-100 {
  height: 100px !important;
}

page-take-quiz .h-125 {
  height: 125px !important;
}

page-take-quiz .h-150 {
  height: 150px !important;
}

page-take-quiz .h-200 {
  height: 200px !important;
}

page-take-quiz .h-300 {
  height: 300px !important;
}

page-take-quiz .h-350 {
  height: 350px !important;
}

page-take-quiz .h-400 {
  height: 400px !important;
}

page-take-quiz .h-450 {
  height: 450px !important;
}

page-take-quiz .h-500 {
  height: 500px !important;
}

page-take-quiz .h-600 {
  height: 600px !important;
}

page-take-quiz .h-650 {
  height: 650px !important;
}

page-take-quiz .h-700 {
  height: 700px !important;
}

page-take-quiz .h-800 {
  height: 800px !important;
}

page-take-quiz .h-900 {
  height: 900px !important;
}

page-take-quiz .h-1000 {
  height: 1000px !important;
}

page-take-quiz .w-5 {
  width: 5px !important;
}

page-take-quiz .w-10 {
  width: 10px !important;
}

page-take-quiz .w-15 {
  width: 15px !important;
}

page-take-quiz .w-20 {
  width: 20px !important;
}

page-take-quiz .w-30 {
  width: 30px !important;
}

page-take-quiz .w-40 {
  width: 40px !important;
}

page-take-quiz .w-50 {
  width: 50px !important;
}

page-take-quiz .w-60 {
  width: 60px !important;
}

page-take-quiz .w-80 {
  width: 80px !important;
}

page-take-quiz .w-100 {
  width: 100px !important;
}

page-take-quiz .w-150 {
  width: 150px !important;
}

page-take-quiz .w-190 {
  width: 190px !important;
}

page-take-quiz .w-200 {
  width: 200px !important;
}

page-take-quiz .w-250 {
  width: 250px !important;
}

page-take-quiz .w-300 {
  width: 300px !important;
}

page-take-quiz .w-600 {
  width: 600px !important;
}

page-take-quiz .w-100p {
  width: 100% !important;
}

page-take-quiz .w-95p {
  width: 95% !important;
}

page-take-quiz .w-90p {
  width: 90% !important;
}

page-take-quiz .w-80p {
  width: 80% !important;
}

page-take-quiz .w-70p {
  width: 70% !important;
}

page-take-quiz .w-60p {
  width: 60% !important;
}

page-take-quiz .w-50p {
  width: 50% !important;
}

page-take-quiz .w-45p {
  width: 45% !important;
}

page-take-quiz .w-40p {
  width: 40% !important;
}

page-take-quiz .w-30p {
  width: 30% !important;
}

page-take-quiz .w-25p {
  width: 25% !important;
}

page-take-quiz .w-20p {
  width: 20% !important;
}

page-take-quiz .w-15p {
  width: 15% !important;
}

page-take-quiz .w-10p {
  width: 10% !important;
}

page-take-quiz .w-8p {
  width: 8% !important;
}

page-take-quiz .w-5p {
  width: 5% !important;
}

page-take-quiz .w-3p {
  width: 3% !important;
}

page-take-quiz .w-95p {
  width: 95% !important;
}

page-take-quiz .h-100p {
  height: 100% !important;
}

page-take-quiz .h-80p {
  height: 80% !important;
}

page-take-quiz .absolute {
  position: absolute !important;
}

page-take-quiz .relative {
  position: relative !important;
}

page-take-quiz .block {
  display: block !important;
}

page-take-quiz .inline-block {
  display: inline-block !important;
}

page-take-quiz .list-block li {
  display: block !important;
}

page-take-quiz .list-inline li {
  display: inline !important;
}

page-take-quiz .clear-both {
  clear: both !important;
}

page-take-quiz .line-height-normal {
  line-height: normal !important;
}

page-take-quiz .line-height-8 {
  line-height: 8px !important;
}

page-take-quiz .line-height-14 {
  line-height: 14px !important;
}

page-take-quiz .line-height-12 {
  line-height: normal !important;
}

page-take-quiz ul.style-none {
  margin: 0;
  padding: 0;
  list-style: none;
}

page-take-quiz ul.style-none li {
  font-size: 0.875rem;
  padding: 3px 0;
}

page-take-quiz ul.style-none li ul {
  list-style: none;
}

page-take-quiz ul.vertical-icon-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

page-take-quiz ul.vertical-icon-list li {
  font-size: 0.875rem;
  padding: 6px 0;
}

page-take-quiz ul.vertical-icon-list li i {
  font-size: 1.25rem;
  padding-right: 15px;
  vertical-align: middle;
}

page-take-quiz .bg-white {
  background: #ffffff !important;
}

page-take-quiz .bg-green {
  background: #28bebd !important;
}

page-take-quiz .bg-blue {
  background: #42a5f5 !important;
}

page-take-quiz .bg-lightBlue {
  background: #2ebaee !important;
}

page-take-quiz .bg-red {
  background: #ef5350 !important;
}

page-take-quiz .bg-yellow {
  background: #f8c200 !important;
}

page-take-quiz .bg-paleYellow {
  background: #fddd7e !important;
}

page-take-quiz .bg-lightGray {
  background: #e3ecf7 !important;
}

page-take-quiz .bg-gray {
  background: #8f9eb5 !important;
}

page-take-quiz .bg-drakGray {
  background: #707c94 !important;
}

page-take-quiz .bg-grayBlue {
  background: #59779b !important;
}

page-take-quiz .bg-purple {
  background: #6b79c4 !important;
}

page-take-quiz .bg-turquoise {
  background: #00c5dc !important;
}

page-take-quiz .bg-peach {
  background: #feb38d !important;
}

page-take-quiz .bg-transparent {
  background: transparent !important;
}

page-take-quiz .text-primary {
  color: #172B4D !important;
}

page-take-quiz .text-link {
  color: #0645ad !important;
}

page-take-quiz .text-green {
  color: #28bebd !important;
}

page-take-quiz .text-turquoise {
  color: #00c5dc !important;
}

page-take-quiz .text-red {
  color: #ef5350 !important;
}

page-take-quiz .text-cyan {
  color: #26c6da !important;
}

page-take-quiz .text-yellow {
  color: #f8c200 !important;
}

page-take-quiz .text-gray {
  color: #8f9eb5 !important;
}

page-take-quiz .text-blue {
  color: #42a5f5 !important;
}

page-take-quiz .text-orange {
  color: #ffb74d !important;
}

page-take-quiz .text-purple {
  color: #6b79c4 !important;
}

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

page-take-quiz .text-brown {
  color: #906b6b !important;
}

page-take-quiz .text-salmon {
  color: #ee6e73 !important;
}

page-take-quiz .text-muted {
  color: #8396b0;
}

page-take-quiz .color-black {
  color: #000 !important;
}

page-take-quiz .color-white {
  color: #fff !important;
}

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

page-take-quiz .transparent {
  background: transparent !important;
}

page-take-quiz .bg-primary {
  background-color: #172B4D !important;
}

page-take-quiz .border-bottom,
page-take-quiz .border-grey-bottom-1px {
  border-bottom: 1px solid rgba(215, 225, 237, 0.8) !important;
}

page-take-quiz .border-grey-top-1px,
page-take-quiz .border-top {
  border-top: 1px solid rgba(215, 225, 237, 0.6) !important;
}

page-take-quiz .border-bottom-black-2px {
  border-bottom: 2px solid black;
}

page-take-quiz .border-top0p {
  border-top: 0px !important;
}

page-take-quiz .b-n {
  border: none !important;
}

page-take-quiz .b-b-1 {
  border: 1px solid black;
}

page-take-quiz .b-lg-1 {
  border: 1px solid lightgrey;
}

page-take-quiz .shadow-none {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

page-take-quiz .shadow-z-0 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-take-quiz .shadow-z-1 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-take-quiz .shadow-z-1:hover {
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

page-take-quiz .shadow-z-2 {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

page-take-quiz .shadow-z-3 {
  -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

page-take-quiz .shadow-z-4 {
  -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}

page-take-quiz .shadow-z-5 {
  -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}

page-take-quiz .big-shadow {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
}

page-take-quiz .shadow-2dp {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

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

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

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

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

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

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

page-take-quiz .font-weight-100 {
  font-weight: 100 !important;
}

page-take-quiz .font-weight-200 {
  font-weight: 200 !important;
}

page-take-quiz .font-weight-300 {
  font-weight: 300 !important;
}

page-take-quiz .font-weight-400 {
  font-weight: 400 !important;
}

page-take-quiz .font-weight-500 {
  font-weight: 500 !important;
}

page-take-quiz .font-weight-600 {
  font-weight: 600 !important;
}

page-take-quiz .font-weight-700 {
  font-weight: 700 !important;
}

page-take-quiz .font-weight-800 {
  font-weight: 800 !important;
}

page-take-quiz .font-weight-900 {
  font-weight: 900 !important;
}

page-take-quiz .font-weight-light {
  font-weight: 100 !important;
}

page-take-quiz .font-weight-normal {
  font-weight: 300 !important;
}

page-take-quiz .font-weight-medium {
  font-weight: 400 !important;
}

page-take-quiz .font-weight-bold {
  font-weight: 500 !important;
}

page-take-quiz .bold {
  font-weight: bold !important;
}

page-take-quiz .font-size-0 {
  font-size: 0 !important;
}

page-take-quiz .font-size-10 {
  font-size: 10px !important;
}

page-take-quiz .font-size-11 {
  font-size: 11px !important;
}

page-take-quiz .font-size-12 {
  font-size: 12px !important;
}

page-take-quiz .font-size-14 {
  font-size: 14px !important;
}

page-take-quiz .font-size-16 {
  font-size: 16px !important;
}

page-take-quiz .font-size-18 {
  font-size: 18px !important;
}

page-take-quiz .font-size-20 {
  font-size: 20px !important;
}

page-take-quiz .font-size-24 {
  font-size: 24px !important;
}

page-take-quiz .font-size-26 {
  font-size: 26px !important;
}

page-take-quiz .font-size-30 {
  font-size: 30px !important;
}

page-take-quiz .font-size-35 {
  font-size: 35px !important;
}

page-take-quiz .font-size-38 {
  font-size: 38px !important;
}

page-take-quiz .font-size-40 {
  font-size: 40px !important;
}

page-take-quiz .font-size-50 {
  font-size: 50px !important;
}

page-take-quiz .font-size-60 {
  font-size: 60px !important;
}

page-take-quiz .font-size-70 {
  font-size: 70px !important;
}

page-take-quiz .font-size-80 {
  font-size: 80px !important;
}

page-take-quiz .hidden {
  display: none !important;
}

page-take-quiz .w-100p {
  width: 100% !important;
}

page-take-quiz .float-r {
  float: right !important;
}

page-take-quiz .float-l {
  float: left !important;
}

page-take-quiz .align-c {
  display: block;
  margin: 0 auto;
}

page-take-quiz .align-b {
  display: block;
}

page-take-quiz .text-center {
  text-align: center !important;
}

page-take-quiz .text-left {
  text-align: left !important;
}

page-take-quiz .text-right {
  text-align: right !important;
}

page-take-quiz .align-v-c {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-take-quiz .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-take-quiz .align-v-c1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-take-quiz .align-v-c2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-take-quiz .align-v-c3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-take-quiz .align-v-c4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-take-quiz .align-flex-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-take-quiz .align-right-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

page-take-quiz .align-start-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media (max-width: 576px) {
  page-take-quiz .d-xs-none {
    display: none !important;
  }
  page-take-quiz .d-xs-inline {
    display: inline !important;
  }
  page-take-quiz .d-xs-inline-block {
    display: inline-block !important;
  }
  page-take-quiz .d-xs-block {
    display: block !important;
  }
  page-take-quiz .d-xs-table {
    display: table !important;
  }
  page-take-quiz .d-xs-table-cell {
    display: table-cell !important;
  }
  page-take-quiz .d-xs-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
  }
  page-take-quiz .d-xs-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important;
  }
}

page-take-quiz .b-r-gd {
  border-radius: 10px !important;
}

page-take-quiz .b-r-10 {
  border-radius: 10px !important;
}

page-take-quiz .b-r-5 {
  border-radius: 5px;
}

page-take-quiz .d-fl-ov-x {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  overflow-x: auto !important;
}

page-take-quiz .align-base {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-take-quiz .d-fl-bl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-take-quiz .d-fl-vhcenter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-take-quiz .d-fl-b2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
}

page-take-quiz .d-fl-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-take-quiz .d-fl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-take-quiz .d-fl-sb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-take-quiz .d-fl-saround {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-take-quiz .d-fl-ac {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-take-quiz .text-capital {
  text-transform: capitalize !important;
}

page-take-quiz .text-upper {
  text-transform: uppercase !important;
}

page-take-quiz .m-a {
  margin: auto !important;
}

page-take-quiz .m-l-a {
  margin-left: auto !important;
}

page-take-quiz .m-r-a {
  margin-right: auto !important;
}

page-take-quiz .italic {
  font-style: italic;
}

page-take-quiz .pointer {
  cursor: pointer;
}

page-take-quiz .ws-in {
  white-space: inherit;
}

page-take-quiz .opacity-1 {
  opacity: 1;
}

page-take-quiz .in-valid-checkbox {
  border: 1px solid #ff0000 !important;
  padding: 5px !important;
  margin-bottom: 10px;
  border-radius: 5px;
}

page-take-quiz page-corp-dashboard .mycustomdrop:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
  top: -15px;
  position: absolute;
  right: 15%;
}

page-take-quiz h1 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1.6875rem !important;
  line-height: 64px;
  letter-spacing: -0.4px;
}

page-take-quiz h2 {
  font-family: "Poppins", sans-serif;
  font-size: 24px !important;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
}

page-take-quiz h3,
page-take-quiz .h3 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 22px !important;
  line-height: 48px;
  /* identical to box height, or 200% */
  /* Neutral / dark gray */
  color: #000000;
}

page-take-quiz h4,
page-take-quiz .menu-heading-h4 {
  font-family: "Poppins", sans-serif !important;
  font-style: normal;
  font-weight: normal;
  font-size: 15px !important;
  line-height: 26px;
  /* or 144% */
  letter-spacing: -0.2px;
  color: #000000;
}

page-take-quiz h5 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  /* or 143% */
  color: #000000;
}

page-take-quiz .subtitle {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  /* or 200% */
  letter-spacing: 2.5px;
  color: #4E5761;
}

page-take-quiz p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 13px !important;
  line-height: 24px;
  /* identical to box height, or 171% */
  letter-spacing: -0.1px;
  /* Neutral / black */
  color: #000000;
}

page-take-quiz .ui-tabview.ui-tabview-top > .ui-tabview-nav {
  padding: 0.2em 0.2em 0;
  border-bottom: 1px solid #eaeaea;
}

page-take-quiz .scroll-content {
  padding: 0 !important;
}

page-take-quiz ion-navbar {
  margin: 0;
  border-radius: 0px;
  height: 50px !important;
  color: #172B4D !important;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-take-quiz ion-header {
  padding: 0;
}

page-take-quiz .header-md::after {
  background-image: none;
}

page-take-quiz .toolbar-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #172B4D !important;
  line-height: 24px;
  font-family: "Poppins", sans-serif;
  font-size: 2rem !important;
  font-weight: bold !important;
  text-align: left !important;
}

page-take-quiz .userLabel {
  float: right;
  display: inline;
  letter-spacing: 1px;
  color: #172B4D !important !important;
}

page-take-quiz .card-title {
  font-size: 16px !important;
  color: #000000;
  font-weight: bold !important;
  text-align: center !important;
}

page-take-quiz .barcolor {
  background: #5a75a3;
  color: #ffffff;
}

page-take-quiz p-sorticon {
  color: black;
}

page-take-quiz p-sorticon a {
  color: black !important;
}

page-take-quiz .globalTable {
  border: none;
  border: 1px solid #c1c1c1;
}

page-take-quiz .globalTable .ui-table-caption {
  border-bottom: 1px solid #dadada !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  font-size: 18px !important;
  background: #ecececad !important;
}

page-take-quiz .globalTable .table-header input {
  font-size: 15px !important;
  border-style: groove;
  width: 100% !important;
  padding-left: 10px;
  border-radius: 10px;
  border-color: #f3f3f3;
  font-weight: 500;
  line-height: 25px !important;
}

page-take-quiz .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-take-quiz .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

page-take-quiz .globalTable .table-header .align input {
  width: 80%;
  line-height: 25px;
}

page-take-quiz .globalTable .ui-table-tbody tr:nth-child(2n+1) {
  background: white;
}

page-take-quiz .globalTable .ui-table-tbody tr:nth-child(2n) {
  background: #f3f3f3;
}

page-take-quiz .globalTable .ui-table-tbody tr:hover {
  background: #c1c1c167 !important;
}

page-take-quiz .globalTable .ui-table-tbody .activeRow {
  background: #c4d2e5 !important;
}

page-take-quiz .globalTable th input {
  text-align: center !important;
  width: 90% !important;
  font-weight: 400 !important;
}

page-take-quiz .globalTable .ui-table .ui-sortable-column.ui-state-highlight {
  color: black !important;
}

page-take-quiz .globalTable .ui-table .ui-table-thead tr th {
  background: #eeeeee9e;
  border: none;
  padding: 10px 0;
  width: 100%;
  text-align: center;
}

page-take-quiz .globalTable .ui-table .ui-table-tbody tr td {
  border: none;
  background: inherit;
  padding: 20px 0;
  text-align: center;
}

page-take-quiz .globalTable .ui-table .ui-table-tbody tr {
  border-bottom: 1px solid #cacaca;
}

page-take-quiz .globalTable .p-column-filter {
  border-radius: 4px;
  border: 1px solid gray;
}

page-take-quiz .globalTable .badge-badge.status-Active {
  padding: 5px 20px;
  color: #226f4e;
  background-color: #9decbe;
  font-weight: 500;
  font-size: 12px;
}

page-take-quiz .globalTable .badge-badge.status-Inactive {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

page-take-quiz .globalTable .badge-badge.status-Suspended {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

page-take-quiz .globalTable .badge-badge.status-Waiting {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

page-take-quiz .globalTable .badge-badge.status-Pending {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

page-take-quiz .globalTable .actionIcon {
  padding: 0 3px;
  font-size: 16px;
  cursor: pointer;
}

page-take-quiz ion-icon {
  cursor: pointer;
}

page-take-quiz .button-md-reset {
  background-color: #ffffff;
  color: black !important;
  border: 1px solid #e3ecf7;
}

page-take-quiz .button-md-reset:hover {
  background-color: #ececec !important;
}

page-take-quiz .reset:hover {
  background-color: #ececec !important;
}

page-take-quiz .button-md-primary {
  background-color: #172B4D !important;
  color: #ffffff !important;
}

page-take-quiz ion-button {
  background-color: #172B4D !important;
  color: #ffffff;
}

page-take-quiz .my-custom-class .alert-button-group button:first-child {
  position: relative;
}

page-take-quiz .my-custom-class .alert-button-group button {
  font-weight: bold;
}

page-take-quiz .my-custom-class .alert-radio-group {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100% !important;
}

page-take-quiz .my-custom-class button {
  text-align: center;
}

page-take-quiz .alert-button-group button:first-child {
  position: relative !important;
  min-width: 0 !important;
}

page-take-quiz .alert-md .alert-wrapper {
  max-width: 320px !important;
}

page-take-quiz .alert-md .alert-message {
  font-size: 16px !important;
}

page-take-quiz .alert-button {
  font-size: 15px !important;
}

page-take-quiz .alert-md .alert-sub-title {
  font-size: 16px !important;
}

page-take-quiz .alert-md .alert-title {
  font-size: 22px !important;
}

page-take-quiz .breakclass {
  white-space: pre-line;
}

page-take-quiz .error {
  color: red;
  float: left;
}

page-take-quiz .topStrip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}

page-take-quiz .infographic1 {
  border: none;
  color: #367ad2;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-take-quiz .infographic1 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-take-quiz .infographic1 ion-icon {
  color: black;
}

page-take-quiz .infographic2 {
  border: none;
  color: #50d29b;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-take-quiz .infographic2 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-take-quiz .infographic2 ion-icon {
  color: black;
}

page-take-quiz .infographic3 {
  border: none;
  color: #ffaa00;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-take-quiz .infographic3 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-take-quiz .infographic3 ion-icon {
  color: black;
}

page-take-quiz .infographic4 {
  border: none;
  color: #f36363;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-take-quiz .infographic4 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-take-quiz .infographic4 ion-icon {
  color: black;
}

page-take-quiz .infographic5 {
  border: none;
  color: #41acbf;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-take-quiz .infographic5 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-take-quiz .infographic5 ion-icon {
  color: black;
}

page-take-quiz .infograph1 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #367ad2;
  font-size: 20px;
}

page-take-quiz .infograph2 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #51b98d;
  font-size: 20px;
}

page-take-quiz .infograph3 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #ffaa00;
  font-size: 20px;
}

page-take-quiz .infograph4 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #dc5b54;
  font-size: 20px;
}

page-take-quiz .infograph5 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #41acbf;
  font-size: 20px;
}

page-take-quiz .infographtext {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 12px;
}

page-take-quiz .successToast .toast-message {
  background-color: #d2f8d2 !important;
  color: black;
}

page-take-quiz .errorToast .toast-message {
  background-color: #eea9a0 !important;
  color: black;
}

page-take-quiz .actionIconsBar {
  padding-right: 20px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

page-take-quiz .ui-carousel .ui-carousel-header {
  display: none !important;
}

page-take-quiz .userfab .fab-close-active .fab-close-icon {
  height: 40px !important;
  position: relative !important;
}

page-take-quiz textarea.text-input {
  resize: none !important;
}

page-take-quiz .asterisk {
  color: red;
  padding-left: 3px;
}

page-take-quiz .m-b-t {
  margin-bottom: 4% !important;
}

page-take-quiz .ui-radiobutton-box.ui-state-active {
  border: 1px solid #09f;
  background: #09f;
  color: #09f;
}

page-take-quiz .alert-md .alert-message {
  overflow: auto;
}

page-take-quiz .alert-md .alert-message .alertstyle1 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

page-take-quiz .alert-md .alert-message .alertstyle1 b {
  width: 65px !important;
}

page-take-quiz .alert-md .alert-message .alertstyle3 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-take-quiz .alert-md .alert-message .alertstyle3 b {
  width: 65px !important;
}

page-take-quiz .alert-md .alert-message .alertstyle4 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-take-quiz .alert-md .alert-message .alertstyle4 b {
  width: 150px !important;
}

page-take-quiz .alert-md .alert-message .alertstyle5 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

page-take-quiz .alert-md .alert-message .alertstyle5 b {
  width: 75px !important;
}

page-take-quiz .alert-md .alert-message .alertstyle5 span {
  width: 5px;
}

page-take-quiz .alert-md .alert-message .alertstyle2 {
  text-align: left !important;
}

page-take-quiz .alert-md .alert-message .alertstyle2 li {
  margin-top: 10px;
}

page-take-quiz .ui-tooltip {
  background-color: #172B4D !important;
  color: #ffffff;
}

page-take-quiz .navsebexam .toolbar-content-md {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
}

page-take-quiz .modal-wrapper {
  height: 75%;
  top: 10%;
  position: absolute;
  display: block;
  border-radius: 10px !important;
}

page-take-quiz .ui-picklist-source-controls.ui-picklist-buttons {
  display: none !important;
}

page-take-quiz .ui-picklist-target-controls.ui-picklist-buttons {
  display: none !important;
}

page-take-quiz .ui-picklist-target-controls.ui-picklist-buttons.ng-star-inserted {
  display: none !important;
}

page-take-quiz .ellip {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

page-take-quiz .p-slider {
  background: #dee2e6;
  border: 0 none;
  border-radius: 3px;
}

page-take-quiz .Errorbox .alert-title {
  color: #d8000c;
}

page-take-quiz .Errorbox .alert-button {
  color: #d8000c;
}

page-take-quiz .card-md {
  border-radius: 5px !important;
}

page-take-quiz .modal {
  display: none;
  /* Hidden by default */
  position: -webkit-sticky;
  position: sticky;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 30px;
  /* Location of the box */
  left: 0;
  right: 0;
  bottom: 150px;
  width: 400px;
  height: 400px;
  margin: auto;
  border: 4px solid;
  background-color: black;
}

page-take-quiz .modal-content {
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
}

page-take-quiz .close {
  position: absolute;
  color: #f1f1f1;
  top: 0px;
  right: 10px;
  font-size: 28px;
  font-weight: bold;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

page-take-quiz .close:hover,
page-take-quiz .close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

page-take-quiz .customhr {
  width: 90%;
  background-color: #ccc;
}

page-take-quiz .mycustomtoolbar ion-segment {
  border: none;
}

page-take-quiz .mycustomtoolbar ion-segment-button {
  font-size: 16px !important;
  font-weight: 500 !important;
}

page-take-quiz .mycustomtoolbar .segment-md .segment-button.activated,
page-take-quiz .mycustomtoolbar .segment-md .segment-button.segment-activated {
  border-color: #172B4D !important;
  color: #172B4D !important;
}

page-take-quiz .mycustomtoolbar .toolbar-background {
  background: transparent;
}

page-take-quiz .fc {
  direction: ltr;
  text-align: left;
}

page-take-quiz .fc-rtl {
  text-align: right;
}

page-take-quiz body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}

page-take-quiz .fc-unthemed th,
page-take-quiz .fc-unthemed td,
page-take-quiz .fc-unthemed thead,
page-take-quiz .fc-unthemed tbody,
page-take-quiz .fc-unthemed .fc-divider,
page-take-quiz .fc-unthemed .fc-row,
page-take-quiz .fc-unthemed .fc-content,
page-take-quiz .fc-unthemed .fc-popover,
page-take-quiz .fc-unthemed .fc-list-view,
page-take-quiz .fc-unthemed .fc-list-heading td {
  border-color: #ddd;
}

page-take-quiz .fc-unthemed .fc-popover {
  background-color: #fff;
}

page-take-quiz .fc-unthemed .fc-divider,
page-take-quiz .fc-unthemed .fc-popover .fc-header,
page-take-quiz .fc-unthemed .fc-list-heading td {
  background: #eee;
}

page-take-quiz .fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}

page-take-quiz .fc-unthemed td.fc-today {
  background: #fcf8e3;
}

page-take-quiz .fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3;
}

page-take-quiz .fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3;
}

page-take-quiz .fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}

page-take-quiz .fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

page-take-quiz .fc-icon:after {
  position: relative;
}

page-take-quiz .fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-take-quiz .fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-take-quiz .fc-icon-left-double-arrow:after {
  content: "\000AB";
  font-size: 160%;
  top: -7%;
}

page-take-quiz .fc-icon-right-double-arrow:after {
  content: "\000BB";
  font-size: 160%;
  top: -7%;
}

page-take-quiz .fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%;
}

page-take-quiz .fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%;
}

page-take-quiz .fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%;
}

page-take-quiz .fc-icon-x:after {
  content: "\000D7";
  font-size: 200%;
  top: 6%;
}

page-take-quiz .fc button {
  /* force height to include the border and padding */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer;
}

page-take-quiz .fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}

page-take-quiz .fc-state-default {
  /* non-theme */
  border: 1px solid;
}

page-take-quiz .fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

page-take-quiz .fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

page-take-quiz .fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .2em;
  vertical-align: middle;
}

page-take-quiz .fc-state-default {
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-take-quiz .fc-state-hover,
page-take-quiz .fc-state-down,
page-take-quiz .fc-state-active,
page-take-quiz .fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}

page-take-quiz .fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

page-take-quiz .fc-state-down,
page-take-quiz .fc-state-active {
  background-color: #cccccc;
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-take-quiz .fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}

page-take-quiz .fc-button-group {
  display: inline-block;
}

page-take-quiz .fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px;
}

page-take-quiz .fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0;
}

page-take-quiz .fc-popover {
  position: absolute;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

page-take-quiz .fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px;
}

page-take-quiz .fc-popover .fc-header .fc-title {
  margin: 0 2px;
}

page-take-quiz .fc-popover .fc-header .fc-close {
  cursor: pointer;
}

page-take-quiz .fc-ltr .fc-popover .fc-header .fc-title,
page-take-quiz .fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}

page-take-quiz .fc-rtl .fc-popover .fc-header .fc-title,
page-take-quiz .fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}

page-take-quiz .fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}

page-take-quiz .fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: .9em;
  margin-top: 2px;
}

page-take-quiz .fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */
}

page-take-quiz .fc-divider {
  border-style: solid;
  border-width: 1px;
}

page-take-quiz hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}

page-take-quiz .fc-clear {
  clear: both;
}

page-take-quiz .fc-bg,
page-take-quiz .fc-bgevent-skeleton,
page-take-quiz .fc-highlight-skeleton,
page-take-quiz .fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-take-quiz .fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}

page-take-quiz .fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}

page-take-quiz .fc table {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}

page-take-quiz .fc th {
  text-align: center;
}

page-take-quiz .fc th,
page-take-quiz .fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}

page-take-quiz .fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}

page-take-quiz a[data-goto] {
  cursor: pointer;
}

page-take-quiz a[data-goto]:hover {
  text-decoration: underline;
}

page-take-quiz .fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}

page-take-quiz .fc-row table {
  /* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}

page-take-quiz .fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}

page-take-quiz .fc-row {
  position: relative;
}

page-take-quiz .fc-row .fc-bg {
  z-index: 1;
}

page-take-quiz .fc-row .fc-bgevent-skeleton,
page-take-quiz .fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}

page-take-quiz .fc-row .fc-bgevent-skeleton table,
page-take-quiz .fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}

page-take-quiz .fc-row .fc-highlight-skeleton td,
page-take-quiz .fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}

page-take-quiz .fc-row .fc-bgevent-skeleton {
  z-index: 2;
}

page-take-quiz .fc-row .fc-highlight-skeleton {
  z-index: 3;
}

page-take-quiz .fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}

page-take-quiz .fc-row .fc-helper-skeleton {
  z-index: 5;
}

page-take-quiz .fc-row .fc-content-skeleton td,
page-take-quiz .fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}

page-take-quiz .fc-row .fc-content-skeleton tbody td,
page-take-quiz .fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}

page-take-quiz .fc-scroller {
  -webkit-overflow-scrolling: touch;
}

page-take-quiz .fc-scroller > .fc-day-grid,
page-take-quiz .fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}

page-take-quiz .fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */
  font-weight: normal;
  /* undo jqui's ui-widget-header bold */
}

page-take-quiz .fc-event,
page-take-quiz .fc-event-dot {
  background-color: #3a87ad;
  /* default BACKGROUND color */
}

page-take-quiz .fc-event,
page-take-quiz .fc-event:hover,
page-take-quiz .ui-widget .fc-event {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}

page-take-quiz .fc-event[href],
page-take-quiz .fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}

page-take-quiz .fc-not-allowed,
page-take-quiz .fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}

page-take-quiz .fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #ffffff;
  opacity: .25;
}

page-take-quiz .fc-event .fc-content {
  position: relative;
  z-index: 2;
}

page-take-quiz .fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
}

page-take-quiz .fc-event .fc-resizer {
  display: none;
}

page-take-quiz .fc-event.fc-allow-mouse-resize .fc-resizer,
page-take-quiz .fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block;
}

page-take-quiz .fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}

page-take-quiz .fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

page-take-quiz .fc-event.fc-selected.fc-dragging {
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

page-take-quiz .fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}

page-take-quiz .fc-ltr .fc-h-event.fc-not-start,
page-take-quiz .fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

page-take-quiz .fc-ltr .fc-h-event.fc-not-end,
page-take-quiz .fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

page-take-quiz .fc-ltr .fc-h-event .fc-start-resizer,
page-take-quiz .fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */
}

page-take-quiz .fc-ltr .fc-h-event .fc-end-resizer,
page-take-quiz .fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */
}

page-take-quiz .fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */
}

page-take-quiz .fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* vertically center */
  top: 50%;
  margin-top: -4px;
}

page-take-quiz .fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
page-take-quiz .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */
}

page-take-quiz .fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
page-take-quiz .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */
}

page-take-quiz .fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}

page-take-quiz tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */
}

page-take-quiz .fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: .25;
}

page-take-quiz .fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}

page-take-quiz .fc-day-grid-event .fc-time {
  font-weight: bold;
}

page-take-quiz .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
page-take-quiz .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */
}

page-take-quiz .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
page-take-quiz .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */
}

page-take-quiz a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none;
}

page-take-quiz a.fc-more:hover {
  text-decoration: underline;
}

page-take-quiz .fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}

page-take-quiz .fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}

page-take-quiz .fc-more-popover {
  z-index: 2;
  width: 220px;
}

page-take-quiz .fc-more-popover .fc-event-container {
  padding: 10px;
}

page-take-quiz .fc-now-indicator {
  position: absolute;
  border: 0 solid red;
}

page-take-quiz .fc-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

page-take-quiz .fc-toolbar {
  text-align: center;
}

page-take-quiz .fc-toolbar.fc-header-toolbar {
  margin-bottom: 1em;
}

page-take-quiz .fc-toolbar.fc-footer-toolbar {
  margin-top: 1em;
}

page-take-quiz .fc-toolbar .fc-left {
  float: left;
}

page-take-quiz .fc-toolbar .fc-right {
  float: right;
}

page-take-quiz .fc-toolbar .fc-center {
  display: inline-block;
}

page-take-quiz .fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em;
}

page-take-quiz .fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0;
}

page-take-quiz .fc-toolbar h2 {
  margin: 0;
}

page-take-quiz .fc-toolbar button {
  position: relative;
}

page-take-quiz .fc-toolbar .fc-state-hover,
page-take-quiz .fc-toolbar .ui-state-hover {
  z-index: 2;
}

page-take-quiz .fc-toolbar .fc-state-down {
  z-index: 3;
}

page-take-quiz .fc-toolbar .fc-state-active,
page-take-quiz .fc-toolbar .ui-state-active {
  z-index: 4;
}

page-take-quiz .fc-toolbar button:focus {
  z-index: 5;
}

page-take-quiz .fc-view-container *,
page-take-quiz .fc-view-container *:before,
page-take-quiz .fc-view-container *:after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

page-take-quiz .fc-view,
page-take-quiz .fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}

page-take-quiz .fc-basicWeek-view .fc-content-skeleton,
page-take-quiz .fc-basicDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}

page-take-quiz .fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}

page-take-quiz .fc-row.fc-rigid {
  overflow: hidden;
}

page-take-quiz .fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-take-quiz .fc-day-top.fc-other-month {
  opacity: 0.3;
}

page-take-quiz .fc-basic-view .fc-week-number,
page-take-quiz .fc-basic-view .fc-day-number {
  padding: 2px;
}

page-take-quiz .fc-basic-view th.fc-week-number,
page-take-quiz .fc-basic-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */
}

page-take-quiz .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right;
}

page-take-quiz .fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left;
}

page-take-quiz .fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0;
}

page-take-quiz .fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px;
}

page-take-quiz .fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080;
}

page-take-quiz .fc-basic-view td.fc-week-number {
  text-align: center;
}

page-take-quiz .fc-basic-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}

page-take-quiz .fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}

page-take-quiz .fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}

page-take-quiz .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}

page-take-quiz .fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}

page-take-quiz .fc-ltr .fc-axis {
  text-align: right;
}

page-take-quiz .fc-rtl .fc-axis {
  text-align: left;
}

page-take-quiz .ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome jqui theme making it bold */
}

page-take-quiz .fc-time-grid-container,
page-take-quiz .fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}

page-take-quiz .fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

page-take-quiz .fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}

page-take-quiz .fc-time-grid > .fc-bg {
  z-index: 1;
}

page-take-quiz .fc-time-grid .fc-slats,
page-take-quiz .fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}

page-take-quiz .fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */
}

page-take-quiz .fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
}

page-take-quiz .fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1;
}

page-take-quiz .fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2;
}

page-take-quiz .fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3;
}

page-take-quiz .fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4;
}

page-take-quiz .fc-time-grid .fc-now-indicator-line {
  z-index: 5;
}

page-take-quiz .fc-time-grid .fc-helper-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6;
}

page-take-quiz .fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}

page-take-quiz .fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}

page-take-quiz .fc-time-grid .fc-slats .ui-widget-content {
  /* for jqui theme */
  background: none;
  /* see through to fc-bg */
}

page-take-quiz .fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}

page-take-quiz .fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}

page-take-quiz .fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}

page-take-quiz .fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}

page-take-quiz .fc-time-grid .fc-event,
page-take-quiz .fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}

page-take-quiz .fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}

page-take-quiz .fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

page-take-quiz .fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

page-take-quiz .fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */
}

page-take-quiz .fc-time-grid-event.fc-selected {
  /* need to allow touch resizers to extend outside event's bounding box */
  /* common fc-selected styles hide the fc-bg, so don't need this anyway */
  overflow: visible;
}

page-take-quiz .fc-time-grid-event.fc-selected .fc-bg {
  display: none;
  /* hide semi-white background, to appear darker */
}

page-take-quiz .fc-time-grid-event .fc-content {
  overflow: hidden;
  /* for when .fc-selected */
}

page-take-quiz .fc-time-grid-event .fc-time,
page-take-quiz .fc-time-grid-event .fc-title {
  padding: 0 1px;
}

page-take-quiz .fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap;
}

page-take-quiz .fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}

page-take-quiz .fc-time-grid-event.fc-short .fc-time,
page-take-quiz .fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}

page-take-quiz .fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}

page-take-quiz .fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}

page-take-quiz .fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
  /* seperate with a dash, wrapped in nbsp's */
}

page-take-quiz .fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}

page-take-quiz .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}

page-take-quiz .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "=";
}

page-take-quiz .fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px;
}

page-take-quiz .fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0;
}

page-take-quiz .fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */
}

page-take-quiz .fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-take-quiz .fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-take-quiz .fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}

page-take-quiz .fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */
}

page-take-quiz .fc-list-view {
  border-width: 1px;
  border-style: solid;
}

page-take-quiz .fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */
}

page-take-quiz .fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px;
}

page-take-quiz .fc-list-table tr:first-child td {
  border-top-width: 0;
}

page-take-quiz .fc-list-heading {
  border-bottom-width: 1px;
}

page-take-quiz .fc-list-heading td {
  font-weight: bold;
}

page-take-quiz .fc-ltr .fc-list-heading-main {
  float: left;
}

page-take-quiz .fc-ltr .fc-list-heading-alt {
  float: right;
}

page-take-quiz .fc-rtl .fc-list-heading-main {
  float: right;
}

page-take-quiz .fc-rtl .fc-list-heading-alt {
  float: left;
}

page-take-quiz .fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */
}

page-take-quiz .fc-list-item:hover td {
  background-color: #f5f5f5;
}

page-take-quiz .fc-list-item-marker,
page-take-quiz .fc-list-item-time {
  white-space: nowrap;
  width: 1px;
}

page-take-quiz .fc-ltr .fc-list-item-marker {
  padding-right: 0;
}

page-take-quiz .fc-rtl .fc-list-item-marker {
  padding-left: 0;
}

page-take-quiz .fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit;
}

page-take-quiz .fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline;
}

page-take-quiz .fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

page-take-quiz .fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table;
}

page-take-quiz .fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

page-take-quiz .fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #eee;
}

page-take-quiz .helpbutton {
  font-size: 15px;
}

page-take-quiz .help-circle-icon {
  color: #ffffff !important;
}

page-take-quiz ion-card {
  display: inline;
}

page-take-quiz .imagebac {
  background-color: white;
  height: 208px;
}

page-take-quiz .textposition {
  text-align: center;
}

page-take-quiz .optionTrue {
  border: 2px solid green;
}

page-take-quiz .optionFalse {
  border: 2px solid red;
}

page-take-quiz .optionTrueforquiz {
  border: 1px solid #000;
}

page-take-quiz .optionFalseforquiz {
  border: 1px solid #000;
}

page-take-quiz .backco {
  background-color: #3687f0;
}

page-take-quiz .butwidth {
  width: 50%;
}

page-take-quiz a[disabled], page-take-quiz button[disabled], page-take-quiz [ion-button][disabled] {
  cursor: default;
  opacity: .8;
  pointer-events: none;
}

page-take-quiz .round-class-css-quiz {
  border-radius: 50%;
  height: 79px;
  width: 79px;
  border: 2px solid #3687f0;
  margin: 10px auto;
  display: block;
}

page-take-quiz .round-class-css-rp {
  border-radius: 50%;
  height: 59px;
  width: 59px;
  margin-left: 81%;
  border: 2px solid #3687f0;
  margin-top: 2%;
}

page-take-quiz .ticker {
  margin-top: 35%;
  font-size: 27px !important;
  color: #3687f0;
}

page-take-quiz .tickerrp {
  margin-top: 17%;
  font-size: 27px;
  color: black;
  margin-left: 35%;
}

page-take-quiz .back-button {
  display: none !important;
}

page-take-quiz .sliderinnerdiv {
  text-align: center;
}

page-take-quiz .quizdiv {
  width: 65%;
  position: absolute;
  top: 20px;
  left: 15%;
  border: 2px #3687f0 solid;
  border-radius: 10px;
  -webkit-box-shadow: 5px 5px 5px lightgray;
  box-shadow: 5px 5px 5px lightgray;
}

page-take-quiz .questiondiv ion-label {
  white-space: inherit;
}

page-take-quiz ion-slide {
  overflow-y: scroll;
}

@media (max-width: 700px) {
  page-take-quiz .quizdiv {
    width: 90%;
    position: absolute;
    top: 20px;
    left: 10px;
  }
}

page-teacher-assignment-class-report {
  /* ANIMATION */
  /* SHADOWS */
  /*
 *
 *   MaterialWrap - Bootstrap + Material Design Admin Theme

 
*/
  /*
 * CSS Transform - Scale and Rotate
 */
  /* The Modal (background) */
  /* Modal Content (image) */
  /* The Close Button */
  /*!
 * FullCalendar v3.2.0 Stylesheet
 * Docs & License: https://fullcalendar.io/
 * (c) 2017 Adam Shaw
 */
  /* Colors
--------------------------------------------------------------------------------------------------*/
  /* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
  /*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
  /* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
  /* Firefox has an annoying inner border */
  /* icons in buttons */
  /*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
  /* Buttons Groups
--------------------------------------------------------------------------------------------------*/
  /*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
  /* Popover
--------------------------------------------------------------------------------------------------*/
  /* unthemed */
  /* jqui themed */
  /* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
  /* Tables
--------------------------------------------------------------------------------------------------*/
  /* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
  /* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
  /* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
  /* highlighting cells & background event skeleton */
  /*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
  /* Scrolling Container
--------------------------------------------------------------------------------------------------*/
  /* TODO: move to agenda/basic */
  /* Global Event Styles
--------------------------------------------------------------------------------------------------*/
  /* overpower some of bootstrap's and jqui's styles on <a> tags */
  /* resizer (cursor AND touch devices) */
  /* resizer (touch devices) */
  /* hit area */
  /* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
  /* Horizontal Events
--------------------------------------------------------------------------------------------------*/
  /* bigger touch area when selected */
  /* events that are continuing to/from another week. kill rounded corners and butt up against edge */
  /* resizer (cursor AND touch devices) */
  /* left resizer  */
  /* right resizer */
  /* resizer (mouse devices) */
  /* resizer (touch devices) */
  /* left resizer  */
  /* right resizer */
  /* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* resizer (cursor devices) */
  /* left resizer  */
  /* right resizer */
  /* Event Limiting
--------------------------------------------------------------------------------------------------*/
  /* "more" link that represents hidden events */
  /* popover that appears when "more" link is clicked */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* Utilities
--------------------------------------------------------------------------------------------------*/
  /* Toolbar
--------------------------------------------------------------------------------------------------*/
  /* the things within each left/right/center section */
  /* the first thing within each left/center/right section */
  /* title text */
  /* button layering (for border precedence) */
  /* View Structure
--------------------------------------------------------------------------------------------------*/
  /* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
  /* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
  /* BasicView
--------------------------------------------------------------------------------------------------*/
  /* day row structure */
  /* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
  /* week and day number styling */
  /* when week/day number have own column */
  /* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
  /* divs within a cell within the fc-content-skeleton */
  /* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
  /* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* short mode, where time and title are on the same line */
  /* resizer (cursor device) */
  /* resizer (touch device) */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* arrow on axis */
  /* List View
--------------------------------------------------------------------------------------------------*/
  /* possibly reusable */
  /* view wrapper */
  /* table resets */
  /* day headings with the list */
  /* event list items */
  /* make the dot closer to the event title */
  /* message when no events */
}

page-teacher-assignment-class-report .letter-sp-1 {
  letter-spacing: 1px;
}

page-teacher-assignment-class-report .letter-sp-2 {
  letter-spacing: 2px;
}

page-teacher-assignment-class-report .letter-sp-3 {
  letter-spacing: 3px;
}

page-teacher-assignment-class-report .m-0 {
  margin: 0 !important;
}

page-teacher-assignment-class-report .m-5 {
  margin: 5px !important;
}

page-teacher-assignment-class-report .m-10 {
  margin: 10px !important;
}

page-teacher-assignment-class-report .m-15 {
  margin: 15px !important;
}

page-teacher-assignment-class-report .m-20 {
  margin: 20px !important;
}

page-teacher-assignment-class-report .m-30 {
  margin: 30px !important;
}

page-teacher-assignment-class-report .m-50 {
  margin: 50px !important;
}

page-teacher-assignment-class-report .m-b-100 {
  margin-bottom: 100px !important;
}

page-teacher-assignment-class-report .m-b-15 {
  margin-bottom: 15px !important;
}

page-teacher-assignment-class-report .m-b-20 {
  margin-bottom: 20px !important;
}

page-teacher-assignment-class-report .m-b-0 {
  margin-bottom: 0 !important;
}

page-teacher-assignment-class-report .m-l-0 {
  margin-left: 0 !important;
}

page-teacher-assignment-class-report .m-l-5 {
  margin-left: 5px !important;
}

page-teacher-assignment-class-report .m-l-10 {
  margin-left: 10px !important;
}

page-teacher-assignment-class-report .m-l-15 {
  margin-left: 15px !important;
}

page-teacher-assignment-class-report .m-l-20 {
  margin-left: 20px !important;
}

page-teacher-assignment-class-report .m-l-30 {
  margin-left: 30px !important;
}

page-teacher-assignment-class-report .m-l-40 {
  margin-left: 40px !important;
}

page-teacher-assignment-class-report .m-l-50 {
  margin-left: 50px !important;
}

page-teacher-assignment-class-report .m-l-n-1 {
  margin-left: -1px !important;
}

page-teacher-assignment-class-report .m-l-n-5 {
  margin-left: -5px !important;
}

page-teacher-assignment-class-report .m-l-n-10 {
  margin-left: -10px !important;
}

page-teacher-assignment-class-report .m-l-n-15 {
  margin-left: -15px !important;
}

page-teacher-assignment-class-report .m-l-n-20 {
  margin-left: -20px !important;
}

page-teacher-assignment-class-report .m-l-n-30 {
  margin-left: -30px !important;
}

page-teacher-assignment-class-report .m-l-n-40 {
  margin-left: -40px !important;
}

page-teacher-assignment-class-report .m-l-n-50 {
  margin-left: -50px !important;
}

page-teacher-assignment-class-report .m-t-0 {
  margin-top: 0 !important;
}

page-teacher-assignment-class-report .m-t-1 {
  margin-top: 1px !important;
}

page-teacher-assignment-class-report .m-t-2 {
  margin-top: 2px;
}

page-teacher-assignment-class-report .m-t-2p {
  margin-top: 2% !important;
}

page-teacher-assignment-class-report .m-t-5p {
  margin-top: 5% !important;
}

page-teacher-assignment-class-report .m-t-25p {
  margin-top: 25% !important;
}

page-teacher-assignment-class-report .m-t-30p {
  margin-top: 30% !important;
}

page-teacher-assignment-class-report .m-t-4 {
  margin-top: 4px !important;
}

page-teacher-assignment-class-report .m-t-5 {
  margin-top: 5px !important;
}

page-teacher-assignment-class-report .m-t-5p {
  margin-top: 5% !important;
}

page-teacher-assignment-class-report .m-t-10 {
  margin-top: 10px !important;
}

page-teacher-assignment-class-report .m-t-15 {
  margin-top: 15px !important;
}

page-teacher-assignment-class-report .m-t-20 {
  margin-top: 20px !important;
}

page-teacher-assignment-class-report .m-t-30 {
  margin-top: 30px !important;
}

page-teacher-assignment-class-report .m-t-40 {
  margin-top: 40px !important;
}

page-teacher-assignment-class-report .m-t-50 {
  margin-top: 50px !important;
}

page-teacher-assignment-class-report .m-t-75 {
  margin-top: 75px !important;
}

page-teacher-assignment-class-report .m-t-100 {
  margin-top: 100px !important;
}

page-teacher-assignment-class-report .m-t-120 {
  margin-top: 120px !important;
}

page-teacher-assignment-class-report .m-t-140 {
  margin-top: 140px !important;
}

page-teacher-assignment-class-report .m-t-n-1 {
  margin-top: -1px !important;
}

page-teacher-assignment-class-report .m-t-n-5 {
  margin-top: -5px !important;
}

page-teacher-assignment-class-report .m-t-n-10 {
  margin-top: -10px !important;
}

page-teacher-assignment-class-report .m-t-n-15 {
  margin-top: -15px !important;
}

page-teacher-assignment-class-report .m-t-n-20 {
  margin-top: -20px !important;
}

page-teacher-assignment-class-report .m-t-n-30 {
  margin-top: -30px !important;
}

page-teacher-assignment-class-report .m-t-n-40 {
  margin-top: -40px !important;
}

page-teacher-assignment-class-report .m-t-n-50 {
  margin-top: -50px !important;
}

page-teacher-assignment-class-report .m-r-0 {
  margin-right: 0 !important;
}

page-teacher-assignment-class-report .m-r-1 {
  margin-right: 1px !important;
}

page-teacher-assignment-class-report .m-r-5 {
  margin-right: 5px !important;
}

page-teacher-assignment-class-report .m-r-10 {
  margin-right: 10px !important;
}

page-teacher-assignment-class-report .m-r-15 {
  margin-right: 15px !important;
}

page-teacher-assignment-class-report .m-r-20 {
  margin-right: 20px !important;
}

page-teacher-assignment-class-report .m-r-30 {
  margin-right: 30px !important;
}

page-teacher-assignment-class-report .m-r-40 {
  margin-right: 40px !important;
}

page-teacher-assignment-class-report .m-r-50 {
  margin-right: 50px !important;
}

page-teacher-assignment-class-report .m-r-n-1 {
  margin-right: -1px !important;
}

page-teacher-assignment-class-report .m-r-n-5 {
  margin-right: -5px !important;
}

page-teacher-assignment-class-report .m-r-n-10 {
  margin-right: -10px !important;
}

page-teacher-assignment-class-report .m-r-n-15 {
  margin-right: -15px !important;
}

page-teacher-assignment-class-report .m-r-n-20 {
  margin-right: -20px !important;
}

page-teacher-assignment-class-report .m-r-n-30 {
  margin-right: -30px !important;
}

page-teacher-assignment-class-report .m-r-n-40 {
  margin-right: -40px !important;
}

page-teacher-assignment-class-report .m-r-n-50 {
  margin-right: -50px !important;
}

page-teacher-assignment-class-report .m-b-0 {
  margin-bottom: 0 !important;
}

page-teacher-assignment-class-report .m-b-1 {
  margin-bottom: 1px !important;
}

page-teacher-assignment-class-report .m-b-4 {
  margin-bottom: 4px !important;
}

page-teacher-assignment-class-report .m-b-5 {
  margin-bottom: 5px !important;
}

page-teacher-assignment-class-report .m-b-10 {
  margin-bottom: 10px !important;
}

page-teacher-assignment-class-report .m-b-15 {
  margin-bottom: 15px !important;
}

page-teacher-assignment-class-report .m-b-20 {
  margin-bottom: 20px !important;
}

page-teacher-assignment-class-report .m-b-30 {
  margin-bottom: 30px !important;
}

page-teacher-assignment-class-report .m-b-40 {
  margin-bottom: 40px !important;
}

page-teacher-assignment-class-report .m-b-50 {
  margin-bottom: 50px !important;
}

page-teacher-assignment-class-report .m-b-n-1 {
  margin-bottom: -1px !important;
}

page-teacher-assignment-class-report .m-b-n-5 {
  margin-bottom: -5px !important;
}

page-teacher-assignment-class-report .m-b-n-10 {
  margin-bottom: -10px !important;
}

page-teacher-assignment-class-report .m-b-n-15 {
  margin-bottom: -15px !important;
}

page-teacher-assignment-class-report .m-b-n-20 {
  margin-bottom: -20px !important;
}

page-teacher-assignment-class-report .m-b-n-30 {
  margin-bottom: -30px !important;
}

page-teacher-assignment-class-report .m-b-n-40 {
  margin-bottom: -40px !important;
}

page-teacher-assignment-class-report .m-b-n-50 {
  margin-bottom: -50px !important;
}

page-teacher-assignment-class-report .p-0 {
  padding: 0 !important;
}

page-teacher-assignment-class-report .p-5 {
  padding: 5px !important;
}

page-teacher-assignment-class-report .p-10 {
  padding: 10px !important;
}

page-teacher-assignment-class-report .p-15 {
  padding: 15px !important;
}

page-teacher-assignment-class-report .p-20 {
  padding: 20px !important;
}

page-teacher-assignment-class-report .p-25 {
  padding: 25px !important;
}

page-teacher-assignment-class-report .p-30 {
  padding: 30px !important;
}

page-teacher-assignment-class-report .p-40 {
  padding: 40px !important;
}

page-teacher-assignment-class-report .p-50 {
  padding: 50px !important;
}

page-teacher-assignment-class-report .p-75 {
  padding: 75px !important;
}

page-teacher-assignment-class-report .p-100 {
  padding: 100px !important;
}

page-teacher-assignment-class-report .p-lr {
  padding: 0px 4% 0px 4%;
}

page-teacher-assignment-class-report .p-l-0 {
  padding-left: 0 !important;
}

page-teacher-assignment-class-report .p-l-5 {
  padding-left: 5px !important;
}

page-teacher-assignment-class-report .p-l-10 {
  padding-left: 10px !important;
}

page-teacher-assignment-class-report .p-l-12 {
  padding-left: 12px !important;
}

page-teacher-assignment-class-report .p-l-15 {
  padding-left: 15px !important;
}

page-teacher-assignment-class-report .p-l-16 {
  padding-left: 16px !important;
}

page-teacher-assignment-class-report .p-l-20 {
  padding-left: 20px !important;
}

page-teacher-assignment-class-report .p-l-25 {
  padding-left: 25px !important;
}

page-teacher-assignment-class-report .p-l-30 {
  padding-left: 30px !important;
}

page-teacher-assignment-class-report .p-l-40 {
  padding-left: 40px !important;
}

page-teacher-assignment-class-report .p-l-50 {
  padding-left: 50px !important;
}

page-teacher-assignment-class-report .p-l-75 {
  padding-left: 75px !important;
}

page-teacher-assignment-class-report .p-l-100 {
  padding-left: 100px !important;
}

page-teacher-assignment-class-report .p-r-0 {
  padding-right: 0 !important;
}

page-teacher-assignment-class-report .p-r-5 {
  padding-right: 5px !important;
}

page-teacher-assignment-class-report .p-r-10 {
  padding-right: 10px !important;
}

page-teacher-assignment-class-report .p-r-12 {
  padding-right: 12px !important;
}

page-teacher-assignment-class-report .p-r-15 {
  padding-right: 15px !important;
}

page-teacher-assignment-class-report .p-r-20 {
  padding-right: 20px !important;
}

page-teacher-assignment-class-report .p-r-25 {
  padding-right: 25px !important;
}

page-teacher-assignment-class-report .p-r-30 {
  padding-right: 30px !important;
}

page-teacher-assignment-class-report .p-r-40 {
  padding-right: 40px !important;
}

page-teacher-assignment-class-report .p-r-50 {
  padding-right: 50px !important;
}

page-teacher-assignment-class-report .p-r-75 {
  padding-right: 75px !important;
}

page-teacher-assignment-class-report .p-r-100 {
  padding-right: 100px !important;
}

page-teacher-assignment-class-report .p-b-0 {
  padding-bottom: 0 !important;
}

page-teacher-assignment-class-report .p-b-5 {
  padding-bottom: 5px !important;
}

page-teacher-assignment-class-report .p-b-10 {
  padding-bottom: 10px !important;
}

page-teacher-assignment-class-report .p-b-15 {
  padding-bottom: 15px !important;
}

page-teacher-assignment-class-report .p-b-16 {
  padding-bottom: 16px !important;
}

page-teacher-assignment-class-report .p-b-20 {
  padding-bottom: 20px !important;
}

page-teacher-assignment-class-report .p-b-25 {
  padding-bottom: 25px !important;
}

page-teacher-assignment-class-report .p-b-30 {
  padding-bottom: 30px !important;
}

page-teacher-assignment-class-report .p-b-40 {
  padding-bottom: 40px !important;
}

page-teacher-assignment-class-report .p-b-50 {
  padding-bottom: 50px !important;
}

page-teacher-assignment-class-report .p-b-60 {
  padding-bottom: 60px !important;
}

page-teacher-assignment-class-report .p-b-70 {
  padding-bottom: 70px !important;
}

page-teacher-assignment-class-report .p-b-80 {
  padding-bottom: 80px !important;
}

page-teacher-assignment-class-report .p-b-90 {
  padding-bottom: 90px !important;
}

page-teacher-assignment-class-report .p-b-100 {
  padding-bottom: 100px !important;
}

page-teacher-assignment-class-report .p-t-0 {
  padding-top: 0 !important;
}

page-teacher-assignment-class-report .p-t-5 {
  padding-top: 5px !important;
}

page-teacher-assignment-class-report .p-t-7 {
  padding-top: 7px !important;
}

page-teacher-assignment-class-report .p-t-10 {
  padding-top: 10px !important;
}

page-teacher-assignment-class-report .p-t-15 {
  padding-top: 15px !important;
}

page-teacher-assignment-class-report .p-t-16 {
  padding-top: 16px !important;
}

page-teacher-assignment-class-report .p-t-20 {
  padding-top: 20px !important;
}

page-teacher-assignment-class-report .p-t-25 {
  padding-top: 25px !important;
}

page-teacher-assignment-class-report .p-t-30 {
  padding-top: 30px !important;
}

page-teacher-assignment-class-report .p-t-40 {
  padding-top: 40px !important;
}

page-teacher-assignment-class-report .p-t-50 {
  padding-top: 50px !important;
}

page-teacher-assignment-class-report .p-t-75 {
  padding-top: 75px !important;
}

page-teacher-assignment-class-report .p-t-100 {
  padding-top: 100px !important;
}

page-teacher-assignment-class-report .p-t-120 {
  padding-top: 120px !important;
}

page-teacher-assignment-class-report .p-t-130 {
  padding-top: 130px !important;
}

page-teacher-assignment-class-report .p-t-140 {
  padding-top: 140px !important;
}

page-teacher-assignment-class-report .p-t-150 {
  padding-top: 150px !important;
}

page-teacher-assignment-class-report .block {
  display: block !important;
}

page-teacher-assignment-class-report .img-xs {
  width: 30px;
  height: 30px;
}

page-teacher-assignment-class-report .img-sm {
  width: 35px;
  height: 35px;
}

page-teacher-assignment-class-report .img-md {
  width: 55px;
  height: 55px;
}

page-teacher-assignment-class-report .img-lg {
  width: 100px;
  height: 100px;
}

page-teacher-assignment-class-report .min-w-800 {
  min-width: 800px !important;
}

page-teacher-assignment-class-report .min-w-1000 {
  min-width: 1000px !important;
}

page-teacher-assignment-class-report .min-w-1100 {
  min-width: 1100px !important;
}

page-teacher-assignment-class-report .max-w-20 {
  max-width: 20px !important;
}

page-teacher-assignment-class-report .max-w-30 {
  max-width: 30px !important;
}

page-teacher-assignment-class-report .max-w-32 {
  max-width: 35px !important;
}

page-teacher-assignment-class-report .max-w-35 {
  max-width: 35px !important;
}

page-teacher-assignment-class-report .max-w-40 {
  max-width: 40px !important;
}

page-teacher-assignment-class-report .max-w-50 {
  max-width: 50px !important;
}

page-teacher-assignment-class-report .max-w-75 {
  max-width: 75px !important;
}

page-teacher-assignment-class-report .max-w-100 {
  max-width: 100px !important;
}

page-teacher-assignment-class-report .max-w-150 {
  max-width: 150px !important;
}

page-teacher-assignment-class-report .max-w-200 {
  max-width: 200px !important;
}

page-teacher-assignment-class-report .max-w-300 {
  max-width: 300px !important;
}

page-teacher-assignment-class-report .max-w-400 {
  max-width: 400px !important;
}

page-teacher-assignment-class-report .overflow-hidden {
  overflow: hidden;
}

page-teacher-assignment-class-report .overflow-auto {
  overflow: auto;
}

page-teacher-assignment-class-report .max-h-50 {
  max-height: 50px !important;
}

page-teacher-assignment-class-report .max-h-80 {
  max-height: 80px !important;
}

page-teacher-assignment-class-report .max-h-100 {
  max-height: 100px !important;
}

page-teacher-assignment-class-report .max-h-150 {
  max-height: 150px !important;
}

page-teacher-assignment-class-report .max-h-200 {
  max-height: 200px !important;
}

page-teacher-assignment-class-report .max-h-250 {
  max-height: 250px !important;
}

page-teacher-assignment-class-report .max-h-300 {
  max-height: 300px !important;
}

page-teacher-assignment-class-report .max-h-350 {
  max-height: 300px !important;
}

page-teacher-assignment-class-report .max-h-375 {
  max-height: 300px !important;
}

page-teacher-assignment-class-report .max-h-400 {
  max-height: 400px !important;
}

page-teacher-assignment-class-report .max-h-450 {
  max-height: 450px !important;
}

page-teacher-assignment-class-report .max-h-500 {
  max-height: 500px !important;
}

page-teacher-assignment-class-report .max-h-600 {
  max-height: 600px !important;
}

page-teacher-assignment-class-report .max-h-650 {
  max-height: 650px !important;
}

page-teacher-assignment-class-report .max-h-700 {
  max-height: 700px !important;
}

page-teacher-assignment-class-report .max-h-800 {
  max-height: 800px !important;
}

page-teacher-assignment-class-report .max-h-900 {
  max-height: 900px !important;
}

page-teacher-assignment-class-report .max-h-1000 {
  max-height: 1000px !important;
}

page-teacher-assignment-class-report .min-h-0 {
  min-height: 0 !important;
}

page-teacher-assignment-class-report .min-h-50 {
  min-height: 50px !important;
}

page-teacher-assignment-class-report .min-h-100 {
  min-height: 100px !important;
}

page-teacher-assignment-class-report .min-h-200 {
  min-height: 200px !important;
}

page-teacher-assignment-class-report .min-h-250 {
  min-height: 250px !important;
}

page-teacher-assignment-class-report .min-h-300 {
  min-height: 300px !important;
}

page-teacher-assignment-class-report .min-h-350 {
  min-height: 300px !important;
}

page-teacher-assignment-class-report .min-h-375 {
  min-height: 300px !important;
}

page-teacher-assignment-class-report .min-h-400 {
  min-height: 400px !important;
}

page-teacher-assignment-class-report .min-h-450 {
  min-height: 450px !important;
}

page-teacher-assignment-class-report .min-h-500 {
  min-height: 500px !important;
}

page-teacher-assignment-class-report .min-h-600 {
  min-height: 600px !important;
}

page-teacher-assignment-class-report .min-h-650 {
  min-height: 650px !important;
}

page-teacher-assignment-class-report .min-h-700 {
  min-height: 700px !important;
}

page-teacher-assignment-class-report .min-h-800 {
  min-height: 800px !important;
}

page-teacher-assignment-class-report .min-h-900 {
  min-height: 900px !important;
}

page-teacher-assignment-class-report .min-h-1000 {
  min-height: 1000px !important;
}

page-teacher-assignment-class-report .h-5 {
  height: 5px !important;
}

page-teacher-assignment-class-report .h-10 {
  height: 10px !important;
}

page-teacher-assignment-class-report .h-20 {
  height: 20px !important;
}

page-teacher-assignment-class-report .h-25 {
  height: 25px !important;
}

page-teacher-assignment-class-report .h-50 {
  height: 50px !important;
}

page-teacher-assignment-class-report .h-75 {
  height: 75px !important;
}

page-teacher-assignment-class-report .h-100 {
  height: 100px !important;
}

page-teacher-assignment-class-report .h-125 {
  height: 125px !important;
}

page-teacher-assignment-class-report .h-150 {
  height: 150px !important;
}

page-teacher-assignment-class-report .h-200 {
  height: 200px !important;
}

page-teacher-assignment-class-report .h-300 {
  height: 300px !important;
}

page-teacher-assignment-class-report .h-350 {
  height: 350px !important;
}

page-teacher-assignment-class-report .h-400 {
  height: 400px !important;
}

page-teacher-assignment-class-report .h-450 {
  height: 450px !important;
}

page-teacher-assignment-class-report .h-500 {
  height: 500px !important;
}

page-teacher-assignment-class-report .h-600 {
  height: 600px !important;
}

page-teacher-assignment-class-report .h-650 {
  height: 650px !important;
}

page-teacher-assignment-class-report .h-700 {
  height: 700px !important;
}

page-teacher-assignment-class-report .h-800 {
  height: 800px !important;
}

page-teacher-assignment-class-report .h-900 {
  height: 900px !important;
}

page-teacher-assignment-class-report .h-1000 {
  height: 1000px !important;
}

page-teacher-assignment-class-report .w-5 {
  width: 5px !important;
}

page-teacher-assignment-class-report .w-10 {
  width: 10px !important;
}

page-teacher-assignment-class-report .w-15 {
  width: 15px !important;
}

page-teacher-assignment-class-report .w-20 {
  width: 20px !important;
}

page-teacher-assignment-class-report .w-30 {
  width: 30px !important;
}

page-teacher-assignment-class-report .w-40 {
  width: 40px !important;
}

page-teacher-assignment-class-report .w-50 {
  width: 50px !important;
}

page-teacher-assignment-class-report .w-60 {
  width: 60px !important;
}

page-teacher-assignment-class-report .w-80 {
  width: 80px !important;
}

page-teacher-assignment-class-report .w-100 {
  width: 100px !important;
}

page-teacher-assignment-class-report .w-150 {
  width: 150px !important;
}

page-teacher-assignment-class-report .w-190 {
  width: 190px !important;
}

page-teacher-assignment-class-report .w-200 {
  width: 200px !important;
}

page-teacher-assignment-class-report .w-250 {
  width: 250px !important;
}

page-teacher-assignment-class-report .w-300 {
  width: 300px !important;
}

page-teacher-assignment-class-report .w-600 {
  width: 600px !important;
}

page-teacher-assignment-class-report .w-100p {
  width: 100% !important;
}

page-teacher-assignment-class-report .w-95p {
  width: 95% !important;
}

page-teacher-assignment-class-report .w-90p {
  width: 90% !important;
}

page-teacher-assignment-class-report .w-80p {
  width: 80% !important;
}

page-teacher-assignment-class-report .w-70p {
  width: 70% !important;
}

page-teacher-assignment-class-report .w-60p {
  width: 60% !important;
}

page-teacher-assignment-class-report .w-50p {
  width: 50% !important;
}

page-teacher-assignment-class-report .w-45p {
  width: 45% !important;
}

page-teacher-assignment-class-report .w-40p {
  width: 40% !important;
}

page-teacher-assignment-class-report .w-30p {
  width: 30% !important;
}

page-teacher-assignment-class-report .w-25p {
  width: 25% !important;
}

page-teacher-assignment-class-report .w-20p {
  width: 20% !important;
}

page-teacher-assignment-class-report .w-15p {
  width: 15% !important;
}

page-teacher-assignment-class-report .w-10p {
  width: 10% !important;
}

page-teacher-assignment-class-report .w-8p {
  width: 8% !important;
}

page-teacher-assignment-class-report .w-5p {
  width: 5% !important;
}

page-teacher-assignment-class-report .w-3p {
  width: 3% !important;
}

page-teacher-assignment-class-report .w-95p {
  width: 95% !important;
}

page-teacher-assignment-class-report .h-100p {
  height: 100% !important;
}

page-teacher-assignment-class-report .h-80p {
  height: 80% !important;
}

page-teacher-assignment-class-report .absolute {
  position: absolute !important;
}

page-teacher-assignment-class-report .relative {
  position: relative !important;
}

page-teacher-assignment-class-report .block {
  display: block !important;
}

page-teacher-assignment-class-report .inline-block {
  display: inline-block !important;
}

page-teacher-assignment-class-report .list-block li {
  display: block !important;
}

page-teacher-assignment-class-report .list-inline li {
  display: inline !important;
}

page-teacher-assignment-class-report .clear-both {
  clear: both !important;
}

page-teacher-assignment-class-report .line-height-normal {
  line-height: normal !important;
}

page-teacher-assignment-class-report .line-height-8 {
  line-height: 8px !important;
}

page-teacher-assignment-class-report .line-height-14 {
  line-height: 14px !important;
}

page-teacher-assignment-class-report .line-height-12 {
  line-height: normal !important;
}

page-teacher-assignment-class-report ul.style-none {
  margin: 0;
  padding: 0;
  list-style: none;
}

page-teacher-assignment-class-report ul.style-none li {
  font-size: 0.875rem;
  padding: 3px 0;
}

page-teacher-assignment-class-report ul.style-none li ul {
  list-style: none;
}

page-teacher-assignment-class-report ul.vertical-icon-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

page-teacher-assignment-class-report ul.vertical-icon-list li {
  font-size: 0.875rem;
  padding: 6px 0;
}

page-teacher-assignment-class-report ul.vertical-icon-list li i {
  font-size: 1.25rem;
  padding-right: 15px;
  vertical-align: middle;
}

page-teacher-assignment-class-report .bg-white {
  background: #ffffff !important;
}

page-teacher-assignment-class-report .bg-green {
  background: #28bebd !important;
}

page-teacher-assignment-class-report .bg-blue {
  background: #42a5f5 !important;
}

page-teacher-assignment-class-report .bg-lightBlue {
  background: #2ebaee !important;
}

page-teacher-assignment-class-report .bg-red {
  background: #ef5350 !important;
}

page-teacher-assignment-class-report .bg-yellow {
  background: #f8c200 !important;
}

page-teacher-assignment-class-report .bg-paleYellow {
  background: #fddd7e !important;
}

page-teacher-assignment-class-report .bg-lightGray {
  background: #e3ecf7 !important;
}

page-teacher-assignment-class-report .bg-gray {
  background: #8f9eb5 !important;
}

page-teacher-assignment-class-report .bg-drakGray {
  background: #707c94 !important;
}

page-teacher-assignment-class-report .bg-grayBlue {
  background: #59779b !important;
}

page-teacher-assignment-class-report .bg-purple {
  background: #6b79c4 !important;
}

page-teacher-assignment-class-report .bg-turquoise {
  background: #00c5dc !important;
}

page-teacher-assignment-class-report .bg-peach {
  background: #feb38d !important;
}

page-teacher-assignment-class-report .bg-transparent {
  background: transparent !important;
}

page-teacher-assignment-class-report .text-primary {
  color: #172B4D !important;
}

page-teacher-assignment-class-report .text-link {
  color: #0645ad !important;
}

page-teacher-assignment-class-report .text-green {
  color: #28bebd !important;
}

page-teacher-assignment-class-report .text-turquoise {
  color: #00c5dc !important;
}

page-teacher-assignment-class-report .text-red {
  color: #ef5350 !important;
}

page-teacher-assignment-class-report .text-cyan {
  color: #26c6da !important;
}

page-teacher-assignment-class-report .text-yellow {
  color: #f8c200 !important;
}

page-teacher-assignment-class-report .text-gray {
  color: #8f9eb5 !important;
}

page-teacher-assignment-class-report .text-blue {
  color: #42a5f5 !important;
}

page-teacher-assignment-class-report .text-orange {
  color: #ffb74d !important;
}

page-teacher-assignment-class-report .text-purple {
  color: #6b79c4 !important;
}

page-teacher-assignment-class-report .text-white {
  color: #fff !important;
}

page-teacher-assignment-class-report .text-brown {
  color: #906b6b !important;
}

page-teacher-assignment-class-report .text-salmon {
  color: #ee6e73 !important;
}

page-teacher-assignment-class-report .text-muted {
  color: #8396b0;
}

page-teacher-assignment-class-report .color-black {
  color: #000 !important;
}

page-teacher-assignment-class-report .color-white {
  color: #fff !important;
}

page-teacher-assignment-class-report .bg-white {
  background-color: #fff !important;
}

page-teacher-assignment-class-report .transparent {
  background: transparent !important;
}

page-teacher-assignment-class-report .bg-primary {
  background-color: #172B4D !important;
}

page-teacher-assignment-class-report .border-bottom,
page-teacher-assignment-class-report .border-grey-bottom-1px {
  border-bottom: 1px solid rgba(215, 225, 237, 0.8) !important;
}

page-teacher-assignment-class-report .border-grey-top-1px,
page-teacher-assignment-class-report .border-top {
  border-top: 1px solid rgba(215, 225, 237, 0.6) !important;
}

page-teacher-assignment-class-report .border-bottom-black-2px {
  border-bottom: 2px solid black;
}

page-teacher-assignment-class-report .border-top0p {
  border-top: 0px !important;
}

page-teacher-assignment-class-report .b-n {
  border: none !important;
}

page-teacher-assignment-class-report .b-b-1 {
  border: 1px solid black;
}

page-teacher-assignment-class-report .b-lg-1 {
  border: 1px solid lightgrey;
}

page-teacher-assignment-class-report .shadow-none {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

page-teacher-assignment-class-report .shadow-z-0 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-teacher-assignment-class-report .shadow-z-1 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-teacher-assignment-class-report .shadow-z-1:hover {
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

page-teacher-assignment-class-report .shadow-z-2 {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

page-teacher-assignment-class-report .shadow-z-3 {
  -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

page-teacher-assignment-class-report .shadow-z-4 {
  -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}

page-teacher-assignment-class-report .shadow-z-5 {
  -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}

page-teacher-assignment-class-report .big-shadow {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
}

page-teacher-assignment-class-report .shadow-2dp {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

page-teacher-assignment-class-report .shadow-3dp {
  -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}

page-teacher-assignment-class-report .shadow-4dp {
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}

page-teacher-assignment-class-report .shadow-6dp {
  -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}

page-teacher-assignment-class-report .shadow-8dp {
  -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}

page-teacher-assignment-class-report .shadow-16dp {
  -webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

page-teacher-assignment-class-report .shadow-24dp {
  -webkit-box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
}

page-teacher-assignment-class-report .font-weight-100 {
  font-weight: 100 !important;
}

page-teacher-assignment-class-report .font-weight-200 {
  font-weight: 200 !important;
}

page-teacher-assignment-class-report .font-weight-300 {
  font-weight: 300 !important;
}

page-teacher-assignment-class-report .font-weight-400 {
  font-weight: 400 !important;
}

page-teacher-assignment-class-report .font-weight-500 {
  font-weight: 500 !important;
}

page-teacher-assignment-class-report .font-weight-600 {
  font-weight: 600 !important;
}

page-teacher-assignment-class-report .font-weight-700 {
  font-weight: 700 !important;
}

page-teacher-assignment-class-report .font-weight-800 {
  font-weight: 800 !important;
}

page-teacher-assignment-class-report .font-weight-900 {
  font-weight: 900 !important;
}

page-teacher-assignment-class-report .font-weight-light {
  font-weight: 100 !important;
}

page-teacher-assignment-class-report .font-weight-normal {
  font-weight: 300 !important;
}

page-teacher-assignment-class-report .font-weight-medium {
  font-weight: 400 !important;
}

page-teacher-assignment-class-report .font-weight-bold {
  font-weight: 500 !important;
}

page-teacher-assignment-class-report .bold {
  font-weight: bold !important;
}

page-teacher-assignment-class-report .font-size-0 {
  font-size: 0 !important;
}

page-teacher-assignment-class-report .font-size-10 {
  font-size: 10px !important;
}

page-teacher-assignment-class-report .font-size-11 {
  font-size: 11px !important;
}

page-teacher-assignment-class-report .font-size-12 {
  font-size: 12px !important;
}

page-teacher-assignment-class-report .font-size-14 {
  font-size: 14px !important;
}

page-teacher-assignment-class-report .font-size-16 {
  font-size: 16px !important;
}

page-teacher-assignment-class-report .font-size-18 {
  font-size: 18px !important;
}

page-teacher-assignment-class-report .font-size-20 {
  font-size: 20px !important;
}

page-teacher-assignment-class-report .font-size-24 {
  font-size: 24px !important;
}

page-teacher-assignment-class-report .font-size-26 {
  font-size: 26px !important;
}

page-teacher-assignment-class-report .font-size-30 {
  font-size: 30px !important;
}

page-teacher-assignment-class-report .font-size-35 {
  font-size: 35px !important;
}

page-teacher-assignment-class-report .font-size-38 {
  font-size: 38px !important;
}

page-teacher-assignment-class-report .font-size-40 {
  font-size: 40px !important;
}

page-teacher-assignment-class-report .font-size-50 {
  font-size: 50px !important;
}

page-teacher-assignment-class-report .font-size-60 {
  font-size: 60px !important;
}

page-teacher-assignment-class-report .font-size-70 {
  font-size: 70px !important;
}

page-teacher-assignment-class-report .font-size-80 {
  font-size: 80px !important;
}

page-teacher-assignment-class-report .hidden {
  display: none !important;
}

page-teacher-assignment-class-report .w-100p {
  width: 100% !important;
}

page-teacher-assignment-class-report .float-r {
  float: right !important;
}

page-teacher-assignment-class-report .float-l {
  float: left !important;
}

page-teacher-assignment-class-report .align-c {
  display: block;
  margin: 0 auto;
}

page-teacher-assignment-class-report .align-b {
  display: block;
}

page-teacher-assignment-class-report .text-center {
  text-align: center !important;
}

page-teacher-assignment-class-report .text-left {
  text-align: left !important;
}

page-teacher-assignment-class-report .text-right {
  text-align: right !important;
}

page-teacher-assignment-class-report .align-v-c {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-teacher-assignment-class-report .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-teacher-assignment-class-report .align-v-c1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-teacher-assignment-class-report .align-v-c2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-teacher-assignment-class-report .align-v-c3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-teacher-assignment-class-report .align-v-c4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-teacher-assignment-class-report .align-flex-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-teacher-assignment-class-report .align-right-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

page-teacher-assignment-class-report .align-start-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media (max-width: 576px) {
  page-teacher-assignment-class-report .d-xs-none {
    display: none !important;
  }
  page-teacher-assignment-class-report .d-xs-inline {
    display: inline !important;
  }
  page-teacher-assignment-class-report .d-xs-inline-block {
    display: inline-block !important;
  }
  page-teacher-assignment-class-report .d-xs-block {
    display: block !important;
  }
  page-teacher-assignment-class-report .d-xs-table {
    display: table !important;
  }
  page-teacher-assignment-class-report .d-xs-table-cell {
    display: table-cell !important;
  }
  page-teacher-assignment-class-report .d-xs-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
  }
  page-teacher-assignment-class-report .d-xs-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important;
  }
}

page-teacher-assignment-class-report .b-r-gd {
  border-radius: 10px !important;
}

page-teacher-assignment-class-report .b-r-10 {
  border-radius: 10px !important;
}

page-teacher-assignment-class-report .b-r-5 {
  border-radius: 5px;
}

page-teacher-assignment-class-report .d-fl-ov-x {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  overflow-x: auto !important;
}

page-teacher-assignment-class-report .align-base {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-teacher-assignment-class-report .d-fl-bl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-teacher-assignment-class-report .d-fl-vhcenter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-teacher-assignment-class-report .d-fl-b2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
}

page-teacher-assignment-class-report .d-fl-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-teacher-assignment-class-report .d-fl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-teacher-assignment-class-report .d-fl-sb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-teacher-assignment-class-report .d-fl-saround {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-teacher-assignment-class-report .d-fl-ac {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-teacher-assignment-class-report .text-capital {
  text-transform: capitalize !important;
}

page-teacher-assignment-class-report .text-upper {
  text-transform: uppercase !important;
}

page-teacher-assignment-class-report .m-a {
  margin: auto !important;
}

page-teacher-assignment-class-report .m-l-a {
  margin-left: auto !important;
}

page-teacher-assignment-class-report .m-r-a {
  margin-right: auto !important;
}

page-teacher-assignment-class-report .italic {
  font-style: italic;
}

page-teacher-assignment-class-report .pointer {
  cursor: pointer;
}

page-teacher-assignment-class-report .ws-in {
  white-space: inherit;
}

page-teacher-assignment-class-report .opacity-1 {
  opacity: 1;
}

page-teacher-assignment-class-report .in-valid-checkbox {
  border: 1px solid #ff0000 !important;
  padding: 5px !important;
  margin-bottom: 10px;
  border-radius: 5px;
}

page-teacher-assignment-class-report page-corp-dashboard .mycustomdrop:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
  top: -15px;
  position: absolute;
  right: 15%;
}

page-teacher-assignment-class-report h1 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1.6875rem !important;
  line-height: 64px;
  letter-spacing: -0.4px;
}

page-teacher-assignment-class-report h2 {
  font-family: "Poppins", sans-serif;
  font-size: 24px !important;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
}

page-teacher-assignment-class-report h3,
page-teacher-assignment-class-report .h3 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 22px !important;
  line-height: 48px;
  /* identical to box height, or 200% */
  /* Neutral / dark gray */
  color: #000000;
}

page-teacher-assignment-class-report h4,
page-teacher-assignment-class-report .menu-heading-h4 {
  font-family: "Poppins", sans-serif !important;
  font-style: normal;
  font-weight: normal;
  font-size: 15px !important;
  line-height: 26px;
  /* or 144% */
  letter-spacing: -0.2px;
  color: #000000;
}

page-teacher-assignment-class-report h5 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  /* or 143% */
  color: #000000;
}

page-teacher-assignment-class-report .subtitle {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  /* or 200% */
  letter-spacing: 2.5px;
  color: #4E5761;
}

page-teacher-assignment-class-report p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 13px !important;
  line-height: 24px;
  /* identical to box height, or 171% */
  letter-spacing: -0.1px;
  /* Neutral / black */
  color: #000000;
}

page-teacher-assignment-class-report .ui-tabview.ui-tabview-top > .ui-tabview-nav {
  padding: 0.2em 0.2em 0;
  border-bottom: 1px solid #eaeaea;
}

page-teacher-assignment-class-report .scroll-content {
  padding: 0 !important;
}

page-teacher-assignment-class-report ion-navbar {
  margin: 0;
  border-radius: 0px;
  height: 50px !important;
  color: #172B4D !important;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-teacher-assignment-class-report ion-header {
  padding: 0;
}

page-teacher-assignment-class-report .header-md::after {
  background-image: none;
}

page-teacher-assignment-class-report .toolbar-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #172B4D !important;
  line-height: 24px;
  font-family: "Poppins", sans-serif;
  font-size: 2rem !important;
  font-weight: bold !important;
  text-align: left !important;
}

page-teacher-assignment-class-report .userLabel {
  float: right;
  display: inline;
  letter-spacing: 1px;
  color: #172B4D !important !important;
}

page-teacher-assignment-class-report .card-title {
  font-size: 16px !important;
  color: #000000;
  font-weight: bold !important;
  text-align: center !important;
}

page-teacher-assignment-class-report .barcolor {
  background: #5a75a3;
  color: #ffffff;
}

page-teacher-assignment-class-report p-sorticon {
  color: black;
}

page-teacher-assignment-class-report p-sorticon a {
  color: black !important;
}

page-teacher-assignment-class-report .globalTable {
  border: none;
  border: 1px solid #c1c1c1;
}

page-teacher-assignment-class-report .globalTable .ui-table-caption {
  border-bottom: 1px solid #dadada !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  font-size: 18px !important;
  background: #ecececad !important;
}

page-teacher-assignment-class-report .globalTable .table-header input {
  font-size: 15px !important;
  border-style: groove;
  width: 100% !important;
  padding-left: 10px;
  border-radius: 10px;
  border-color: #f3f3f3;
  font-weight: 500;
  line-height: 25px !important;
}

page-teacher-assignment-class-report .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-teacher-assignment-class-report .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

page-teacher-assignment-class-report .globalTable .table-header .align input {
  width: 80%;
  line-height: 25px;
}

page-teacher-assignment-class-report .globalTable .ui-table-tbody tr:nth-child(2n+1) {
  background: white;
}

page-teacher-assignment-class-report .globalTable .ui-table-tbody tr:nth-child(2n) {
  background: #f3f3f3;
}

page-teacher-assignment-class-report .globalTable .ui-table-tbody tr:hover {
  background: #c1c1c167 !important;
}

page-teacher-assignment-class-report .globalTable .ui-table-tbody .activeRow {
  background: #c4d2e5 !important;
}

page-teacher-assignment-class-report .globalTable th input {
  text-align: center !important;
  width: 90% !important;
  font-weight: 400 !important;
}

page-teacher-assignment-class-report .globalTable .ui-table .ui-sortable-column.ui-state-highlight {
  color: black !important;
}

page-teacher-assignment-class-report .globalTable .ui-table .ui-table-thead tr th {
  background: #eeeeee9e;
  border: none;
  padding: 10px 0;
  width: 100%;
  text-align: center;
}

page-teacher-assignment-class-report .globalTable .ui-table .ui-table-tbody tr td {
  border: none;
  background: inherit;
  padding: 20px 0;
  text-align: center;
}

page-teacher-assignment-class-report .globalTable .ui-table .ui-table-tbody tr {
  border-bottom: 1px solid #cacaca;
}

page-teacher-assignment-class-report .globalTable .p-column-filter {
  border-radius: 4px;
  border: 1px solid gray;
}

page-teacher-assignment-class-report .globalTable .badge-badge.status-Active {
  padding: 5px 20px;
  color: #226f4e;
  background-color: #9decbe;
  font-weight: 500;
  font-size: 12px;
}

page-teacher-assignment-class-report .globalTable .badge-badge.status-Inactive {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

page-teacher-assignment-class-report .globalTable .badge-badge.status-Suspended {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

page-teacher-assignment-class-report .globalTable .badge-badge.status-Waiting {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

page-teacher-assignment-class-report .globalTable .badge-badge.status-Pending {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

page-teacher-assignment-class-report .globalTable .actionIcon {
  padding: 0 3px;
  font-size: 16px;
  cursor: pointer;
}

page-teacher-assignment-class-report ion-icon {
  cursor: pointer;
}

page-teacher-assignment-class-report .button-md-reset {
  background-color: #ffffff;
  color: black !important;
  border: 1px solid #e3ecf7;
}

page-teacher-assignment-class-report .button-md-reset:hover {
  background-color: #ececec !important;
}

page-teacher-assignment-class-report .reset:hover {
  background-color: #ececec !important;
}

page-teacher-assignment-class-report .button-md-primary {
  background-color: #172B4D !important;
  color: #ffffff !important;
}

page-teacher-assignment-class-report ion-button {
  background-color: #172B4D !important;
  color: #ffffff;
}

page-teacher-assignment-class-report .my-custom-class .alert-button-group button:first-child {
  position: relative;
}

page-teacher-assignment-class-report .my-custom-class .alert-button-group button {
  font-weight: bold;
}

page-teacher-assignment-class-report .my-custom-class .alert-radio-group {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100% !important;
}

page-teacher-assignment-class-report .my-custom-class button {
  text-align: center;
}

page-teacher-assignment-class-report .alert-button-group button:first-child {
  position: relative !important;
  min-width: 0 !important;
}

page-teacher-assignment-class-report .alert-md .alert-wrapper {
  max-width: 320px !important;
}

page-teacher-assignment-class-report .alert-md .alert-message {
  font-size: 16px !important;
}

page-teacher-assignment-class-report .alert-button {
  font-size: 15px !important;
}

page-teacher-assignment-class-report .alert-md .alert-sub-title {
  font-size: 16px !important;
}

page-teacher-assignment-class-report .alert-md .alert-title {
  font-size: 22px !important;
}

page-teacher-assignment-class-report .breakclass {
  white-space: pre-line;
}

page-teacher-assignment-class-report .error {
  color: red;
  float: left;
}

page-teacher-assignment-class-report .topStrip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}

page-teacher-assignment-class-report .infographic1 {
  border: none;
  color: #367ad2;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-teacher-assignment-class-report .infographic1 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-teacher-assignment-class-report .infographic1 ion-icon {
  color: black;
}

page-teacher-assignment-class-report .infographic2 {
  border: none;
  color: #50d29b;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-teacher-assignment-class-report .infographic2 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-teacher-assignment-class-report .infographic2 ion-icon {
  color: black;
}

page-teacher-assignment-class-report .infographic3 {
  border: none;
  color: #ffaa00;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-teacher-assignment-class-report .infographic3 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-teacher-assignment-class-report .infographic3 ion-icon {
  color: black;
}

page-teacher-assignment-class-report .infographic4 {
  border: none;
  color: #f36363;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-teacher-assignment-class-report .infographic4 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-teacher-assignment-class-report .infographic4 ion-icon {
  color: black;
}

page-teacher-assignment-class-report .infographic5 {
  border: none;
  color: #41acbf;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-teacher-assignment-class-report .infographic5 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-teacher-assignment-class-report .infographic5 ion-icon {
  color: black;
}

page-teacher-assignment-class-report .infograph1 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #367ad2;
  font-size: 20px;
}

page-teacher-assignment-class-report .infograph2 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #51b98d;
  font-size: 20px;
}

page-teacher-assignment-class-report .infograph3 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #ffaa00;
  font-size: 20px;
}

page-teacher-assignment-class-report .infograph4 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #dc5b54;
  font-size: 20px;
}

page-teacher-assignment-class-report .infograph5 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #41acbf;
  font-size: 20px;
}

page-teacher-assignment-class-report .infographtext {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 12px;
}

page-teacher-assignment-class-report .successToast .toast-message {
  background-color: #d2f8d2 !important;
  color: black;
}

page-teacher-assignment-class-report .errorToast .toast-message {
  background-color: #eea9a0 !important;
  color: black;
}

page-teacher-assignment-class-report .actionIconsBar {
  padding-right: 20px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

page-teacher-assignment-class-report .ui-carousel .ui-carousel-header {
  display: none !important;
}

page-teacher-assignment-class-report .userfab .fab-close-active .fab-close-icon {
  height: 40px !important;
  position: relative !important;
}

page-teacher-assignment-class-report textarea.text-input {
  resize: none !important;
}

page-teacher-assignment-class-report .asterisk {
  color: red;
  padding-left: 3px;
}

page-teacher-assignment-class-report .m-b-t {
  margin-bottom: 4% !important;
}

page-teacher-assignment-class-report .ui-radiobutton-box.ui-state-active {
  border: 1px solid #09f;
  background: #09f;
  color: #09f;
}

page-teacher-assignment-class-report .alert-md .alert-message {
  overflow: auto;
}

page-teacher-assignment-class-report .alert-md .alert-message .alertstyle1 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

page-teacher-assignment-class-report .alert-md .alert-message .alertstyle1 b {
  width: 65px !important;
}

page-teacher-assignment-class-report .alert-md .alert-message .alertstyle3 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-teacher-assignment-class-report .alert-md .alert-message .alertstyle3 b {
  width: 65px !important;
}

page-teacher-assignment-class-report .alert-md .alert-message .alertstyle4 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-teacher-assignment-class-report .alert-md .alert-message .alertstyle4 b {
  width: 150px !important;
}

page-teacher-assignment-class-report .alert-md .alert-message .alertstyle5 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

page-teacher-assignment-class-report .alert-md .alert-message .alertstyle5 b {
  width: 75px !important;
}

page-teacher-assignment-class-report .alert-md .alert-message .alertstyle5 span {
  width: 5px;
}

page-teacher-assignment-class-report .alert-md .alert-message .alertstyle2 {
  text-align: left !important;
}

page-teacher-assignment-class-report .alert-md .alert-message .alertstyle2 li {
  margin-top: 10px;
}

page-teacher-assignment-class-report .ui-tooltip {
  background-color: #172B4D !important;
  color: #ffffff;
}

page-teacher-assignment-class-report .navsebexam .toolbar-content-md {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
}

page-teacher-assignment-class-report .modal-wrapper {
  height: 75%;
  top: 10%;
  position: absolute;
  display: block;
  border-radius: 10px !important;
}

page-teacher-assignment-class-report .ui-picklist-source-controls.ui-picklist-buttons {
  display: none !important;
}

page-teacher-assignment-class-report .ui-picklist-target-controls.ui-picklist-buttons {
  display: none !important;
}

page-teacher-assignment-class-report .ui-picklist-target-controls.ui-picklist-buttons.ng-star-inserted {
  display: none !important;
}

page-teacher-assignment-class-report .ellip {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

page-teacher-assignment-class-report .p-slider {
  background: #dee2e6;
  border: 0 none;
  border-radius: 3px;
}

page-teacher-assignment-class-report .Errorbox .alert-title {
  color: #d8000c;
}

page-teacher-assignment-class-report .Errorbox .alert-button {
  color: #d8000c;
}

page-teacher-assignment-class-report .card-md {
  border-radius: 5px !important;
}

page-teacher-assignment-class-report .modal {
  display: none;
  /* Hidden by default */
  position: -webkit-sticky;
  position: sticky;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 30px;
  /* Location of the box */
  left: 0;
  right: 0;
  bottom: 150px;
  width: 400px;
  height: 400px;
  margin: auto;
  border: 4px solid;
  background-color: black;
}

page-teacher-assignment-class-report .modal-content {
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
}

page-teacher-assignment-class-report .close {
  position: absolute;
  color: #f1f1f1;
  top: 0px;
  right: 10px;
  font-size: 28px;
  font-weight: bold;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

page-teacher-assignment-class-report .close:hover,
page-teacher-assignment-class-report .close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

page-teacher-assignment-class-report .customhr {
  width: 90%;
  background-color: #ccc;
}

page-teacher-assignment-class-report .mycustomtoolbar ion-segment {
  border: none;
}

page-teacher-assignment-class-report .mycustomtoolbar ion-segment-button {
  font-size: 16px !important;
  font-weight: 500 !important;
}

page-teacher-assignment-class-report .mycustomtoolbar .segment-md .segment-button.activated,
page-teacher-assignment-class-report .mycustomtoolbar .segment-md .segment-button.segment-activated {
  border-color: #172B4D !important;
  color: #172B4D !important;
}

page-teacher-assignment-class-report .mycustomtoolbar .toolbar-background {
  background: transparent;
}

page-teacher-assignment-class-report .fc {
  direction: ltr;
  text-align: left;
}

page-teacher-assignment-class-report .fc-rtl {
  text-align: right;
}

page-teacher-assignment-class-report body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}

page-teacher-assignment-class-report .fc-unthemed th,
page-teacher-assignment-class-report .fc-unthemed td,
page-teacher-assignment-class-report .fc-unthemed thead,
page-teacher-assignment-class-report .fc-unthemed tbody,
page-teacher-assignment-class-report .fc-unthemed .fc-divider,
page-teacher-assignment-class-report .fc-unthemed .fc-row,
page-teacher-assignment-class-report .fc-unthemed .fc-content,
page-teacher-assignment-class-report .fc-unthemed .fc-popover,
page-teacher-assignment-class-report .fc-unthemed .fc-list-view,
page-teacher-assignment-class-report .fc-unthemed .fc-list-heading td {
  border-color: #ddd;
}

page-teacher-assignment-class-report .fc-unthemed .fc-popover {
  background-color: #fff;
}

page-teacher-assignment-class-report .fc-unthemed .fc-divider,
page-teacher-assignment-class-report .fc-unthemed .fc-popover .fc-header,
page-teacher-assignment-class-report .fc-unthemed .fc-list-heading td {
  background: #eee;
}

page-teacher-assignment-class-report .fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}

page-teacher-assignment-class-report .fc-unthemed td.fc-today {
  background: #fcf8e3;
}

page-teacher-assignment-class-report .fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3;
}

page-teacher-assignment-class-report .fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3;
}

page-teacher-assignment-class-report .fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}

page-teacher-assignment-class-report .fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

page-teacher-assignment-class-report .fc-icon:after {
  position: relative;
}

page-teacher-assignment-class-report .fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-teacher-assignment-class-report .fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-teacher-assignment-class-report .fc-icon-left-double-arrow:after {
  content: "\000AB";
  font-size: 160%;
  top: -7%;
}

page-teacher-assignment-class-report .fc-icon-right-double-arrow:after {
  content: "\000BB";
  font-size: 160%;
  top: -7%;
}

page-teacher-assignment-class-report .fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%;
}

page-teacher-assignment-class-report .fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%;
}

page-teacher-assignment-class-report .fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%;
}

page-teacher-assignment-class-report .fc-icon-x:after {
  content: "\000D7";
  font-size: 200%;
  top: 6%;
}

page-teacher-assignment-class-report .fc button {
  /* force height to include the border and padding */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer;
}

page-teacher-assignment-class-report .fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}

page-teacher-assignment-class-report .fc-state-default {
  /* non-theme */
  border: 1px solid;
}

page-teacher-assignment-class-report .fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

page-teacher-assignment-class-report .fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

page-teacher-assignment-class-report .fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .2em;
  vertical-align: middle;
}

page-teacher-assignment-class-report .fc-state-default {
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-teacher-assignment-class-report .fc-state-hover,
page-teacher-assignment-class-report .fc-state-down,
page-teacher-assignment-class-report .fc-state-active,
page-teacher-assignment-class-report .fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}

page-teacher-assignment-class-report .fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

page-teacher-assignment-class-report .fc-state-down,
page-teacher-assignment-class-report .fc-state-active {
  background-color: #cccccc;
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-teacher-assignment-class-report .fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}

page-teacher-assignment-class-report .fc-button-group {
  display: inline-block;
}

page-teacher-assignment-class-report .fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px;
}

page-teacher-assignment-class-report .fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0;
}

page-teacher-assignment-class-report .fc-popover {
  position: absolute;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

page-teacher-assignment-class-report .fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px;
}

page-teacher-assignment-class-report .fc-popover .fc-header .fc-title {
  margin: 0 2px;
}

page-teacher-assignment-class-report .fc-popover .fc-header .fc-close {
  cursor: pointer;
}

page-teacher-assignment-class-report .fc-ltr .fc-popover .fc-header .fc-title,
page-teacher-assignment-class-report .fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}

page-teacher-assignment-class-report .fc-rtl .fc-popover .fc-header .fc-title,
page-teacher-assignment-class-report .fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}

page-teacher-assignment-class-report .fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}

page-teacher-assignment-class-report .fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: .9em;
  margin-top: 2px;
}

page-teacher-assignment-class-report .fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */
}

page-teacher-assignment-class-report .fc-divider {
  border-style: solid;
  border-width: 1px;
}

page-teacher-assignment-class-report hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}

page-teacher-assignment-class-report .fc-clear {
  clear: both;
}

page-teacher-assignment-class-report .fc-bg,
page-teacher-assignment-class-report .fc-bgevent-skeleton,
page-teacher-assignment-class-report .fc-highlight-skeleton,
page-teacher-assignment-class-report .fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-teacher-assignment-class-report .fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}

page-teacher-assignment-class-report .fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}

page-teacher-assignment-class-report .fc table {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}

page-teacher-assignment-class-report .fc th {
  text-align: center;
}

page-teacher-assignment-class-report .fc th,
page-teacher-assignment-class-report .fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}

page-teacher-assignment-class-report .fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}

page-teacher-assignment-class-report a[data-goto] {
  cursor: pointer;
}

page-teacher-assignment-class-report a[data-goto]:hover {
  text-decoration: underline;
}

page-teacher-assignment-class-report .fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}

page-teacher-assignment-class-report .fc-row table {
  /* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}

page-teacher-assignment-class-report .fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}

page-teacher-assignment-class-report .fc-row {
  position: relative;
}

page-teacher-assignment-class-report .fc-row .fc-bg {
  z-index: 1;
}

page-teacher-assignment-class-report .fc-row .fc-bgevent-skeleton,
page-teacher-assignment-class-report .fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}

page-teacher-assignment-class-report .fc-row .fc-bgevent-skeleton table,
page-teacher-assignment-class-report .fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}

page-teacher-assignment-class-report .fc-row .fc-highlight-skeleton td,
page-teacher-assignment-class-report .fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}

page-teacher-assignment-class-report .fc-row .fc-bgevent-skeleton {
  z-index: 2;
}

page-teacher-assignment-class-report .fc-row .fc-highlight-skeleton {
  z-index: 3;
}

page-teacher-assignment-class-report .fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}

page-teacher-assignment-class-report .fc-row .fc-helper-skeleton {
  z-index: 5;
}

page-teacher-assignment-class-report .fc-row .fc-content-skeleton td,
page-teacher-assignment-class-report .fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}

page-teacher-assignment-class-report .fc-row .fc-content-skeleton tbody td,
page-teacher-assignment-class-report .fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}

page-teacher-assignment-class-report .fc-scroller {
  -webkit-overflow-scrolling: touch;
}

page-teacher-assignment-class-report .fc-scroller > .fc-day-grid,
page-teacher-assignment-class-report .fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}

page-teacher-assignment-class-report .fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */
  font-weight: normal;
  /* undo jqui's ui-widget-header bold */
}

page-teacher-assignment-class-report .fc-event,
page-teacher-assignment-class-report .fc-event-dot {
  background-color: #3a87ad;
  /* default BACKGROUND color */
}

page-teacher-assignment-class-report .fc-event,
page-teacher-assignment-class-report .fc-event:hover,
page-teacher-assignment-class-report .ui-widget .fc-event {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}

page-teacher-assignment-class-report .fc-event[href],
page-teacher-assignment-class-report .fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}

page-teacher-assignment-class-report .fc-not-allowed,
page-teacher-assignment-class-report .fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}

page-teacher-assignment-class-report .fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #ffffff;
  opacity: .25;
}

page-teacher-assignment-class-report .fc-event .fc-content {
  position: relative;
  z-index: 2;
}

page-teacher-assignment-class-report .fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
}

page-teacher-assignment-class-report .fc-event .fc-resizer {
  display: none;
}

page-teacher-assignment-class-report .fc-event.fc-allow-mouse-resize .fc-resizer,
page-teacher-assignment-class-report .fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block;
}

page-teacher-assignment-class-report .fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}

page-teacher-assignment-class-report .fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

page-teacher-assignment-class-report .fc-event.fc-selected.fc-dragging {
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

page-teacher-assignment-class-report .fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}

page-teacher-assignment-class-report .fc-ltr .fc-h-event.fc-not-start,
page-teacher-assignment-class-report .fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

page-teacher-assignment-class-report .fc-ltr .fc-h-event.fc-not-end,
page-teacher-assignment-class-report .fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

page-teacher-assignment-class-report .fc-ltr .fc-h-event .fc-start-resizer,
page-teacher-assignment-class-report .fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */
}

page-teacher-assignment-class-report .fc-ltr .fc-h-event .fc-end-resizer,
page-teacher-assignment-class-report .fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */
}

page-teacher-assignment-class-report .fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */
}

page-teacher-assignment-class-report .fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* vertically center */
  top: 50%;
  margin-top: -4px;
}

page-teacher-assignment-class-report .fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
page-teacher-assignment-class-report .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */
}

page-teacher-assignment-class-report .fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
page-teacher-assignment-class-report .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */
}

page-teacher-assignment-class-report .fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}

page-teacher-assignment-class-report tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */
}

page-teacher-assignment-class-report .fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: .25;
}

page-teacher-assignment-class-report .fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}

page-teacher-assignment-class-report .fc-day-grid-event .fc-time {
  font-weight: bold;
}

page-teacher-assignment-class-report .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
page-teacher-assignment-class-report .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */
}

page-teacher-assignment-class-report .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
page-teacher-assignment-class-report .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */
}

page-teacher-assignment-class-report a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none;
}

page-teacher-assignment-class-report a.fc-more:hover {
  text-decoration: underline;
}

page-teacher-assignment-class-report .fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}

page-teacher-assignment-class-report .fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}

page-teacher-assignment-class-report .fc-more-popover {
  z-index: 2;
  width: 220px;
}

page-teacher-assignment-class-report .fc-more-popover .fc-event-container {
  padding: 10px;
}

page-teacher-assignment-class-report .fc-now-indicator {
  position: absolute;
  border: 0 solid red;
}

page-teacher-assignment-class-report .fc-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

page-teacher-assignment-class-report .fc-toolbar {
  text-align: center;
}

page-teacher-assignment-class-report .fc-toolbar.fc-header-toolbar {
  margin-bottom: 1em;
}

page-teacher-assignment-class-report .fc-toolbar.fc-footer-toolbar {
  margin-top: 1em;
}

page-teacher-assignment-class-report .fc-toolbar .fc-left {
  float: left;
}

page-teacher-assignment-class-report .fc-toolbar .fc-right {
  float: right;
}

page-teacher-assignment-class-report .fc-toolbar .fc-center {
  display: inline-block;
}

page-teacher-assignment-class-report .fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em;
}

page-teacher-assignment-class-report .fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0;
}

page-teacher-assignment-class-report .fc-toolbar h2 {
  margin: 0;
}

page-teacher-assignment-class-report .fc-toolbar button {
  position: relative;
}

page-teacher-assignment-class-report .fc-toolbar .fc-state-hover,
page-teacher-assignment-class-report .fc-toolbar .ui-state-hover {
  z-index: 2;
}

page-teacher-assignment-class-report .fc-toolbar .fc-state-down {
  z-index: 3;
}

page-teacher-assignment-class-report .fc-toolbar .fc-state-active,
page-teacher-assignment-class-report .fc-toolbar .ui-state-active {
  z-index: 4;
}

page-teacher-assignment-class-report .fc-toolbar button:focus {
  z-index: 5;
}

page-teacher-assignment-class-report .fc-view-container *,
page-teacher-assignment-class-report .fc-view-container *:before,
page-teacher-assignment-class-report .fc-view-container *:after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

page-teacher-assignment-class-report .fc-view,
page-teacher-assignment-class-report .fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}

page-teacher-assignment-class-report .fc-basicWeek-view .fc-content-skeleton,
page-teacher-assignment-class-report .fc-basicDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}

page-teacher-assignment-class-report .fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}

page-teacher-assignment-class-report .fc-row.fc-rigid {
  overflow: hidden;
}

page-teacher-assignment-class-report .fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-teacher-assignment-class-report .fc-day-top.fc-other-month {
  opacity: 0.3;
}

page-teacher-assignment-class-report .fc-basic-view .fc-week-number,
page-teacher-assignment-class-report .fc-basic-view .fc-day-number {
  padding: 2px;
}

page-teacher-assignment-class-report .fc-basic-view th.fc-week-number,
page-teacher-assignment-class-report .fc-basic-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */
}

page-teacher-assignment-class-report .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right;
}

page-teacher-assignment-class-report .fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left;
}

page-teacher-assignment-class-report .fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0;
}

page-teacher-assignment-class-report .fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px;
}

page-teacher-assignment-class-report .fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080;
}

page-teacher-assignment-class-report .fc-basic-view td.fc-week-number {
  text-align: center;
}

page-teacher-assignment-class-report .fc-basic-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}

page-teacher-assignment-class-report .fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}

page-teacher-assignment-class-report .fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}

page-teacher-assignment-class-report .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}

page-teacher-assignment-class-report .fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}

page-teacher-assignment-class-report .fc-ltr .fc-axis {
  text-align: right;
}

page-teacher-assignment-class-report .fc-rtl .fc-axis {
  text-align: left;
}

page-teacher-assignment-class-report .ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome jqui theme making it bold */
}

page-teacher-assignment-class-report .fc-time-grid-container,
page-teacher-assignment-class-report .fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}

page-teacher-assignment-class-report .fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

page-teacher-assignment-class-report .fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}

page-teacher-assignment-class-report .fc-time-grid > .fc-bg {
  z-index: 1;
}

page-teacher-assignment-class-report .fc-time-grid .fc-slats,
page-teacher-assignment-class-report .fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}

page-teacher-assignment-class-report .fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */
}

page-teacher-assignment-class-report .fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
}

page-teacher-assignment-class-report .fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1;
}

page-teacher-assignment-class-report .fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2;
}

page-teacher-assignment-class-report .fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3;
}

page-teacher-assignment-class-report .fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4;
}

page-teacher-assignment-class-report .fc-time-grid .fc-now-indicator-line {
  z-index: 5;
}

page-teacher-assignment-class-report .fc-time-grid .fc-helper-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6;
}

page-teacher-assignment-class-report .fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}

page-teacher-assignment-class-report .fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}

page-teacher-assignment-class-report .fc-time-grid .fc-slats .ui-widget-content {
  /* for jqui theme */
  background: none;
  /* see through to fc-bg */
}

page-teacher-assignment-class-report .fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}

page-teacher-assignment-class-report .fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}

page-teacher-assignment-class-report .fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}

page-teacher-assignment-class-report .fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}

page-teacher-assignment-class-report .fc-time-grid .fc-event,
page-teacher-assignment-class-report .fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}

page-teacher-assignment-class-report .fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}

page-teacher-assignment-class-report .fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

page-teacher-assignment-class-report .fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

page-teacher-assignment-class-report .fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */
}

page-teacher-assignment-class-report .fc-time-grid-event.fc-selected {
  /* need to allow touch resizers to extend outside event's bounding box */
  /* common fc-selected styles hide the fc-bg, so don't need this anyway */
  overflow: visible;
}

page-teacher-assignment-class-report .fc-time-grid-event.fc-selected .fc-bg {
  display: none;
  /* hide semi-white background, to appear darker */
}

page-teacher-assignment-class-report .fc-time-grid-event .fc-content {
  overflow: hidden;
  /* for when .fc-selected */
}

page-teacher-assignment-class-report .fc-time-grid-event .fc-time,
page-teacher-assignment-class-report .fc-time-grid-event .fc-title {
  padding: 0 1px;
}

page-teacher-assignment-class-report .fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap;
}

page-teacher-assignment-class-report .fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}

page-teacher-assignment-class-report .fc-time-grid-event.fc-short .fc-time,
page-teacher-assignment-class-report .fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}

page-teacher-assignment-class-report .fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}

page-teacher-assignment-class-report .fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}

page-teacher-assignment-class-report .fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
  /* seperate with a dash, wrapped in nbsp's */
}

page-teacher-assignment-class-report .fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}

page-teacher-assignment-class-report .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}

page-teacher-assignment-class-report .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "=";
}

page-teacher-assignment-class-report .fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px;
}

page-teacher-assignment-class-report .fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0;
}

page-teacher-assignment-class-report .fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */
}

page-teacher-assignment-class-report .fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-teacher-assignment-class-report .fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-teacher-assignment-class-report .fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}

page-teacher-assignment-class-report .fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */
}

page-teacher-assignment-class-report .fc-list-view {
  border-width: 1px;
  border-style: solid;
}

page-teacher-assignment-class-report .fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */
}

page-teacher-assignment-class-report .fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px;
}

page-teacher-assignment-class-report .fc-list-table tr:first-child td {
  border-top-width: 0;
}

page-teacher-assignment-class-report .fc-list-heading {
  border-bottom-width: 1px;
}

page-teacher-assignment-class-report .fc-list-heading td {
  font-weight: bold;
}

page-teacher-assignment-class-report .fc-ltr .fc-list-heading-main {
  float: left;
}

page-teacher-assignment-class-report .fc-ltr .fc-list-heading-alt {
  float: right;
}

page-teacher-assignment-class-report .fc-rtl .fc-list-heading-main {
  float: right;
}

page-teacher-assignment-class-report .fc-rtl .fc-list-heading-alt {
  float: left;
}

page-teacher-assignment-class-report .fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */
}

page-teacher-assignment-class-report .fc-list-item:hover td {
  background-color: #f5f5f5;
}

page-teacher-assignment-class-report .fc-list-item-marker,
page-teacher-assignment-class-report .fc-list-item-time {
  white-space: nowrap;
  width: 1px;
}

page-teacher-assignment-class-report .fc-ltr .fc-list-item-marker {
  padding-right: 0;
}

page-teacher-assignment-class-report .fc-rtl .fc-list-item-marker {
  padding-left: 0;
}

page-teacher-assignment-class-report .fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit;
}

page-teacher-assignment-class-report .fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline;
}

page-teacher-assignment-class-report .fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

page-teacher-assignment-class-report .fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table;
}

page-teacher-assignment-class-report .fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

page-teacher-assignment-class-report .fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #eee;
}

page-teacher-assignment-class-report .generateButton {
  display: block;
  margin: 0 auto;
}

page-teacher-assignment-class-report .resetButton {
  float: right;
}

page-teacher-assignment-class-report .downloadButton {
  float: left;
}

page-teacher-assignment-class-report .nodata_avail {
  font-family: "Open Sans" !important;
  text-align: center;
  line-height: 60px;
  font-size: 25px;
  color: #0099ff !important;
  margin: auto;
  border-radius: 10px;
  width: 75%;
  padding: 13px 16px;
  background: #ffffff !important;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

page-teacher-assignment-class-report .nodata_avail-title {
  color: #0099ff !important;
  border-bottom: 1px solid #0099ff !important;
  font-size: 18px !important;
  font-weight: bold;
  font-family: "Open Sans";
  cursor: pointer;
}

page-teacher-assignment-class-report .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
  background-color: #5eaac2 !important;
  color: #ffffff !important;
}

page-teacher-assignment-class-report .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active {
  color: #ffffff !important;
  background-color: #5eaac2 !important;
}

page-teacher-assignment-class-report p-table.flatTable th {
  border: none;
  border-bottom: 3px solid #f1f1f1;
  width: 130px;
}

page-teacher-assignment-class-report p-table.flatTable td {
  width: 130px;
}

page-teacher-assignment-class-report p-table.flatTable .ui-table-wrapper {
  min-height: 52.5vh !important;
}

page-teacher-assignment-class-report body .ui-table .ui-sortable-column.ui-state-highlight {
  color: #333333 !important;
}

page-teacher-assignment-class-report body .ui-table .ui-sortable-column.ui-state-highlight .ui-sortable-column-icon {
  color: #848484 !important;
}

page-teacher-class-examination-report {
  /* ANIMATION */
  /* SHADOWS */
  /*
 *
 *   MaterialWrap - Bootstrap + Material Design Admin Theme

 
*/
  /*
 * CSS Transform - Scale and Rotate
 */
  /* The Modal (background) */
  /* Modal Content (image) */
  /* The Close Button */
  /*!
 * FullCalendar v3.2.0 Stylesheet
 * Docs & License: https://fullcalendar.io/
 * (c) 2017 Adam Shaw
 */
  /* Colors
--------------------------------------------------------------------------------------------------*/
  /* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
  /*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
  /* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
  /* Firefox has an annoying inner border */
  /* icons in buttons */
  /*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
  /* Buttons Groups
--------------------------------------------------------------------------------------------------*/
  /*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
  /* Popover
--------------------------------------------------------------------------------------------------*/
  /* unthemed */
  /* jqui themed */
  /* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
  /* Tables
--------------------------------------------------------------------------------------------------*/
  /* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
  /* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
  /* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
  /* highlighting cells & background event skeleton */
  /*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
  /* Scrolling Container
--------------------------------------------------------------------------------------------------*/
  /* TODO: move to agenda/basic */
  /* Global Event Styles
--------------------------------------------------------------------------------------------------*/
  /* overpower some of bootstrap's and jqui's styles on <a> tags */
  /* resizer (cursor AND touch devices) */
  /* resizer (touch devices) */
  /* hit area */
  /* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
  /* Horizontal Events
--------------------------------------------------------------------------------------------------*/
  /* bigger touch area when selected */
  /* events that are continuing to/from another week. kill rounded corners and butt up against edge */
  /* resizer (cursor AND touch devices) */
  /* left resizer  */
  /* right resizer */
  /* resizer (mouse devices) */
  /* resizer (touch devices) */
  /* left resizer  */
  /* right resizer */
  /* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* resizer (cursor devices) */
  /* left resizer  */
  /* right resizer */
  /* Event Limiting
--------------------------------------------------------------------------------------------------*/
  /* "more" link that represents hidden events */
  /* popover that appears when "more" link is clicked */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* Utilities
--------------------------------------------------------------------------------------------------*/
  /* Toolbar
--------------------------------------------------------------------------------------------------*/
  /* the things within each left/right/center section */
  /* the first thing within each left/center/right section */
  /* title text */
  /* button layering (for border precedence) */
  /* View Structure
--------------------------------------------------------------------------------------------------*/
  /* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
  /* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
  /* BasicView
--------------------------------------------------------------------------------------------------*/
  /* day row structure */
  /* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
  /* week and day number styling */
  /* when week/day number have own column */
  /* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
  /* divs within a cell within the fc-content-skeleton */
  /* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
  /* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* short mode, where time and title are on the same line */
  /* resizer (cursor device) */
  /* resizer (touch device) */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* arrow on axis */
  /* List View
--------------------------------------------------------------------------------------------------*/
  /* possibly reusable */
  /* view wrapper */
  /* table resets */
  /* day headings with the list */
  /* event list items */
  /* make the dot closer to the event title */
  /* message when no events */
}

page-teacher-class-examination-report .letter-sp-1 {
  letter-spacing: 1px;
}

page-teacher-class-examination-report .letter-sp-2 {
  letter-spacing: 2px;
}

page-teacher-class-examination-report .letter-sp-3 {
  letter-spacing: 3px;
}

page-teacher-class-examination-report .m-0 {
  margin: 0 !important;
}

page-teacher-class-examination-report .m-5 {
  margin: 5px !important;
}

page-teacher-class-examination-report .m-10 {
  margin: 10px !important;
}

page-teacher-class-examination-report .m-15 {
  margin: 15px !important;
}

page-teacher-class-examination-report .m-20 {
  margin: 20px !important;
}

page-teacher-class-examination-report .m-30 {
  margin: 30px !important;
}

page-teacher-class-examination-report .m-50 {
  margin: 50px !important;
}

page-teacher-class-examination-report .m-b-100 {
  margin-bottom: 100px !important;
}

page-teacher-class-examination-report .m-b-15 {
  margin-bottom: 15px !important;
}

page-teacher-class-examination-report .m-b-20 {
  margin-bottom: 20px !important;
}

page-teacher-class-examination-report .m-b-0 {
  margin-bottom: 0 !important;
}

page-teacher-class-examination-report .m-l-0 {
  margin-left: 0 !important;
}

page-teacher-class-examination-report .m-l-5 {
  margin-left: 5px !important;
}

page-teacher-class-examination-report .m-l-10 {
  margin-left: 10px !important;
}

page-teacher-class-examination-report .m-l-15 {
  margin-left: 15px !important;
}

page-teacher-class-examination-report .m-l-20 {
  margin-left: 20px !important;
}

page-teacher-class-examination-report .m-l-30 {
  margin-left: 30px !important;
}

page-teacher-class-examination-report .m-l-40 {
  margin-left: 40px !important;
}

page-teacher-class-examination-report .m-l-50 {
  margin-left: 50px !important;
}

page-teacher-class-examination-report .m-l-n-1 {
  margin-left: -1px !important;
}

page-teacher-class-examination-report .m-l-n-5 {
  margin-left: -5px !important;
}

page-teacher-class-examination-report .m-l-n-10 {
  margin-left: -10px !important;
}

page-teacher-class-examination-report .m-l-n-15 {
  margin-left: -15px !important;
}

page-teacher-class-examination-report .m-l-n-20 {
  margin-left: -20px !important;
}

page-teacher-class-examination-report .m-l-n-30 {
  margin-left: -30px !important;
}

page-teacher-class-examination-report .m-l-n-40 {
  margin-left: -40px !important;
}

page-teacher-class-examination-report .m-l-n-50 {
  margin-left: -50px !important;
}

page-teacher-class-examination-report .m-t-0 {
  margin-top: 0 !important;
}

page-teacher-class-examination-report .m-t-1 {
  margin-top: 1px !important;
}

page-teacher-class-examination-report .m-t-2 {
  margin-top: 2px;
}

page-teacher-class-examination-report .m-t-2p {
  margin-top: 2% !important;
}

page-teacher-class-examination-report .m-t-5p {
  margin-top: 5% !important;
}

page-teacher-class-examination-report .m-t-25p {
  margin-top: 25% !important;
}

page-teacher-class-examination-report .m-t-30p {
  margin-top: 30% !important;
}

page-teacher-class-examination-report .m-t-4 {
  margin-top: 4px !important;
}

page-teacher-class-examination-report .m-t-5 {
  margin-top: 5px !important;
}

page-teacher-class-examination-report .m-t-5p {
  margin-top: 5% !important;
}

page-teacher-class-examination-report .m-t-10 {
  margin-top: 10px !important;
}

page-teacher-class-examination-report .m-t-15 {
  margin-top: 15px !important;
}

page-teacher-class-examination-report .m-t-20 {
  margin-top: 20px !important;
}

page-teacher-class-examination-report .m-t-30 {
  margin-top: 30px !important;
}

page-teacher-class-examination-report .m-t-40 {
  margin-top: 40px !important;
}

page-teacher-class-examination-report .m-t-50 {
  margin-top: 50px !important;
}

page-teacher-class-examination-report .m-t-75 {
  margin-top: 75px !important;
}

page-teacher-class-examination-report .m-t-100 {
  margin-top: 100px !important;
}

page-teacher-class-examination-report .m-t-120 {
  margin-top: 120px !important;
}

page-teacher-class-examination-report .m-t-140 {
  margin-top: 140px !important;
}

page-teacher-class-examination-report .m-t-n-1 {
  margin-top: -1px !important;
}

page-teacher-class-examination-report .m-t-n-5 {
  margin-top: -5px !important;
}

page-teacher-class-examination-report .m-t-n-10 {
  margin-top: -10px !important;
}

page-teacher-class-examination-report .m-t-n-15 {
  margin-top: -15px !important;
}

page-teacher-class-examination-report .m-t-n-20 {
  margin-top: -20px !important;
}

page-teacher-class-examination-report .m-t-n-30 {
  margin-top: -30px !important;
}

page-teacher-class-examination-report .m-t-n-40 {
  margin-top: -40px !important;
}

page-teacher-class-examination-report .m-t-n-50 {
  margin-top: -50px !important;
}

page-teacher-class-examination-report .m-r-0 {
  margin-right: 0 !important;
}

page-teacher-class-examination-report .m-r-1 {
  margin-right: 1px !important;
}

page-teacher-class-examination-report .m-r-5 {
  margin-right: 5px !important;
}

page-teacher-class-examination-report .m-r-10 {
  margin-right: 10px !important;
}

page-teacher-class-examination-report .m-r-15 {
  margin-right: 15px !important;
}

page-teacher-class-examination-report .m-r-20 {
  margin-right: 20px !important;
}

page-teacher-class-examination-report .m-r-30 {
  margin-right: 30px !important;
}

page-teacher-class-examination-report .m-r-40 {
  margin-right: 40px !important;
}

page-teacher-class-examination-report .m-r-50 {
  margin-right: 50px !important;
}

page-teacher-class-examination-report .m-r-n-1 {
  margin-right: -1px !important;
}

page-teacher-class-examination-report .m-r-n-5 {
  margin-right: -5px !important;
}

page-teacher-class-examination-report .m-r-n-10 {
  margin-right: -10px !important;
}

page-teacher-class-examination-report .m-r-n-15 {
  margin-right: -15px !important;
}

page-teacher-class-examination-report .m-r-n-20 {
  margin-right: -20px !important;
}

page-teacher-class-examination-report .m-r-n-30 {
  margin-right: -30px !important;
}

page-teacher-class-examination-report .m-r-n-40 {
  margin-right: -40px !important;
}

page-teacher-class-examination-report .m-r-n-50 {
  margin-right: -50px !important;
}

page-teacher-class-examination-report .m-b-0 {
  margin-bottom: 0 !important;
}

page-teacher-class-examination-report .m-b-1 {
  margin-bottom: 1px !important;
}

page-teacher-class-examination-report .m-b-4 {
  margin-bottom: 4px !important;
}

page-teacher-class-examination-report .m-b-5 {
  margin-bottom: 5px !important;
}

page-teacher-class-examination-report .m-b-10 {
  margin-bottom: 10px !important;
}

page-teacher-class-examination-report .m-b-15 {
  margin-bottom: 15px !important;
}

page-teacher-class-examination-report .m-b-20 {
  margin-bottom: 20px !important;
}

page-teacher-class-examination-report .m-b-30 {
  margin-bottom: 30px !important;
}

page-teacher-class-examination-report .m-b-40 {
  margin-bottom: 40px !important;
}

page-teacher-class-examination-report .m-b-50 {
  margin-bottom: 50px !important;
}

page-teacher-class-examination-report .m-b-n-1 {
  margin-bottom: -1px !important;
}

page-teacher-class-examination-report .m-b-n-5 {
  margin-bottom: -5px !important;
}

page-teacher-class-examination-report .m-b-n-10 {
  margin-bottom: -10px !important;
}

page-teacher-class-examination-report .m-b-n-15 {
  margin-bottom: -15px !important;
}

page-teacher-class-examination-report .m-b-n-20 {
  margin-bottom: -20px !important;
}

page-teacher-class-examination-report .m-b-n-30 {
  margin-bottom: -30px !important;
}

page-teacher-class-examination-report .m-b-n-40 {
  margin-bottom: -40px !important;
}

page-teacher-class-examination-report .m-b-n-50 {
  margin-bottom: -50px !important;
}

page-teacher-class-examination-report .p-0 {
  padding: 0 !important;
}

page-teacher-class-examination-report .p-5 {
  padding: 5px !important;
}

page-teacher-class-examination-report .p-10 {
  padding: 10px !important;
}

page-teacher-class-examination-report .p-15 {
  padding: 15px !important;
}

page-teacher-class-examination-report .p-20 {
  padding: 20px !important;
}

page-teacher-class-examination-report .p-25 {
  padding: 25px !important;
}

page-teacher-class-examination-report .p-30 {
  padding: 30px !important;
}

page-teacher-class-examination-report .p-40 {
  padding: 40px !important;
}

page-teacher-class-examination-report .p-50 {
  padding: 50px !important;
}

page-teacher-class-examination-report .p-75 {
  padding: 75px !important;
}

page-teacher-class-examination-report .p-100 {
  padding: 100px !important;
}

page-teacher-class-examination-report .p-lr {
  padding: 0px 4% 0px 4%;
}

page-teacher-class-examination-report .p-l-0 {
  padding-left: 0 !important;
}

page-teacher-class-examination-report .p-l-5 {
  padding-left: 5px !important;
}

page-teacher-class-examination-report .p-l-10 {
  padding-left: 10px !important;
}

page-teacher-class-examination-report .p-l-12 {
  padding-left: 12px !important;
}

page-teacher-class-examination-report .p-l-15 {
  padding-left: 15px !important;
}

page-teacher-class-examination-report .p-l-16 {
  padding-left: 16px !important;
}

page-teacher-class-examination-report .p-l-20 {
  padding-left: 20px !important;
}

page-teacher-class-examination-report .p-l-25 {
  padding-left: 25px !important;
}

page-teacher-class-examination-report .p-l-30 {
  padding-left: 30px !important;
}

page-teacher-class-examination-report .p-l-40 {
  padding-left: 40px !important;
}

page-teacher-class-examination-report .p-l-50 {
  padding-left: 50px !important;
}

page-teacher-class-examination-report .p-l-75 {
  padding-left: 75px !important;
}

page-teacher-class-examination-report .p-l-100 {
  padding-left: 100px !important;
}

page-teacher-class-examination-report .p-r-0 {
  padding-right: 0 !important;
}

page-teacher-class-examination-report .p-r-5 {
  padding-right: 5px !important;
}

page-teacher-class-examination-report .p-r-10 {
  padding-right: 10px !important;
}

page-teacher-class-examination-report .p-r-12 {
  padding-right: 12px !important;
}

page-teacher-class-examination-report .p-r-15 {
  padding-right: 15px !important;
}

page-teacher-class-examination-report .p-r-20 {
  padding-right: 20px !important;
}

page-teacher-class-examination-report .p-r-25 {
  padding-right: 25px !important;
}

page-teacher-class-examination-report .p-r-30 {
  padding-right: 30px !important;
}

page-teacher-class-examination-report .p-r-40 {
  padding-right: 40px !important;
}

page-teacher-class-examination-report .p-r-50 {
  padding-right: 50px !important;
}

page-teacher-class-examination-report .p-r-75 {
  padding-right: 75px !important;
}

page-teacher-class-examination-report .p-r-100 {
  padding-right: 100px !important;
}

page-teacher-class-examination-report .p-b-0 {
  padding-bottom: 0 !important;
}

page-teacher-class-examination-report .p-b-5 {
  padding-bottom: 5px !important;
}

page-teacher-class-examination-report .p-b-10 {
  padding-bottom: 10px !important;
}

page-teacher-class-examination-report .p-b-15 {
  padding-bottom: 15px !important;
}

page-teacher-class-examination-report .p-b-16 {
  padding-bottom: 16px !important;
}

page-teacher-class-examination-report .p-b-20 {
  padding-bottom: 20px !important;
}

page-teacher-class-examination-report .p-b-25 {
  padding-bottom: 25px !important;
}

page-teacher-class-examination-report .p-b-30 {
  padding-bottom: 30px !important;
}

page-teacher-class-examination-report .p-b-40 {
  padding-bottom: 40px !important;
}

page-teacher-class-examination-report .p-b-50 {
  padding-bottom: 50px !important;
}

page-teacher-class-examination-report .p-b-60 {
  padding-bottom: 60px !important;
}

page-teacher-class-examination-report .p-b-70 {
  padding-bottom: 70px !important;
}

page-teacher-class-examination-report .p-b-80 {
  padding-bottom: 80px !important;
}

page-teacher-class-examination-report .p-b-90 {
  padding-bottom: 90px !important;
}

page-teacher-class-examination-report .p-b-100 {
  padding-bottom: 100px !important;
}

page-teacher-class-examination-report .p-t-0 {
  padding-top: 0 !important;
}

page-teacher-class-examination-report .p-t-5 {
  padding-top: 5px !important;
}

page-teacher-class-examination-report .p-t-7 {
  padding-top: 7px !important;
}

page-teacher-class-examination-report .p-t-10 {
  padding-top: 10px !important;
}

page-teacher-class-examination-report .p-t-15 {
  padding-top: 15px !important;
}

page-teacher-class-examination-report .p-t-16 {
  padding-top: 16px !important;
}

page-teacher-class-examination-report .p-t-20 {
  padding-top: 20px !important;
}

page-teacher-class-examination-report .p-t-25 {
  padding-top: 25px !important;
}

page-teacher-class-examination-report .p-t-30 {
  padding-top: 30px !important;
}

page-teacher-class-examination-report .p-t-40 {
  padding-top: 40px !important;
}

page-teacher-class-examination-report .p-t-50 {
  padding-top: 50px !important;
}

page-teacher-class-examination-report .p-t-75 {
  padding-top: 75px !important;
}

page-teacher-class-examination-report .p-t-100 {
  padding-top: 100px !important;
}

page-teacher-class-examination-report .p-t-120 {
  padding-top: 120px !important;
}

page-teacher-class-examination-report .p-t-130 {
  padding-top: 130px !important;
}

page-teacher-class-examination-report .p-t-140 {
  padding-top: 140px !important;
}

page-teacher-class-examination-report .p-t-150 {
  padding-top: 150px !important;
}

page-teacher-class-examination-report .block {
  display: block !important;
}

page-teacher-class-examination-report .img-xs {
  width: 30px;
  height: 30px;
}

page-teacher-class-examination-report .img-sm {
  width: 35px;
  height: 35px;
}

page-teacher-class-examination-report .img-md {
  width: 55px;
  height: 55px;
}

page-teacher-class-examination-report .img-lg {
  width: 100px;
  height: 100px;
}

page-teacher-class-examination-report .min-w-800 {
  min-width: 800px !important;
}

page-teacher-class-examination-report .min-w-1000 {
  min-width: 1000px !important;
}

page-teacher-class-examination-report .min-w-1100 {
  min-width: 1100px !important;
}

page-teacher-class-examination-report .max-w-20 {
  max-width: 20px !important;
}

page-teacher-class-examination-report .max-w-30 {
  max-width: 30px !important;
}

page-teacher-class-examination-report .max-w-32 {
  max-width: 35px !important;
}

page-teacher-class-examination-report .max-w-35 {
  max-width: 35px !important;
}

page-teacher-class-examination-report .max-w-40 {
  max-width: 40px !important;
}

page-teacher-class-examination-report .max-w-50 {
  max-width: 50px !important;
}

page-teacher-class-examination-report .max-w-75 {
  max-width: 75px !important;
}

page-teacher-class-examination-report .max-w-100 {
  max-width: 100px !important;
}

page-teacher-class-examination-report .max-w-150 {
  max-width: 150px !important;
}

page-teacher-class-examination-report .max-w-200 {
  max-width: 200px !important;
}

page-teacher-class-examination-report .max-w-300 {
  max-width: 300px !important;
}

page-teacher-class-examination-report .max-w-400 {
  max-width: 400px !important;
}

page-teacher-class-examination-report .overflow-hidden {
  overflow: hidden;
}

page-teacher-class-examination-report .overflow-auto {
  overflow: auto;
}

page-teacher-class-examination-report .max-h-50 {
  max-height: 50px !important;
}

page-teacher-class-examination-report .max-h-80 {
  max-height: 80px !important;
}

page-teacher-class-examination-report .max-h-100 {
  max-height: 100px !important;
}

page-teacher-class-examination-report .max-h-150 {
  max-height: 150px !important;
}

page-teacher-class-examination-report .max-h-200 {
  max-height: 200px !important;
}

page-teacher-class-examination-report .max-h-250 {
  max-height: 250px !important;
}

page-teacher-class-examination-report .max-h-300 {
  max-height: 300px !important;
}

page-teacher-class-examination-report .max-h-350 {
  max-height: 300px !important;
}

page-teacher-class-examination-report .max-h-375 {
  max-height: 300px !important;
}

page-teacher-class-examination-report .max-h-400 {
  max-height: 400px !important;
}

page-teacher-class-examination-report .max-h-450 {
  max-height: 450px !important;
}

page-teacher-class-examination-report .max-h-500 {
  max-height: 500px !important;
}

page-teacher-class-examination-report .max-h-600 {
  max-height: 600px !important;
}

page-teacher-class-examination-report .max-h-650 {
  max-height: 650px !important;
}

page-teacher-class-examination-report .max-h-700 {
  max-height: 700px !important;
}

page-teacher-class-examination-report .max-h-800 {
  max-height: 800px !important;
}

page-teacher-class-examination-report .max-h-900 {
  max-height: 900px !important;
}

page-teacher-class-examination-report .max-h-1000 {
  max-height: 1000px !important;
}

page-teacher-class-examination-report .min-h-0 {
  min-height: 0 !important;
}

page-teacher-class-examination-report .min-h-50 {
  min-height: 50px !important;
}

page-teacher-class-examination-report .min-h-100 {
  min-height: 100px !important;
}

page-teacher-class-examination-report .min-h-200 {
  min-height: 200px !important;
}

page-teacher-class-examination-report .min-h-250 {
  min-height: 250px !important;
}

page-teacher-class-examination-report .min-h-300 {
  min-height: 300px !important;
}

page-teacher-class-examination-report .min-h-350 {
  min-height: 300px !important;
}

page-teacher-class-examination-report .min-h-375 {
  min-height: 300px !important;
}

page-teacher-class-examination-report .min-h-400 {
  min-height: 400px !important;
}

page-teacher-class-examination-report .min-h-450 {
  min-height: 450px !important;
}

page-teacher-class-examination-report .min-h-500 {
  min-height: 500px !important;
}

page-teacher-class-examination-report .min-h-600 {
  min-height: 600px !important;
}

page-teacher-class-examination-report .min-h-650 {
  min-height: 650px !important;
}

page-teacher-class-examination-report .min-h-700 {
  min-height: 700px !important;
}

page-teacher-class-examination-report .min-h-800 {
  min-height: 800px !important;
}

page-teacher-class-examination-report .min-h-900 {
  min-height: 900px !important;
}

page-teacher-class-examination-report .min-h-1000 {
  min-height: 1000px !important;
}

page-teacher-class-examination-report .h-5 {
  height: 5px !important;
}

page-teacher-class-examination-report .h-10 {
  height: 10px !important;
}

page-teacher-class-examination-report .h-20 {
  height: 20px !important;
}

page-teacher-class-examination-report .h-25 {
  height: 25px !important;
}

page-teacher-class-examination-report .h-50 {
  height: 50px !important;
}

page-teacher-class-examination-report .h-75 {
  height: 75px !important;
}

page-teacher-class-examination-report .h-100 {
  height: 100px !important;
}

page-teacher-class-examination-report .h-125 {
  height: 125px !important;
}

page-teacher-class-examination-report .h-150 {
  height: 150px !important;
}

page-teacher-class-examination-report .h-200 {
  height: 200px !important;
}

page-teacher-class-examination-report .h-300 {
  height: 300px !important;
}

page-teacher-class-examination-report .h-350 {
  height: 350px !important;
}

page-teacher-class-examination-report .h-400 {
  height: 400px !important;
}

page-teacher-class-examination-report .h-450 {
  height: 450px !important;
}

page-teacher-class-examination-report .h-500 {
  height: 500px !important;
}

page-teacher-class-examination-report .h-600 {
  height: 600px !important;
}

page-teacher-class-examination-report .h-650 {
  height: 650px !important;
}

page-teacher-class-examination-report .h-700 {
  height: 700px !important;
}

page-teacher-class-examination-report .h-800 {
  height: 800px !important;
}

page-teacher-class-examination-report .h-900 {
  height: 900px !important;
}

page-teacher-class-examination-report .h-1000 {
  height: 1000px !important;
}

page-teacher-class-examination-report .w-5 {
  width: 5px !important;
}

page-teacher-class-examination-report .w-10 {
  width: 10px !important;
}

page-teacher-class-examination-report .w-15 {
  width: 15px !important;
}

page-teacher-class-examination-report .w-20 {
  width: 20px !important;
}

page-teacher-class-examination-report .w-30 {
  width: 30px !important;
}

page-teacher-class-examination-report .w-40 {
  width: 40px !important;
}

page-teacher-class-examination-report .w-50 {
  width: 50px !important;
}

page-teacher-class-examination-report .w-60 {
  width: 60px !important;
}

page-teacher-class-examination-report .w-80 {
  width: 80px !important;
}

page-teacher-class-examination-report .w-100 {
  width: 100px !important;
}

page-teacher-class-examination-report .w-150 {
  width: 150px !important;
}

page-teacher-class-examination-report .w-190 {
  width: 190px !important;
}

page-teacher-class-examination-report .w-200 {
  width: 200px !important;
}

page-teacher-class-examination-report .w-250 {
  width: 250px !important;
}

page-teacher-class-examination-report .w-300 {
  width: 300px !important;
}

page-teacher-class-examination-report .w-600 {
  width: 600px !important;
}

page-teacher-class-examination-report .w-100p {
  width: 100% !important;
}

page-teacher-class-examination-report .w-95p {
  width: 95% !important;
}

page-teacher-class-examination-report .w-90p {
  width: 90% !important;
}

page-teacher-class-examination-report .w-80p {
  width: 80% !important;
}

page-teacher-class-examination-report .w-70p {
  width: 70% !important;
}

page-teacher-class-examination-report .w-60p {
  width: 60% !important;
}

page-teacher-class-examination-report .w-50p {
  width: 50% !important;
}

page-teacher-class-examination-report .w-45p {
  width: 45% !important;
}

page-teacher-class-examination-report .w-40p {
  width: 40% !important;
}

page-teacher-class-examination-report .w-30p {
  width: 30% !important;
}

page-teacher-class-examination-report .w-25p {
  width: 25% !important;
}

page-teacher-class-examination-report .w-20p {
  width: 20% !important;
}

page-teacher-class-examination-report .w-15p {
  width: 15% !important;
}

page-teacher-class-examination-report .w-10p {
  width: 10% !important;
}

page-teacher-class-examination-report .w-8p {
  width: 8% !important;
}

page-teacher-class-examination-report .w-5p {
  width: 5% !important;
}

page-teacher-class-examination-report .w-3p {
  width: 3% !important;
}

page-teacher-class-examination-report .w-95p {
  width: 95% !important;
}

page-teacher-class-examination-report .h-100p {
  height: 100% !important;
}

page-teacher-class-examination-report .h-80p {
  height: 80% !important;
}

page-teacher-class-examination-report .absolute {
  position: absolute !important;
}

page-teacher-class-examination-report .relative {
  position: relative !important;
}

page-teacher-class-examination-report .block {
  display: block !important;
}

page-teacher-class-examination-report .inline-block {
  display: inline-block !important;
}

page-teacher-class-examination-report .list-block li {
  display: block !important;
}

page-teacher-class-examination-report .list-inline li {
  display: inline !important;
}

page-teacher-class-examination-report .clear-both {
  clear: both !important;
}

page-teacher-class-examination-report .line-height-normal {
  line-height: normal !important;
}

page-teacher-class-examination-report .line-height-8 {
  line-height: 8px !important;
}

page-teacher-class-examination-report .line-height-14 {
  line-height: 14px !important;
}

page-teacher-class-examination-report .line-height-12 {
  line-height: normal !important;
}

page-teacher-class-examination-report ul.style-none {
  margin: 0;
  padding: 0;
  list-style: none;
}

page-teacher-class-examination-report ul.style-none li {
  font-size: 0.875rem;
  padding: 3px 0;
}

page-teacher-class-examination-report ul.style-none li ul {
  list-style: none;
}

page-teacher-class-examination-report ul.vertical-icon-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

page-teacher-class-examination-report ul.vertical-icon-list li {
  font-size: 0.875rem;
  padding: 6px 0;
}

page-teacher-class-examination-report ul.vertical-icon-list li i {
  font-size: 1.25rem;
  padding-right: 15px;
  vertical-align: middle;
}

page-teacher-class-examination-report .bg-white {
  background: #ffffff !important;
}

page-teacher-class-examination-report .bg-green {
  background: #28bebd !important;
}

page-teacher-class-examination-report .bg-blue {
  background: #42a5f5 !important;
}

page-teacher-class-examination-report .bg-lightBlue {
  background: #2ebaee !important;
}

page-teacher-class-examination-report .bg-red {
  background: #ef5350 !important;
}

page-teacher-class-examination-report .bg-yellow {
  background: #f8c200 !important;
}

page-teacher-class-examination-report .bg-paleYellow {
  background: #fddd7e !important;
}

page-teacher-class-examination-report .bg-lightGray {
  background: #e3ecf7 !important;
}

page-teacher-class-examination-report .bg-gray {
  background: #8f9eb5 !important;
}

page-teacher-class-examination-report .bg-drakGray {
  background: #707c94 !important;
}

page-teacher-class-examination-report .bg-grayBlue {
  background: #59779b !important;
}

page-teacher-class-examination-report .bg-purple {
  background: #6b79c4 !important;
}

page-teacher-class-examination-report .bg-turquoise {
  background: #00c5dc !important;
}

page-teacher-class-examination-report .bg-peach {
  background: #feb38d !important;
}

page-teacher-class-examination-report .bg-transparent {
  background: transparent !important;
}

page-teacher-class-examination-report .text-primary {
  color: #172B4D !important;
}

page-teacher-class-examination-report .text-link {
  color: #0645ad !important;
}

page-teacher-class-examination-report .text-green {
  color: #28bebd !important;
}

page-teacher-class-examination-report .text-turquoise {
  color: #00c5dc !important;
}

page-teacher-class-examination-report .text-red {
  color: #ef5350 !important;
}

page-teacher-class-examination-report .text-cyan {
  color: #26c6da !important;
}

page-teacher-class-examination-report .text-yellow {
  color: #f8c200 !important;
}

page-teacher-class-examination-report .text-gray {
  color: #8f9eb5 !important;
}

page-teacher-class-examination-report .text-blue {
  color: #42a5f5 !important;
}

page-teacher-class-examination-report .text-orange {
  color: #ffb74d !important;
}

page-teacher-class-examination-report .text-purple {
  color: #6b79c4 !important;
}

page-teacher-class-examination-report .text-white {
  color: #fff !important;
}

page-teacher-class-examination-report .text-brown {
  color: #906b6b !important;
}

page-teacher-class-examination-report .text-salmon {
  color: #ee6e73 !important;
}

page-teacher-class-examination-report .text-muted {
  color: #8396b0;
}

page-teacher-class-examination-report .color-black {
  color: #000 !important;
}

page-teacher-class-examination-report .color-white {
  color: #fff !important;
}

page-teacher-class-examination-report .bg-white {
  background-color: #fff !important;
}

page-teacher-class-examination-report .transparent {
  background: transparent !important;
}

page-teacher-class-examination-report .bg-primary {
  background-color: #172B4D !important;
}

page-teacher-class-examination-report .border-bottom,
page-teacher-class-examination-report .border-grey-bottom-1px {
  border-bottom: 1px solid rgba(215, 225, 237, 0.8) !important;
}

page-teacher-class-examination-report .border-grey-top-1px,
page-teacher-class-examination-report .border-top {
  border-top: 1px solid rgba(215, 225, 237, 0.6) !important;
}

page-teacher-class-examination-report .border-bottom-black-2px {
  border-bottom: 2px solid black;
}

page-teacher-class-examination-report .border-top0p {
  border-top: 0px !important;
}

page-teacher-class-examination-report .b-n {
  border: none !important;
}

page-teacher-class-examination-report .b-b-1 {
  border: 1px solid black;
}

page-teacher-class-examination-report .b-lg-1 {
  border: 1px solid lightgrey;
}

page-teacher-class-examination-report .shadow-none {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

page-teacher-class-examination-report .shadow-z-0 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-teacher-class-examination-report .shadow-z-1 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-teacher-class-examination-report .shadow-z-1:hover {
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

page-teacher-class-examination-report .shadow-z-2 {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

page-teacher-class-examination-report .shadow-z-3 {
  -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

page-teacher-class-examination-report .shadow-z-4 {
  -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}

page-teacher-class-examination-report .shadow-z-5 {
  -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}

page-teacher-class-examination-report .big-shadow {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
}

page-teacher-class-examination-report .shadow-2dp {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

page-teacher-class-examination-report .shadow-3dp {
  -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}

page-teacher-class-examination-report .shadow-4dp {
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}

page-teacher-class-examination-report .shadow-6dp {
  -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}

page-teacher-class-examination-report .shadow-8dp {
  -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}

page-teacher-class-examination-report .shadow-16dp {
  -webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

page-teacher-class-examination-report .shadow-24dp {
  -webkit-box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
}

page-teacher-class-examination-report .font-weight-100 {
  font-weight: 100 !important;
}

page-teacher-class-examination-report .font-weight-200 {
  font-weight: 200 !important;
}

page-teacher-class-examination-report .font-weight-300 {
  font-weight: 300 !important;
}

page-teacher-class-examination-report .font-weight-400 {
  font-weight: 400 !important;
}

page-teacher-class-examination-report .font-weight-500 {
  font-weight: 500 !important;
}

page-teacher-class-examination-report .font-weight-600 {
  font-weight: 600 !important;
}

page-teacher-class-examination-report .font-weight-700 {
  font-weight: 700 !important;
}

page-teacher-class-examination-report .font-weight-800 {
  font-weight: 800 !important;
}

page-teacher-class-examination-report .font-weight-900 {
  font-weight: 900 !important;
}

page-teacher-class-examination-report .font-weight-light {
  font-weight: 100 !important;
}

page-teacher-class-examination-report .font-weight-normal {
  font-weight: 300 !important;
}

page-teacher-class-examination-report .font-weight-medium {
  font-weight: 400 !important;
}

page-teacher-class-examination-report .font-weight-bold {
  font-weight: 500 !important;
}

page-teacher-class-examination-report .bold {
  font-weight: bold !important;
}

page-teacher-class-examination-report .font-size-0 {
  font-size: 0 !important;
}

page-teacher-class-examination-report .font-size-10 {
  font-size: 10px !important;
}

page-teacher-class-examination-report .font-size-11 {
  font-size: 11px !important;
}

page-teacher-class-examination-report .font-size-12 {
  font-size: 12px !important;
}

page-teacher-class-examination-report .font-size-14 {
  font-size: 14px !important;
}

page-teacher-class-examination-report .font-size-16 {
  font-size: 16px !important;
}

page-teacher-class-examination-report .font-size-18 {
  font-size: 18px !important;
}

page-teacher-class-examination-report .font-size-20 {
  font-size: 20px !important;
}

page-teacher-class-examination-report .font-size-24 {
  font-size: 24px !important;
}

page-teacher-class-examination-report .font-size-26 {
  font-size: 26px !important;
}

page-teacher-class-examination-report .font-size-30 {
  font-size: 30px !important;
}

page-teacher-class-examination-report .font-size-35 {
  font-size: 35px !important;
}

page-teacher-class-examination-report .font-size-38 {
  font-size: 38px !important;
}

page-teacher-class-examination-report .font-size-40 {
  font-size: 40px !important;
}

page-teacher-class-examination-report .font-size-50 {
  font-size: 50px !important;
}

page-teacher-class-examination-report .font-size-60 {
  font-size: 60px !important;
}

page-teacher-class-examination-report .font-size-70 {
  font-size: 70px !important;
}

page-teacher-class-examination-report .font-size-80 {
  font-size: 80px !important;
}

page-teacher-class-examination-report .hidden {
  display: none !important;
}

page-teacher-class-examination-report .w-100p {
  width: 100% !important;
}

page-teacher-class-examination-report .float-r {
  float: right !important;
}

page-teacher-class-examination-report .float-l {
  float: left !important;
}

page-teacher-class-examination-report .align-c {
  display: block;
  margin: 0 auto;
}

page-teacher-class-examination-report .align-b {
  display: block;
}

page-teacher-class-examination-report .text-center {
  text-align: center !important;
}

page-teacher-class-examination-report .text-left {
  text-align: left !important;
}

page-teacher-class-examination-report .text-right {
  text-align: right !important;
}

page-teacher-class-examination-report .align-v-c {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-teacher-class-examination-report .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-teacher-class-examination-report .align-v-c1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-teacher-class-examination-report .align-v-c2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-teacher-class-examination-report .align-v-c3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-teacher-class-examination-report .align-v-c4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-teacher-class-examination-report .align-flex-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-teacher-class-examination-report .align-right-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

page-teacher-class-examination-report .align-start-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media (max-width: 576px) {
  page-teacher-class-examination-report .d-xs-none {
    display: none !important;
  }
  page-teacher-class-examination-report .d-xs-inline {
    display: inline !important;
  }
  page-teacher-class-examination-report .d-xs-inline-block {
    display: inline-block !important;
  }
  page-teacher-class-examination-report .d-xs-block {
    display: block !important;
  }
  page-teacher-class-examination-report .d-xs-table {
    display: table !important;
  }
  page-teacher-class-examination-report .d-xs-table-cell {
    display: table-cell !important;
  }
  page-teacher-class-examination-report .d-xs-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
  }
  page-teacher-class-examination-report .d-xs-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important;
  }
}

page-teacher-class-examination-report .b-r-gd {
  border-radius: 10px !important;
}

page-teacher-class-examination-report .b-r-10 {
  border-radius: 10px !important;
}

page-teacher-class-examination-report .b-r-5 {
  border-radius: 5px;
}

page-teacher-class-examination-report .d-fl-ov-x {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  overflow-x: auto !important;
}

page-teacher-class-examination-report .align-base {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-teacher-class-examination-report .d-fl-bl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-teacher-class-examination-report .d-fl-vhcenter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-teacher-class-examination-report .d-fl-b2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
}

page-teacher-class-examination-report .d-fl-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-teacher-class-examination-report .d-fl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-teacher-class-examination-report .d-fl-sb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-teacher-class-examination-report .d-fl-saround {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-teacher-class-examination-report .d-fl-ac {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-teacher-class-examination-report .text-capital {
  text-transform: capitalize !important;
}

page-teacher-class-examination-report .text-upper {
  text-transform: uppercase !important;
}

page-teacher-class-examination-report .m-a {
  margin: auto !important;
}

page-teacher-class-examination-report .m-l-a {
  margin-left: auto !important;
}

page-teacher-class-examination-report .m-r-a {
  margin-right: auto !important;
}

page-teacher-class-examination-report .italic {
  font-style: italic;
}

page-teacher-class-examination-report .pointer {
  cursor: pointer;
}

page-teacher-class-examination-report .ws-in {
  white-space: inherit;
}

page-teacher-class-examination-report .opacity-1 {
  opacity: 1;
}

page-teacher-class-examination-report .in-valid-checkbox {
  border: 1px solid #ff0000 !important;
  padding: 5px !important;
  margin-bottom: 10px;
  border-radius: 5px;
}

page-teacher-class-examination-report page-corp-dashboard .mycustomdrop:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
  top: -15px;
  position: absolute;
  right: 15%;
}

page-teacher-class-examination-report h1 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1.6875rem !important;
  line-height: 64px;
  letter-spacing: -0.4px;
}

page-teacher-class-examination-report h2 {
  font-family: "Poppins", sans-serif;
  font-size: 24px !important;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
}

page-teacher-class-examination-report h3,
page-teacher-class-examination-report .h3 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 22px !important;
  line-height: 48px;
  /* identical to box height, or 200% */
  /* Neutral / dark gray */
  color: #000000;
}

page-teacher-class-examination-report h4,
page-teacher-class-examination-report .menu-heading-h4 {
  font-family: "Poppins", sans-serif !important;
  font-style: normal;
  font-weight: normal;
  font-size: 15px !important;
  line-height: 26px;
  /* or 144% */
  letter-spacing: -0.2px;
  color: #000000;
}

page-teacher-class-examination-report h5 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  /* or 143% */
  color: #000000;
}

page-teacher-class-examination-report .subtitle {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  /* or 200% */
  letter-spacing: 2.5px;
  color: #4E5761;
}

page-teacher-class-examination-report p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 13px !important;
  line-height: 24px;
  /* identical to box height, or 171% */
  letter-spacing: -0.1px;
  /* Neutral / black */
  color: #000000;
}

page-teacher-class-examination-report .ui-tabview.ui-tabview-top > .ui-tabview-nav {
  padding: 0.2em 0.2em 0;
  border-bottom: 1px solid #eaeaea;
}

page-teacher-class-examination-report .scroll-content {
  padding: 0 !important;
}

page-teacher-class-examination-report ion-navbar {
  margin: 0;
  border-radius: 0px;
  height: 50px !important;
  color: #172B4D !important;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-teacher-class-examination-report ion-header {
  padding: 0;
}

page-teacher-class-examination-report .header-md::after {
  background-image: none;
}

page-teacher-class-examination-report .toolbar-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #172B4D !important;
  line-height: 24px;
  font-family: "Poppins", sans-serif;
  font-size: 2rem !important;
  font-weight: bold !important;
  text-align: left !important;
}

page-teacher-class-examination-report .userLabel {
  float: right;
  display: inline;
  letter-spacing: 1px;
  color: #172B4D !important !important;
}

page-teacher-class-examination-report .card-title {
  font-size: 16px !important;
  color: #000000;
  font-weight: bold !important;
  text-align: center !important;
}

page-teacher-class-examination-report .barcolor {
  background: #5a75a3;
  color: #ffffff;
}

page-teacher-class-examination-report p-sorticon {
  color: black;
}

page-teacher-class-examination-report p-sorticon a {
  color: black !important;
}

page-teacher-class-examination-report .globalTable {
  border: none;
  border: 1px solid #c1c1c1;
}

page-teacher-class-examination-report .globalTable .ui-table-caption {
  border-bottom: 1px solid #dadada !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  font-size: 18px !important;
  background: #ecececad !important;
}

page-teacher-class-examination-report .globalTable .table-header input {
  font-size: 15px !important;
  border-style: groove;
  width: 100% !important;
  padding-left: 10px;
  border-radius: 10px;
  border-color: #f3f3f3;
  font-weight: 500;
  line-height: 25px !important;
}

page-teacher-class-examination-report .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-teacher-class-examination-report .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

page-teacher-class-examination-report .globalTable .table-header .align input {
  width: 80%;
  line-height: 25px;
}

page-teacher-class-examination-report .globalTable .ui-table-tbody tr:nth-child(2n+1) {
  background: white;
}

page-teacher-class-examination-report .globalTable .ui-table-tbody tr:nth-child(2n) {
  background: #f3f3f3;
}

page-teacher-class-examination-report .globalTable .ui-table-tbody tr:hover {
  background: #c1c1c167 !important;
}

page-teacher-class-examination-report .globalTable .ui-table-tbody .activeRow {
  background: #c4d2e5 !important;
}

page-teacher-class-examination-report .globalTable th input {
  text-align: center !important;
  width: 90% !important;
  font-weight: 400 !important;
}

page-teacher-class-examination-report .globalTable .ui-table .ui-sortable-column.ui-state-highlight {
  color: black !important;
}

page-teacher-class-examination-report .globalTable .ui-table .ui-table-thead tr th {
  background: #eeeeee9e;
  border: none;
  padding: 10px 0;
  width: 100%;
  text-align: center;
}

page-teacher-class-examination-report .globalTable .ui-table .ui-table-tbody tr td {
  border: none;
  background: inherit;
  padding: 20px 0;
  text-align: center;
}

page-teacher-class-examination-report .globalTable .ui-table .ui-table-tbody tr {
  border-bottom: 1px solid #cacaca;
}

page-teacher-class-examination-report .globalTable .p-column-filter {
  border-radius: 4px;
  border: 1px solid gray;
}

page-teacher-class-examination-report .globalTable .badge-badge.status-Active {
  padding: 5px 20px;
  color: #226f4e;
  background-color: #9decbe;
  font-weight: 500;
  font-size: 12px;
}

page-teacher-class-examination-report .globalTable .badge-badge.status-Inactive {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

page-teacher-class-examination-report .globalTable .badge-badge.status-Suspended {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

page-teacher-class-examination-report .globalTable .badge-badge.status-Waiting {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

page-teacher-class-examination-report .globalTable .badge-badge.status-Pending {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

page-teacher-class-examination-report .globalTable .actionIcon {
  padding: 0 3px;
  font-size: 16px;
  cursor: pointer;
}

page-teacher-class-examination-report ion-icon {
  cursor: pointer;
}

page-teacher-class-examination-report .button-md-reset {
  background-color: #ffffff;
  color: black !important;
  border: 1px solid #e3ecf7;
}

page-teacher-class-examination-report .button-md-reset:hover {
  background-color: #ececec !important;
}

page-teacher-class-examination-report .reset:hover {
  background-color: #ececec !important;
}

page-teacher-class-examination-report .button-md-primary {
  background-color: #172B4D !important;
  color: #ffffff !important;
}

page-teacher-class-examination-report ion-button {
  background-color: #172B4D !important;
  color: #ffffff;
}

page-teacher-class-examination-report .my-custom-class .alert-button-group button:first-child {
  position: relative;
}

page-teacher-class-examination-report .my-custom-class .alert-button-group button {
  font-weight: bold;
}

page-teacher-class-examination-report .my-custom-class .alert-radio-group {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100% !important;
}

page-teacher-class-examination-report .my-custom-class button {
  text-align: center;
}

page-teacher-class-examination-report .alert-button-group button:first-child {
  position: relative !important;
  min-width: 0 !important;
}

page-teacher-class-examination-report .alert-md .alert-wrapper {
  max-width: 320px !important;
}

page-teacher-class-examination-report .alert-md .alert-message {
  font-size: 16px !important;
}

page-teacher-class-examination-report .alert-button {
  font-size: 15px !important;
}

page-teacher-class-examination-report .alert-md .alert-sub-title {
  font-size: 16px !important;
}

page-teacher-class-examination-report .alert-md .alert-title {
  font-size: 22px !important;
}

page-teacher-class-examination-report .breakclass {
  white-space: pre-line;
}

page-teacher-class-examination-report .error {
  color: red;
  float: left;
}

page-teacher-class-examination-report .topStrip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}

page-teacher-class-examination-report .infographic1 {
  border: none;
  color: #367ad2;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-teacher-class-examination-report .infographic1 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-teacher-class-examination-report .infographic1 ion-icon {
  color: black;
}

page-teacher-class-examination-report .infographic2 {
  border: none;
  color: #50d29b;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-teacher-class-examination-report .infographic2 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-teacher-class-examination-report .infographic2 ion-icon {
  color: black;
}

page-teacher-class-examination-report .infographic3 {
  border: none;
  color: #ffaa00;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-teacher-class-examination-report .infographic3 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-teacher-class-examination-report .infographic3 ion-icon {
  color: black;
}

page-teacher-class-examination-report .infographic4 {
  border: none;
  color: #f36363;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-teacher-class-examination-report .infographic4 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-teacher-class-examination-report .infographic4 ion-icon {
  color: black;
}

page-teacher-class-examination-report .infographic5 {
  border: none;
  color: #41acbf;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-teacher-class-examination-report .infographic5 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-teacher-class-examination-report .infographic5 ion-icon {
  color: black;
}

page-teacher-class-examination-report .infograph1 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #367ad2;
  font-size: 20px;
}

page-teacher-class-examination-report .infograph2 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #51b98d;
  font-size: 20px;
}

page-teacher-class-examination-report .infograph3 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #ffaa00;
  font-size: 20px;
}

page-teacher-class-examination-report .infograph4 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #dc5b54;
  font-size: 20px;
}

page-teacher-class-examination-report .infograph5 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #41acbf;
  font-size: 20px;
}

page-teacher-class-examination-report .infographtext {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 12px;
}

page-teacher-class-examination-report .successToast .toast-message {
  background-color: #d2f8d2 !important;
  color: black;
}

page-teacher-class-examination-report .errorToast .toast-message {
  background-color: #eea9a0 !important;
  color: black;
}

page-teacher-class-examination-report .actionIconsBar {
  padding-right: 20px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

page-teacher-class-examination-report .ui-carousel .ui-carousel-header {
  display: none !important;
}

page-teacher-class-examination-report .userfab .fab-close-active .fab-close-icon {
  height: 40px !important;
  position: relative !important;
}

page-teacher-class-examination-report textarea.text-input {
  resize: none !important;
}

page-teacher-class-examination-report .asterisk {
  color: red;
  padding-left: 3px;
}

page-teacher-class-examination-report .m-b-t {
  margin-bottom: 4% !important;
}

page-teacher-class-examination-report .ui-radiobutton-box.ui-state-active {
  border: 1px solid #09f;
  background: #09f;
  color: #09f;
}

page-teacher-class-examination-report .alert-md .alert-message {
  overflow: auto;
}

page-teacher-class-examination-report .alert-md .alert-message .alertstyle1 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

page-teacher-class-examination-report .alert-md .alert-message .alertstyle1 b {
  width: 65px !important;
}

page-teacher-class-examination-report .alert-md .alert-message .alertstyle3 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-teacher-class-examination-report .alert-md .alert-message .alertstyle3 b {
  width: 65px !important;
}

page-teacher-class-examination-report .alert-md .alert-message .alertstyle4 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-teacher-class-examination-report .alert-md .alert-message .alertstyle4 b {
  width: 150px !important;
}

page-teacher-class-examination-report .alert-md .alert-message .alertstyle5 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

page-teacher-class-examination-report .alert-md .alert-message .alertstyle5 b {
  width: 75px !important;
}

page-teacher-class-examination-report .alert-md .alert-message .alertstyle5 span {
  width: 5px;
}

page-teacher-class-examination-report .alert-md .alert-message .alertstyle2 {
  text-align: left !important;
}

page-teacher-class-examination-report .alert-md .alert-message .alertstyle2 li {
  margin-top: 10px;
}

page-teacher-class-examination-report .ui-tooltip {
  background-color: #172B4D !important;
  color: #ffffff;
}

page-teacher-class-examination-report .navsebexam .toolbar-content-md {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
}

page-teacher-class-examination-report .modal-wrapper {
  height: 75%;
  top: 10%;
  position: absolute;
  display: block;
  border-radius: 10px !important;
}

page-teacher-class-examination-report .ui-picklist-source-controls.ui-picklist-buttons {
  display: none !important;
}

page-teacher-class-examination-report .ui-picklist-target-controls.ui-picklist-buttons {
  display: none !important;
}

page-teacher-class-examination-report .ui-picklist-target-controls.ui-picklist-buttons.ng-star-inserted {
  display: none !important;
}

page-teacher-class-examination-report .ellip {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

page-teacher-class-examination-report .p-slider {
  background: #dee2e6;
  border: 0 none;
  border-radius: 3px;
}

page-teacher-class-examination-report .Errorbox .alert-title {
  color: #d8000c;
}

page-teacher-class-examination-report .Errorbox .alert-button {
  color: #d8000c;
}

page-teacher-class-examination-report .card-md {
  border-radius: 5px !important;
}

page-teacher-class-examination-report .modal {
  display: none;
  /* Hidden by default */
  position: -webkit-sticky;
  position: sticky;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 30px;
  /* Location of the box */
  left: 0;
  right: 0;
  bottom: 150px;
  width: 400px;
  height: 400px;
  margin: auto;
  border: 4px solid;
  background-color: black;
}

page-teacher-class-examination-report .modal-content {
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
}

page-teacher-class-examination-report .close {
  position: absolute;
  color: #f1f1f1;
  top: 0px;
  right: 10px;
  font-size: 28px;
  font-weight: bold;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

page-teacher-class-examination-report .close:hover,
page-teacher-class-examination-report .close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

page-teacher-class-examination-report .customhr {
  width: 90%;
  background-color: #ccc;
}

page-teacher-class-examination-report .mycustomtoolbar ion-segment {
  border: none;
}

page-teacher-class-examination-report .mycustomtoolbar ion-segment-button {
  font-size: 16px !important;
  font-weight: 500 !important;
}

page-teacher-class-examination-report .mycustomtoolbar .segment-md .segment-button.activated,
page-teacher-class-examination-report .mycustomtoolbar .segment-md .segment-button.segment-activated {
  border-color: #172B4D !important;
  color: #172B4D !important;
}

page-teacher-class-examination-report .mycustomtoolbar .toolbar-background {
  background: transparent;
}

page-teacher-class-examination-report .fc {
  direction: ltr;
  text-align: left;
}

page-teacher-class-examination-report .fc-rtl {
  text-align: right;
}

page-teacher-class-examination-report body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}

page-teacher-class-examination-report .fc-unthemed th,
page-teacher-class-examination-report .fc-unthemed td,
page-teacher-class-examination-report .fc-unthemed thead,
page-teacher-class-examination-report .fc-unthemed tbody,
page-teacher-class-examination-report .fc-unthemed .fc-divider,
page-teacher-class-examination-report .fc-unthemed .fc-row,
page-teacher-class-examination-report .fc-unthemed .fc-content,
page-teacher-class-examination-report .fc-unthemed .fc-popover,
page-teacher-class-examination-report .fc-unthemed .fc-list-view,
page-teacher-class-examination-report .fc-unthemed .fc-list-heading td {
  border-color: #ddd;
}

page-teacher-class-examination-report .fc-unthemed .fc-popover {
  background-color: #fff;
}

page-teacher-class-examination-report .fc-unthemed .fc-divider,
page-teacher-class-examination-report .fc-unthemed .fc-popover .fc-header,
page-teacher-class-examination-report .fc-unthemed .fc-list-heading td {
  background: #eee;
}

page-teacher-class-examination-report .fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}

page-teacher-class-examination-report .fc-unthemed td.fc-today {
  background: #fcf8e3;
}

page-teacher-class-examination-report .fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3;
}

page-teacher-class-examination-report .fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3;
}

page-teacher-class-examination-report .fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}

page-teacher-class-examination-report .fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

page-teacher-class-examination-report .fc-icon:after {
  position: relative;
}

page-teacher-class-examination-report .fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-teacher-class-examination-report .fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-teacher-class-examination-report .fc-icon-left-double-arrow:after {
  content: "\000AB";
  font-size: 160%;
  top: -7%;
}

page-teacher-class-examination-report .fc-icon-right-double-arrow:after {
  content: "\000BB";
  font-size: 160%;
  top: -7%;
}

page-teacher-class-examination-report .fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%;
}

page-teacher-class-examination-report .fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%;
}

page-teacher-class-examination-report .fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%;
}

page-teacher-class-examination-report .fc-icon-x:after {
  content: "\000D7";
  font-size: 200%;
  top: 6%;
}

page-teacher-class-examination-report .fc button {
  /* force height to include the border and padding */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer;
}

page-teacher-class-examination-report .fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}

page-teacher-class-examination-report .fc-state-default {
  /* non-theme */
  border: 1px solid;
}

page-teacher-class-examination-report .fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

page-teacher-class-examination-report .fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

page-teacher-class-examination-report .fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .2em;
  vertical-align: middle;
}

page-teacher-class-examination-report .fc-state-default {
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-teacher-class-examination-report .fc-state-hover,
page-teacher-class-examination-report .fc-state-down,
page-teacher-class-examination-report .fc-state-active,
page-teacher-class-examination-report .fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}

page-teacher-class-examination-report .fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

page-teacher-class-examination-report .fc-state-down,
page-teacher-class-examination-report .fc-state-active {
  background-color: #cccccc;
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-teacher-class-examination-report .fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}

page-teacher-class-examination-report .fc-button-group {
  display: inline-block;
}

page-teacher-class-examination-report .fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px;
}

page-teacher-class-examination-report .fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0;
}

page-teacher-class-examination-report .fc-popover {
  position: absolute;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

page-teacher-class-examination-report .fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px;
}

page-teacher-class-examination-report .fc-popover .fc-header .fc-title {
  margin: 0 2px;
}

page-teacher-class-examination-report .fc-popover .fc-header .fc-close {
  cursor: pointer;
}

page-teacher-class-examination-report .fc-ltr .fc-popover .fc-header .fc-title,
page-teacher-class-examination-report .fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}

page-teacher-class-examination-report .fc-rtl .fc-popover .fc-header .fc-title,
page-teacher-class-examination-report .fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}

page-teacher-class-examination-report .fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}

page-teacher-class-examination-report .fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: .9em;
  margin-top: 2px;
}

page-teacher-class-examination-report .fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */
}

page-teacher-class-examination-report .fc-divider {
  border-style: solid;
  border-width: 1px;
}

page-teacher-class-examination-report hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}

page-teacher-class-examination-report .fc-clear {
  clear: both;
}

page-teacher-class-examination-report .fc-bg,
page-teacher-class-examination-report .fc-bgevent-skeleton,
page-teacher-class-examination-report .fc-highlight-skeleton,
page-teacher-class-examination-report .fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-teacher-class-examination-report .fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}

page-teacher-class-examination-report .fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}

page-teacher-class-examination-report .fc table {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}

page-teacher-class-examination-report .fc th {
  text-align: center;
}

page-teacher-class-examination-report .fc th,
page-teacher-class-examination-report .fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}

page-teacher-class-examination-report .fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}

page-teacher-class-examination-report a[data-goto] {
  cursor: pointer;
}

page-teacher-class-examination-report a[data-goto]:hover {
  text-decoration: underline;
}

page-teacher-class-examination-report .fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}

page-teacher-class-examination-report .fc-row table {
  /* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}

page-teacher-class-examination-report .fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}

page-teacher-class-examination-report .fc-row {
  position: relative;
}

page-teacher-class-examination-report .fc-row .fc-bg {
  z-index: 1;
}

page-teacher-class-examination-report .fc-row .fc-bgevent-skeleton,
page-teacher-class-examination-report .fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}

page-teacher-class-examination-report .fc-row .fc-bgevent-skeleton table,
page-teacher-class-examination-report .fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}

page-teacher-class-examination-report .fc-row .fc-highlight-skeleton td,
page-teacher-class-examination-report .fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}

page-teacher-class-examination-report .fc-row .fc-bgevent-skeleton {
  z-index: 2;
}

page-teacher-class-examination-report .fc-row .fc-highlight-skeleton {
  z-index: 3;
}

page-teacher-class-examination-report .fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}

page-teacher-class-examination-report .fc-row .fc-helper-skeleton {
  z-index: 5;
}

page-teacher-class-examination-report .fc-row .fc-content-skeleton td,
page-teacher-class-examination-report .fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}

page-teacher-class-examination-report .fc-row .fc-content-skeleton tbody td,
page-teacher-class-examination-report .fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}

page-teacher-class-examination-report .fc-scroller {
  -webkit-overflow-scrolling: touch;
}

page-teacher-class-examination-report .fc-scroller > .fc-day-grid,
page-teacher-class-examination-report .fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}

page-teacher-class-examination-report .fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */
  font-weight: normal;
  /* undo jqui's ui-widget-header bold */
}

page-teacher-class-examination-report .fc-event,
page-teacher-class-examination-report .fc-event-dot {
  background-color: #3a87ad;
  /* default BACKGROUND color */
}

page-teacher-class-examination-report .fc-event,
page-teacher-class-examination-report .fc-event:hover,
page-teacher-class-examination-report .ui-widget .fc-event {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}

page-teacher-class-examination-report .fc-event[href],
page-teacher-class-examination-report .fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}

page-teacher-class-examination-report .fc-not-allowed,
page-teacher-class-examination-report .fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}

page-teacher-class-examination-report .fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #ffffff;
  opacity: .25;
}

page-teacher-class-examination-report .fc-event .fc-content {
  position: relative;
  z-index: 2;
}

page-teacher-class-examination-report .fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
}

page-teacher-class-examination-report .fc-event .fc-resizer {
  display: none;
}

page-teacher-class-examination-report .fc-event.fc-allow-mouse-resize .fc-resizer,
page-teacher-class-examination-report .fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block;
}

page-teacher-class-examination-report .fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}

page-teacher-class-examination-report .fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

page-teacher-class-examination-report .fc-event.fc-selected.fc-dragging {
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

page-teacher-class-examination-report .fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}

page-teacher-class-examination-report .fc-ltr .fc-h-event.fc-not-start,
page-teacher-class-examination-report .fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

page-teacher-class-examination-report .fc-ltr .fc-h-event.fc-not-end,
page-teacher-class-examination-report .fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

page-teacher-class-examination-report .fc-ltr .fc-h-event .fc-start-resizer,
page-teacher-class-examination-report .fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */
}

page-teacher-class-examination-report .fc-ltr .fc-h-event .fc-end-resizer,
page-teacher-class-examination-report .fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */
}

page-teacher-class-examination-report .fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */
}

page-teacher-class-examination-report .fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* vertically center */
  top: 50%;
  margin-top: -4px;
}

page-teacher-class-examination-report .fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
page-teacher-class-examination-report .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */
}

page-teacher-class-examination-report .fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
page-teacher-class-examination-report .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */
}

page-teacher-class-examination-report .fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}

page-teacher-class-examination-report tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */
}

page-teacher-class-examination-report .fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: .25;
}

page-teacher-class-examination-report .fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}

page-teacher-class-examination-report .fc-day-grid-event .fc-time {
  font-weight: bold;
}

page-teacher-class-examination-report .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
page-teacher-class-examination-report .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */
}

page-teacher-class-examination-report .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
page-teacher-class-examination-report .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */
}

page-teacher-class-examination-report a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none;
}

page-teacher-class-examination-report a.fc-more:hover {
  text-decoration: underline;
}

page-teacher-class-examination-report .fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}

page-teacher-class-examination-report .fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}

page-teacher-class-examination-report .fc-more-popover {
  z-index: 2;
  width: 220px;
}

page-teacher-class-examination-report .fc-more-popover .fc-event-container {
  padding: 10px;
}

page-teacher-class-examination-report .fc-now-indicator {
  position: absolute;
  border: 0 solid red;
}

page-teacher-class-examination-report .fc-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

page-teacher-class-examination-report .fc-toolbar {
  text-align: center;
}

page-teacher-class-examination-report .fc-toolbar.fc-header-toolbar {
  margin-bottom: 1em;
}

page-teacher-class-examination-report .fc-toolbar.fc-footer-toolbar {
  margin-top: 1em;
}

page-teacher-class-examination-report .fc-toolbar .fc-left {
  float: left;
}

page-teacher-class-examination-report .fc-toolbar .fc-right {
  float: right;
}

page-teacher-class-examination-report .fc-toolbar .fc-center {
  display: inline-block;
}

page-teacher-class-examination-report .fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em;
}

page-teacher-class-examination-report .fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0;
}

page-teacher-class-examination-report .fc-toolbar h2 {
  margin: 0;
}

page-teacher-class-examination-report .fc-toolbar button {
  position: relative;
}

page-teacher-class-examination-report .fc-toolbar .fc-state-hover,
page-teacher-class-examination-report .fc-toolbar .ui-state-hover {
  z-index: 2;
}

page-teacher-class-examination-report .fc-toolbar .fc-state-down {
  z-index: 3;
}

page-teacher-class-examination-report .fc-toolbar .fc-state-active,
page-teacher-class-examination-report .fc-toolbar .ui-state-active {
  z-index: 4;
}

page-teacher-class-examination-report .fc-toolbar button:focus {
  z-index: 5;
}

page-teacher-class-examination-report .fc-view-container *,
page-teacher-class-examination-report .fc-view-container *:before,
page-teacher-class-examination-report .fc-view-container *:after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

page-teacher-class-examination-report .fc-view,
page-teacher-class-examination-report .fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}

page-teacher-class-examination-report .fc-basicWeek-view .fc-content-skeleton,
page-teacher-class-examination-report .fc-basicDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}

page-teacher-class-examination-report .fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}

page-teacher-class-examination-report .fc-row.fc-rigid {
  overflow: hidden;
}

page-teacher-class-examination-report .fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-teacher-class-examination-report .fc-day-top.fc-other-month {
  opacity: 0.3;
}

page-teacher-class-examination-report .fc-basic-view .fc-week-number,
page-teacher-class-examination-report .fc-basic-view .fc-day-number {
  padding: 2px;
}

page-teacher-class-examination-report .fc-basic-view th.fc-week-number,
page-teacher-class-examination-report .fc-basic-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */
}

page-teacher-class-examination-report .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right;
}

page-teacher-class-examination-report .fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left;
}

page-teacher-class-examination-report .fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0;
}

page-teacher-class-examination-report .fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px;
}

page-teacher-class-examination-report .fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080;
}

page-teacher-class-examination-report .fc-basic-view td.fc-week-number {
  text-align: center;
}

page-teacher-class-examination-report .fc-basic-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}

page-teacher-class-examination-report .fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}

page-teacher-class-examination-report .fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}

page-teacher-class-examination-report .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}

page-teacher-class-examination-report .fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}

page-teacher-class-examination-report .fc-ltr .fc-axis {
  text-align: right;
}

page-teacher-class-examination-report .fc-rtl .fc-axis {
  text-align: left;
}

page-teacher-class-examination-report .ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome jqui theme making it bold */
}

page-teacher-class-examination-report .fc-time-grid-container,
page-teacher-class-examination-report .fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}

page-teacher-class-examination-report .fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

page-teacher-class-examination-report .fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}

page-teacher-class-examination-report .fc-time-grid > .fc-bg {
  z-index: 1;
}

page-teacher-class-examination-report .fc-time-grid .fc-slats,
page-teacher-class-examination-report .fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}

page-teacher-class-examination-report .fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */
}

page-teacher-class-examination-report .fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
}

page-teacher-class-examination-report .fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1;
}

page-teacher-class-examination-report .fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2;
}

page-teacher-class-examination-report .fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3;
}

page-teacher-class-examination-report .fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4;
}

page-teacher-class-examination-report .fc-time-grid .fc-now-indicator-line {
  z-index: 5;
}

page-teacher-class-examination-report .fc-time-grid .fc-helper-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6;
}

page-teacher-class-examination-report .fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}

page-teacher-class-examination-report .fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}

page-teacher-class-examination-report .fc-time-grid .fc-slats .ui-widget-content {
  /* for jqui theme */
  background: none;
  /* see through to fc-bg */
}

page-teacher-class-examination-report .fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}

page-teacher-class-examination-report .fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}

page-teacher-class-examination-report .fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}

page-teacher-class-examination-report .fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}

page-teacher-class-examination-report .fc-time-grid .fc-event,
page-teacher-class-examination-report .fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}

page-teacher-class-examination-report .fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}

page-teacher-class-examination-report .fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

page-teacher-class-examination-report .fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

page-teacher-class-examination-report .fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */
}

page-teacher-class-examination-report .fc-time-grid-event.fc-selected {
  /* need to allow touch resizers to extend outside event's bounding box */
  /* common fc-selected styles hide the fc-bg, so don't need this anyway */
  overflow: visible;
}

page-teacher-class-examination-report .fc-time-grid-event.fc-selected .fc-bg {
  display: none;
  /* hide semi-white background, to appear darker */
}

page-teacher-class-examination-report .fc-time-grid-event .fc-content {
  overflow: hidden;
  /* for when .fc-selected */
}

page-teacher-class-examination-report .fc-time-grid-event .fc-time,
page-teacher-class-examination-report .fc-time-grid-event .fc-title {
  padding: 0 1px;
}

page-teacher-class-examination-report .fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap;
}

page-teacher-class-examination-report .fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}

page-teacher-class-examination-report .fc-time-grid-event.fc-short .fc-time,
page-teacher-class-examination-report .fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}

page-teacher-class-examination-report .fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}

page-teacher-class-examination-report .fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}

page-teacher-class-examination-report .fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
  /* seperate with a dash, wrapped in nbsp's */
}

page-teacher-class-examination-report .fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}

page-teacher-class-examination-report .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}

page-teacher-class-examination-report .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "=";
}

page-teacher-class-examination-report .fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px;
}

page-teacher-class-examination-report .fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0;
}

page-teacher-class-examination-report .fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */
}

page-teacher-class-examination-report .fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-teacher-class-examination-report .fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-teacher-class-examination-report .fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}

page-teacher-class-examination-report .fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */
}

page-teacher-class-examination-report .fc-list-view {
  border-width: 1px;
  border-style: solid;
}

page-teacher-class-examination-report .fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */
}

page-teacher-class-examination-report .fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px;
}

page-teacher-class-examination-report .fc-list-table tr:first-child td {
  border-top-width: 0;
}

page-teacher-class-examination-report .fc-list-heading {
  border-bottom-width: 1px;
}

page-teacher-class-examination-report .fc-list-heading td {
  font-weight: bold;
}

page-teacher-class-examination-report .fc-ltr .fc-list-heading-main {
  float: left;
}

page-teacher-class-examination-report .fc-ltr .fc-list-heading-alt {
  float: right;
}

page-teacher-class-examination-report .fc-rtl .fc-list-heading-main {
  float: right;
}

page-teacher-class-examination-report .fc-rtl .fc-list-heading-alt {
  float: left;
}

page-teacher-class-examination-report .fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */
}

page-teacher-class-examination-report .fc-list-item:hover td {
  background-color: #f5f5f5;
}

page-teacher-class-examination-report .fc-list-item-marker,
page-teacher-class-examination-report .fc-list-item-time {
  white-space: nowrap;
  width: 1px;
}

page-teacher-class-examination-report .fc-ltr .fc-list-item-marker {
  padding-right: 0;
}

page-teacher-class-examination-report .fc-rtl .fc-list-item-marker {
  padding-left: 0;
}

page-teacher-class-examination-report .fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit;
}

page-teacher-class-examination-report .fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline;
}

page-teacher-class-examination-report .fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

page-teacher-class-examination-report .fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table;
}

page-teacher-class-examination-report .fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

page-teacher-class-examination-report .fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #eee;
}

page-teacher-class-examination-report .generateButton {
  display: block;
  margin: 0 auto;
}

page-teacher-class-examination-report .resetButton {
  float: right;
}

page-teacher-class-examination-report .downloadButton {
  float: left;
}

page-teacher-class-examination-report .nodata_avail {
  font-family: "Open Sans" !important;
  text-align: center;
  line-height: 60px;
  font-size: 25px;
  color: #0099ff !important;
  margin: auto;
  border-radius: 10px;
  width: 75%;
  padding: 13px 16px;
  background: #ffffff !important;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

page-teacher-class-examination-report .nodata_avail-title {
  color: #0099ff !important;
  border-bottom: 1px solid #0099ff !important;
  font-size: 18px !important;
  font-weight: bold;
  font-family: "Open Sans";
  cursor: pointer;
}

page-teacher-class-examination-report .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
  background-color: #5eaac2 !important;
  color: #ffffff !important;
}

page-teacher-class-examination-report .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active {
  color: #ffffff !important;
  background-color: #5eaac2 !important;
}

page-teacher-class-examination-report p-table.flatTable th {
  border: none;
  border-bottom: 3px solid #f1f1f1;
  width: 130px;
}

page-teacher-class-examination-report p-table.flatTable td {
  width: 130px;
}

page-teacher-class-examination-report p-table.flatTable .ui-table-wrapper {
  min-height: 52.5vh !important;
}

page-teacher-class-examination-report body .ui-table .ui-sortable-column.ui-state-highlight {
  color: #333333 !important;
}

page-teacher-class-examination-report body .ui-table .ui-sortable-column.ui-state-highlight .ui-sortable-column-icon {
  color: #848484 !important;
}

page-teacher-examwise-class-report {
  /* ANIMATION */
  /* SHADOWS */
  /*
 *
 *   MaterialWrap - Bootstrap + Material Design Admin Theme

 
*/
  /*
 * CSS Transform - Scale and Rotate
 */
  /* The Modal (background) */
  /* Modal Content (image) */
  /* The Close Button */
  /*!
 * FullCalendar v3.2.0 Stylesheet
 * Docs & License: https://fullcalendar.io/
 * (c) 2017 Adam Shaw
 */
  /* Colors
--------------------------------------------------------------------------------------------------*/
  /* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
  /*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
  /* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
  /* Firefox has an annoying inner border */
  /* icons in buttons */
  /*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
  /* Buttons Groups
--------------------------------------------------------------------------------------------------*/
  /*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
  /* Popover
--------------------------------------------------------------------------------------------------*/
  /* unthemed */
  /* jqui themed */
  /* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
  /* Tables
--------------------------------------------------------------------------------------------------*/
  /* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
  /* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
  /* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
  /* highlighting cells & background event skeleton */
  /*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
  /* Scrolling Container
--------------------------------------------------------------------------------------------------*/
  /* TODO: move to agenda/basic */
  /* Global Event Styles
--------------------------------------------------------------------------------------------------*/
  /* overpower some of bootstrap's and jqui's styles on <a> tags */
  /* resizer (cursor AND touch devices) */
  /* resizer (touch devices) */
  /* hit area */
  /* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
  /* Horizontal Events
--------------------------------------------------------------------------------------------------*/
  /* bigger touch area when selected */
  /* events that are continuing to/from another week. kill rounded corners and butt up against edge */
  /* resizer (cursor AND touch devices) */
  /* left resizer  */
  /* right resizer */
  /* resizer (mouse devices) */
  /* resizer (touch devices) */
  /* left resizer  */
  /* right resizer */
  /* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* resizer (cursor devices) */
  /* left resizer  */
  /* right resizer */
  /* Event Limiting
--------------------------------------------------------------------------------------------------*/
  /* "more" link that represents hidden events */
  /* popover that appears when "more" link is clicked */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* Utilities
--------------------------------------------------------------------------------------------------*/
  /* Toolbar
--------------------------------------------------------------------------------------------------*/
  /* the things within each left/right/center section */
  /* the first thing within each left/center/right section */
  /* title text */
  /* button layering (for border precedence) */
  /* View Structure
--------------------------------------------------------------------------------------------------*/
  /* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
  /* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
  /* BasicView
--------------------------------------------------------------------------------------------------*/
  /* day row structure */
  /* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
  /* week and day number styling */
  /* when week/day number have own column */
  /* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
  /* divs within a cell within the fc-content-skeleton */
  /* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
  /* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* short mode, where time and title are on the same line */
  /* resizer (cursor device) */
  /* resizer (touch device) */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* arrow on axis */
  /* List View
--------------------------------------------------------------------------------------------------*/
  /* possibly reusable */
  /* view wrapper */
  /* table resets */
  /* day headings with the list */
  /* event list items */
  /* make the dot closer to the event title */
  /* message when no events */
}

page-teacher-examwise-class-report .letter-sp-1 {
  letter-spacing: 1px;
}

page-teacher-examwise-class-report .letter-sp-2 {
  letter-spacing: 2px;
}

page-teacher-examwise-class-report .letter-sp-3 {
  letter-spacing: 3px;
}

page-teacher-examwise-class-report .m-0 {
  margin: 0 !important;
}

page-teacher-examwise-class-report .m-5 {
  margin: 5px !important;
}

page-teacher-examwise-class-report .m-10 {
  margin: 10px !important;
}

page-teacher-examwise-class-report .m-15 {
  margin: 15px !important;
}

page-teacher-examwise-class-report .m-20 {
  margin: 20px !important;
}

page-teacher-examwise-class-report .m-30 {
  margin: 30px !important;
}

page-teacher-examwise-class-report .m-50 {
  margin: 50px !important;
}

page-teacher-examwise-class-report .m-b-100 {
  margin-bottom: 100px !important;
}

page-teacher-examwise-class-report .m-b-15 {
  margin-bottom: 15px !important;
}

page-teacher-examwise-class-report .m-b-20 {
  margin-bottom: 20px !important;
}

page-teacher-examwise-class-report .m-b-0 {
  margin-bottom: 0 !important;
}

page-teacher-examwise-class-report .m-l-0 {
  margin-left: 0 !important;
}

page-teacher-examwise-class-report .m-l-5 {
  margin-left: 5px !important;
}

page-teacher-examwise-class-report .m-l-10 {
  margin-left: 10px !important;
}

page-teacher-examwise-class-report .m-l-15 {
  margin-left: 15px !important;
}

page-teacher-examwise-class-report .m-l-20 {
  margin-left: 20px !important;
}

page-teacher-examwise-class-report .m-l-30 {
  margin-left: 30px !important;
}

page-teacher-examwise-class-report .m-l-40 {
  margin-left: 40px !important;
}

page-teacher-examwise-class-report .m-l-50 {
  margin-left: 50px !important;
}

page-teacher-examwise-class-report .m-l-n-1 {
  margin-left: -1px !important;
}

page-teacher-examwise-class-report .m-l-n-5 {
  margin-left: -5px !important;
}

page-teacher-examwise-class-report .m-l-n-10 {
  margin-left: -10px !important;
}

page-teacher-examwise-class-report .m-l-n-15 {
  margin-left: -15px !important;
}

page-teacher-examwise-class-report .m-l-n-20 {
  margin-left: -20px !important;
}

page-teacher-examwise-class-report .m-l-n-30 {
  margin-left: -30px !important;
}

page-teacher-examwise-class-report .m-l-n-40 {
  margin-left: -40px !important;
}

page-teacher-examwise-class-report .m-l-n-50 {
  margin-left: -50px !important;
}

page-teacher-examwise-class-report .m-t-0 {
  margin-top: 0 !important;
}

page-teacher-examwise-class-report .m-t-1 {
  margin-top: 1px !important;
}

page-teacher-examwise-class-report .m-t-2 {
  margin-top: 2px;
}

page-teacher-examwise-class-report .m-t-2p {
  margin-top: 2% !important;
}

page-teacher-examwise-class-report .m-t-5p {
  margin-top: 5% !important;
}

page-teacher-examwise-class-report .m-t-25p {
  margin-top: 25% !important;
}

page-teacher-examwise-class-report .m-t-30p {
  margin-top: 30% !important;
}

page-teacher-examwise-class-report .m-t-4 {
  margin-top: 4px !important;
}

page-teacher-examwise-class-report .m-t-5 {
  margin-top: 5px !important;
}

page-teacher-examwise-class-report .m-t-5p {
  margin-top: 5% !important;
}

page-teacher-examwise-class-report .m-t-10 {
  margin-top: 10px !important;
}

page-teacher-examwise-class-report .m-t-15 {
  margin-top: 15px !important;
}

page-teacher-examwise-class-report .m-t-20 {
  margin-top: 20px !important;
}

page-teacher-examwise-class-report .m-t-30 {
  margin-top: 30px !important;
}

page-teacher-examwise-class-report .m-t-40 {
  margin-top: 40px !important;
}

page-teacher-examwise-class-report .m-t-50 {
  margin-top: 50px !important;
}

page-teacher-examwise-class-report .m-t-75 {
  margin-top: 75px !important;
}

page-teacher-examwise-class-report .m-t-100 {
  margin-top: 100px !important;
}

page-teacher-examwise-class-report .m-t-120 {
  margin-top: 120px !important;
}

page-teacher-examwise-class-report .m-t-140 {
  margin-top: 140px !important;
}

page-teacher-examwise-class-report .m-t-n-1 {
  margin-top: -1px !important;
}

page-teacher-examwise-class-report .m-t-n-5 {
  margin-top: -5px !important;
}

page-teacher-examwise-class-report .m-t-n-10 {
  margin-top: -10px !important;
}

page-teacher-examwise-class-report .m-t-n-15 {
  margin-top: -15px !important;
}

page-teacher-examwise-class-report .m-t-n-20 {
  margin-top: -20px !important;
}

page-teacher-examwise-class-report .m-t-n-30 {
  margin-top: -30px !important;
}

page-teacher-examwise-class-report .m-t-n-40 {
  margin-top: -40px !important;
}

page-teacher-examwise-class-report .m-t-n-50 {
  margin-top: -50px !important;
}

page-teacher-examwise-class-report .m-r-0 {
  margin-right: 0 !important;
}

page-teacher-examwise-class-report .m-r-1 {
  margin-right: 1px !important;
}

page-teacher-examwise-class-report .m-r-5 {
  margin-right: 5px !important;
}

page-teacher-examwise-class-report .m-r-10 {
  margin-right: 10px !important;
}

page-teacher-examwise-class-report .m-r-15 {
  margin-right: 15px !important;
}

page-teacher-examwise-class-report .m-r-20 {
  margin-right: 20px !important;
}

page-teacher-examwise-class-report .m-r-30 {
  margin-right: 30px !important;
}

page-teacher-examwise-class-report .m-r-40 {
  margin-right: 40px !important;
}

page-teacher-examwise-class-report .m-r-50 {
  margin-right: 50px !important;
}

page-teacher-examwise-class-report .m-r-n-1 {
  margin-right: -1px !important;
}

page-teacher-examwise-class-report .m-r-n-5 {
  margin-right: -5px !important;
}

page-teacher-examwise-class-report .m-r-n-10 {
  margin-right: -10px !important;
}

page-teacher-examwise-class-report .m-r-n-15 {
  margin-right: -15px !important;
}

page-teacher-examwise-class-report .m-r-n-20 {
  margin-right: -20px !important;
}

page-teacher-examwise-class-report .m-r-n-30 {
  margin-right: -30px !important;
}

page-teacher-examwise-class-report .m-r-n-40 {
  margin-right: -40px !important;
}

page-teacher-examwise-class-report .m-r-n-50 {
  margin-right: -50px !important;
}

page-teacher-examwise-class-report .m-b-0 {
  margin-bottom: 0 !important;
}

page-teacher-examwise-class-report .m-b-1 {
  margin-bottom: 1px !important;
}

page-teacher-examwise-class-report .m-b-4 {
  margin-bottom: 4px !important;
}

page-teacher-examwise-class-report .m-b-5 {
  margin-bottom: 5px !important;
}

page-teacher-examwise-class-report .m-b-10 {
  margin-bottom: 10px !important;
}

page-teacher-examwise-class-report .m-b-15 {
  margin-bottom: 15px !important;
}

page-teacher-examwise-class-report .m-b-20 {
  margin-bottom: 20px !important;
}

page-teacher-examwise-class-report .m-b-30 {
  margin-bottom: 30px !important;
}

page-teacher-examwise-class-report .m-b-40 {
  margin-bottom: 40px !important;
}

page-teacher-examwise-class-report .m-b-50 {
  margin-bottom: 50px !important;
}

page-teacher-examwise-class-report .m-b-n-1 {
  margin-bottom: -1px !important;
}

page-teacher-examwise-class-report .m-b-n-5 {
  margin-bottom: -5px !important;
}

page-teacher-examwise-class-report .m-b-n-10 {
  margin-bottom: -10px !important;
}

page-teacher-examwise-class-report .m-b-n-15 {
  margin-bottom: -15px !important;
}

page-teacher-examwise-class-report .m-b-n-20 {
  margin-bottom: -20px !important;
}

page-teacher-examwise-class-report .m-b-n-30 {
  margin-bottom: -30px !important;
}

page-teacher-examwise-class-report .m-b-n-40 {
  margin-bottom: -40px !important;
}

page-teacher-examwise-class-report .m-b-n-50 {
  margin-bottom: -50px !important;
}

page-teacher-examwise-class-report .p-0 {
  padding: 0 !important;
}

page-teacher-examwise-class-report .p-5 {
  padding: 5px !important;
}

page-teacher-examwise-class-report .p-10 {
  padding: 10px !important;
}

page-teacher-examwise-class-report .p-15 {
  padding: 15px !important;
}

page-teacher-examwise-class-report .p-20 {
  padding: 20px !important;
}

page-teacher-examwise-class-report .p-25 {
  padding: 25px !important;
}

page-teacher-examwise-class-report .p-30 {
  padding: 30px !important;
}

page-teacher-examwise-class-report .p-40 {
  padding: 40px !important;
}

page-teacher-examwise-class-report .p-50 {
  padding: 50px !important;
}

page-teacher-examwise-class-report .p-75 {
  padding: 75px !important;
}

page-teacher-examwise-class-report .p-100 {
  padding: 100px !important;
}

page-teacher-examwise-class-report .p-lr {
  padding: 0px 4% 0px 4%;
}

page-teacher-examwise-class-report .p-l-0 {
  padding-left: 0 !important;
}

page-teacher-examwise-class-report .p-l-5 {
  padding-left: 5px !important;
}

page-teacher-examwise-class-report .p-l-10 {
  padding-left: 10px !important;
}

page-teacher-examwise-class-report .p-l-12 {
  padding-left: 12px !important;
}

page-teacher-examwise-class-report .p-l-15 {
  padding-left: 15px !important;
}

page-teacher-examwise-class-report .p-l-16 {
  padding-left: 16px !important;
}

page-teacher-examwise-class-report .p-l-20 {
  padding-left: 20px !important;
}

page-teacher-examwise-class-report .p-l-25 {
  padding-left: 25px !important;
}

page-teacher-examwise-class-report .p-l-30 {
  padding-left: 30px !important;
}

page-teacher-examwise-class-report .p-l-40 {
  padding-left: 40px !important;
}

page-teacher-examwise-class-report .p-l-50 {
  padding-left: 50px !important;
}

page-teacher-examwise-class-report .p-l-75 {
  padding-left: 75px !important;
}

page-teacher-examwise-class-report .p-l-100 {
  padding-left: 100px !important;
}

page-teacher-examwise-class-report .p-r-0 {
  padding-right: 0 !important;
}

page-teacher-examwise-class-report .p-r-5 {
  padding-right: 5px !important;
}

page-teacher-examwise-class-report .p-r-10 {
  padding-right: 10px !important;
}

page-teacher-examwise-class-report .p-r-12 {
  padding-right: 12px !important;
}

page-teacher-examwise-class-report .p-r-15 {
  padding-right: 15px !important;
}

page-teacher-examwise-class-report .p-r-20 {
  padding-right: 20px !important;
}

page-teacher-examwise-class-report .p-r-25 {
  padding-right: 25px !important;
}

page-teacher-examwise-class-report .p-r-30 {
  padding-right: 30px !important;
}

page-teacher-examwise-class-report .p-r-40 {
  padding-right: 40px !important;
}

page-teacher-examwise-class-report .p-r-50 {
  padding-right: 50px !important;
}

page-teacher-examwise-class-report .p-r-75 {
  padding-right: 75px !important;
}

page-teacher-examwise-class-report .p-r-100 {
  padding-right: 100px !important;
}

page-teacher-examwise-class-report .p-b-0 {
  padding-bottom: 0 !important;
}

page-teacher-examwise-class-report .p-b-5 {
  padding-bottom: 5px !important;
}

page-teacher-examwise-class-report .p-b-10 {
  padding-bottom: 10px !important;
}

page-teacher-examwise-class-report .p-b-15 {
  padding-bottom: 15px !important;
}

page-teacher-examwise-class-report .p-b-16 {
  padding-bottom: 16px !important;
}

page-teacher-examwise-class-report .p-b-20 {
  padding-bottom: 20px !important;
}

page-teacher-examwise-class-report .p-b-25 {
  padding-bottom: 25px !important;
}

page-teacher-examwise-class-report .p-b-30 {
  padding-bottom: 30px !important;
}

page-teacher-examwise-class-report .p-b-40 {
  padding-bottom: 40px !important;
}

page-teacher-examwise-class-report .p-b-50 {
  padding-bottom: 50px !important;
}

page-teacher-examwise-class-report .p-b-60 {
  padding-bottom: 60px !important;
}

page-teacher-examwise-class-report .p-b-70 {
  padding-bottom: 70px !important;
}

page-teacher-examwise-class-report .p-b-80 {
  padding-bottom: 80px !important;
}

page-teacher-examwise-class-report .p-b-90 {
  padding-bottom: 90px !important;
}

page-teacher-examwise-class-report .p-b-100 {
  padding-bottom: 100px !important;
}

page-teacher-examwise-class-report .p-t-0 {
  padding-top: 0 !important;
}

page-teacher-examwise-class-report .p-t-5 {
  padding-top: 5px !important;
}

page-teacher-examwise-class-report .p-t-7 {
  padding-top: 7px !important;
}

page-teacher-examwise-class-report .p-t-10 {
  padding-top: 10px !important;
}

page-teacher-examwise-class-report .p-t-15 {
  padding-top: 15px !important;
}

page-teacher-examwise-class-report .p-t-16 {
  padding-top: 16px !important;
}

page-teacher-examwise-class-report .p-t-20 {
  padding-top: 20px !important;
}

page-teacher-examwise-class-report .p-t-25 {
  padding-top: 25px !important;
}

page-teacher-examwise-class-report .p-t-30 {
  padding-top: 30px !important;
}

page-teacher-examwise-class-report .p-t-40 {
  padding-top: 40px !important;
}

page-teacher-examwise-class-report .p-t-50 {
  padding-top: 50px !important;
}

page-teacher-examwise-class-report .p-t-75 {
  padding-top: 75px !important;
}

page-teacher-examwise-class-report .p-t-100 {
  padding-top: 100px !important;
}

page-teacher-examwise-class-report .p-t-120 {
  padding-top: 120px !important;
}

page-teacher-examwise-class-report .p-t-130 {
  padding-top: 130px !important;
}

page-teacher-examwise-class-report .p-t-140 {
  padding-top: 140px !important;
}

page-teacher-examwise-class-report .p-t-150 {
  padding-top: 150px !important;
}

page-teacher-examwise-class-report .block {
  display: block !important;
}

page-teacher-examwise-class-report .img-xs {
  width: 30px;
  height: 30px;
}

page-teacher-examwise-class-report .img-sm {
  width: 35px;
  height: 35px;
}

page-teacher-examwise-class-report .img-md {
  width: 55px;
  height: 55px;
}

page-teacher-examwise-class-report .img-lg {
  width: 100px;
  height: 100px;
}

page-teacher-examwise-class-report .min-w-800 {
  min-width: 800px !important;
}

page-teacher-examwise-class-report .min-w-1000 {
  min-width: 1000px !important;
}

page-teacher-examwise-class-report .min-w-1100 {
  min-width: 1100px !important;
}

page-teacher-examwise-class-report .max-w-20 {
  max-width: 20px !important;
}

page-teacher-examwise-class-report .max-w-30 {
  max-width: 30px !important;
}

page-teacher-examwise-class-report .max-w-32 {
  max-width: 35px !important;
}

page-teacher-examwise-class-report .max-w-35 {
  max-width: 35px !important;
}

page-teacher-examwise-class-report .max-w-40 {
  max-width: 40px !important;
}

page-teacher-examwise-class-report .max-w-50 {
  max-width: 50px !important;
}

page-teacher-examwise-class-report .max-w-75 {
  max-width: 75px !important;
}

page-teacher-examwise-class-report .max-w-100 {
  max-width: 100px !important;
}

page-teacher-examwise-class-report .max-w-150 {
  max-width: 150px !important;
}

page-teacher-examwise-class-report .max-w-200 {
  max-width: 200px !important;
}

page-teacher-examwise-class-report .max-w-300 {
  max-width: 300px !important;
}

page-teacher-examwise-class-report .max-w-400 {
  max-width: 400px !important;
}

page-teacher-examwise-class-report .overflow-hidden {
  overflow: hidden;
}

page-teacher-examwise-class-report .overflow-auto {
  overflow: auto;
}

page-teacher-examwise-class-report .max-h-50 {
  max-height: 50px !important;
}

page-teacher-examwise-class-report .max-h-80 {
  max-height: 80px !important;
}

page-teacher-examwise-class-report .max-h-100 {
  max-height: 100px !important;
}

page-teacher-examwise-class-report .max-h-150 {
  max-height: 150px !important;
}

page-teacher-examwise-class-report .max-h-200 {
  max-height: 200px !important;
}

page-teacher-examwise-class-report .max-h-250 {
  max-height: 250px !important;
}

page-teacher-examwise-class-report .max-h-300 {
  max-height: 300px !important;
}

page-teacher-examwise-class-report .max-h-350 {
  max-height: 300px !important;
}

page-teacher-examwise-class-report .max-h-375 {
  max-height: 300px !important;
}

page-teacher-examwise-class-report .max-h-400 {
  max-height: 400px !important;
}

page-teacher-examwise-class-report .max-h-450 {
  max-height: 450px !important;
}

page-teacher-examwise-class-report .max-h-500 {
  max-height: 500px !important;
}

page-teacher-examwise-class-report .max-h-600 {
  max-height: 600px !important;
}

page-teacher-examwise-class-report .max-h-650 {
  max-height: 650px !important;
}

page-teacher-examwise-class-report .max-h-700 {
  max-height: 700px !important;
}

page-teacher-examwise-class-report .max-h-800 {
  max-height: 800px !important;
}

page-teacher-examwise-class-report .max-h-900 {
  max-height: 900px !important;
}

page-teacher-examwise-class-report .max-h-1000 {
  max-height: 1000px !important;
}

page-teacher-examwise-class-report .min-h-0 {
  min-height: 0 !important;
}

page-teacher-examwise-class-report .min-h-50 {
  min-height: 50px !important;
}

page-teacher-examwise-class-report .min-h-100 {
  min-height: 100px !important;
}

page-teacher-examwise-class-report .min-h-200 {
  min-height: 200px !important;
}

page-teacher-examwise-class-report .min-h-250 {
  min-height: 250px !important;
}

page-teacher-examwise-class-report .min-h-300 {
  min-height: 300px !important;
}

page-teacher-examwise-class-report .min-h-350 {
  min-height: 300px !important;
}

page-teacher-examwise-class-report .min-h-375 {
  min-height: 300px !important;
}

page-teacher-examwise-class-report .min-h-400 {
  min-height: 400px !important;
}

page-teacher-examwise-class-report .min-h-450 {
  min-height: 450px !important;
}

page-teacher-examwise-class-report .min-h-500 {
  min-height: 500px !important;
}

page-teacher-examwise-class-report .min-h-600 {
  min-height: 600px !important;
}

page-teacher-examwise-class-report .min-h-650 {
  min-height: 650px !important;
}

page-teacher-examwise-class-report .min-h-700 {
  min-height: 700px !important;
}

page-teacher-examwise-class-report .min-h-800 {
  min-height: 800px !important;
}

page-teacher-examwise-class-report .min-h-900 {
  min-height: 900px !important;
}

page-teacher-examwise-class-report .min-h-1000 {
  min-height: 1000px !important;
}

page-teacher-examwise-class-report .h-5 {
  height: 5px !important;
}

page-teacher-examwise-class-report .h-10 {
  height: 10px !important;
}

page-teacher-examwise-class-report .h-20 {
  height: 20px !important;
}

page-teacher-examwise-class-report .h-25 {
  height: 25px !important;
}

page-teacher-examwise-class-report .h-50 {
  height: 50px !important;
}

page-teacher-examwise-class-report .h-75 {
  height: 75px !important;
}

page-teacher-examwise-class-report .h-100 {
  height: 100px !important;
}

page-teacher-examwise-class-report .h-125 {
  height: 125px !important;
}

page-teacher-examwise-class-report .h-150 {
  height: 150px !important;
}

page-teacher-examwise-class-report .h-200 {
  height: 200px !important;
}

page-teacher-examwise-class-report .h-300 {
  height: 300px !important;
}

page-teacher-examwise-class-report .h-350 {
  height: 350px !important;
}

page-teacher-examwise-class-report .h-400 {
  height: 400px !important;
}

page-teacher-examwise-class-report .h-450 {
  height: 450px !important;
}

page-teacher-examwise-class-report .h-500 {
  height: 500px !important;
}

page-teacher-examwise-class-report .h-600 {
  height: 600px !important;
}

page-teacher-examwise-class-report .h-650 {
  height: 650px !important;
}

page-teacher-examwise-class-report .h-700 {
  height: 700px !important;
}

page-teacher-examwise-class-report .h-800 {
  height: 800px !important;
}

page-teacher-examwise-class-report .h-900 {
  height: 900px !important;
}

page-teacher-examwise-class-report .h-1000 {
  height: 1000px !important;
}

page-teacher-examwise-class-report .w-5 {
  width: 5px !important;
}

page-teacher-examwise-class-report .w-10 {
  width: 10px !important;
}

page-teacher-examwise-class-report .w-15 {
  width: 15px !important;
}

page-teacher-examwise-class-report .w-20 {
  width: 20px !important;
}

page-teacher-examwise-class-report .w-30 {
  width: 30px !important;
}

page-teacher-examwise-class-report .w-40 {
  width: 40px !important;
}

page-teacher-examwise-class-report .w-50 {
  width: 50px !important;
}

page-teacher-examwise-class-report .w-60 {
  width: 60px !important;
}

page-teacher-examwise-class-report .w-80 {
  width: 80px !important;
}

page-teacher-examwise-class-report .w-100 {
  width: 100px !important;
}

page-teacher-examwise-class-report .w-150 {
  width: 150px !important;
}

page-teacher-examwise-class-report .w-190 {
  width: 190px !important;
}

page-teacher-examwise-class-report .w-200 {
  width: 200px !important;
}

page-teacher-examwise-class-report .w-250 {
  width: 250px !important;
}

page-teacher-examwise-class-report .w-300 {
  width: 300px !important;
}

page-teacher-examwise-class-report .w-600 {
  width: 600px !important;
}

page-teacher-examwise-class-report .w-100p {
  width: 100% !important;
}

page-teacher-examwise-class-report .w-95p {
  width: 95% !important;
}

page-teacher-examwise-class-report .w-90p {
  width: 90% !important;
}

page-teacher-examwise-class-report .w-80p {
  width: 80% !important;
}

page-teacher-examwise-class-report .w-70p {
  width: 70% !important;
}

page-teacher-examwise-class-report .w-60p {
  width: 60% !important;
}

page-teacher-examwise-class-report .w-50p {
  width: 50% !important;
}

page-teacher-examwise-class-report .w-45p {
  width: 45% !important;
}

page-teacher-examwise-class-report .w-40p {
  width: 40% !important;
}

page-teacher-examwise-class-report .w-30p {
  width: 30% !important;
}

page-teacher-examwise-class-report .w-25p {
  width: 25% !important;
}

page-teacher-examwise-class-report .w-20p {
  width: 20% !important;
}

page-teacher-examwise-class-report .w-15p {
  width: 15% !important;
}

page-teacher-examwise-class-report .w-10p {
  width: 10% !important;
}

page-teacher-examwise-class-report .w-8p {
  width: 8% !important;
}

page-teacher-examwise-class-report .w-5p {
  width: 5% !important;
}

page-teacher-examwise-class-report .w-3p {
  width: 3% !important;
}

page-teacher-examwise-class-report .w-95p {
  width: 95% !important;
}

page-teacher-examwise-class-report .h-100p {
  height: 100% !important;
}

page-teacher-examwise-class-report .h-80p {
  height: 80% !important;
}

page-teacher-examwise-class-report .absolute {
  position: absolute !important;
}

page-teacher-examwise-class-report .relative {
  position: relative !important;
}

page-teacher-examwise-class-report .block {
  display: block !important;
}

page-teacher-examwise-class-report .inline-block {
  display: inline-block !important;
}

page-teacher-examwise-class-report .list-block li {
  display: block !important;
}

page-teacher-examwise-class-report .list-inline li {
  display: inline !important;
}

page-teacher-examwise-class-report .clear-both {
  clear: both !important;
}

page-teacher-examwise-class-report .line-height-normal {
  line-height: normal !important;
}

page-teacher-examwise-class-report .line-height-8 {
  line-height: 8px !important;
}

page-teacher-examwise-class-report .line-height-14 {
  line-height: 14px !important;
}

page-teacher-examwise-class-report .line-height-12 {
  line-height: normal !important;
}

page-teacher-examwise-class-report ul.style-none {
  margin: 0;
  padding: 0;
  list-style: none;
}

page-teacher-examwise-class-report ul.style-none li {
  font-size: 0.875rem;
  padding: 3px 0;
}

page-teacher-examwise-class-report ul.style-none li ul {
  list-style: none;
}

page-teacher-examwise-class-report ul.vertical-icon-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

page-teacher-examwise-class-report ul.vertical-icon-list li {
  font-size: 0.875rem;
  padding: 6px 0;
}

page-teacher-examwise-class-report ul.vertical-icon-list li i {
  font-size: 1.25rem;
  padding-right: 15px;
  vertical-align: middle;
}

page-teacher-examwise-class-report .bg-white {
  background: #ffffff !important;
}

page-teacher-examwise-class-report .bg-green {
  background: #28bebd !important;
}

page-teacher-examwise-class-report .bg-blue {
  background: #42a5f5 !important;
}

page-teacher-examwise-class-report .bg-lightBlue {
  background: #2ebaee !important;
}

page-teacher-examwise-class-report .bg-red {
  background: #ef5350 !important;
}

page-teacher-examwise-class-report .bg-yellow {
  background: #f8c200 !important;
}

page-teacher-examwise-class-report .bg-paleYellow {
  background: #fddd7e !important;
}

page-teacher-examwise-class-report .bg-lightGray {
  background: #e3ecf7 !important;
}

page-teacher-examwise-class-report .bg-gray {
  background: #8f9eb5 !important;
}

page-teacher-examwise-class-report .bg-drakGray {
  background: #707c94 !important;
}

page-teacher-examwise-class-report .bg-grayBlue {
  background: #59779b !important;
}

page-teacher-examwise-class-report .bg-purple {
  background: #6b79c4 !important;
}

page-teacher-examwise-class-report .bg-turquoise {
  background: #00c5dc !important;
}

page-teacher-examwise-class-report .bg-peach {
  background: #feb38d !important;
}

page-teacher-examwise-class-report .bg-transparent {
  background: transparent !important;
}

page-teacher-examwise-class-report .text-primary {
  color: #172B4D !important;
}

page-teacher-examwise-class-report .text-link {
  color: #0645ad !important;
}

page-teacher-examwise-class-report .text-green {
  color: #28bebd !important;
}

page-teacher-examwise-class-report .text-turquoise {
  color: #00c5dc !important;
}

page-teacher-examwise-class-report .text-red {
  color: #ef5350 !important;
}

page-teacher-examwise-class-report .text-cyan {
  color: #26c6da !important;
}

page-teacher-examwise-class-report .text-yellow {
  color: #f8c200 !important;
}

page-teacher-examwise-class-report .text-gray {
  color: #8f9eb5 !important;
}

page-teacher-examwise-class-report .text-blue {
  color: #42a5f5 !important;
}

page-teacher-examwise-class-report .text-orange {
  color: #ffb74d !important;
}

page-teacher-examwise-class-report .text-purple {
  color: #6b79c4 !important;
}

page-teacher-examwise-class-report .text-white {
  color: #fff !important;
}

page-teacher-examwise-class-report .text-brown {
  color: #906b6b !important;
}

page-teacher-examwise-class-report .text-salmon {
  color: #ee6e73 !important;
}

page-teacher-examwise-class-report .text-muted {
  color: #8396b0;
}

page-teacher-examwise-class-report .color-black {
  color: #000 !important;
}

page-teacher-examwise-class-report .color-white {
  color: #fff !important;
}

page-teacher-examwise-class-report .bg-white {
  background-color: #fff !important;
}

page-teacher-examwise-class-report .transparent {
  background: transparent !important;
}

page-teacher-examwise-class-report .bg-primary {
  background-color: #172B4D !important;
}

page-teacher-examwise-class-report .border-bottom,
page-teacher-examwise-class-report .border-grey-bottom-1px {
  border-bottom: 1px solid rgba(215, 225, 237, 0.8) !important;
}

page-teacher-examwise-class-report .border-grey-top-1px,
page-teacher-examwise-class-report .border-top {
  border-top: 1px solid rgba(215, 225, 237, 0.6) !important;
}

page-teacher-examwise-class-report .border-bottom-black-2px {
  border-bottom: 2px solid black;
}

page-teacher-examwise-class-report .border-top0p {
  border-top: 0px !important;
}

page-teacher-examwise-class-report .b-n {
  border: none !important;
}

page-teacher-examwise-class-report .b-b-1 {
  border: 1px solid black;
}

page-teacher-examwise-class-report .b-lg-1 {
  border: 1px solid lightgrey;
}

page-teacher-examwise-class-report .shadow-none {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

page-teacher-examwise-class-report .shadow-z-0 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-teacher-examwise-class-report .shadow-z-1 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-teacher-examwise-class-report .shadow-z-1:hover {
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

page-teacher-examwise-class-report .shadow-z-2 {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

page-teacher-examwise-class-report .shadow-z-3 {
  -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

page-teacher-examwise-class-report .shadow-z-4 {
  -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}

page-teacher-examwise-class-report .shadow-z-5 {
  -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}

page-teacher-examwise-class-report .big-shadow {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
}

page-teacher-examwise-class-report .shadow-2dp {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

page-teacher-examwise-class-report .shadow-3dp {
  -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}

page-teacher-examwise-class-report .shadow-4dp {
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}

page-teacher-examwise-class-report .shadow-6dp {
  -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}

page-teacher-examwise-class-report .shadow-8dp {
  -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}

page-teacher-examwise-class-report .shadow-16dp {
  -webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

page-teacher-examwise-class-report .shadow-24dp {
  -webkit-box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
}

page-teacher-examwise-class-report .font-weight-100 {
  font-weight: 100 !important;
}

page-teacher-examwise-class-report .font-weight-200 {
  font-weight: 200 !important;
}

page-teacher-examwise-class-report .font-weight-300 {
  font-weight: 300 !important;
}

page-teacher-examwise-class-report .font-weight-400 {
  font-weight: 400 !important;
}

page-teacher-examwise-class-report .font-weight-500 {
  font-weight: 500 !important;
}

page-teacher-examwise-class-report .font-weight-600 {
  font-weight: 600 !important;
}

page-teacher-examwise-class-report .font-weight-700 {
  font-weight: 700 !important;
}

page-teacher-examwise-class-report .font-weight-800 {
  font-weight: 800 !important;
}

page-teacher-examwise-class-report .font-weight-900 {
  font-weight: 900 !important;
}

page-teacher-examwise-class-report .font-weight-light {
  font-weight: 100 !important;
}

page-teacher-examwise-class-report .font-weight-normal {
  font-weight: 300 !important;
}

page-teacher-examwise-class-report .font-weight-medium {
  font-weight: 400 !important;
}

page-teacher-examwise-class-report .font-weight-bold {
  font-weight: 500 !important;
}

page-teacher-examwise-class-report .bold {
  font-weight: bold !important;
}

page-teacher-examwise-class-report .font-size-0 {
  font-size: 0 !important;
}

page-teacher-examwise-class-report .font-size-10 {
  font-size: 10px !important;
}

page-teacher-examwise-class-report .font-size-11 {
  font-size: 11px !important;
}

page-teacher-examwise-class-report .font-size-12 {
  font-size: 12px !important;
}

page-teacher-examwise-class-report .font-size-14 {
  font-size: 14px !important;
}

page-teacher-examwise-class-report .font-size-16 {
  font-size: 16px !important;
}

page-teacher-examwise-class-report .font-size-18 {
  font-size: 18px !important;
}

page-teacher-examwise-class-report .font-size-20 {
  font-size: 20px !important;
}

page-teacher-examwise-class-report .font-size-24 {
  font-size: 24px !important;
}

page-teacher-examwise-class-report .font-size-26 {
  font-size: 26px !important;
}

page-teacher-examwise-class-report .font-size-30 {
  font-size: 30px !important;
}

page-teacher-examwise-class-report .font-size-35 {
  font-size: 35px !important;
}

page-teacher-examwise-class-report .font-size-38 {
  font-size: 38px !important;
}

page-teacher-examwise-class-report .font-size-40 {
  font-size: 40px !important;
}

page-teacher-examwise-class-report .font-size-50 {
  font-size: 50px !important;
}

page-teacher-examwise-class-report .font-size-60 {
  font-size: 60px !important;
}

page-teacher-examwise-class-report .font-size-70 {
  font-size: 70px !important;
}

page-teacher-examwise-class-report .font-size-80 {
  font-size: 80px !important;
}

page-teacher-examwise-class-report .hidden {
  display: none !important;
}

page-teacher-examwise-class-report .w-100p {
  width: 100% !important;
}

page-teacher-examwise-class-report .float-r {
  float: right !important;
}

page-teacher-examwise-class-report .float-l {
  float: left !important;
}

page-teacher-examwise-class-report .align-c {
  display: block;
  margin: 0 auto;
}

page-teacher-examwise-class-report .align-b {
  display: block;
}

page-teacher-examwise-class-report .text-center {
  text-align: center !important;
}

page-teacher-examwise-class-report .text-left {
  text-align: left !important;
}

page-teacher-examwise-class-report .text-right {
  text-align: right !important;
}

page-teacher-examwise-class-report .align-v-c {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-teacher-examwise-class-report .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-teacher-examwise-class-report .align-v-c1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-teacher-examwise-class-report .align-v-c2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-teacher-examwise-class-report .align-v-c3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-teacher-examwise-class-report .align-v-c4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-teacher-examwise-class-report .align-flex-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-teacher-examwise-class-report .align-right-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

page-teacher-examwise-class-report .align-start-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media (max-width: 576px) {
  page-teacher-examwise-class-report .d-xs-none {
    display: none !important;
  }
  page-teacher-examwise-class-report .d-xs-inline {
    display: inline !important;
  }
  page-teacher-examwise-class-report .d-xs-inline-block {
    display: inline-block !important;
  }
  page-teacher-examwise-class-report .d-xs-block {
    display: block !important;
  }
  page-teacher-examwise-class-report .d-xs-table {
    display: table !important;
  }
  page-teacher-examwise-class-report .d-xs-table-cell {
    display: table-cell !important;
  }
  page-teacher-examwise-class-report .d-xs-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
  }
  page-teacher-examwise-class-report .d-xs-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important;
  }
}

page-teacher-examwise-class-report .b-r-gd {
  border-radius: 10px !important;
}

page-teacher-examwise-class-report .b-r-10 {
  border-radius: 10px !important;
}

page-teacher-examwise-class-report .b-r-5 {
  border-radius: 5px;
}

page-teacher-examwise-class-report .d-fl-ov-x {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  overflow-x: auto !important;
}

page-teacher-examwise-class-report .align-base {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-teacher-examwise-class-report .d-fl-bl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-teacher-examwise-class-report .d-fl-vhcenter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-teacher-examwise-class-report .d-fl-b2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
}

page-teacher-examwise-class-report .d-fl-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-teacher-examwise-class-report .d-fl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-teacher-examwise-class-report .d-fl-sb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-teacher-examwise-class-report .d-fl-saround {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-teacher-examwise-class-report .d-fl-ac {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-teacher-examwise-class-report .text-capital {
  text-transform: capitalize !important;
}

page-teacher-examwise-class-report .text-upper {
  text-transform: uppercase !important;
}

page-teacher-examwise-class-report .m-a {
  margin: auto !important;
}

page-teacher-examwise-class-report .m-l-a {
  margin-left: auto !important;
}

page-teacher-examwise-class-report .m-r-a {
  margin-right: auto !important;
}

page-teacher-examwise-class-report .italic {
  font-style: italic;
}

page-teacher-examwise-class-report .pointer {
  cursor: pointer;
}

page-teacher-examwise-class-report .ws-in {
  white-space: inherit;
}

page-teacher-examwise-class-report .opacity-1 {
  opacity: 1;
}

page-teacher-examwise-class-report .in-valid-checkbox {
  border: 1px solid #ff0000 !important;
  padding: 5px !important;
  margin-bottom: 10px;
  border-radius: 5px;
}

page-teacher-examwise-class-report page-corp-dashboard .mycustomdrop:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
  top: -15px;
  position: absolute;
  right: 15%;
}

page-teacher-examwise-class-report h1 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1.6875rem !important;
  line-height: 64px;
  letter-spacing: -0.4px;
}

page-teacher-examwise-class-report h2 {
  font-family: "Poppins", sans-serif;
  font-size: 24px !important;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
}

page-teacher-examwise-class-report h3,
page-teacher-examwise-class-report .h3 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 22px !important;
  line-height: 48px;
  /* identical to box height, or 200% */
  /* Neutral / dark gray */
  color: #000000;
}

page-teacher-examwise-class-report h4,
page-teacher-examwise-class-report .menu-heading-h4 {
  font-family: "Poppins", sans-serif !important;
  font-style: normal;
  font-weight: normal;
  font-size: 15px !important;
  line-height: 26px;
  /* or 144% */
  letter-spacing: -0.2px;
  color: #000000;
}

page-teacher-examwise-class-report h5 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  /* or 143% */
  color: #000000;
}

page-teacher-examwise-class-report .subtitle {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  /* or 200% */
  letter-spacing: 2.5px;
  color: #4E5761;
}

page-teacher-examwise-class-report p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 13px !important;
  line-height: 24px;
  /* identical to box height, or 171% */
  letter-spacing: -0.1px;
  /* Neutral / black */
  color: #000000;
}

page-teacher-examwise-class-report .ui-tabview.ui-tabview-top > .ui-tabview-nav {
  padding: 0.2em 0.2em 0;
  border-bottom: 1px solid #eaeaea;
}

page-teacher-examwise-class-report .scroll-content {
  padding: 0 !important;
}

page-teacher-examwise-class-report ion-navbar {
  margin: 0;
  border-radius: 0px;
  height: 50px !important;
  color: #172B4D !important;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-teacher-examwise-class-report ion-header {
  padding: 0;
}

page-teacher-examwise-class-report .header-md::after {
  background-image: none;
}

page-teacher-examwise-class-report .toolbar-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #172B4D !important;
  line-height: 24px;
  font-family: "Poppins", sans-serif;
  font-size: 2rem !important;
  font-weight: bold !important;
  text-align: left !important;
}

page-teacher-examwise-class-report .userLabel {
  float: right;
  display: inline;
  letter-spacing: 1px;
  color: #172B4D !important !important;
}

page-teacher-examwise-class-report .card-title {
  font-size: 16px !important;
  color: #000000;
  font-weight: bold !important;
  text-align: center !important;
}

page-teacher-examwise-class-report .barcolor {
  background: #5a75a3;
  color: #ffffff;
}

page-teacher-examwise-class-report p-sorticon {
  color: black;
}

page-teacher-examwise-class-report p-sorticon a {
  color: black !important;
}

page-teacher-examwise-class-report .globalTable {
  border: none;
  border: 1px solid #c1c1c1;
}

page-teacher-examwise-class-report .globalTable .ui-table-caption {
  border-bottom: 1px solid #dadada !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  font-size: 18px !important;
  background: #ecececad !important;
}

page-teacher-examwise-class-report .globalTable .table-header input {
  font-size: 15px !important;
  border-style: groove;
  width: 100% !important;
  padding-left: 10px;
  border-radius: 10px;
  border-color: #f3f3f3;
  font-weight: 500;
  line-height: 25px !important;
}

page-teacher-examwise-class-report .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-teacher-examwise-class-report .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

page-teacher-examwise-class-report .globalTable .table-header .align input {
  width: 80%;
  line-height: 25px;
}

page-teacher-examwise-class-report .globalTable .ui-table-tbody tr:nth-child(2n+1) {
  background: white;
}

page-teacher-examwise-class-report .globalTable .ui-table-tbody tr:nth-child(2n) {
  background: #f3f3f3;
}

page-teacher-examwise-class-report .globalTable .ui-table-tbody tr:hover {
  background: #c1c1c167 !important;
}

page-teacher-examwise-class-report .globalTable .ui-table-tbody .activeRow {
  background: #c4d2e5 !important;
}

page-teacher-examwise-class-report .globalTable th input {
  text-align: center !important;
  width: 90% !important;
  font-weight: 400 !important;
}

page-teacher-examwise-class-report .globalTable .ui-table .ui-sortable-column.ui-state-highlight {
  color: black !important;
}

page-teacher-examwise-class-report .globalTable .ui-table .ui-table-thead tr th {
  background: #eeeeee9e;
  border: none;
  padding: 10px 0;
  width: 100%;
  text-align: center;
}

page-teacher-examwise-class-report .globalTable .ui-table .ui-table-tbody tr td {
  border: none;
  background: inherit;
  padding: 20px 0;
  text-align: center;
}

page-teacher-examwise-class-report .globalTable .ui-table .ui-table-tbody tr {
  border-bottom: 1px solid #cacaca;
}

page-teacher-examwise-class-report .globalTable .p-column-filter {
  border-radius: 4px;
  border: 1px solid gray;
}

page-teacher-examwise-class-report .globalTable .badge-badge.status-Active {
  padding: 5px 20px;
  color: #226f4e;
  background-color: #9decbe;
  font-weight: 500;
  font-size: 12px;
}

page-teacher-examwise-class-report .globalTable .badge-badge.status-Inactive {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

page-teacher-examwise-class-report .globalTable .badge-badge.status-Suspended {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

page-teacher-examwise-class-report .globalTable .badge-badge.status-Waiting {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

page-teacher-examwise-class-report .globalTable .badge-badge.status-Pending {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

page-teacher-examwise-class-report .globalTable .actionIcon {
  padding: 0 3px;
  font-size: 16px;
  cursor: pointer;
}

page-teacher-examwise-class-report ion-icon {
  cursor: pointer;
}

page-teacher-examwise-class-report .button-md-reset {
  background-color: #ffffff;
  color: black !important;
  border: 1px solid #e3ecf7;
}

page-teacher-examwise-class-report .button-md-reset:hover {
  background-color: #ececec !important;
}

page-teacher-examwise-class-report .reset:hover {
  background-color: #ececec !important;
}

page-teacher-examwise-class-report .button-md-primary {
  background-color: #172B4D !important;
  color: #ffffff !important;
}

page-teacher-examwise-class-report ion-button {
  background-color: #172B4D !important;
  color: #ffffff;
}

page-teacher-examwise-class-report .my-custom-class .alert-button-group button:first-child {
  position: relative;
}

page-teacher-examwise-class-report .my-custom-class .alert-button-group button {
  font-weight: bold;
}

page-teacher-examwise-class-report .my-custom-class .alert-radio-group {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100% !important;
}

page-teacher-examwise-class-report .my-custom-class button {
  text-align: center;
}

page-teacher-examwise-class-report .alert-button-group button:first-child {
  position: relative !important;
  min-width: 0 !important;
}

page-teacher-examwise-class-report .alert-md .alert-wrapper {
  max-width: 320px !important;
}

page-teacher-examwise-class-report .alert-md .alert-message {
  font-size: 16px !important;
}

page-teacher-examwise-class-report .alert-button {
  font-size: 15px !important;
}

page-teacher-examwise-class-report .alert-md .alert-sub-title {
  font-size: 16px !important;
}

page-teacher-examwise-class-report .alert-md .alert-title {
  font-size: 22px !important;
}

page-teacher-examwise-class-report .breakclass {
  white-space: pre-line;
}

page-teacher-examwise-class-report .error {
  color: red;
  float: left;
}

page-teacher-examwise-class-report .topStrip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}

page-teacher-examwise-class-report .infographic1 {
  border: none;
  color: #367ad2;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-teacher-examwise-class-report .infographic1 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-teacher-examwise-class-report .infographic1 ion-icon {
  color: black;
}

page-teacher-examwise-class-report .infographic2 {
  border: none;
  color: #50d29b;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-teacher-examwise-class-report .infographic2 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-teacher-examwise-class-report .infographic2 ion-icon {
  color: black;
}

page-teacher-examwise-class-report .infographic3 {
  border: none;
  color: #ffaa00;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-teacher-examwise-class-report .infographic3 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-teacher-examwise-class-report .infographic3 ion-icon {
  color: black;
}

page-teacher-examwise-class-report .infographic4 {
  border: none;
  color: #f36363;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-teacher-examwise-class-report .infographic4 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-teacher-examwise-class-report .infographic4 ion-icon {
  color: black;
}

page-teacher-examwise-class-report .infographic5 {
  border: none;
  color: #41acbf;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-teacher-examwise-class-report .infographic5 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-teacher-examwise-class-report .infographic5 ion-icon {
  color: black;
}

page-teacher-examwise-class-report .infograph1 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #367ad2;
  font-size: 20px;
}

page-teacher-examwise-class-report .infograph2 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #51b98d;
  font-size: 20px;
}

page-teacher-examwise-class-report .infograph3 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #ffaa00;
  font-size: 20px;
}

page-teacher-examwise-class-report .infograph4 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #dc5b54;
  font-size: 20px;
}

page-teacher-examwise-class-report .infograph5 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #41acbf;
  font-size: 20px;
}

page-teacher-examwise-class-report .infographtext {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 12px;
}

page-teacher-examwise-class-report .successToast .toast-message {
  background-color: #d2f8d2 !important;
  color: black;
}

page-teacher-examwise-class-report .errorToast .toast-message {
  background-color: #eea9a0 !important;
  color: black;
}

page-teacher-examwise-class-report .actionIconsBar {
  padding-right: 20px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

page-teacher-examwise-class-report .ui-carousel .ui-carousel-header {
  display: none !important;
}

page-teacher-examwise-class-report .userfab .fab-close-active .fab-close-icon {
  height: 40px !important;
  position: relative !important;
}

page-teacher-examwise-class-report textarea.text-input {
  resize: none !important;
}

page-teacher-examwise-class-report .asterisk {
  color: red;
  padding-left: 3px;
}

page-teacher-examwise-class-report .m-b-t {
  margin-bottom: 4% !important;
}

page-teacher-examwise-class-report .ui-radiobutton-box.ui-state-active {
  border: 1px solid #09f;
  background: #09f;
  color: #09f;
}

page-teacher-examwise-class-report .alert-md .alert-message {
  overflow: auto;
}

page-teacher-examwise-class-report .alert-md .alert-message .alertstyle1 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

page-teacher-examwise-class-report .alert-md .alert-message .alertstyle1 b {
  width: 65px !important;
}

page-teacher-examwise-class-report .alert-md .alert-message .alertstyle3 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-teacher-examwise-class-report .alert-md .alert-message .alertstyle3 b {
  width: 65px !important;
}

page-teacher-examwise-class-report .alert-md .alert-message .alertstyle4 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-teacher-examwise-class-report .alert-md .alert-message .alertstyle4 b {
  width: 150px !important;
}

page-teacher-examwise-class-report .alert-md .alert-message .alertstyle5 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

page-teacher-examwise-class-report .alert-md .alert-message .alertstyle5 b {
  width: 75px !important;
}

page-teacher-examwise-class-report .alert-md .alert-message .alertstyle5 span {
  width: 5px;
}

page-teacher-examwise-class-report .alert-md .alert-message .alertstyle2 {
  text-align: left !important;
}

page-teacher-examwise-class-report .alert-md .alert-message .alertstyle2 li {
  margin-top: 10px;
}

page-teacher-examwise-class-report .ui-tooltip {
  background-color: #172B4D !important;
  color: #ffffff;
}

page-teacher-examwise-class-report .navsebexam .toolbar-content-md {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
}

page-teacher-examwise-class-report .modal-wrapper {
  height: 75%;
  top: 10%;
  position: absolute;
  display: block;
  border-radius: 10px !important;
}

page-teacher-examwise-class-report .ui-picklist-source-controls.ui-picklist-buttons {
  display: none !important;
}

page-teacher-examwise-class-report .ui-picklist-target-controls.ui-picklist-buttons {
  display: none !important;
}

page-teacher-examwise-class-report .ui-picklist-target-controls.ui-picklist-buttons.ng-star-inserted {
  display: none !important;
}

page-teacher-examwise-class-report .ellip {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

page-teacher-examwise-class-report .p-slider {
  background: #dee2e6;
  border: 0 none;
  border-radius: 3px;
}

page-teacher-examwise-class-report .Errorbox .alert-title {
  color: #d8000c;
}

page-teacher-examwise-class-report .Errorbox .alert-button {
  color: #d8000c;
}

page-teacher-examwise-class-report .card-md {
  border-radius: 5px !important;
}

page-teacher-examwise-class-report .modal {
  display: none;
  /* Hidden by default */
  position: -webkit-sticky;
  position: sticky;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 30px;
  /* Location of the box */
  left: 0;
  right: 0;
  bottom: 150px;
  width: 400px;
  height: 400px;
  margin: auto;
  border: 4px solid;
  background-color: black;
}

page-teacher-examwise-class-report .modal-content {
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
}

page-teacher-examwise-class-report .close {
  position: absolute;
  color: #f1f1f1;
  top: 0px;
  right: 10px;
  font-size: 28px;
  font-weight: bold;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

page-teacher-examwise-class-report .close:hover,
page-teacher-examwise-class-report .close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

page-teacher-examwise-class-report .customhr {
  width: 90%;
  background-color: #ccc;
}

page-teacher-examwise-class-report .mycustomtoolbar ion-segment {
  border: none;
}

page-teacher-examwise-class-report .mycustomtoolbar ion-segment-button {
  font-size: 16px !important;
  font-weight: 500 !important;
}

page-teacher-examwise-class-report .mycustomtoolbar .segment-md .segment-button.activated,
page-teacher-examwise-class-report .mycustomtoolbar .segment-md .segment-button.segment-activated {
  border-color: #172B4D !important;
  color: #172B4D !important;
}

page-teacher-examwise-class-report .mycustomtoolbar .toolbar-background {
  background: transparent;
}

page-teacher-examwise-class-report .fc {
  direction: ltr;
  text-align: left;
}

page-teacher-examwise-class-report .fc-rtl {
  text-align: right;
}

page-teacher-examwise-class-report body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}

page-teacher-examwise-class-report .fc-unthemed th,
page-teacher-examwise-class-report .fc-unthemed td,
page-teacher-examwise-class-report .fc-unthemed thead,
page-teacher-examwise-class-report .fc-unthemed tbody,
page-teacher-examwise-class-report .fc-unthemed .fc-divider,
page-teacher-examwise-class-report .fc-unthemed .fc-row,
page-teacher-examwise-class-report .fc-unthemed .fc-content,
page-teacher-examwise-class-report .fc-unthemed .fc-popover,
page-teacher-examwise-class-report .fc-unthemed .fc-list-view,
page-teacher-examwise-class-report .fc-unthemed .fc-list-heading td {
  border-color: #ddd;
}

page-teacher-examwise-class-report .fc-unthemed .fc-popover {
  background-color: #fff;
}

page-teacher-examwise-class-report .fc-unthemed .fc-divider,
page-teacher-examwise-class-report .fc-unthemed .fc-popover .fc-header,
page-teacher-examwise-class-report .fc-unthemed .fc-list-heading td {
  background: #eee;
}

page-teacher-examwise-class-report .fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}

page-teacher-examwise-class-report .fc-unthemed td.fc-today {
  background: #fcf8e3;
}

page-teacher-examwise-class-report .fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3;
}

page-teacher-examwise-class-report .fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3;
}

page-teacher-examwise-class-report .fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}

page-teacher-examwise-class-report .fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

page-teacher-examwise-class-report .fc-icon:after {
  position: relative;
}

page-teacher-examwise-class-report .fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-teacher-examwise-class-report .fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-teacher-examwise-class-report .fc-icon-left-double-arrow:after {
  content: "\000AB";
  font-size: 160%;
  top: -7%;
}

page-teacher-examwise-class-report .fc-icon-right-double-arrow:after {
  content: "\000BB";
  font-size: 160%;
  top: -7%;
}

page-teacher-examwise-class-report .fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%;
}

page-teacher-examwise-class-report .fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%;
}

page-teacher-examwise-class-report .fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%;
}

page-teacher-examwise-class-report .fc-icon-x:after {
  content: "\000D7";
  font-size: 200%;
  top: 6%;
}

page-teacher-examwise-class-report .fc button {
  /* force height to include the border and padding */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer;
}

page-teacher-examwise-class-report .fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}

page-teacher-examwise-class-report .fc-state-default {
  /* non-theme */
  border: 1px solid;
}

page-teacher-examwise-class-report .fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

page-teacher-examwise-class-report .fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

page-teacher-examwise-class-report .fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .2em;
  vertical-align: middle;
}

page-teacher-examwise-class-report .fc-state-default {
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-teacher-examwise-class-report .fc-state-hover,
page-teacher-examwise-class-report .fc-state-down,
page-teacher-examwise-class-report .fc-state-active,
page-teacher-examwise-class-report .fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}

page-teacher-examwise-class-report .fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

page-teacher-examwise-class-report .fc-state-down,
page-teacher-examwise-class-report .fc-state-active {
  background-color: #cccccc;
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-teacher-examwise-class-report .fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}

page-teacher-examwise-class-report .fc-button-group {
  display: inline-block;
}

page-teacher-examwise-class-report .fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px;
}

page-teacher-examwise-class-report .fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0;
}

page-teacher-examwise-class-report .fc-popover {
  position: absolute;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

page-teacher-examwise-class-report .fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px;
}

page-teacher-examwise-class-report .fc-popover .fc-header .fc-title {
  margin: 0 2px;
}

page-teacher-examwise-class-report .fc-popover .fc-header .fc-close {
  cursor: pointer;
}

page-teacher-examwise-class-report .fc-ltr .fc-popover .fc-header .fc-title,
page-teacher-examwise-class-report .fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}

page-teacher-examwise-class-report .fc-rtl .fc-popover .fc-header .fc-title,
page-teacher-examwise-class-report .fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}

page-teacher-examwise-class-report .fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}

page-teacher-examwise-class-report .fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: .9em;
  margin-top: 2px;
}

page-teacher-examwise-class-report .fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */
}

page-teacher-examwise-class-report .fc-divider {
  border-style: solid;
  border-width: 1px;
}

page-teacher-examwise-class-report hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}

page-teacher-examwise-class-report .fc-clear {
  clear: both;
}

page-teacher-examwise-class-report .fc-bg,
page-teacher-examwise-class-report .fc-bgevent-skeleton,
page-teacher-examwise-class-report .fc-highlight-skeleton,
page-teacher-examwise-class-report .fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-teacher-examwise-class-report .fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}

page-teacher-examwise-class-report .fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}

page-teacher-examwise-class-report .fc table {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}

page-teacher-examwise-class-report .fc th {
  text-align: center;
}

page-teacher-examwise-class-report .fc th,
page-teacher-examwise-class-report .fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}

page-teacher-examwise-class-report .fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}

page-teacher-examwise-class-report a[data-goto] {
  cursor: pointer;
}

page-teacher-examwise-class-report a[data-goto]:hover {
  text-decoration: underline;
}

page-teacher-examwise-class-report .fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}

page-teacher-examwise-class-report .fc-row table {
  /* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}

page-teacher-examwise-class-report .fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}

page-teacher-examwise-class-report .fc-row {
  position: relative;
}

page-teacher-examwise-class-report .fc-row .fc-bg {
  z-index: 1;
}

page-teacher-examwise-class-report .fc-row .fc-bgevent-skeleton,
page-teacher-examwise-class-report .fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}

page-teacher-examwise-class-report .fc-row .fc-bgevent-skeleton table,
page-teacher-examwise-class-report .fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}

page-teacher-examwise-class-report .fc-row .fc-highlight-skeleton td,
page-teacher-examwise-class-report .fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}

page-teacher-examwise-class-report .fc-row .fc-bgevent-skeleton {
  z-index: 2;
}

page-teacher-examwise-class-report .fc-row .fc-highlight-skeleton {
  z-index: 3;
}

page-teacher-examwise-class-report .fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}

page-teacher-examwise-class-report .fc-row .fc-helper-skeleton {
  z-index: 5;
}

page-teacher-examwise-class-report .fc-row .fc-content-skeleton td,
page-teacher-examwise-class-report .fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}

page-teacher-examwise-class-report .fc-row .fc-content-skeleton tbody td,
page-teacher-examwise-class-report .fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}

page-teacher-examwise-class-report .fc-scroller {
  -webkit-overflow-scrolling: touch;
}

page-teacher-examwise-class-report .fc-scroller > .fc-day-grid,
page-teacher-examwise-class-report .fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}

page-teacher-examwise-class-report .fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */
  font-weight: normal;
  /* undo jqui's ui-widget-header bold */
}

page-teacher-examwise-class-report .fc-event,
page-teacher-examwise-class-report .fc-event-dot {
  background-color: #3a87ad;
  /* default BACKGROUND color */
}

page-teacher-examwise-class-report .fc-event,
page-teacher-examwise-class-report .fc-event:hover,
page-teacher-examwise-class-report .ui-widget .fc-event {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}

page-teacher-examwise-class-report .fc-event[href],
page-teacher-examwise-class-report .fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}

page-teacher-examwise-class-report .fc-not-allowed,
page-teacher-examwise-class-report .fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}

page-teacher-examwise-class-report .fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #ffffff;
  opacity: .25;
}

page-teacher-examwise-class-report .fc-event .fc-content {
  position: relative;
  z-index: 2;
}

page-teacher-examwise-class-report .fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
}

page-teacher-examwise-class-report .fc-event .fc-resizer {
  display: none;
}

page-teacher-examwise-class-report .fc-event.fc-allow-mouse-resize .fc-resizer,
page-teacher-examwise-class-report .fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block;
}

page-teacher-examwise-class-report .fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}

page-teacher-examwise-class-report .fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

page-teacher-examwise-class-report .fc-event.fc-selected.fc-dragging {
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

page-teacher-examwise-class-report .fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}

page-teacher-examwise-class-report .fc-ltr .fc-h-event.fc-not-start,
page-teacher-examwise-class-report .fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

page-teacher-examwise-class-report .fc-ltr .fc-h-event.fc-not-end,
page-teacher-examwise-class-report .fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

page-teacher-examwise-class-report .fc-ltr .fc-h-event .fc-start-resizer,
page-teacher-examwise-class-report .fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */
}

page-teacher-examwise-class-report .fc-ltr .fc-h-event .fc-end-resizer,
page-teacher-examwise-class-report .fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */
}

page-teacher-examwise-class-report .fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */
}

page-teacher-examwise-class-report .fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* vertically center */
  top: 50%;
  margin-top: -4px;
}

page-teacher-examwise-class-report .fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
page-teacher-examwise-class-report .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */
}

page-teacher-examwise-class-report .fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
page-teacher-examwise-class-report .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */
}

page-teacher-examwise-class-report .fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}

page-teacher-examwise-class-report tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */
}

page-teacher-examwise-class-report .fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: .25;
}

page-teacher-examwise-class-report .fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}

page-teacher-examwise-class-report .fc-day-grid-event .fc-time {
  font-weight: bold;
}

page-teacher-examwise-class-report .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
page-teacher-examwise-class-report .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */
}

page-teacher-examwise-class-report .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
page-teacher-examwise-class-report .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */
}

page-teacher-examwise-class-report a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none;
}

page-teacher-examwise-class-report a.fc-more:hover {
  text-decoration: underline;
}

page-teacher-examwise-class-report .fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}

page-teacher-examwise-class-report .fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}

page-teacher-examwise-class-report .fc-more-popover {
  z-index: 2;
  width: 220px;
}

page-teacher-examwise-class-report .fc-more-popover .fc-event-container {
  padding: 10px;
}

page-teacher-examwise-class-report .fc-now-indicator {
  position: absolute;
  border: 0 solid red;
}

page-teacher-examwise-class-report .fc-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

page-teacher-examwise-class-report .fc-toolbar {
  text-align: center;
}

page-teacher-examwise-class-report .fc-toolbar.fc-header-toolbar {
  margin-bottom: 1em;
}

page-teacher-examwise-class-report .fc-toolbar.fc-footer-toolbar {
  margin-top: 1em;
}

page-teacher-examwise-class-report .fc-toolbar .fc-left {
  float: left;
}

page-teacher-examwise-class-report .fc-toolbar .fc-right {
  float: right;
}

page-teacher-examwise-class-report .fc-toolbar .fc-center {
  display: inline-block;
}

page-teacher-examwise-class-report .fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em;
}

page-teacher-examwise-class-report .fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0;
}

page-teacher-examwise-class-report .fc-toolbar h2 {
  margin: 0;
}

page-teacher-examwise-class-report .fc-toolbar button {
  position: relative;
}

page-teacher-examwise-class-report .fc-toolbar .fc-state-hover,
page-teacher-examwise-class-report .fc-toolbar .ui-state-hover {
  z-index: 2;
}

page-teacher-examwise-class-report .fc-toolbar .fc-state-down {
  z-index: 3;
}

page-teacher-examwise-class-report .fc-toolbar .fc-state-active,
page-teacher-examwise-class-report .fc-toolbar .ui-state-active {
  z-index: 4;
}

page-teacher-examwise-class-report .fc-toolbar button:focus {
  z-index: 5;
}

page-teacher-examwise-class-report .fc-view-container *,
page-teacher-examwise-class-report .fc-view-container *:before,
page-teacher-examwise-class-report .fc-view-container *:after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

page-teacher-examwise-class-report .fc-view,
page-teacher-examwise-class-report .fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}

page-teacher-examwise-class-report .fc-basicWeek-view .fc-content-skeleton,
page-teacher-examwise-class-report .fc-basicDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}

page-teacher-examwise-class-report .fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}

page-teacher-examwise-class-report .fc-row.fc-rigid {
  overflow: hidden;
}

page-teacher-examwise-class-report .fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-teacher-examwise-class-report .fc-day-top.fc-other-month {
  opacity: 0.3;
}

page-teacher-examwise-class-report .fc-basic-view .fc-week-number,
page-teacher-examwise-class-report .fc-basic-view .fc-day-number {
  padding: 2px;
}

page-teacher-examwise-class-report .fc-basic-view th.fc-week-number,
page-teacher-examwise-class-report .fc-basic-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */
}

page-teacher-examwise-class-report .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right;
}

page-teacher-examwise-class-report .fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left;
}

page-teacher-examwise-class-report .fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0;
}

page-teacher-examwise-class-report .fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px;
}

page-teacher-examwise-class-report .fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080;
}

page-teacher-examwise-class-report .fc-basic-view td.fc-week-number {
  text-align: center;
}

page-teacher-examwise-class-report .fc-basic-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}

page-teacher-examwise-class-report .fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}

page-teacher-examwise-class-report .fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}

page-teacher-examwise-class-report .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}

page-teacher-examwise-class-report .fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}

page-teacher-examwise-class-report .fc-ltr .fc-axis {
  text-align: right;
}

page-teacher-examwise-class-report .fc-rtl .fc-axis {
  text-align: left;
}

page-teacher-examwise-class-report .ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome jqui theme making it bold */
}

page-teacher-examwise-class-report .fc-time-grid-container,
page-teacher-examwise-class-report .fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}

page-teacher-examwise-class-report .fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

page-teacher-examwise-class-report .fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}

page-teacher-examwise-class-report .fc-time-grid > .fc-bg {
  z-index: 1;
}

page-teacher-examwise-class-report .fc-time-grid .fc-slats,
page-teacher-examwise-class-report .fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}

page-teacher-examwise-class-report .fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */
}

page-teacher-examwise-class-report .fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
}

page-teacher-examwise-class-report .fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1;
}

page-teacher-examwise-class-report .fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2;
}

page-teacher-examwise-class-report .fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3;
}

page-teacher-examwise-class-report .fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4;
}

page-teacher-examwise-class-report .fc-time-grid .fc-now-indicator-line {
  z-index: 5;
}

page-teacher-examwise-class-report .fc-time-grid .fc-helper-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6;
}

page-teacher-examwise-class-report .fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}

page-teacher-examwise-class-report .fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}

page-teacher-examwise-class-report .fc-time-grid .fc-slats .ui-widget-content {
  /* for jqui theme */
  background: none;
  /* see through to fc-bg */
}

page-teacher-examwise-class-report .fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}

page-teacher-examwise-class-report .fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}

page-teacher-examwise-class-report .fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}

page-teacher-examwise-class-report .fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}

page-teacher-examwise-class-report .fc-time-grid .fc-event,
page-teacher-examwise-class-report .fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}

page-teacher-examwise-class-report .fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}

page-teacher-examwise-class-report .fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

page-teacher-examwise-class-report .fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

page-teacher-examwise-class-report .fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */
}

page-teacher-examwise-class-report .fc-time-grid-event.fc-selected {
  /* need to allow touch resizers to extend outside event's bounding box */
  /* common fc-selected styles hide the fc-bg, so don't need this anyway */
  overflow: visible;
}

page-teacher-examwise-class-report .fc-time-grid-event.fc-selected .fc-bg {
  display: none;
  /* hide semi-white background, to appear darker */
}

page-teacher-examwise-class-report .fc-time-grid-event .fc-content {
  overflow: hidden;
  /* for when .fc-selected */
}

page-teacher-examwise-class-report .fc-time-grid-event .fc-time,
page-teacher-examwise-class-report .fc-time-grid-event .fc-title {
  padding: 0 1px;
}

page-teacher-examwise-class-report .fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap;
}

page-teacher-examwise-class-report .fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}

page-teacher-examwise-class-report .fc-time-grid-event.fc-short .fc-time,
page-teacher-examwise-class-report .fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}

page-teacher-examwise-class-report .fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}

page-teacher-examwise-class-report .fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}

page-teacher-examwise-class-report .fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
  /* seperate with a dash, wrapped in nbsp's */
}

page-teacher-examwise-class-report .fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}

page-teacher-examwise-class-report .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}

page-teacher-examwise-class-report .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "=";
}

page-teacher-examwise-class-report .fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px;
}

page-teacher-examwise-class-report .fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0;
}

page-teacher-examwise-class-report .fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */
}

page-teacher-examwise-class-report .fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-teacher-examwise-class-report .fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-teacher-examwise-class-report .fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}

page-teacher-examwise-class-report .fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */
}

page-teacher-examwise-class-report .fc-list-view {
  border-width: 1px;
  border-style: solid;
}

page-teacher-examwise-class-report .fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */
}

page-teacher-examwise-class-report .fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px;
}

page-teacher-examwise-class-report .fc-list-table tr:first-child td {
  border-top-width: 0;
}

page-teacher-examwise-class-report .fc-list-heading {
  border-bottom-width: 1px;
}

page-teacher-examwise-class-report .fc-list-heading td {
  font-weight: bold;
}

page-teacher-examwise-class-report .fc-ltr .fc-list-heading-main {
  float: left;
}

page-teacher-examwise-class-report .fc-ltr .fc-list-heading-alt {
  float: right;
}

page-teacher-examwise-class-report .fc-rtl .fc-list-heading-main {
  float: right;
}

page-teacher-examwise-class-report .fc-rtl .fc-list-heading-alt {
  float: left;
}

page-teacher-examwise-class-report .fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */
}

page-teacher-examwise-class-report .fc-list-item:hover td {
  background-color: #f5f5f5;
}

page-teacher-examwise-class-report .fc-list-item-marker,
page-teacher-examwise-class-report .fc-list-item-time {
  white-space: nowrap;
  width: 1px;
}

page-teacher-examwise-class-report .fc-ltr .fc-list-item-marker {
  padding-right: 0;
}

page-teacher-examwise-class-report .fc-rtl .fc-list-item-marker {
  padding-left: 0;
}

page-teacher-examwise-class-report .fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit;
}

page-teacher-examwise-class-report .fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline;
}

page-teacher-examwise-class-report .fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

page-teacher-examwise-class-report .fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table;
}

page-teacher-examwise-class-report .fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

page-teacher-examwise-class-report .fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #eee;
}

page-teacher-examwise-class-report .generateButton {
  display: block;
  margin: 0 auto;
}

page-teacher-examwise-class-report .resetButton {
  float: right;
}

page-teacher-examwise-class-report .downloadButton {
  float: left;
}

page-teacher-examwise-class-report .nodata_avail {
  font-family: "Open Sans" !important;
  text-align: center;
  line-height: 60px;
  font-size: 25px;
  color: #0099ff !important;
  margin: auto;
  border-radius: 10px;
  width: 75%;
  padding: 13px 16px;
  background: #ffffff !important;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

page-teacher-examwise-class-report .nodata_avail-title {
  color: #0099ff !important;
  border-bottom: 1px solid #0099ff !important;
  font-size: 18px !important;
  font-weight: bold;
  font-family: "Open Sans";
  cursor: pointer;
}

page-teacher-examwise-class-report .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
  background-color: #5eaac2 !important;
  color: #ffffff !important;
}

page-teacher-examwise-class-report .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active {
  color: #ffffff !important;
  background-color: #5eaac2 !important;
}

page-teacher-examwise-class-report p-table.flatTable th {
  border: none;
  border-bottom: 3px solid #f1f1f1;
  width: 130px;
}

page-teacher-examwise-class-report p-table.flatTable td {
  width: 130px;
}

page-teacher-examwise-class-report p-table.flatTable .ui-table-wrapper {
  min-height: 52.5vh !important;
}

page-teacher-examwise-class-report body .ui-table .ui-sortable-column.ui-state-highlight {
  color: #333333 !important;
}

page-teacher-examwise-class-report body .ui-table .ui-sortable-column.ui-state-highlight .ui-sortable-column-icon {
  color: #848484 !important;
}

page-technical-issues {
  /* ANIMATION */
  /* SHADOWS */
  /*
 *
 *   MaterialWrap - Bootstrap + Material Design Admin Theme

 
*/
  /*
 * CSS Transform - Scale and Rotate
 */
  /* The Modal (background) */
  /* Modal Content (image) */
  /* The Close Button */
  /*!
 * FullCalendar v3.2.0 Stylesheet
 * Docs & License: https://fullcalendar.io/
 * (c) 2017 Adam Shaw
 */
  /* Colors
--------------------------------------------------------------------------------------------------*/
  /* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
  /*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
  /* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
  /* Firefox has an annoying inner border */
  /* icons in buttons */
  /*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
  /* Buttons Groups
--------------------------------------------------------------------------------------------------*/
  /*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
  /* Popover
--------------------------------------------------------------------------------------------------*/
  /* unthemed */
  /* jqui themed */
  /* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
  /* Tables
--------------------------------------------------------------------------------------------------*/
  /* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
  /* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
  /* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
  /* highlighting cells & background event skeleton */
  /*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
  /* Scrolling Container
--------------------------------------------------------------------------------------------------*/
  /* TODO: move to agenda/basic */
  /* Global Event Styles
--------------------------------------------------------------------------------------------------*/
  /* overpower some of bootstrap's and jqui's styles on <a> tags */
  /* resizer (cursor AND touch devices) */
  /* resizer (touch devices) */
  /* hit area */
  /* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
  /* Horizontal Events
--------------------------------------------------------------------------------------------------*/
  /* bigger touch area when selected */
  /* events that are continuing to/from another week. kill rounded corners and butt up against edge */
  /* resizer (cursor AND touch devices) */
  /* left resizer  */
  /* right resizer */
  /* resizer (mouse devices) */
  /* resizer (touch devices) */
  /* left resizer  */
  /* right resizer */
  /* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* resizer (cursor devices) */
  /* left resizer  */
  /* right resizer */
  /* Event Limiting
--------------------------------------------------------------------------------------------------*/
  /* "more" link that represents hidden events */
  /* popover that appears when "more" link is clicked */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* Utilities
--------------------------------------------------------------------------------------------------*/
  /* Toolbar
--------------------------------------------------------------------------------------------------*/
  /* the things within each left/right/center section */
  /* the first thing within each left/center/right section */
  /* title text */
  /* button layering (for border precedence) */
  /* View Structure
--------------------------------------------------------------------------------------------------*/
  /* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
  /* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
  /* BasicView
--------------------------------------------------------------------------------------------------*/
  /* day row structure */
  /* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
  /* week and day number styling */
  /* when week/day number have own column */
  /* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
  /* divs within a cell within the fc-content-skeleton */
  /* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
  /* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* short mode, where time and title are on the same line */
  /* resizer (cursor device) */
  /* resizer (touch device) */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* arrow on axis */
  /* List View
--------------------------------------------------------------------------------------------------*/
  /* possibly reusable */
  /* view wrapper */
  /* table resets */
  /* day headings with the list */
  /* event list items */
  /* make the dot closer to the event title */
  /* message when no events */
}

page-technical-issues .letter-sp-1 {
  letter-spacing: 1px;
}

page-technical-issues .letter-sp-2 {
  letter-spacing: 2px;
}

page-technical-issues .letter-sp-3 {
  letter-spacing: 3px;
}

page-technical-issues .m-0 {
  margin: 0 !important;
}

page-technical-issues .m-5 {
  margin: 5px !important;
}

page-technical-issues .m-10 {
  margin: 10px !important;
}

page-technical-issues .m-15 {
  margin: 15px !important;
}

page-technical-issues .m-20 {
  margin: 20px !important;
}

page-technical-issues .m-30 {
  margin: 30px !important;
}

page-technical-issues .m-50 {
  margin: 50px !important;
}

page-technical-issues .m-b-100 {
  margin-bottom: 100px !important;
}

page-technical-issues .m-b-15 {
  margin-bottom: 15px !important;
}

page-technical-issues .m-b-20 {
  margin-bottom: 20px !important;
}

page-technical-issues .m-b-0 {
  margin-bottom: 0 !important;
}

page-technical-issues .m-l-0 {
  margin-left: 0 !important;
}

page-technical-issues .m-l-5 {
  margin-left: 5px !important;
}

page-technical-issues .m-l-10 {
  margin-left: 10px !important;
}

page-technical-issues .m-l-15 {
  margin-left: 15px !important;
}

page-technical-issues .m-l-20 {
  margin-left: 20px !important;
}

page-technical-issues .m-l-30 {
  margin-left: 30px !important;
}

page-technical-issues .m-l-40 {
  margin-left: 40px !important;
}

page-technical-issues .m-l-50 {
  margin-left: 50px !important;
}

page-technical-issues .m-l-n-1 {
  margin-left: -1px !important;
}

page-technical-issues .m-l-n-5 {
  margin-left: -5px !important;
}

page-technical-issues .m-l-n-10 {
  margin-left: -10px !important;
}

page-technical-issues .m-l-n-15 {
  margin-left: -15px !important;
}

page-technical-issues .m-l-n-20 {
  margin-left: -20px !important;
}

page-technical-issues .m-l-n-30 {
  margin-left: -30px !important;
}

page-technical-issues .m-l-n-40 {
  margin-left: -40px !important;
}

page-technical-issues .m-l-n-50 {
  margin-left: -50px !important;
}

page-technical-issues .m-t-0 {
  margin-top: 0 !important;
}

page-technical-issues .m-t-1 {
  margin-top: 1px !important;
}

page-technical-issues .m-t-2 {
  margin-top: 2px;
}

page-technical-issues .m-t-2p {
  margin-top: 2% !important;
}

page-technical-issues .m-t-5p {
  margin-top: 5% !important;
}

page-technical-issues .m-t-25p {
  margin-top: 25% !important;
}

page-technical-issues .m-t-30p {
  margin-top: 30% !important;
}

page-technical-issues .m-t-4 {
  margin-top: 4px !important;
}

page-technical-issues .m-t-5 {
  margin-top: 5px !important;
}

page-technical-issues .m-t-5p {
  margin-top: 5% !important;
}

page-technical-issues .m-t-10 {
  margin-top: 10px !important;
}

page-technical-issues .m-t-15 {
  margin-top: 15px !important;
}

page-technical-issues .m-t-20 {
  margin-top: 20px !important;
}

page-technical-issues .m-t-30 {
  margin-top: 30px !important;
}

page-technical-issues .m-t-40 {
  margin-top: 40px !important;
}

page-technical-issues .m-t-50 {
  margin-top: 50px !important;
}

page-technical-issues .m-t-75 {
  margin-top: 75px !important;
}

page-technical-issues .m-t-100 {
  margin-top: 100px !important;
}

page-technical-issues .m-t-120 {
  margin-top: 120px !important;
}

page-technical-issues .m-t-140 {
  margin-top: 140px !important;
}

page-technical-issues .m-t-n-1 {
  margin-top: -1px !important;
}

page-technical-issues .m-t-n-5 {
  margin-top: -5px !important;
}

page-technical-issues .m-t-n-10 {
  margin-top: -10px !important;
}

page-technical-issues .m-t-n-15 {
  margin-top: -15px !important;
}

page-technical-issues .m-t-n-20 {
  margin-top: -20px !important;
}

page-technical-issues .m-t-n-30 {
  margin-top: -30px !important;
}

page-technical-issues .m-t-n-40 {
  margin-top: -40px !important;
}

page-technical-issues .m-t-n-50 {
  margin-top: -50px !important;
}

page-technical-issues .m-r-0 {
  margin-right: 0 !important;
}

page-technical-issues .m-r-1 {
  margin-right: 1px !important;
}

page-technical-issues .m-r-5 {
  margin-right: 5px !important;
}

page-technical-issues .m-r-10 {
  margin-right: 10px !important;
}

page-technical-issues .m-r-15 {
  margin-right: 15px !important;
}

page-technical-issues .m-r-20 {
  margin-right: 20px !important;
}

page-technical-issues .m-r-30 {
  margin-right: 30px !important;
}

page-technical-issues .m-r-40 {
  margin-right: 40px !important;
}

page-technical-issues .m-r-50 {
  margin-right: 50px !important;
}

page-technical-issues .m-r-n-1 {
  margin-right: -1px !important;
}

page-technical-issues .m-r-n-5 {
  margin-right: -5px !important;
}

page-technical-issues .m-r-n-10 {
  margin-right: -10px !important;
}

page-technical-issues .m-r-n-15 {
  margin-right: -15px !important;
}

page-technical-issues .m-r-n-20 {
  margin-right: -20px !important;
}

page-technical-issues .m-r-n-30 {
  margin-right: -30px !important;
}

page-technical-issues .m-r-n-40 {
  margin-right: -40px !important;
}

page-technical-issues .m-r-n-50 {
  margin-right: -50px !important;
}

page-technical-issues .m-b-0 {
  margin-bottom: 0 !important;
}

page-technical-issues .m-b-1 {
  margin-bottom: 1px !important;
}

page-technical-issues .m-b-4 {
  margin-bottom: 4px !important;
}

page-technical-issues .m-b-5 {
  margin-bottom: 5px !important;
}

page-technical-issues .m-b-10 {
  margin-bottom: 10px !important;
}

page-technical-issues .m-b-15 {
  margin-bottom: 15px !important;
}

page-technical-issues .m-b-20 {
  margin-bottom: 20px !important;
}

page-technical-issues .m-b-30 {
  margin-bottom: 30px !important;
}

page-technical-issues .m-b-40 {
  margin-bottom: 40px !important;
}

page-technical-issues .m-b-50 {
  margin-bottom: 50px !important;
}

page-technical-issues .m-b-n-1 {
  margin-bottom: -1px !important;
}

page-technical-issues .m-b-n-5 {
  margin-bottom: -5px !important;
}

page-technical-issues .m-b-n-10 {
  margin-bottom: -10px !important;
}

page-technical-issues .m-b-n-15 {
  margin-bottom: -15px !important;
}

page-technical-issues .m-b-n-20 {
  margin-bottom: -20px !important;
}

page-technical-issues .m-b-n-30 {
  margin-bottom: -30px !important;
}

page-technical-issues .m-b-n-40 {
  margin-bottom: -40px !important;
}

page-technical-issues .m-b-n-50 {
  margin-bottom: -50px !important;
}

page-technical-issues .p-0 {
  padding: 0 !important;
}

page-technical-issues .p-5 {
  padding: 5px !important;
}

page-technical-issues .p-10 {
  padding: 10px !important;
}

page-technical-issues .p-15 {
  padding: 15px !important;
}

page-technical-issues .p-20 {
  padding: 20px !important;
}

page-technical-issues .p-25 {
  padding: 25px !important;
}

page-technical-issues .p-30 {
  padding: 30px !important;
}

page-technical-issues .p-40 {
  padding: 40px !important;
}

page-technical-issues .p-50 {
  padding: 50px !important;
}

page-technical-issues .p-75 {
  padding: 75px !important;
}

page-technical-issues .p-100 {
  padding: 100px !important;
}

page-technical-issues .p-lr {
  padding: 0px 4% 0px 4%;
}

page-technical-issues .p-l-0 {
  padding-left: 0 !important;
}

page-technical-issues .p-l-5 {
  padding-left: 5px !important;
}

page-technical-issues .p-l-10 {
  padding-left: 10px !important;
}

page-technical-issues .p-l-12 {
  padding-left: 12px !important;
}

page-technical-issues .p-l-15 {
  padding-left: 15px !important;
}

page-technical-issues .p-l-16 {
  padding-left: 16px !important;
}

page-technical-issues .p-l-20 {
  padding-left: 20px !important;
}

page-technical-issues .p-l-25 {
  padding-left: 25px !important;
}

page-technical-issues .p-l-30 {
  padding-left: 30px !important;
}

page-technical-issues .p-l-40 {
  padding-left: 40px !important;
}

page-technical-issues .p-l-50 {
  padding-left: 50px !important;
}

page-technical-issues .p-l-75 {
  padding-left: 75px !important;
}

page-technical-issues .p-l-100 {
  padding-left: 100px !important;
}

page-technical-issues .p-r-0 {
  padding-right: 0 !important;
}

page-technical-issues .p-r-5 {
  padding-right: 5px !important;
}

page-technical-issues .p-r-10 {
  padding-right: 10px !important;
}

page-technical-issues .p-r-12 {
  padding-right: 12px !important;
}

page-technical-issues .p-r-15 {
  padding-right: 15px !important;
}

page-technical-issues .p-r-20 {
  padding-right: 20px !important;
}

page-technical-issues .p-r-25 {
  padding-right: 25px !important;
}

page-technical-issues .p-r-30 {
  padding-right: 30px !important;
}

page-technical-issues .p-r-40 {
  padding-right: 40px !important;
}

page-technical-issues .p-r-50 {
  padding-right: 50px !important;
}

page-technical-issues .p-r-75 {
  padding-right: 75px !important;
}

page-technical-issues .p-r-100 {
  padding-right: 100px !important;
}

page-technical-issues .p-b-0 {
  padding-bottom: 0 !important;
}

page-technical-issues .p-b-5 {
  padding-bottom: 5px !important;
}

page-technical-issues .p-b-10 {
  padding-bottom: 10px !important;
}

page-technical-issues .p-b-15 {
  padding-bottom: 15px !important;
}

page-technical-issues .p-b-16 {
  padding-bottom: 16px !important;
}

page-technical-issues .p-b-20 {
  padding-bottom: 20px !important;
}

page-technical-issues .p-b-25 {
  padding-bottom: 25px !important;
}

page-technical-issues .p-b-30 {
  padding-bottom: 30px !important;
}

page-technical-issues .p-b-40 {
  padding-bottom: 40px !important;
}

page-technical-issues .p-b-50 {
  padding-bottom: 50px !important;
}

page-technical-issues .p-b-60 {
  padding-bottom: 60px !important;
}

page-technical-issues .p-b-70 {
  padding-bottom: 70px !important;
}

page-technical-issues .p-b-80 {
  padding-bottom: 80px !important;
}

page-technical-issues .p-b-90 {
  padding-bottom: 90px !important;
}

page-technical-issues .p-b-100 {
  padding-bottom: 100px !important;
}

page-technical-issues .p-t-0 {
  padding-top: 0 !important;
}

page-technical-issues .p-t-5 {
  padding-top: 5px !important;
}

page-technical-issues .p-t-7 {
  padding-top: 7px !important;
}

page-technical-issues .p-t-10 {
  padding-top: 10px !important;
}

page-technical-issues .p-t-15 {
  padding-top: 15px !important;
}

page-technical-issues .p-t-16 {
  padding-top: 16px !important;
}

page-technical-issues .p-t-20 {
  padding-top: 20px !important;
}

page-technical-issues .p-t-25 {
  padding-top: 25px !important;
}

page-technical-issues .p-t-30 {
  padding-top: 30px !important;
}

page-technical-issues .p-t-40 {
  padding-top: 40px !important;
}

page-technical-issues .p-t-50 {
  padding-top: 50px !important;
}

page-technical-issues .p-t-75 {
  padding-top: 75px !important;
}

page-technical-issues .p-t-100 {
  padding-top: 100px !important;
}

page-technical-issues .p-t-120 {
  padding-top: 120px !important;
}

page-technical-issues .p-t-130 {
  padding-top: 130px !important;
}

page-technical-issues .p-t-140 {
  padding-top: 140px !important;
}

page-technical-issues .p-t-150 {
  padding-top: 150px !important;
}

page-technical-issues .block {
  display: block !important;
}

page-technical-issues .img-xs {
  width: 30px;
  height: 30px;
}

page-technical-issues .img-sm {
  width: 35px;
  height: 35px;
}

page-technical-issues .img-md {
  width: 55px;
  height: 55px;
}

page-technical-issues .img-lg {
  width: 100px;
  height: 100px;
}

page-technical-issues .min-w-800 {
  min-width: 800px !important;
}

page-technical-issues .min-w-1000 {
  min-width: 1000px !important;
}

page-technical-issues .min-w-1100 {
  min-width: 1100px !important;
}

page-technical-issues .max-w-20 {
  max-width: 20px !important;
}

page-technical-issues .max-w-30 {
  max-width: 30px !important;
}

page-technical-issues .max-w-32 {
  max-width: 35px !important;
}

page-technical-issues .max-w-35 {
  max-width: 35px !important;
}

page-technical-issues .max-w-40 {
  max-width: 40px !important;
}

page-technical-issues .max-w-50 {
  max-width: 50px !important;
}

page-technical-issues .max-w-75 {
  max-width: 75px !important;
}

page-technical-issues .max-w-100 {
  max-width: 100px !important;
}

page-technical-issues .max-w-150 {
  max-width: 150px !important;
}

page-technical-issues .max-w-200 {
  max-width: 200px !important;
}

page-technical-issues .max-w-300 {
  max-width: 300px !important;
}

page-technical-issues .max-w-400 {
  max-width: 400px !important;
}

page-technical-issues .overflow-hidden {
  overflow: hidden;
}

page-technical-issues .overflow-auto {
  overflow: auto;
}

page-technical-issues .max-h-50 {
  max-height: 50px !important;
}

page-technical-issues .max-h-80 {
  max-height: 80px !important;
}

page-technical-issues .max-h-100 {
  max-height: 100px !important;
}

page-technical-issues .max-h-150 {
  max-height: 150px !important;
}

page-technical-issues .max-h-200 {
  max-height: 200px !important;
}

page-technical-issues .max-h-250 {
  max-height: 250px !important;
}

page-technical-issues .max-h-300 {
  max-height: 300px !important;
}

page-technical-issues .max-h-350 {
  max-height: 300px !important;
}

page-technical-issues .max-h-375 {
  max-height: 300px !important;
}

page-technical-issues .max-h-400 {
  max-height: 400px !important;
}

page-technical-issues .max-h-450 {
  max-height: 450px !important;
}

page-technical-issues .max-h-500 {
  max-height: 500px !important;
}

page-technical-issues .max-h-600 {
  max-height: 600px !important;
}

page-technical-issues .max-h-650 {
  max-height: 650px !important;
}

page-technical-issues .max-h-700 {
  max-height: 700px !important;
}

page-technical-issues .max-h-800 {
  max-height: 800px !important;
}

page-technical-issues .max-h-900 {
  max-height: 900px !important;
}

page-technical-issues .max-h-1000 {
  max-height: 1000px !important;
}

page-technical-issues .min-h-0 {
  min-height: 0 !important;
}

page-technical-issues .min-h-50 {
  min-height: 50px !important;
}

page-technical-issues .min-h-100 {
  min-height: 100px !important;
}

page-technical-issues .min-h-200 {
  min-height: 200px !important;
}

page-technical-issues .min-h-250 {
  min-height: 250px !important;
}

page-technical-issues .min-h-300 {
  min-height: 300px !important;
}

page-technical-issues .min-h-350 {
  min-height: 300px !important;
}

page-technical-issues .min-h-375 {
  min-height: 300px !important;
}

page-technical-issues .min-h-400 {
  min-height: 400px !important;
}

page-technical-issues .min-h-450 {
  min-height: 450px !important;
}

page-technical-issues .min-h-500 {
  min-height: 500px !important;
}

page-technical-issues .min-h-600 {
  min-height: 600px !important;
}

page-technical-issues .min-h-650 {
  min-height: 650px !important;
}

page-technical-issues .min-h-700 {
  min-height: 700px !important;
}

page-technical-issues .min-h-800 {
  min-height: 800px !important;
}

page-technical-issues .min-h-900 {
  min-height: 900px !important;
}

page-technical-issues .min-h-1000 {
  min-height: 1000px !important;
}

page-technical-issues .h-5 {
  height: 5px !important;
}

page-technical-issues .h-10 {
  height: 10px !important;
}

page-technical-issues .h-20 {
  height: 20px !important;
}

page-technical-issues .h-25 {
  height: 25px !important;
}

page-technical-issues .h-50 {
  height: 50px !important;
}

page-technical-issues .h-75 {
  height: 75px !important;
}

page-technical-issues .h-100 {
  height: 100px !important;
}

page-technical-issues .h-125 {
  height: 125px !important;
}

page-technical-issues .h-150 {
  height: 150px !important;
}

page-technical-issues .h-200 {
  height: 200px !important;
}

page-technical-issues .h-300 {
  height: 300px !important;
}

page-technical-issues .h-350 {
  height: 350px !important;
}

page-technical-issues .h-400 {
  height: 400px !important;
}

page-technical-issues .h-450 {
  height: 450px !important;
}

page-technical-issues .h-500 {
  height: 500px !important;
}

page-technical-issues .h-600 {
  height: 600px !important;
}

page-technical-issues .h-650 {
  height: 650px !important;
}

page-technical-issues .h-700 {
  height: 700px !important;
}

page-technical-issues .h-800 {
  height: 800px !important;
}

page-technical-issues .h-900 {
  height: 900px !important;
}

page-technical-issues .h-1000 {
  height: 1000px !important;
}

page-technical-issues .w-5 {
  width: 5px !important;
}

page-technical-issues .w-10 {
  width: 10px !important;
}

page-technical-issues .w-15 {
  width: 15px !important;
}

page-technical-issues .w-20 {
  width: 20px !important;
}

page-technical-issues .w-30 {
  width: 30px !important;
}

page-technical-issues .w-40 {
  width: 40px !important;
}

page-technical-issues .w-50 {
  width: 50px !important;
}

page-technical-issues .w-60 {
  width: 60px !important;
}

page-technical-issues .w-80 {
  width: 80px !important;
}

page-technical-issues .w-100 {
  width: 100px !important;
}

page-technical-issues .w-150 {
  width: 150px !important;
}

page-technical-issues .w-190 {
  width: 190px !important;
}

page-technical-issues .w-200 {
  width: 200px !important;
}

page-technical-issues .w-250 {
  width: 250px !important;
}

page-technical-issues .w-300 {
  width: 300px !important;
}

page-technical-issues .w-600 {
  width: 600px !important;
}

page-technical-issues .w-100p {
  width: 100% !important;
}

page-technical-issues .w-95p {
  width: 95% !important;
}

page-technical-issues .w-90p {
  width: 90% !important;
}

page-technical-issues .w-80p {
  width: 80% !important;
}

page-technical-issues .w-70p {
  width: 70% !important;
}

page-technical-issues .w-60p {
  width: 60% !important;
}

page-technical-issues .w-50p {
  width: 50% !important;
}

page-technical-issues .w-45p {
  width: 45% !important;
}

page-technical-issues .w-40p {
  width: 40% !important;
}

page-technical-issues .w-30p {
  width: 30% !important;
}

page-technical-issues .w-25p {
  width: 25% !important;
}

page-technical-issues .w-20p {
  width: 20% !important;
}

page-technical-issues .w-15p {
  width: 15% !important;
}

page-technical-issues .w-10p {
  width: 10% !important;
}

page-technical-issues .w-8p {
  width: 8% !important;
}

page-technical-issues .w-5p {
  width: 5% !important;
}

page-technical-issues .w-3p {
  width: 3% !important;
}

page-technical-issues .w-95p {
  width: 95% !important;
}

page-technical-issues .h-100p {
  height: 100% !important;
}

page-technical-issues .h-80p {
  height: 80% !important;
}

page-technical-issues .absolute {
  position: absolute !important;
}

page-technical-issues .relative {
  position: relative !important;
}

page-technical-issues .block {
  display: block !important;
}

page-technical-issues .inline-block {
  display: inline-block !important;
}

page-technical-issues .list-block li {
  display: block !important;
}

page-technical-issues .list-inline li {
  display: inline !important;
}

page-technical-issues .clear-both {
  clear: both !important;
}

page-technical-issues .line-height-normal {
  line-height: normal !important;
}

page-technical-issues .line-height-8 {
  line-height: 8px !important;
}

page-technical-issues .line-height-14 {
  line-height: 14px !important;
}

page-technical-issues .line-height-12 {
  line-height: normal !important;
}

page-technical-issues ul.style-none {
  margin: 0;
  padding: 0;
  list-style: none;
}

page-technical-issues ul.style-none li {
  font-size: 0.875rem;
  padding: 3px 0;
}

page-technical-issues ul.style-none li ul {
  list-style: none;
}

page-technical-issues ul.vertical-icon-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

page-technical-issues ul.vertical-icon-list li {
  font-size: 0.875rem;
  padding: 6px 0;
}

page-technical-issues ul.vertical-icon-list li i {
  font-size: 1.25rem;
  padding-right: 15px;
  vertical-align: middle;
}

page-technical-issues .bg-white {
  background: #ffffff !important;
}

page-technical-issues .bg-green {
  background: #28bebd !important;
}

page-technical-issues .bg-blue {
  background: #42a5f5 !important;
}

page-technical-issues .bg-lightBlue {
  background: #2ebaee !important;
}

page-technical-issues .bg-red {
  background: #ef5350 !important;
}

page-technical-issues .bg-yellow {
  background: #f8c200 !important;
}

page-technical-issues .bg-paleYellow {
  background: #fddd7e !important;
}

page-technical-issues .bg-lightGray {
  background: #e3ecf7 !important;
}

page-technical-issues .bg-gray {
  background: #8f9eb5 !important;
}

page-technical-issues .bg-drakGray {
  background: #707c94 !important;
}

page-technical-issues .bg-grayBlue {
  background: #59779b !important;
}

page-technical-issues .bg-purple {
  background: #6b79c4 !important;
}

page-technical-issues .bg-turquoise {
  background: #00c5dc !important;
}

page-technical-issues .bg-peach {
  background: #feb38d !important;
}

page-technical-issues .bg-transparent {
  background: transparent !important;
}

page-technical-issues .text-primary {
  color: #172B4D !important;
}

page-technical-issues .text-link {
  color: #0645ad !important;
}

page-technical-issues .text-green {
  color: #28bebd !important;
}

page-technical-issues .text-turquoise {
  color: #00c5dc !important;
}

page-technical-issues .text-red {
  color: #ef5350 !important;
}

page-technical-issues .text-cyan {
  color: #26c6da !important;
}

page-technical-issues .text-yellow {
  color: #f8c200 !important;
}

page-technical-issues .text-gray {
  color: #8f9eb5 !important;
}

page-technical-issues .text-blue {
  color: #42a5f5 !important;
}

page-technical-issues .text-orange {
  color: #ffb74d !important;
}

page-technical-issues .text-purple {
  color: #6b79c4 !important;
}

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

page-technical-issues .text-brown {
  color: #906b6b !important;
}

page-technical-issues .text-salmon {
  color: #ee6e73 !important;
}

page-technical-issues .text-muted {
  color: #8396b0;
}

page-technical-issues .color-black {
  color: #000 !important;
}

page-technical-issues .color-white {
  color: #fff !important;
}

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

page-technical-issues .transparent {
  background: transparent !important;
}

page-technical-issues .bg-primary {
  background-color: #172B4D !important;
}

page-technical-issues .border-bottom,
page-technical-issues .border-grey-bottom-1px {
  border-bottom: 1px solid rgba(215, 225, 237, 0.8) !important;
}

page-technical-issues .border-grey-top-1px,
page-technical-issues .border-top {
  border-top: 1px solid rgba(215, 225, 237, 0.6) !important;
}

page-technical-issues .border-bottom-black-2px {
  border-bottom: 2px solid black;
}

page-technical-issues .border-top0p {
  border-top: 0px !important;
}

page-technical-issues .b-n {
  border: none !important;
}

page-technical-issues .b-b-1 {
  border: 1px solid black;
}

page-technical-issues .b-lg-1 {
  border: 1px solid lightgrey;
}

page-technical-issues .shadow-none {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

page-technical-issues .shadow-z-0 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-technical-issues .shadow-z-1 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-technical-issues .shadow-z-1:hover {
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

page-technical-issues .shadow-z-2 {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

page-technical-issues .shadow-z-3 {
  -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

page-technical-issues .shadow-z-4 {
  -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}

page-technical-issues .shadow-z-5 {
  -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}

page-technical-issues .big-shadow {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
}

page-technical-issues .shadow-2dp {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

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

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

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

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

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

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

page-technical-issues .font-weight-100 {
  font-weight: 100 !important;
}

page-technical-issues .font-weight-200 {
  font-weight: 200 !important;
}

page-technical-issues .font-weight-300 {
  font-weight: 300 !important;
}

page-technical-issues .font-weight-400 {
  font-weight: 400 !important;
}

page-technical-issues .font-weight-500 {
  font-weight: 500 !important;
}

page-technical-issues .font-weight-600 {
  font-weight: 600 !important;
}

page-technical-issues .font-weight-700 {
  font-weight: 700 !important;
}

page-technical-issues .font-weight-800 {
  font-weight: 800 !important;
}

page-technical-issues .font-weight-900 {
  font-weight: 900 !important;
}

page-technical-issues .font-weight-light {
  font-weight: 100 !important;
}

page-technical-issues .font-weight-normal {
  font-weight: 300 !important;
}

page-technical-issues .font-weight-medium {
  font-weight: 400 !important;
}

page-technical-issues .font-weight-bold {
  font-weight: 500 !important;
}

page-technical-issues .bold {
  font-weight: bold !important;
}

page-technical-issues .font-size-0 {
  font-size: 0 !important;
}

page-technical-issues .font-size-10 {
  font-size: 10px !important;
}

page-technical-issues .font-size-11 {
  font-size: 11px !important;
}

page-technical-issues .font-size-12 {
  font-size: 12px !important;
}

page-technical-issues .font-size-14 {
  font-size: 14px !important;
}

page-technical-issues .font-size-16 {
  font-size: 16px !important;
}

page-technical-issues .font-size-18 {
  font-size: 18px !important;
}

page-technical-issues .font-size-20 {
  font-size: 20px !important;
}

page-technical-issues .font-size-24 {
  font-size: 24px !important;
}

page-technical-issues .font-size-26 {
  font-size: 26px !important;
}

page-technical-issues .font-size-30 {
  font-size: 30px !important;
}

page-technical-issues .font-size-35 {
  font-size: 35px !important;
}

page-technical-issues .font-size-38 {
  font-size: 38px !important;
}

page-technical-issues .font-size-40 {
  font-size: 40px !important;
}

page-technical-issues .font-size-50 {
  font-size: 50px !important;
}

page-technical-issues .font-size-60 {
  font-size: 60px !important;
}

page-technical-issues .font-size-70 {
  font-size: 70px !important;
}

page-technical-issues .font-size-80 {
  font-size: 80px !important;
}

page-technical-issues .hidden {
  display: none !important;
}

page-technical-issues .w-100p {
  width: 100% !important;
}

page-technical-issues .float-r {
  float: right !important;
}

page-technical-issues .float-l {
  float: left !important;
}

page-technical-issues .align-c {
  display: block;
  margin: 0 auto;
}

page-technical-issues .align-b {
  display: block;
}

page-technical-issues .text-center {
  text-align: center !important;
}

page-technical-issues .text-left {
  text-align: left !important;
}

page-technical-issues .text-right {
  text-align: right !important;
}

page-technical-issues .align-v-c {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-technical-issues .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-technical-issues .align-v-c1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-technical-issues .align-v-c2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-technical-issues .align-v-c3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-technical-issues .align-v-c4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-technical-issues .align-flex-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-technical-issues .align-right-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

page-technical-issues .align-start-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media (max-width: 576px) {
  page-technical-issues .d-xs-none {
    display: none !important;
  }
  page-technical-issues .d-xs-inline {
    display: inline !important;
  }
  page-technical-issues .d-xs-inline-block {
    display: inline-block !important;
  }
  page-technical-issues .d-xs-block {
    display: block !important;
  }
  page-technical-issues .d-xs-table {
    display: table !important;
  }
  page-technical-issues .d-xs-table-cell {
    display: table-cell !important;
  }
  page-technical-issues .d-xs-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
  }
  page-technical-issues .d-xs-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important;
  }
}

page-technical-issues .b-r-gd {
  border-radius: 10px !important;
}

page-technical-issues .b-r-10 {
  border-radius: 10px !important;
}

page-technical-issues .b-r-5 {
  border-radius: 5px;
}

page-technical-issues .d-fl-ov-x {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  overflow-x: auto !important;
}

page-technical-issues .align-base {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-technical-issues .d-fl-bl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-technical-issues .d-fl-vhcenter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-technical-issues .d-fl-b2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
}

page-technical-issues .d-fl-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-technical-issues .d-fl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-technical-issues .d-fl-sb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-technical-issues .d-fl-saround {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-technical-issues .d-fl-ac {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-technical-issues .text-capital {
  text-transform: capitalize !important;
}

page-technical-issues .text-upper {
  text-transform: uppercase !important;
}

page-technical-issues .m-a {
  margin: auto !important;
}

page-technical-issues .m-l-a {
  margin-left: auto !important;
}

page-technical-issues .m-r-a {
  margin-right: auto !important;
}

page-technical-issues .italic {
  font-style: italic;
}

page-technical-issues .pointer {
  cursor: pointer;
}

page-technical-issues .ws-in {
  white-space: inherit;
}

page-technical-issues .opacity-1 {
  opacity: 1;
}

page-technical-issues .in-valid-checkbox {
  border: 1px solid #ff0000 !important;
  padding: 5px !important;
  margin-bottom: 10px;
  border-radius: 5px;
}

page-technical-issues page-corp-dashboard .mycustomdrop:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
  top: -15px;
  position: absolute;
  right: 15%;
}

page-technical-issues h1 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1.6875rem !important;
  line-height: 64px;
  letter-spacing: -0.4px;
}

page-technical-issues h2 {
  font-family: "Poppins", sans-serif;
  font-size: 24px !important;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
}

page-technical-issues h3,
page-technical-issues .h3 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 22px !important;
  line-height: 48px;
  /* identical to box height, or 200% */
  /* Neutral / dark gray */
  color: #000000;
}

page-technical-issues h4,
page-technical-issues .menu-heading-h4 {
  font-family: "Poppins", sans-serif !important;
  font-style: normal;
  font-weight: normal;
  font-size: 15px !important;
  line-height: 26px;
  /* or 144% */
  letter-spacing: -0.2px;
  color: #000000;
}

page-technical-issues h5 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  /* or 143% */
  color: #000000;
}

page-technical-issues .subtitle {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  /* or 200% */
  letter-spacing: 2.5px;
  color: #4E5761;
}

page-technical-issues p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 13px !important;
  line-height: 24px;
  /* identical to box height, or 171% */
  letter-spacing: -0.1px;
  /* Neutral / black */
  color: #000000;
}

page-technical-issues .ui-tabview.ui-tabview-top > .ui-tabview-nav {
  padding: 0.2em 0.2em 0;
  border-bottom: 1px solid #eaeaea;
}

page-technical-issues .scroll-content {
  padding: 0 !important;
}

page-technical-issues ion-navbar {
  margin: 0;
  border-radius: 0px;
  height: 50px !important;
  color: #172B4D !important;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-technical-issues ion-header {
  padding: 0;
}

page-technical-issues .header-md::after {
  background-image: none;
}

page-technical-issues .toolbar-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #172B4D !important;
  line-height: 24px;
  font-family: "Poppins", sans-serif;
  font-size: 2rem !important;
  font-weight: bold !important;
  text-align: left !important;
}

page-technical-issues .userLabel {
  float: right;
  display: inline;
  letter-spacing: 1px;
  color: #172B4D !important !important;
}

page-technical-issues .card-title {
  font-size: 16px !important;
  color: #000000;
  font-weight: bold !important;
  text-align: center !important;
}

page-technical-issues .barcolor {
  background: #5a75a3;
  color: #ffffff;
}

page-technical-issues p-sorticon {
  color: black;
}

page-technical-issues p-sorticon a {
  color: black !important;
}

page-technical-issues .globalTable {
  border: none;
  border: 1px solid #c1c1c1;
}

page-technical-issues .globalTable .ui-table-caption {
  border-bottom: 1px solid #dadada !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  font-size: 18px !important;
  background: #ecececad !important;
}

page-technical-issues .globalTable .table-header input {
  font-size: 15px !important;
  border-style: groove;
  width: 100% !important;
  padding-left: 10px;
  border-radius: 10px;
  border-color: #f3f3f3;
  font-weight: 500;
  line-height: 25px !important;
}

page-technical-issues .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-technical-issues .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

page-technical-issues .globalTable .table-header .align input {
  width: 80%;
  line-height: 25px;
}

page-technical-issues .globalTable .ui-table-tbody tr:nth-child(2n+1) {
  background: white;
}

page-technical-issues .globalTable .ui-table-tbody tr:nth-child(2n) {
  background: #f3f3f3;
}

page-technical-issues .globalTable .ui-table-tbody tr:hover {
  background: #c1c1c167 !important;
}

page-technical-issues .globalTable .ui-table-tbody .activeRow {
  background: #c4d2e5 !important;
}

page-technical-issues .globalTable th input {
  text-align: center !important;
  width: 90% !important;
  font-weight: 400 !important;
}

page-technical-issues .globalTable .ui-table .ui-sortable-column.ui-state-highlight {
  color: black !important;
}

page-technical-issues .globalTable .ui-table .ui-table-thead tr th {
  background: #eeeeee9e;
  border: none;
  padding: 10px 0;
  width: 100%;
  text-align: center;
}

page-technical-issues .globalTable .ui-table .ui-table-tbody tr td {
  border: none;
  background: inherit;
  padding: 20px 0;
  text-align: center;
}

page-technical-issues .globalTable .ui-table .ui-table-tbody tr {
  border-bottom: 1px solid #cacaca;
}

page-technical-issues .globalTable .p-column-filter {
  border-radius: 4px;
  border: 1px solid gray;
}

page-technical-issues .globalTable .badge-badge.status-Active {
  padding: 5px 20px;
  color: #226f4e;
  background-color: #9decbe;
  font-weight: 500;
  font-size: 12px;
}

page-technical-issues .globalTable .badge-badge.status-Inactive {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

page-technical-issues .globalTable .badge-badge.status-Suspended {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

page-technical-issues .globalTable .badge-badge.status-Waiting {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

page-technical-issues .globalTable .badge-badge.status-Pending {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

page-technical-issues .globalTable .actionIcon {
  padding: 0 3px;
  font-size: 16px;
  cursor: pointer;
}

page-technical-issues ion-icon {
  cursor: pointer;
}

page-technical-issues .button-md-reset {
  background-color: #ffffff;
  color: black !important;
  border: 1px solid #e3ecf7;
}

page-technical-issues .button-md-reset:hover {
  background-color: #ececec !important;
}

page-technical-issues .reset:hover {
  background-color: #ececec !important;
}

page-technical-issues .button-md-primary {
  background-color: #172B4D !important;
  color: #ffffff !important;
}

page-technical-issues ion-button {
  background-color: #172B4D !important;
  color: #ffffff;
}

page-technical-issues .my-custom-class .alert-button-group button:first-child {
  position: relative;
}

page-technical-issues .my-custom-class .alert-button-group button {
  font-weight: bold;
}

page-technical-issues .my-custom-class .alert-radio-group {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100% !important;
}

page-technical-issues .my-custom-class button {
  text-align: center;
}

page-technical-issues .alert-button-group button:first-child {
  position: relative !important;
  min-width: 0 !important;
}

page-technical-issues .alert-md .alert-wrapper {
  max-width: 320px !important;
}

page-technical-issues .alert-md .alert-message {
  font-size: 16px !important;
}

page-technical-issues .alert-button {
  font-size: 15px !important;
}

page-technical-issues .alert-md .alert-sub-title {
  font-size: 16px !important;
}

page-technical-issues .alert-md .alert-title {
  font-size: 22px !important;
}

page-technical-issues .breakclass {
  white-space: pre-line;
}

page-technical-issues .error {
  color: red;
  float: left;
}

page-technical-issues .topStrip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}

page-technical-issues .infographic1 {
  border: none;
  color: #367ad2;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-technical-issues .infographic1 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-technical-issues .infographic1 ion-icon {
  color: black;
}

page-technical-issues .infographic2 {
  border: none;
  color: #50d29b;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-technical-issues .infographic2 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-technical-issues .infographic2 ion-icon {
  color: black;
}

page-technical-issues .infographic3 {
  border: none;
  color: #ffaa00;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-technical-issues .infographic3 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-technical-issues .infographic3 ion-icon {
  color: black;
}

page-technical-issues .infographic4 {
  border: none;
  color: #f36363;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-technical-issues .infographic4 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-technical-issues .infographic4 ion-icon {
  color: black;
}

page-technical-issues .infographic5 {
  border: none;
  color: #41acbf;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-technical-issues .infographic5 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-technical-issues .infographic5 ion-icon {
  color: black;
}

page-technical-issues .infograph1 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #367ad2;
  font-size: 20px;
}

page-technical-issues .infograph2 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #51b98d;
  font-size: 20px;
}

page-technical-issues .infograph3 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #ffaa00;
  font-size: 20px;
}

page-technical-issues .infograph4 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #dc5b54;
  font-size: 20px;
}

page-technical-issues .infograph5 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #41acbf;
  font-size: 20px;
}

page-technical-issues .infographtext {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 12px;
}

page-technical-issues .successToast .toast-message {
  background-color: #d2f8d2 !important;
  color: black;
}

page-technical-issues .errorToast .toast-message {
  background-color: #eea9a0 !important;
  color: black;
}

page-technical-issues .actionIconsBar {
  padding-right: 20px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

page-technical-issues .ui-carousel .ui-carousel-header {
  display: none !important;
}

page-technical-issues .userfab .fab-close-active .fab-close-icon {
  height: 40px !important;
  position: relative !important;
}

page-technical-issues textarea.text-input {
  resize: none !important;
}

page-technical-issues .asterisk {
  color: red;
  padding-left: 3px;
}

page-technical-issues .m-b-t {
  margin-bottom: 4% !important;
}

page-technical-issues .ui-radiobutton-box.ui-state-active {
  border: 1px solid #09f;
  background: #09f;
  color: #09f;
}

page-technical-issues .alert-md .alert-message {
  overflow: auto;
}

page-technical-issues .alert-md .alert-message .alertstyle1 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

page-technical-issues .alert-md .alert-message .alertstyle1 b {
  width: 65px !important;
}

page-technical-issues .alert-md .alert-message .alertstyle3 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-technical-issues .alert-md .alert-message .alertstyle3 b {
  width: 65px !important;
}

page-technical-issues .alert-md .alert-message .alertstyle4 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-technical-issues .alert-md .alert-message .alertstyle4 b {
  width: 150px !important;
}

page-technical-issues .alert-md .alert-message .alertstyle5 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

page-technical-issues .alert-md .alert-message .alertstyle5 b {
  width: 75px !important;
}

page-technical-issues .alert-md .alert-message .alertstyle5 span {
  width: 5px;
}

page-technical-issues .alert-md .alert-message .alertstyle2 {
  text-align: left !important;
}

page-technical-issues .alert-md .alert-message .alertstyle2 li {
  margin-top: 10px;
}

page-technical-issues .ui-tooltip {
  background-color: #172B4D !important;
  color: #ffffff;
}

page-technical-issues .navsebexam .toolbar-content-md {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
}

page-technical-issues .modal-wrapper {
  height: 75%;
  top: 10%;
  position: absolute;
  display: block;
  border-radius: 10px !important;
}

page-technical-issues .ui-picklist-source-controls.ui-picklist-buttons {
  display: none !important;
}

page-technical-issues .ui-picklist-target-controls.ui-picklist-buttons {
  display: none !important;
}

page-technical-issues .ui-picklist-target-controls.ui-picklist-buttons.ng-star-inserted {
  display: none !important;
}

page-technical-issues .ellip {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

page-technical-issues .p-slider {
  background: #dee2e6;
  border: 0 none;
  border-radius: 3px;
}

page-technical-issues .Errorbox .alert-title {
  color: #d8000c;
}

page-technical-issues .Errorbox .alert-button {
  color: #d8000c;
}

page-technical-issues .card-md {
  border-radius: 5px !important;
}

page-technical-issues .modal {
  display: none;
  /* Hidden by default */
  position: -webkit-sticky;
  position: sticky;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 30px;
  /* Location of the box */
  left: 0;
  right: 0;
  bottom: 150px;
  width: 400px;
  height: 400px;
  margin: auto;
  border: 4px solid;
  background-color: black;
}

page-technical-issues .modal-content {
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
}

page-technical-issues .close {
  position: absolute;
  color: #f1f1f1;
  top: 0px;
  right: 10px;
  font-size: 28px;
  font-weight: bold;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

page-technical-issues .close:hover,
page-technical-issues .close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

page-technical-issues .customhr {
  width: 90%;
  background-color: #ccc;
}

page-technical-issues .mycustomtoolbar ion-segment {
  border: none;
}

page-technical-issues .mycustomtoolbar ion-segment-button {
  font-size: 16px !important;
  font-weight: 500 !important;
}

page-technical-issues .mycustomtoolbar .segment-md .segment-button.activated,
page-technical-issues .mycustomtoolbar .segment-md .segment-button.segment-activated {
  border-color: #172B4D !important;
  color: #172B4D !important;
}

page-technical-issues .mycustomtoolbar .toolbar-background {
  background: transparent;
}

page-technical-issues .fc {
  direction: ltr;
  text-align: left;
}

page-technical-issues .fc-rtl {
  text-align: right;
}

page-technical-issues body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}

page-technical-issues .fc-unthemed th,
page-technical-issues .fc-unthemed td,
page-technical-issues .fc-unthemed thead,
page-technical-issues .fc-unthemed tbody,
page-technical-issues .fc-unthemed .fc-divider,
page-technical-issues .fc-unthemed .fc-row,
page-technical-issues .fc-unthemed .fc-content,
page-technical-issues .fc-unthemed .fc-popover,
page-technical-issues .fc-unthemed .fc-list-view,
page-technical-issues .fc-unthemed .fc-list-heading td {
  border-color: #ddd;
}

page-technical-issues .fc-unthemed .fc-popover {
  background-color: #fff;
}

page-technical-issues .fc-unthemed .fc-divider,
page-technical-issues .fc-unthemed .fc-popover .fc-header,
page-technical-issues .fc-unthemed .fc-list-heading td {
  background: #eee;
}

page-technical-issues .fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}

page-technical-issues .fc-unthemed td.fc-today {
  background: #fcf8e3;
}

page-technical-issues .fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3;
}

page-technical-issues .fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3;
}

page-technical-issues .fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}

page-technical-issues .fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

page-technical-issues .fc-icon:after {
  position: relative;
}

page-technical-issues .fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-technical-issues .fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-technical-issues .fc-icon-left-double-arrow:after {
  content: "\000AB";
  font-size: 160%;
  top: -7%;
}

page-technical-issues .fc-icon-right-double-arrow:after {
  content: "\000BB";
  font-size: 160%;
  top: -7%;
}

page-technical-issues .fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%;
}

page-technical-issues .fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%;
}

page-technical-issues .fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%;
}

page-technical-issues .fc-icon-x:after {
  content: "\000D7";
  font-size: 200%;
  top: 6%;
}

page-technical-issues .fc button {
  /* force height to include the border and padding */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer;
}

page-technical-issues .fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}

page-technical-issues .fc-state-default {
  /* non-theme */
  border: 1px solid;
}

page-technical-issues .fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

page-technical-issues .fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

page-technical-issues .fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .2em;
  vertical-align: middle;
}

page-technical-issues .fc-state-default {
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-technical-issues .fc-state-hover,
page-technical-issues .fc-state-down,
page-technical-issues .fc-state-active,
page-technical-issues .fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}

page-technical-issues .fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

page-technical-issues .fc-state-down,
page-technical-issues .fc-state-active {
  background-color: #cccccc;
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-technical-issues .fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}

page-technical-issues .fc-button-group {
  display: inline-block;
}

page-technical-issues .fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px;
}

page-technical-issues .fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0;
}

page-technical-issues .fc-popover {
  position: absolute;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

page-technical-issues .fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px;
}

page-technical-issues .fc-popover .fc-header .fc-title {
  margin: 0 2px;
}

page-technical-issues .fc-popover .fc-header .fc-close {
  cursor: pointer;
}

page-technical-issues .fc-ltr .fc-popover .fc-header .fc-title,
page-technical-issues .fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}

page-technical-issues .fc-rtl .fc-popover .fc-header .fc-title,
page-technical-issues .fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}

page-technical-issues .fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}

page-technical-issues .fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: .9em;
  margin-top: 2px;
}

page-technical-issues .fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */
}

page-technical-issues .fc-divider {
  border-style: solid;
  border-width: 1px;
}

page-technical-issues hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}

page-technical-issues .fc-clear {
  clear: both;
}

page-technical-issues .fc-bg,
page-technical-issues .fc-bgevent-skeleton,
page-technical-issues .fc-highlight-skeleton,
page-technical-issues .fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-technical-issues .fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}

page-technical-issues .fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}

page-technical-issues .fc table {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}

page-technical-issues .fc th {
  text-align: center;
}

page-technical-issues .fc th,
page-technical-issues .fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}

page-technical-issues .fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}

page-technical-issues a[data-goto] {
  cursor: pointer;
}

page-technical-issues a[data-goto]:hover {
  text-decoration: underline;
}

page-technical-issues .fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}

page-technical-issues .fc-row table {
  /* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}

page-technical-issues .fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}

page-technical-issues .fc-row {
  position: relative;
}

page-technical-issues .fc-row .fc-bg {
  z-index: 1;
}

page-technical-issues .fc-row .fc-bgevent-skeleton,
page-technical-issues .fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}

page-technical-issues .fc-row .fc-bgevent-skeleton table,
page-technical-issues .fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}

page-technical-issues .fc-row .fc-highlight-skeleton td,
page-technical-issues .fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}

page-technical-issues .fc-row .fc-bgevent-skeleton {
  z-index: 2;
}

page-technical-issues .fc-row .fc-highlight-skeleton {
  z-index: 3;
}

page-technical-issues .fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}

page-technical-issues .fc-row .fc-helper-skeleton {
  z-index: 5;
}

page-technical-issues .fc-row .fc-content-skeleton td,
page-technical-issues .fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}

page-technical-issues .fc-row .fc-content-skeleton tbody td,
page-technical-issues .fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}

page-technical-issues .fc-scroller {
  -webkit-overflow-scrolling: touch;
}

page-technical-issues .fc-scroller > .fc-day-grid,
page-technical-issues .fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}

page-technical-issues .fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */
  font-weight: normal;
  /* undo jqui's ui-widget-header bold */
}

page-technical-issues .fc-event,
page-technical-issues .fc-event-dot {
  background-color: #3a87ad;
  /* default BACKGROUND color */
}

page-technical-issues .fc-event,
page-technical-issues .fc-event:hover,
page-technical-issues .ui-widget .fc-event {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}

page-technical-issues .fc-event[href],
page-technical-issues .fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}

page-technical-issues .fc-not-allowed,
page-technical-issues .fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}

page-technical-issues .fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #ffffff;
  opacity: .25;
}

page-technical-issues .fc-event .fc-content {
  position: relative;
  z-index: 2;
}

page-technical-issues .fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
}

page-technical-issues .fc-event .fc-resizer {
  display: none;
}

page-technical-issues .fc-event.fc-allow-mouse-resize .fc-resizer,
page-technical-issues .fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block;
}

page-technical-issues .fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}

page-technical-issues .fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

page-technical-issues .fc-event.fc-selected.fc-dragging {
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

page-technical-issues .fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}

page-technical-issues .fc-ltr .fc-h-event.fc-not-start,
page-technical-issues .fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

page-technical-issues .fc-ltr .fc-h-event.fc-not-end,
page-technical-issues .fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

page-technical-issues .fc-ltr .fc-h-event .fc-start-resizer,
page-technical-issues .fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */
}

page-technical-issues .fc-ltr .fc-h-event .fc-end-resizer,
page-technical-issues .fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */
}

page-technical-issues .fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */
}

page-technical-issues .fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* vertically center */
  top: 50%;
  margin-top: -4px;
}

page-technical-issues .fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
page-technical-issues .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */
}

page-technical-issues .fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
page-technical-issues .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */
}

page-technical-issues .fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}

page-technical-issues tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */
}

page-technical-issues .fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: .25;
}

page-technical-issues .fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}

page-technical-issues .fc-day-grid-event .fc-time {
  font-weight: bold;
}

page-technical-issues .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
page-technical-issues .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */
}

page-technical-issues .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
page-technical-issues .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */
}

page-technical-issues a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none;
}

page-technical-issues a.fc-more:hover {
  text-decoration: underline;
}

page-technical-issues .fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}

page-technical-issues .fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}

page-technical-issues .fc-more-popover {
  z-index: 2;
  width: 220px;
}

page-technical-issues .fc-more-popover .fc-event-container {
  padding: 10px;
}

page-technical-issues .fc-now-indicator {
  position: absolute;
  border: 0 solid red;
}

page-technical-issues .fc-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

page-technical-issues .fc-toolbar {
  text-align: center;
}

page-technical-issues .fc-toolbar.fc-header-toolbar {
  margin-bottom: 1em;
}

page-technical-issues .fc-toolbar.fc-footer-toolbar {
  margin-top: 1em;
}

page-technical-issues .fc-toolbar .fc-left {
  float: left;
}

page-technical-issues .fc-toolbar .fc-right {
  float: right;
}

page-technical-issues .fc-toolbar .fc-center {
  display: inline-block;
}

page-technical-issues .fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em;
}

page-technical-issues .fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0;
}

page-technical-issues .fc-toolbar h2 {
  margin: 0;
}

page-technical-issues .fc-toolbar button {
  position: relative;
}

page-technical-issues .fc-toolbar .fc-state-hover,
page-technical-issues .fc-toolbar .ui-state-hover {
  z-index: 2;
}

page-technical-issues .fc-toolbar .fc-state-down {
  z-index: 3;
}

page-technical-issues .fc-toolbar .fc-state-active,
page-technical-issues .fc-toolbar .ui-state-active {
  z-index: 4;
}

page-technical-issues .fc-toolbar button:focus {
  z-index: 5;
}

page-technical-issues .fc-view-container *,
page-technical-issues .fc-view-container *:before,
page-technical-issues .fc-view-container *:after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

page-technical-issues .fc-view,
page-technical-issues .fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}

page-technical-issues .fc-basicWeek-view .fc-content-skeleton,
page-technical-issues .fc-basicDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}

page-technical-issues .fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}

page-technical-issues .fc-row.fc-rigid {
  overflow: hidden;
}

page-technical-issues .fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-technical-issues .fc-day-top.fc-other-month {
  opacity: 0.3;
}

page-technical-issues .fc-basic-view .fc-week-number,
page-technical-issues .fc-basic-view .fc-day-number {
  padding: 2px;
}

page-technical-issues .fc-basic-view th.fc-week-number,
page-technical-issues .fc-basic-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */
}

page-technical-issues .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right;
}

page-technical-issues .fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left;
}

page-technical-issues .fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0;
}

page-technical-issues .fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px;
}

page-technical-issues .fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080;
}

page-technical-issues .fc-basic-view td.fc-week-number {
  text-align: center;
}

page-technical-issues .fc-basic-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}

page-technical-issues .fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}

page-technical-issues .fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}

page-technical-issues .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}

page-technical-issues .fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}

page-technical-issues .fc-ltr .fc-axis {
  text-align: right;
}

page-technical-issues .fc-rtl .fc-axis {
  text-align: left;
}

page-technical-issues .ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome jqui theme making it bold */
}

page-technical-issues .fc-time-grid-container,
page-technical-issues .fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}

page-technical-issues .fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

page-technical-issues .fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}

page-technical-issues .fc-time-grid > .fc-bg {
  z-index: 1;
}

page-technical-issues .fc-time-grid .fc-slats,
page-technical-issues .fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}

page-technical-issues .fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */
}

page-technical-issues .fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
}

page-technical-issues .fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1;
}

page-technical-issues .fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2;
}

page-technical-issues .fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3;
}

page-technical-issues .fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4;
}

page-technical-issues .fc-time-grid .fc-now-indicator-line {
  z-index: 5;
}

page-technical-issues .fc-time-grid .fc-helper-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6;
}

page-technical-issues .fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}

page-technical-issues .fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}

page-technical-issues .fc-time-grid .fc-slats .ui-widget-content {
  /* for jqui theme */
  background: none;
  /* see through to fc-bg */
}

page-technical-issues .fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}

page-technical-issues .fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}

page-technical-issues .fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}

page-technical-issues .fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}

page-technical-issues .fc-time-grid .fc-event,
page-technical-issues .fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}

page-technical-issues .fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}

page-technical-issues .fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

page-technical-issues .fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

page-technical-issues .fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */
}

page-technical-issues .fc-time-grid-event.fc-selected {
  /* need to allow touch resizers to extend outside event's bounding box */
  /* common fc-selected styles hide the fc-bg, so don't need this anyway */
  overflow: visible;
}

page-technical-issues .fc-time-grid-event.fc-selected .fc-bg {
  display: none;
  /* hide semi-white background, to appear darker */
}

page-technical-issues .fc-time-grid-event .fc-content {
  overflow: hidden;
  /* for when .fc-selected */
}

page-technical-issues .fc-time-grid-event .fc-time,
page-technical-issues .fc-time-grid-event .fc-title {
  padding: 0 1px;
}

page-technical-issues .fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap;
}

page-technical-issues .fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}

page-technical-issues .fc-time-grid-event.fc-short .fc-time,
page-technical-issues .fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}

page-technical-issues .fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}

page-technical-issues .fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}

page-technical-issues .fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
  /* seperate with a dash, wrapped in nbsp's */
}

page-technical-issues .fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}

page-technical-issues .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}

page-technical-issues .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "=";
}

page-technical-issues .fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px;
}

page-technical-issues .fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0;
}

page-technical-issues .fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */
}

page-technical-issues .fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-technical-issues .fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-technical-issues .fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}

page-technical-issues .fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */
}

page-technical-issues .fc-list-view {
  border-width: 1px;
  border-style: solid;
}

page-technical-issues .fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */
}

page-technical-issues .fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px;
}

page-technical-issues .fc-list-table tr:first-child td {
  border-top-width: 0;
}

page-technical-issues .fc-list-heading {
  border-bottom-width: 1px;
}

page-technical-issues .fc-list-heading td {
  font-weight: bold;
}

page-technical-issues .fc-ltr .fc-list-heading-main {
  float: left;
}

page-technical-issues .fc-ltr .fc-list-heading-alt {
  float: right;
}

page-technical-issues .fc-rtl .fc-list-heading-main {
  float: right;
}

page-technical-issues .fc-rtl .fc-list-heading-alt {
  float: left;
}

page-technical-issues .fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */
}

page-technical-issues .fc-list-item:hover td {
  background-color: #f5f5f5;
}

page-technical-issues .fc-list-item-marker,
page-technical-issues .fc-list-item-time {
  white-space: nowrap;
  width: 1px;
}

page-technical-issues .fc-ltr .fc-list-item-marker {
  padding-right: 0;
}

page-technical-issues .fc-rtl .fc-list-item-marker {
  padding-left: 0;
}

page-technical-issues .fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit;
}

page-technical-issues .fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline;
}

page-technical-issues .fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

page-technical-issues .fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table;
}

page-technical-issues .fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

page-technical-issues .fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #eee;
}

page-technical-issues .activity ion-row.active {
  background-color: #fff;
}

page-technical-issues .activity .labeltraining {
  font-family: "Open Sans";
  color: #0099ff !important;
}

page-technical-issues .activity ion-row.success {
  background: #0099ff;
  color: white;
}

page-technical-issues .activity .trainCol ion-item {
  border: 1px solid #ddd;
  border-radius: 5px;
  border-left: 10px solid #0099ff;
}

page-technical-issues .activity ion-row.warning {
  background-color: #fcf8e3;
}

page-technical-issues .activity ion-row.error {
  background-color: #f2dede;
}

page-technical-issues .activity .text-center {
  text-align: center !important;
}

page-technical-issues .nodata_avail {
  font-family: "Open Sans";
  text-align: center;
  line-height: 60px;
  font-size: 25px;
  color: #FF5630;
}

page-technical-issues ion-card-title {
  color: #0099ff !important;
  border-bottom: 1px solid #0099ff;
  font-size: 18px !important;
  font-weight: bold;
  font-family: "Macondo";
  cursor: pointer;
}

page-technical-issues .content ion-card {
  border-radius: 10px;
}

page-techsupport .nodata_avail {
  font-family: "Open Sans" !important;
  text-align: center;
  line-height: 60px;
  font-size: 25px;
  color: #0099ff !important;
  margin: auto;
  border-radius: 10px;
  width: 75%;
  padding: 13px 16px;
  background: #ffffff !important;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

page-techsupport .nodata_avail-title {
  color: #0099ff !important;
  border-bottom: 1px solid #0099ff !important;
  font-size: 18px !important;
  font-weight: bold;
  font-family: "Open Sans";
  cursor: pointer;
}

page-techsupport .emailtext {
  color: #FF5630;
  font-size: 28px;
}

@media (max-width: 799px) {
  page-techsupport .supportimage {
    height: 400px;
    width: 100%;
  }
}

@media (min-width: 800px) {
  page-techsupport .supportimage {
    height: 400px;
    width: 100%;
  }
  page-techsupport .createComplaintform {
    width: 50%;
    margin: 0 auto;
  }
}

page-techsupport .item-input ion-label {
  max-width: 400px;
}

page-techsupport .helpbutton {
  font-size: 15px;
}

page-techsupport .help-circle-icon {
  color: #ffffff !important;
}

page-techsupport .submitbtn {
  width: 100%;
  display: block;
  margin: 0 auto;
  max-width: 200px;
}

page-techsupport .submitbtn {
  border-radius: 10px;
}

page-template-create .img-fluid {
  width: 30%;
  height: auto;
}

page-template-create .bg_active {
  background-color: #cccccc !important;
}

page-template-create .light_color {
  color: grey;
  text-align: end;
}

page-template-create .mycustomdrop2 {
  width: 50%;
  margin-left: 25%;
  margin-top: 20px;
  top: 0;
  position: absolute;
  z-index: 999;
  background-color: white;
  -webkit-box-shadow: 0px 2px 9px #00000030 !important;
  box-shadow: 0px 2px 9px #00000030 !important;
  border-radius: 5px;
}

page-template-create .mycustomdrop2 ion-item {
  background-color: white;
}

page-template-create display {
  display: none;
}

page-template-create .ql-snow .ql-picker.ql-header {
  width: 110px;
}

page-template-dash ion-card {
  position: relative;
  text-align: center;
  height: 300px;
  cursor: pointer;
}

page-template-dash .card-title {
  position: absolute;
  top: 36%;
  font-size: 2.0em;
  width: 100%;
  font-weight: bold;
  color: #fff;
}

page-template-dash .card-subtitle {
  font-size: 1.0em;
  position: absolute;
  top: 52%;
  width: 100%;
  color: #fff;
}

page-template-offerletter .infoclass {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 70px 0 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 16px;
  font-weight: bold;
}

page-template-offerletter .form-control {
  width: 100%;
}

page-template-offerletter .padding {
  padding: 10px !important;
}

page-template-offerletter .align-v-c {
  -webkit-box-pack: right;
  -webkit-justify-content: right;
  -ms-flex-pack: right;
  justify-content: right;
}

page-template-offerletter .width {
  width: 100%;
}

page-template-offerletter .display_none {
  display: none;
}

page-termsandcondition h2 {
  text-align: center;
}

page-termsandcondition p {
  text-align: justify;
}

page-training-assignment, page-assign-learner-path {
  /* ANIMATION */
  /* SHADOWS */
  /*
 *
 *   MaterialWrap - Bootstrap + Material Design Admin Theme

 
*/
  /*
 * CSS Transform - Scale and Rotate
 */
  /* The Modal (background) */
  /* Modal Content (image) */
  /* The Close Button */
  /*!
 * FullCalendar v3.2.0 Stylesheet
 * Docs & License: https://fullcalendar.io/
 * (c) 2017 Adam Shaw
 */
  /* Colors
--------------------------------------------------------------------------------------------------*/
  /* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
  /*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
  /* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
  /* Firefox has an annoying inner border */
  /* icons in buttons */
  /*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
  /* Buttons Groups
--------------------------------------------------------------------------------------------------*/
  /*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
  /* Popover
--------------------------------------------------------------------------------------------------*/
  /* unthemed */
  /* jqui themed */
  /* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
  /* Tables
--------------------------------------------------------------------------------------------------*/
  /* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
  /* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
  /* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
  /* highlighting cells & background event skeleton */
  /*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
  /* Scrolling Container
--------------------------------------------------------------------------------------------------*/
  /* TODO: move to agenda/basic */
  /* Global Event Styles
--------------------------------------------------------------------------------------------------*/
  /* overpower some of bootstrap's and jqui's styles on <a> tags */
  /* resizer (cursor AND touch devices) */
  /* resizer (touch devices) */
  /* hit area */
  /* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
  /* Horizontal Events
--------------------------------------------------------------------------------------------------*/
  /* bigger touch area when selected */
  /* events that are continuing to/from another week. kill rounded corners and butt up against edge */
  /* resizer (cursor AND touch devices) */
  /* left resizer  */
  /* right resizer */
  /* resizer (mouse devices) */
  /* resizer (touch devices) */
  /* left resizer  */
  /* right resizer */
  /* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* resizer (cursor devices) */
  /* left resizer  */
  /* right resizer */
  /* Event Limiting
--------------------------------------------------------------------------------------------------*/
  /* "more" link that represents hidden events */
  /* popover that appears when "more" link is clicked */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* Utilities
--------------------------------------------------------------------------------------------------*/
  /* Toolbar
--------------------------------------------------------------------------------------------------*/
  /* the things within each left/right/center section */
  /* the first thing within each left/center/right section */
  /* title text */
  /* button layering (for border precedence) */
  /* View Structure
--------------------------------------------------------------------------------------------------*/
  /* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
  /* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
  /* BasicView
--------------------------------------------------------------------------------------------------*/
  /* day row structure */
  /* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
  /* week and day number styling */
  /* when week/day number have own column */
  /* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
  /* divs within a cell within the fc-content-skeleton */
  /* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
  /* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* short mode, where time and title are on the same line */
  /* resizer (cursor device) */
  /* resizer (touch device) */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* arrow on axis */
  /* List View
--------------------------------------------------------------------------------------------------*/
  /* possibly reusable */
  /* view wrapper */
  /* table resets */
  /* day headings with the list */
  /* event list items */
  /* make the dot closer to the event title */
  /* message when no events */
}

page-training-assignment .letter-sp-1, page-assign-learner-path .letter-sp-1 {
  letter-spacing: 1px;
}

page-training-assignment .letter-sp-2, page-assign-learner-path .letter-sp-2 {
  letter-spacing: 2px;
}

page-training-assignment .letter-sp-3, page-assign-learner-path .letter-sp-3 {
  letter-spacing: 3px;
}

page-training-assignment .m-0, page-assign-learner-path .m-0 {
  margin: 0 !important;
}

page-training-assignment .m-5, page-assign-learner-path .m-5 {
  margin: 5px !important;
}

page-training-assignment .m-10, page-assign-learner-path .m-10 {
  margin: 10px !important;
}

page-training-assignment .m-15, page-assign-learner-path .m-15 {
  margin: 15px !important;
}

page-training-assignment .m-20, page-assign-learner-path .m-20 {
  margin: 20px !important;
}

page-training-assignment .m-30, page-assign-learner-path .m-30 {
  margin: 30px !important;
}

page-training-assignment .m-50, page-assign-learner-path .m-50 {
  margin: 50px !important;
}

page-training-assignment .m-b-100, page-assign-learner-path .m-b-100 {
  margin-bottom: 100px !important;
}

page-training-assignment .m-b-15, page-assign-learner-path .m-b-15 {
  margin-bottom: 15px !important;
}

page-training-assignment .m-b-20, page-assign-learner-path .m-b-20 {
  margin-bottom: 20px !important;
}

page-training-assignment .m-b-0, page-assign-learner-path .m-b-0 {
  margin-bottom: 0 !important;
}

page-training-assignment .m-l-0, page-assign-learner-path .m-l-0 {
  margin-left: 0 !important;
}

page-training-assignment .m-l-5, page-assign-learner-path .m-l-5 {
  margin-left: 5px !important;
}

page-training-assignment .m-l-10, page-assign-learner-path .m-l-10 {
  margin-left: 10px !important;
}

page-training-assignment .m-l-15, page-assign-learner-path .m-l-15 {
  margin-left: 15px !important;
}

page-training-assignment .m-l-20, page-assign-learner-path .m-l-20 {
  margin-left: 20px !important;
}

page-training-assignment .m-l-30, page-assign-learner-path .m-l-30 {
  margin-left: 30px !important;
}

page-training-assignment .m-l-40, page-assign-learner-path .m-l-40 {
  margin-left: 40px !important;
}

page-training-assignment .m-l-50, page-assign-learner-path .m-l-50 {
  margin-left: 50px !important;
}

page-training-assignment .m-l-n-1, page-assign-learner-path .m-l-n-1 {
  margin-left: -1px !important;
}

page-training-assignment .m-l-n-5, page-assign-learner-path .m-l-n-5 {
  margin-left: -5px !important;
}

page-training-assignment .m-l-n-10, page-assign-learner-path .m-l-n-10 {
  margin-left: -10px !important;
}

page-training-assignment .m-l-n-15, page-assign-learner-path .m-l-n-15 {
  margin-left: -15px !important;
}

page-training-assignment .m-l-n-20, page-assign-learner-path .m-l-n-20 {
  margin-left: -20px !important;
}

page-training-assignment .m-l-n-30, page-assign-learner-path .m-l-n-30 {
  margin-left: -30px !important;
}

page-training-assignment .m-l-n-40, page-assign-learner-path .m-l-n-40 {
  margin-left: -40px !important;
}

page-training-assignment .m-l-n-50, page-assign-learner-path .m-l-n-50 {
  margin-left: -50px !important;
}

page-training-assignment .m-t-0, page-assign-learner-path .m-t-0 {
  margin-top: 0 !important;
}

page-training-assignment .m-t-1, page-assign-learner-path .m-t-1 {
  margin-top: 1px !important;
}

page-training-assignment .m-t-2, page-assign-learner-path .m-t-2 {
  margin-top: 2px;
}

page-training-assignment .m-t-2p, page-assign-learner-path .m-t-2p {
  margin-top: 2% !important;
}

page-training-assignment .m-t-5p, page-assign-learner-path .m-t-5p {
  margin-top: 5% !important;
}

page-training-assignment .m-t-25p, page-assign-learner-path .m-t-25p {
  margin-top: 25% !important;
}

page-training-assignment .m-t-30p, page-assign-learner-path .m-t-30p {
  margin-top: 30% !important;
}

page-training-assignment .m-t-4, page-assign-learner-path .m-t-4 {
  margin-top: 4px !important;
}

page-training-assignment .m-t-5, page-assign-learner-path .m-t-5 {
  margin-top: 5px !important;
}

page-training-assignment .m-t-5p, page-assign-learner-path .m-t-5p {
  margin-top: 5% !important;
}

page-training-assignment .m-t-10, page-assign-learner-path .m-t-10 {
  margin-top: 10px !important;
}

page-training-assignment .m-t-15, page-assign-learner-path .m-t-15 {
  margin-top: 15px !important;
}

page-training-assignment .m-t-20, page-assign-learner-path .m-t-20 {
  margin-top: 20px !important;
}

page-training-assignment .m-t-30, page-assign-learner-path .m-t-30 {
  margin-top: 30px !important;
}

page-training-assignment .m-t-40, page-assign-learner-path .m-t-40 {
  margin-top: 40px !important;
}

page-training-assignment .m-t-50, page-assign-learner-path .m-t-50 {
  margin-top: 50px !important;
}

page-training-assignment .m-t-75, page-assign-learner-path .m-t-75 {
  margin-top: 75px !important;
}

page-training-assignment .m-t-100, page-assign-learner-path .m-t-100 {
  margin-top: 100px !important;
}

page-training-assignment .m-t-120, page-assign-learner-path .m-t-120 {
  margin-top: 120px !important;
}

page-training-assignment .m-t-140, page-assign-learner-path .m-t-140 {
  margin-top: 140px !important;
}

page-training-assignment .m-t-n-1, page-assign-learner-path .m-t-n-1 {
  margin-top: -1px !important;
}

page-training-assignment .m-t-n-5, page-assign-learner-path .m-t-n-5 {
  margin-top: -5px !important;
}

page-training-assignment .m-t-n-10, page-assign-learner-path .m-t-n-10 {
  margin-top: -10px !important;
}

page-training-assignment .m-t-n-15, page-assign-learner-path .m-t-n-15 {
  margin-top: -15px !important;
}

page-training-assignment .m-t-n-20, page-assign-learner-path .m-t-n-20 {
  margin-top: -20px !important;
}

page-training-assignment .m-t-n-30, page-assign-learner-path .m-t-n-30 {
  margin-top: -30px !important;
}

page-training-assignment .m-t-n-40, page-assign-learner-path .m-t-n-40 {
  margin-top: -40px !important;
}

page-training-assignment .m-t-n-50, page-assign-learner-path .m-t-n-50 {
  margin-top: -50px !important;
}

page-training-assignment .m-r-0, page-assign-learner-path .m-r-0 {
  margin-right: 0 !important;
}

page-training-assignment .m-r-1, page-assign-learner-path .m-r-1 {
  margin-right: 1px !important;
}

page-training-assignment .m-r-5, page-assign-learner-path .m-r-5 {
  margin-right: 5px !important;
}

page-training-assignment .m-r-10, page-assign-learner-path .m-r-10 {
  margin-right: 10px !important;
}

page-training-assignment .m-r-15, page-assign-learner-path .m-r-15 {
  margin-right: 15px !important;
}

page-training-assignment .m-r-20, page-assign-learner-path .m-r-20 {
  margin-right: 20px !important;
}

page-training-assignment .m-r-30, page-assign-learner-path .m-r-30 {
  margin-right: 30px !important;
}

page-training-assignment .m-r-40, page-assign-learner-path .m-r-40 {
  margin-right: 40px !important;
}

page-training-assignment .m-r-50, page-assign-learner-path .m-r-50 {
  margin-right: 50px !important;
}

page-training-assignment .m-r-n-1, page-assign-learner-path .m-r-n-1 {
  margin-right: -1px !important;
}

page-training-assignment .m-r-n-5, page-assign-learner-path .m-r-n-5 {
  margin-right: -5px !important;
}

page-training-assignment .m-r-n-10, page-assign-learner-path .m-r-n-10 {
  margin-right: -10px !important;
}

page-training-assignment .m-r-n-15, page-assign-learner-path .m-r-n-15 {
  margin-right: -15px !important;
}

page-training-assignment .m-r-n-20, page-assign-learner-path .m-r-n-20 {
  margin-right: -20px !important;
}

page-training-assignment .m-r-n-30, page-assign-learner-path .m-r-n-30 {
  margin-right: -30px !important;
}

page-training-assignment .m-r-n-40, page-assign-learner-path .m-r-n-40 {
  margin-right: -40px !important;
}

page-training-assignment .m-r-n-50, page-assign-learner-path .m-r-n-50 {
  margin-right: -50px !important;
}

page-training-assignment .m-b-0, page-assign-learner-path .m-b-0 {
  margin-bottom: 0 !important;
}

page-training-assignment .m-b-1, page-assign-learner-path .m-b-1 {
  margin-bottom: 1px !important;
}

page-training-assignment .m-b-4, page-assign-learner-path .m-b-4 {
  margin-bottom: 4px !important;
}

page-training-assignment .m-b-5, page-assign-learner-path .m-b-5 {
  margin-bottom: 5px !important;
}

page-training-assignment .m-b-10, page-assign-learner-path .m-b-10 {
  margin-bottom: 10px !important;
}

page-training-assignment .m-b-15, page-assign-learner-path .m-b-15 {
  margin-bottom: 15px !important;
}

page-training-assignment .m-b-20, page-assign-learner-path .m-b-20 {
  margin-bottom: 20px !important;
}

page-training-assignment .m-b-30, page-assign-learner-path .m-b-30 {
  margin-bottom: 30px !important;
}

page-training-assignment .m-b-40, page-assign-learner-path .m-b-40 {
  margin-bottom: 40px !important;
}

page-training-assignment .m-b-50, page-assign-learner-path .m-b-50 {
  margin-bottom: 50px !important;
}

page-training-assignment .m-b-n-1, page-assign-learner-path .m-b-n-1 {
  margin-bottom: -1px !important;
}

page-training-assignment .m-b-n-5, page-assign-learner-path .m-b-n-5 {
  margin-bottom: -5px !important;
}

page-training-assignment .m-b-n-10, page-assign-learner-path .m-b-n-10 {
  margin-bottom: -10px !important;
}

page-training-assignment .m-b-n-15, page-assign-learner-path .m-b-n-15 {
  margin-bottom: -15px !important;
}

page-training-assignment .m-b-n-20, page-assign-learner-path .m-b-n-20 {
  margin-bottom: -20px !important;
}

page-training-assignment .m-b-n-30, page-assign-learner-path .m-b-n-30 {
  margin-bottom: -30px !important;
}

page-training-assignment .m-b-n-40, page-assign-learner-path .m-b-n-40 {
  margin-bottom: -40px !important;
}

page-training-assignment .m-b-n-50, page-assign-learner-path .m-b-n-50 {
  margin-bottom: -50px !important;
}

page-training-assignment .p-0, page-assign-learner-path .p-0 {
  padding: 0 !important;
}

page-training-assignment .p-5, page-assign-learner-path .p-5 {
  padding: 5px !important;
}

page-training-assignment .p-10, page-assign-learner-path .p-10 {
  padding: 10px !important;
}

page-training-assignment .p-15, page-assign-learner-path .p-15 {
  padding: 15px !important;
}

page-training-assignment .p-20, page-assign-learner-path .p-20 {
  padding: 20px !important;
}

page-training-assignment .p-25, page-assign-learner-path .p-25 {
  padding: 25px !important;
}

page-training-assignment .p-30, page-assign-learner-path .p-30 {
  padding: 30px !important;
}

page-training-assignment .p-40, page-assign-learner-path .p-40 {
  padding: 40px !important;
}

page-training-assignment .p-50, page-assign-learner-path .p-50 {
  padding: 50px !important;
}

page-training-assignment .p-75, page-assign-learner-path .p-75 {
  padding: 75px !important;
}

page-training-assignment .p-100, page-assign-learner-path .p-100 {
  padding: 100px !important;
}

page-training-assignment .p-lr, page-assign-learner-path .p-lr {
  padding: 0px 4% 0px 4%;
}

page-training-assignment .p-l-0, page-assign-learner-path .p-l-0 {
  padding-left: 0 !important;
}

page-training-assignment .p-l-5, page-assign-learner-path .p-l-5 {
  padding-left: 5px !important;
}

page-training-assignment .p-l-10, page-assign-learner-path .p-l-10 {
  padding-left: 10px !important;
}

page-training-assignment .p-l-12, page-assign-learner-path .p-l-12 {
  padding-left: 12px !important;
}

page-training-assignment .p-l-15, page-assign-learner-path .p-l-15 {
  padding-left: 15px !important;
}

page-training-assignment .p-l-16, page-assign-learner-path .p-l-16 {
  padding-left: 16px !important;
}

page-training-assignment .p-l-20, page-assign-learner-path .p-l-20 {
  padding-left: 20px !important;
}

page-training-assignment .p-l-25, page-assign-learner-path .p-l-25 {
  padding-left: 25px !important;
}

page-training-assignment .p-l-30, page-assign-learner-path .p-l-30 {
  padding-left: 30px !important;
}

page-training-assignment .p-l-40, page-assign-learner-path .p-l-40 {
  padding-left: 40px !important;
}

page-training-assignment .p-l-50, page-assign-learner-path .p-l-50 {
  padding-left: 50px !important;
}

page-training-assignment .p-l-75, page-assign-learner-path .p-l-75 {
  padding-left: 75px !important;
}

page-training-assignment .p-l-100, page-assign-learner-path .p-l-100 {
  padding-left: 100px !important;
}

page-training-assignment .p-r-0, page-assign-learner-path .p-r-0 {
  padding-right: 0 !important;
}

page-training-assignment .p-r-5, page-assign-learner-path .p-r-5 {
  padding-right: 5px !important;
}

page-training-assignment .p-r-10, page-assign-learner-path .p-r-10 {
  padding-right: 10px !important;
}

page-training-assignment .p-r-12, page-assign-learner-path .p-r-12 {
  padding-right: 12px !important;
}

page-training-assignment .p-r-15, page-assign-learner-path .p-r-15 {
  padding-right: 15px !important;
}

page-training-assignment .p-r-20, page-assign-learner-path .p-r-20 {
  padding-right: 20px !important;
}

page-training-assignment .p-r-25, page-assign-learner-path .p-r-25 {
  padding-right: 25px !important;
}

page-training-assignment .p-r-30, page-assign-learner-path .p-r-30 {
  padding-right: 30px !important;
}

page-training-assignment .p-r-40, page-assign-learner-path .p-r-40 {
  padding-right: 40px !important;
}

page-training-assignment .p-r-50, page-assign-learner-path .p-r-50 {
  padding-right: 50px !important;
}

page-training-assignment .p-r-75, page-assign-learner-path .p-r-75 {
  padding-right: 75px !important;
}

page-training-assignment .p-r-100, page-assign-learner-path .p-r-100 {
  padding-right: 100px !important;
}

page-training-assignment .p-b-0, page-assign-learner-path .p-b-0 {
  padding-bottom: 0 !important;
}

page-training-assignment .p-b-5, page-assign-learner-path .p-b-5 {
  padding-bottom: 5px !important;
}

page-training-assignment .p-b-10, page-assign-learner-path .p-b-10 {
  padding-bottom: 10px !important;
}

page-training-assignment .p-b-15, page-assign-learner-path .p-b-15 {
  padding-bottom: 15px !important;
}

page-training-assignment .p-b-16, page-assign-learner-path .p-b-16 {
  padding-bottom: 16px !important;
}

page-training-assignment .p-b-20, page-assign-learner-path .p-b-20 {
  padding-bottom: 20px !important;
}

page-training-assignment .p-b-25, page-assign-learner-path .p-b-25 {
  padding-bottom: 25px !important;
}

page-training-assignment .p-b-30, page-assign-learner-path .p-b-30 {
  padding-bottom: 30px !important;
}

page-training-assignment .p-b-40, page-assign-learner-path .p-b-40 {
  padding-bottom: 40px !important;
}

page-training-assignment .p-b-50, page-assign-learner-path .p-b-50 {
  padding-bottom: 50px !important;
}

page-training-assignment .p-b-60, page-assign-learner-path .p-b-60 {
  padding-bottom: 60px !important;
}

page-training-assignment .p-b-70, page-assign-learner-path .p-b-70 {
  padding-bottom: 70px !important;
}

page-training-assignment .p-b-80, page-assign-learner-path .p-b-80 {
  padding-bottom: 80px !important;
}

page-training-assignment .p-b-90, page-assign-learner-path .p-b-90 {
  padding-bottom: 90px !important;
}

page-training-assignment .p-b-100, page-assign-learner-path .p-b-100 {
  padding-bottom: 100px !important;
}

page-training-assignment .p-t-0, page-assign-learner-path .p-t-0 {
  padding-top: 0 !important;
}

page-training-assignment .p-t-5, page-assign-learner-path .p-t-5 {
  padding-top: 5px !important;
}

page-training-assignment .p-t-7, page-assign-learner-path .p-t-7 {
  padding-top: 7px !important;
}

page-training-assignment .p-t-10, page-assign-learner-path .p-t-10 {
  padding-top: 10px !important;
}

page-training-assignment .p-t-15, page-assign-learner-path .p-t-15 {
  padding-top: 15px !important;
}

page-training-assignment .p-t-16, page-assign-learner-path .p-t-16 {
  padding-top: 16px !important;
}

page-training-assignment .p-t-20, page-assign-learner-path .p-t-20 {
  padding-top: 20px !important;
}

page-training-assignment .p-t-25, page-assign-learner-path .p-t-25 {
  padding-top: 25px !important;
}

page-training-assignment .p-t-30, page-assign-learner-path .p-t-30 {
  padding-top: 30px !important;
}

page-training-assignment .p-t-40, page-assign-learner-path .p-t-40 {
  padding-top: 40px !important;
}

page-training-assignment .p-t-50, page-assign-learner-path .p-t-50 {
  padding-top: 50px !important;
}

page-training-assignment .p-t-75, page-assign-learner-path .p-t-75 {
  padding-top: 75px !important;
}

page-training-assignment .p-t-100, page-assign-learner-path .p-t-100 {
  padding-top: 100px !important;
}

page-training-assignment .p-t-120, page-assign-learner-path .p-t-120 {
  padding-top: 120px !important;
}

page-training-assignment .p-t-130, page-assign-learner-path .p-t-130 {
  padding-top: 130px !important;
}

page-training-assignment .p-t-140, page-assign-learner-path .p-t-140 {
  padding-top: 140px !important;
}

page-training-assignment .p-t-150, page-assign-learner-path .p-t-150 {
  padding-top: 150px !important;
}

page-training-assignment .block, page-assign-learner-path .block {
  display: block !important;
}

page-training-assignment .img-xs, page-assign-learner-path .img-xs {
  width: 30px;
  height: 30px;
}

page-training-assignment .img-sm, page-assign-learner-path .img-sm {
  width: 35px;
  height: 35px;
}

page-training-assignment .img-md, page-assign-learner-path .img-md {
  width: 55px;
  height: 55px;
}

page-training-assignment .img-lg, page-assign-learner-path .img-lg {
  width: 100px;
  height: 100px;
}

page-training-assignment .min-w-800, page-assign-learner-path .min-w-800 {
  min-width: 800px !important;
}

page-training-assignment .min-w-1000, page-assign-learner-path .min-w-1000 {
  min-width: 1000px !important;
}

page-training-assignment .min-w-1100, page-assign-learner-path .min-w-1100 {
  min-width: 1100px !important;
}

page-training-assignment .max-w-20, page-assign-learner-path .max-w-20 {
  max-width: 20px !important;
}

page-training-assignment .max-w-30, page-assign-learner-path .max-w-30 {
  max-width: 30px !important;
}

page-training-assignment .max-w-32, page-assign-learner-path .max-w-32 {
  max-width: 35px !important;
}

page-training-assignment .max-w-35, page-assign-learner-path .max-w-35 {
  max-width: 35px !important;
}

page-training-assignment .max-w-40, page-assign-learner-path .max-w-40 {
  max-width: 40px !important;
}

page-training-assignment .max-w-50, page-assign-learner-path .max-w-50 {
  max-width: 50px !important;
}

page-training-assignment .max-w-75, page-assign-learner-path .max-w-75 {
  max-width: 75px !important;
}

page-training-assignment .max-w-100, page-assign-learner-path .max-w-100 {
  max-width: 100px !important;
}

page-training-assignment .max-w-150, page-assign-learner-path .max-w-150 {
  max-width: 150px !important;
}

page-training-assignment .max-w-200, page-assign-learner-path .max-w-200 {
  max-width: 200px !important;
}

page-training-assignment .max-w-300, page-assign-learner-path .max-w-300 {
  max-width: 300px !important;
}

page-training-assignment .max-w-400, page-assign-learner-path .max-w-400 {
  max-width: 400px !important;
}

page-training-assignment .overflow-hidden, page-assign-learner-path .overflow-hidden {
  overflow: hidden;
}

page-training-assignment .overflow-auto, page-assign-learner-path .overflow-auto {
  overflow: auto;
}

page-training-assignment .max-h-50, page-assign-learner-path .max-h-50 {
  max-height: 50px !important;
}

page-training-assignment .max-h-80, page-assign-learner-path .max-h-80 {
  max-height: 80px !important;
}

page-training-assignment .max-h-100, page-assign-learner-path .max-h-100 {
  max-height: 100px !important;
}

page-training-assignment .max-h-150, page-assign-learner-path .max-h-150 {
  max-height: 150px !important;
}

page-training-assignment .max-h-200, page-assign-learner-path .max-h-200 {
  max-height: 200px !important;
}

page-training-assignment .max-h-250, page-assign-learner-path .max-h-250 {
  max-height: 250px !important;
}

page-training-assignment .max-h-300, page-assign-learner-path .max-h-300 {
  max-height: 300px !important;
}

page-training-assignment .max-h-350, page-assign-learner-path .max-h-350 {
  max-height: 300px !important;
}

page-training-assignment .max-h-375, page-assign-learner-path .max-h-375 {
  max-height: 300px !important;
}

page-training-assignment .max-h-400, page-assign-learner-path .max-h-400 {
  max-height: 400px !important;
}

page-training-assignment .max-h-450, page-assign-learner-path .max-h-450 {
  max-height: 450px !important;
}

page-training-assignment .max-h-500, page-assign-learner-path .max-h-500 {
  max-height: 500px !important;
}

page-training-assignment .max-h-600, page-assign-learner-path .max-h-600 {
  max-height: 600px !important;
}

page-training-assignment .max-h-650, page-assign-learner-path .max-h-650 {
  max-height: 650px !important;
}

page-training-assignment .max-h-700, page-assign-learner-path .max-h-700 {
  max-height: 700px !important;
}

page-training-assignment .max-h-800, page-assign-learner-path .max-h-800 {
  max-height: 800px !important;
}

page-training-assignment .max-h-900, page-assign-learner-path .max-h-900 {
  max-height: 900px !important;
}

page-training-assignment .max-h-1000, page-assign-learner-path .max-h-1000 {
  max-height: 1000px !important;
}

page-training-assignment .min-h-0, page-assign-learner-path .min-h-0 {
  min-height: 0 !important;
}

page-training-assignment .min-h-50, page-assign-learner-path .min-h-50 {
  min-height: 50px !important;
}

page-training-assignment .min-h-100, page-assign-learner-path .min-h-100 {
  min-height: 100px !important;
}

page-training-assignment .min-h-200, page-assign-learner-path .min-h-200 {
  min-height: 200px !important;
}

page-training-assignment .min-h-250, page-assign-learner-path .min-h-250 {
  min-height: 250px !important;
}

page-training-assignment .min-h-300, page-assign-learner-path .min-h-300 {
  min-height: 300px !important;
}

page-training-assignment .min-h-350, page-assign-learner-path .min-h-350 {
  min-height: 300px !important;
}

page-training-assignment .min-h-375, page-assign-learner-path .min-h-375 {
  min-height: 300px !important;
}

page-training-assignment .min-h-400, page-assign-learner-path .min-h-400 {
  min-height: 400px !important;
}

page-training-assignment .min-h-450, page-assign-learner-path .min-h-450 {
  min-height: 450px !important;
}

page-training-assignment .min-h-500, page-assign-learner-path .min-h-500 {
  min-height: 500px !important;
}

page-training-assignment .min-h-600, page-assign-learner-path .min-h-600 {
  min-height: 600px !important;
}

page-training-assignment .min-h-650, page-assign-learner-path .min-h-650 {
  min-height: 650px !important;
}

page-training-assignment .min-h-700, page-assign-learner-path .min-h-700 {
  min-height: 700px !important;
}

page-training-assignment .min-h-800, page-assign-learner-path .min-h-800 {
  min-height: 800px !important;
}

page-training-assignment .min-h-900, page-assign-learner-path .min-h-900 {
  min-height: 900px !important;
}

page-training-assignment .min-h-1000, page-assign-learner-path .min-h-1000 {
  min-height: 1000px !important;
}

page-training-assignment .h-5, page-assign-learner-path .h-5 {
  height: 5px !important;
}

page-training-assignment .h-10, page-assign-learner-path .h-10 {
  height: 10px !important;
}

page-training-assignment .h-20, page-assign-learner-path .h-20 {
  height: 20px !important;
}

page-training-assignment .h-25, page-assign-learner-path .h-25 {
  height: 25px !important;
}

page-training-assignment .h-50, page-assign-learner-path .h-50 {
  height: 50px !important;
}

page-training-assignment .h-75, page-assign-learner-path .h-75 {
  height: 75px !important;
}

page-training-assignment .h-100, page-assign-learner-path .h-100 {
  height: 100px !important;
}

page-training-assignment .h-125, page-assign-learner-path .h-125 {
  height: 125px !important;
}

page-training-assignment .h-150, page-assign-learner-path .h-150 {
  height: 150px !important;
}

page-training-assignment .h-200, page-assign-learner-path .h-200 {
  height: 200px !important;
}

page-training-assignment .h-300, page-assign-learner-path .h-300 {
  height: 300px !important;
}

page-training-assignment .h-350, page-assign-learner-path .h-350 {
  height: 350px !important;
}

page-training-assignment .h-400, page-assign-learner-path .h-400 {
  height: 400px !important;
}

page-training-assignment .h-450, page-assign-learner-path .h-450 {
  height: 450px !important;
}

page-training-assignment .h-500, page-assign-learner-path .h-500 {
  height: 500px !important;
}

page-training-assignment .h-600, page-assign-learner-path .h-600 {
  height: 600px !important;
}

page-training-assignment .h-650, page-assign-learner-path .h-650 {
  height: 650px !important;
}

page-training-assignment .h-700, page-assign-learner-path .h-700 {
  height: 700px !important;
}

page-training-assignment .h-800, page-assign-learner-path .h-800 {
  height: 800px !important;
}

page-training-assignment .h-900, page-assign-learner-path .h-900 {
  height: 900px !important;
}

page-training-assignment .h-1000, page-assign-learner-path .h-1000 {
  height: 1000px !important;
}

page-training-assignment .w-5, page-assign-learner-path .w-5 {
  width: 5px !important;
}

page-training-assignment .w-10, page-assign-learner-path .w-10 {
  width: 10px !important;
}

page-training-assignment .w-15, page-assign-learner-path .w-15 {
  width: 15px !important;
}

page-training-assignment .w-20, page-assign-learner-path .w-20 {
  width: 20px !important;
}

page-training-assignment .w-30, page-assign-learner-path .w-30 {
  width: 30px !important;
}

page-training-assignment .w-40, page-assign-learner-path .w-40 {
  width: 40px !important;
}

page-training-assignment .w-50, page-assign-learner-path .w-50 {
  width: 50px !important;
}

page-training-assignment .w-60, page-assign-learner-path .w-60 {
  width: 60px !important;
}

page-training-assignment .w-80, page-assign-learner-path .w-80 {
  width: 80px !important;
}

page-training-assignment .w-100, page-assign-learner-path .w-100 {
  width: 100px !important;
}

page-training-assignment .w-150, page-assign-learner-path .w-150 {
  width: 150px !important;
}

page-training-assignment .w-190, page-assign-learner-path .w-190 {
  width: 190px !important;
}

page-training-assignment .w-200, page-assign-learner-path .w-200 {
  width: 200px !important;
}

page-training-assignment .w-250, page-assign-learner-path .w-250 {
  width: 250px !important;
}

page-training-assignment .w-300, page-assign-learner-path .w-300 {
  width: 300px !important;
}

page-training-assignment .w-600, page-assign-learner-path .w-600 {
  width: 600px !important;
}

page-training-assignment .w-100p, page-assign-learner-path .w-100p {
  width: 100% !important;
}

page-training-assignment .w-95p, page-assign-learner-path .w-95p {
  width: 95% !important;
}

page-training-assignment .w-90p, page-assign-learner-path .w-90p {
  width: 90% !important;
}

page-training-assignment .w-80p, page-assign-learner-path .w-80p {
  width: 80% !important;
}

page-training-assignment .w-70p, page-assign-learner-path .w-70p {
  width: 70% !important;
}

page-training-assignment .w-60p, page-assign-learner-path .w-60p {
  width: 60% !important;
}

page-training-assignment .w-50p, page-assign-learner-path .w-50p {
  width: 50% !important;
}

page-training-assignment .w-45p, page-assign-learner-path .w-45p {
  width: 45% !important;
}

page-training-assignment .w-40p, page-assign-learner-path .w-40p {
  width: 40% !important;
}

page-training-assignment .w-30p, page-assign-learner-path .w-30p {
  width: 30% !important;
}

page-training-assignment .w-25p, page-assign-learner-path .w-25p {
  width: 25% !important;
}

page-training-assignment .w-20p, page-assign-learner-path .w-20p {
  width: 20% !important;
}

page-training-assignment .w-15p, page-assign-learner-path .w-15p {
  width: 15% !important;
}

page-training-assignment .w-10p, page-assign-learner-path .w-10p {
  width: 10% !important;
}

page-training-assignment .w-8p, page-assign-learner-path .w-8p {
  width: 8% !important;
}

page-training-assignment .w-5p, page-assign-learner-path .w-5p {
  width: 5% !important;
}

page-training-assignment .w-3p, page-assign-learner-path .w-3p {
  width: 3% !important;
}

page-training-assignment .w-95p, page-assign-learner-path .w-95p {
  width: 95% !important;
}

page-training-assignment .h-100p, page-assign-learner-path .h-100p {
  height: 100% !important;
}

page-training-assignment .h-80p, page-assign-learner-path .h-80p {
  height: 80% !important;
}

page-training-assignment .absolute, page-assign-learner-path .absolute {
  position: absolute !important;
}

page-training-assignment .relative, page-assign-learner-path .relative {
  position: relative !important;
}

page-training-assignment .block, page-assign-learner-path .block {
  display: block !important;
}

page-training-assignment .inline-block, page-assign-learner-path .inline-block {
  display: inline-block !important;
}

page-training-assignment .list-block li, page-assign-learner-path .list-block li {
  display: block !important;
}

page-training-assignment .list-inline li, page-assign-learner-path .list-inline li {
  display: inline !important;
}

page-training-assignment .clear-both, page-assign-learner-path .clear-both {
  clear: both !important;
}

page-training-assignment .line-height-normal, page-assign-learner-path .line-height-normal {
  line-height: normal !important;
}

page-training-assignment .line-height-8, page-assign-learner-path .line-height-8 {
  line-height: 8px !important;
}

page-training-assignment .line-height-14, page-assign-learner-path .line-height-14 {
  line-height: 14px !important;
}

page-training-assignment .line-height-12, page-assign-learner-path .line-height-12 {
  line-height: normal !important;
}

page-training-assignment ul.style-none, page-assign-learner-path ul.style-none {
  margin: 0;
  padding: 0;
  list-style: none;
}

page-training-assignment ul.style-none li, page-assign-learner-path ul.style-none li {
  font-size: 0.875rem;
  padding: 3px 0;
}

page-training-assignment ul.style-none li ul, page-assign-learner-path ul.style-none li ul {
  list-style: none;
}

page-training-assignment ul.vertical-icon-list, page-assign-learner-path ul.vertical-icon-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

page-training-assignment ul.vertical-icon-list li, page-assign-learner-path ul.vertical-icon-list li {
  font-size: 0.875rem;
  padding: 6px 0;
}

page-training-assignment ul.vertical-icon-list li i, page-assign-learner-path ul.vertical-icon-list li i {
  font-size: 1.25rem;
  padding-right: 15px;
  vertical-align: middle;
}

page-training-assignment .bg-white, page-assign-learner-path .bg-white {
  background: #ffffff !important;
}

page-training-assignment .bg-green, page-assign-learner-path .bg-green {
  background: #28bebd !important;
}

page-training-assignment .bg-blue, page-assign-learner-path .bg-blue {
  background: #42a5f5 !important;
}

page-training-assignment .bg-lightBlue, page-assign-learner-path .bg-lightBlue {
  background: #2ebaee !important;
}

page-training-assignment .bg-red, page-assign-learner-path .bg-red {
  background: #ef5350 !important;
}

page-training-assignment .bg-yellow, page-assign-learner-path .bg-yellow {
  background: #f8c200 !important;
}

page-training-assignment .bg-paleYellow, page-assign-learner-path .bg-paleYellow {
  background: #fddd7e !important;
}

page-training-assignment .bg-lightGray, page-assign-learner-path .bg-lightGray {
  background: #e3ecf7 !important;
}

page-training-assignment .bg-gray, page-assign-learner-path .bg-gray {
  background: #8f9eb5 !important;
}

page-training-assignment .bg-drakGray, page-assign-learner-path .bg-drakGray {
  background: #707c94 !important;
}

page-training-assignment .bg-grayBlue, page-assign-learner-path .bg-grayBlue {
  background: #59779b !important;
}

page-training-assignment .bg-purple, page-assign-learner-path .bg-purple {
  background: #6b79c4 !important;
}

page-training-assignment .bg-turquoise, page-assign-learner-path .bg-turquoise {
  background: #00c5dc !important;
}

page-training-assignment .bg-peach, page-assign-learner-path .bg-peach {
  background: #feb38d !important;
}

page-training-assignment .bg-transparent, page-assign-learner-path .bg-transparent {
  background: transparent !important;
}

page-training-assignment .text-primary, page-assign-learner-path .text-primary {
  color: #172B4D !important;
}

page-training-assignment .text-link, page-assign-learner-path .text-link {
  color: #0645ad !important;
}

page-training-assignment .text-green, page-assign-learner-path .text-green {
  color: #28bebd !important;
}

page-training-assignment .text-turquoise, page-assign-learner-path .text-turquoise {
  color: #00c5dc !important;
}

page-training-assignment .text-red, page-assign-learner-path .text-red {
  color: #ef5350 !important;
}

page-training-assignment .text-cyan, page-assign-learner-path .text-cyan {
  color: #26c6da !important;
}

page-training-assignment .text-yellow, page-assign-learner-path .text-yellow {
  color: #f8c200 !important;
}

page-training-assignment .text-gray, page-assign-learner-path .text-gray {
  color: #8f9eb5 !important;
}

page-training-assignment .text-blue, page-assign-learner-path .text-blue {
  color: #42a5f5 !important;
}

page-training-assignment .text-orange, page-assign-learner-path .text-orange {
  color: #ffb74d !important;
}

page-training-assignment .text-purple, page-assign-learner-path .text-purple {
  color: #6b79c4 !important;
}

page-training-assignment .text-white, page-assign-learner-path .text-white {
  color: #fff !important;
}

page-training-assignment .text-brown, page-assign-learner-path .text-brown {
  color: #906b6b !important;
}

page-training-assignment .text-salmon, page-assign-learner-path .text-salmon {
  color: #ee6e73 !important;
}

page-training-assignment .text-muted, page-assign-learner-path .text-muted {
  color: #8396b0;
}

page-training-assignment .color-black, page-assign-learner-path .color-black {
  color: #000 !important;
}

page-training-assignment .color-white, page-assign-learner-path .color-white {
  color: #fff !important;
}

page-training-assignment .bg-white, page-assign-learner-path .bg-white {
  background-color: #fff !important;
}

page-training-assignment .transparent, page-assign-learner-path .transparent {
  background: transparent !important;
}

page-training-assignment .bg-primary, page-assign-learner-path .bg-primary {
  background-color: #172B4D !important;
}

page-training-assignment .border-bottom,
page-training-assignment .border-grey-bottom-1px, page-assign-learner-path .border-bottom,
page-assign-learner-path .border-grey-bottom-1px {
  border-bottom: 1px solid rgba(215, 225, 237, 0.8) !important;
}

page-training-assignment .border-grey-top-1px,
page-training-assignment .border-top, page-assign-learner-path .border-grey-top-1px,
page-assign-learner-path .border-top {
  border-top: 1px solid rgba(215, 225, 237, 0.6) !important;
}

page-training-assignment .border-bottom-black-2px, page-assign-learner-path .border-bottom-black-2px {
  border-bottom: 2px solid black;
}

page-training-assignment .border-top0p, page-assign-learner-path .border-top0p {
  border-top: 0px !important;
}

page-training-assignment .b-n, page-assign-learner-path .b-n {
  border: none !important;
}

page-training-assignment .b-b-1, page-assign-learner-path .b-b-1 {
  border: 1px solid black;
}

page-training-assignment .b-lg-1, page-assign-learner-path .b-lg-1 {
  border: 1px solid lightgrey;
}

page-training-assignment .shadow-none, page-assign-learner-path .shadow-none {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

page-training-assignment .shadow-z-0, page-assign-learner-path .shadow-z-0 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-training-assignment .shadow-z-1, page-assign-learner-path .shadow-z-1 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-training-assignment .shadow-z-1:hover, page-assign-learner-path .shadow-z-1:hover {
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

page-training-assignment .shadow-z-2, page-assign-learner-path .shadow-z-2 {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

page-training-assignment .shadow-z-3, page-assign-learner-path .shadow-z-3 {
  -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

page-training-assignment .shadow-z-4, page-assign-learner-path .shadow-z-4 {
  -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}

page-training-assignment .shadow-z-5, page-assign-learner-path .shadow-z-5 {
  -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}

page-training-assignment .big-shadow, page-assign-learner-path .big-shadow {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
}

page-training-assignment .shadow-2dp, page-assign-learner-path .shadow-2dp {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

page-training-assignment .shadow-3dp, page-assign-learner-path .shadow-3dp {
  -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}

page-training-assignment .shadow-4dp, page-assign-learner-path .shadow-4dp {
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}

page-training-assignment .shadow-6dp, page-assign-learner-path .shadow-6dp {
  -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}

page-training-assignment .shadow-8dp, page-assign-learner-path .shadow-8dp {
  -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}

page-training-assignment .shadow-16dp, page-assign-learner-path .shadow-16dp {
  -webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

page-training-assignment .shadow-24dp, page-assign-learner-path .shadow-24dp {
  -webkit-box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
}

page-training-assignment .font-weight-100, page-assign-learner-path .font-weight-100 {
  font-weight: 100 !important;
}

page-training-assignment .font-weight-200, page-assign-learner-path .font-weight-200 {
  font-weight: 200 !important;
}

page-training-assignment .font-weight-300, page-assign-learner-path .font-weight-300 {
  font-weight: 300 !important;
}

page-training-assignment .font-weight-400, page-assign-learner-path .font-weight-400 {
  font-weight: 400 !important;
}

page-training-assignment .font-weight-500, page-assign-learner-path .font-weight-500 {
  font-weight: 500 !important;
}

page-training-assignment .font-weight-600, page-assign-learner-path .font-weight-600 {
  font-weight: 600 !important;
}

page-training-assignment .font-weight-700, page-assign-learner-path .font-weight-700 {
  font-weight: 700 !important;
}

page-training-assignment .font-weight-800, page-assign-learner-path .font-weight-800 {
  font-weight: 800 !important;
}

page-training-assignment .font-weight-900, page-assign-learner-path .font-weight-900 {
  font-weight: 900 !important;
}

page-training-assignment .font-weight-light, page-assign-learner-path .font-weight-light {
  font-weight: 100 !important;
}

page-training-assignment .font-weight-normal, page-assign-learner-path .font-weight-normal {
  font-weight: 300 !important;
}

page-training-assignment .font-weight-medium, page-assign-learner-path .font-weight-medium {
  font-weight: 400 !important;
}

page-training-assignment .font-weight-bold, page-assign-learner-path .font-weight-bold {
  font-weight: 500 !important;
}

page-training-assignment .bold, page-assign-learner-path .bold {
  font-weight: bold !important;
}

page-training-assignment .font-size-0, page-assign-learner-path .font-size-0 {
  font-size: 0 !important;
}

page-training-assignment .font-size-10, page-assign-learner-path .font-size-10 {
  font-size: 10px !important;
}

page-training-assignment .font-size-11, page-assign-learner-path .font-size-11 {
  font-size: 11px !important;
}

page-training-assignment .font-size-12, page-assign-learner-path .font-size-12 {
  font-size: 12px !important;
}

page-training-assignment .font-size-14, page-assign-learner-path .font-size-14 {
  font-size: 14px !important;
}

page-training-assignment .font-size-16, page-assign-learner-path .font-size-16 {
  font-size: 16px !important;
}

page-training-assignment .font-size-18, page-assign-learner-path .font-size-18 {
  font-size: 18px !important;
}

page-training-assignment .font-size-20, page-assign-learner-path .font-size-20 {
  font-size: 20px !important;
}

page-training-assignment .font-size-24, page-assign-learner-path .font-size-24 {
  font-size: 24px !important;
}

page-training-assignment .font-size-26, page-assign-learner-path .font-size-26 {
  font-size: 26px !important;
}

page-training-assignment .font-size-30, page-assign-learner-path .font-size-30 {
  font-size: 30px !important;
}

page-training-assignment .font-size-35, page-assign-learner-path .font-size-35 {
  font-size: 35px !important;
}

page-training-assignment .font-size-38, page-assign-learner-path .font-size-38 {
  font-size: 38px !important;
}

page-training-assignment .font-size-40, page-assign-learner-path .font-size-40 {
  font-size: 40px !important;
}

page-training-assignment .font-size-50, page-assign-learner-path .font-size-50 {
  font-size: 50px !important;
}

page-training-assignment .font-size-60, page-assign-learner-path .font-size-60 {
  font-size: 60px !important;
}

page-training-assignment .font-size-70, page-assign-learner-path .font-size-70 {
  font-size: 70px !important;
}

page-training-assignment .font-size-80, page-assign-learner-path .font-size-80 {
  font-size: 80px !important;
}

page-training-assignment .hidden, page-assign-learner-path .hidden {
  display: none !important;
}

page-training-assignment .w-100p, page-assign-learner-path .w-100p {
  width: 100% !important;
}

page-training-assignment .float-r, page-assign-learner-path .float-r {
  float: right !important;
}

page-training-assignment .float-l, page-assign-learner-path .float-l {
  float: left !important;
}

page-training-assignment .align-c, page-assign-learner-path .align-c {
  display: block;
  margin: 0 auto;
}

page-training-assignment .align-b, page-assign-learner-path .align-b {
  display: block;
}

page-training-assignment .text-center, page-assign-learner-path .text-center {
  text-align: center !important;
}

page-training-assignment .text-left, page-assign-learner-path .text-left {
  text-align: left !important;
}

page-training-assignment .text-right, page-assign-learner-path .text-right {
  text-align: right !important;
}

page-training-assignment .align-v-c, page-assign-learner-path .align-v-c {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-training-assignment .flex, page-assign-learner-path .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-training-assignment .align-v-c1, page-assign-learner-path .align-v-c1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-training-assignment .align-v-c2, page-assign-learner-path .align-v-c2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-training-assignment .align-v-c3, page-assign-learner-path .align-v-c3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-training-assignment .align-v-c4, page-assign-learner-path .align-v-c4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-training-assignment .align-flex-wrap, page-assign-learner-path .align-flex-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-training-assignment .align-right-flex, page-assign-learner-path .align-right-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

page-training-assignment .align-start-flex, page-assign-learner-path .align-start-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media (max-width: 576px) {
  page-training-assignment .d-xs-none, page-assign-learner-path .d-xs-none {
    display: none !important;
  }
  page-training-assignment .d-xs-inline, page-assign-learner-path .d-xs-inline {
    display: inline !important;
  }
  page-training-assignment .d-xs-inline-block, page-assign-learner-path .d-xs-inline-block {
    display: inline-block !important;
  }
  page-training-assignment .d-xs-block, page-assign-learner-path .d-xs-block {
    display: block !important;
  }
  page-training-assignment .d-xs-table, page-assign-learner-path .d-xs-table {
    display: table !important;
  }
  page-training-assignment .d-xs-table-cell, page-assign-learner-path .d-xs-table-cell {
    display: table-cell !important;
  }
  page-training-assignment .d-xs-flex, page-assign-learner-path .d-xs-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
  }
  page-training-assignment .d-xs-inline-flex, page-assign-learner-path .d-xs-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important;
  }
}

page-training-assignment .b-r-gd, page-assign-learner-path .b-r-gd {
  border-radius: 10px !important;
}

page-training-assignment .b-r-10, page-assign-learner-path .b-r-10 {
  border-radius: 10px !important;
}

page-training-assignment .b-r-5, page-assign-learner-path .b-r-5 {
  border-radius: 5px;
}

page-training-assignment .d-fl-ov-x, page-assign-learner-path .d-fl-ov-x {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  overflow-x: auto !important;
}

page-training-assignment .align-base, page-assign-learner-path .align-base {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-training-assignment .d-fl-bl, page-assign-learner-path .d-fl-bl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-training-assignment .d-fl-vhcenter, page-assign-learner-path .d-fl-vhcenter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-training-assignment .d-fl-b2, page-assign-learner-path .d-fl-b2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
}

page-training-assignment .d-fl-center, page-assign-learner-path .d-fl-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-training-assignment .d-fl, page-assign-learner-path .d-fl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-training-assignment .d-fl-sb, page-assign-learner-path .d-fl-sb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-training-assignment .d-fl-saround, page-assign-learner-path .d-fl-saround {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-training-assignment .d-fl-ac, page-assign-learner-path .d-fl-ac {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-training-assignment .text-capital, page-assign-learner-path .text-capital {
  text-transform: capitalize !important;
}

page-training-assignment .text-upper, page-assign-learner-path .text-upper {
  text-transform: uppercase !important;
}

page-training-assignment .m-a, page-assign-learner-path .m-a {
  margin: auto !important;
}

page-training-assignment .m-l-a, page-assign-learner-path .m-l-a {
  margin-left: auto !important;
}

page-training-assignment .m-r-a, page-assign-learner-path .m-r-a {
  margin-right: auto !important;
}

page-training-assignment .italic, page-assign-learner-path .italic {
  font-style: italic;
}

page-training-assignment .pointer, page-assign-learner-path .pointer {
  cursor: pointer;
}

page-training-assignment .ws-in, page-assign-learner-path .ws-in {
  white-space: inherit;
}

page-training-assignment .opacity-1, page-assign-learner-path .opacity-1 {
  opacity: 1;
}

page-training-assignment .in-valid-checkbox, page-assign-learner-path .in-valid-checkbox {
  border: 1px solid #ff0000 !important;
  padding: 5px !important;
  margin-bottom: 10px;
  border-radius: 5px;
}

page-training-assignment page-corp-dashboard .mycustomdrop:before, page-assign-learner-path page-corp-dashboard .mycustomdrop:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
  top: -15px;
  position: absolute;
  right: 15%;
}

page-training-assignment h1, page-assign-learner-path h1 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1.6875rem !important;
  line-height: 64px;
  letter-spacing: -0.4px;
}

page-training-assignment h2, page-assign-learner-path h2 {
  font-family: "Poppins", sans-serif;
  font-size: 24px !important;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
}

page-training-assignment h3,
page-training-assignment .h3, page-assign-learner-path h3,
page-assign-learner-path .h3 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 22px !important;
  line-height: 48px;
  /* identical to box height, or 200% */
  /* Neutral / dark gray */
  color: #000000;
}

page-training-assignment h4,
page-training-assignment .menu-heading-h4, page-assign-learner-path h4,
page-assign-learner-path .menu-heading-h4 {
  font-family: "Poppins", sans-serif !important;
  font-style: normal;
  font-weight: normal;
  font-size: 15px !important;
  line-height: 26px;
  /* or 144% */
  letter-spacing: -0.2px;
  color: #000000;
}

page-training-assignment h5, page-assign-learner-path h5 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  /* or 143% */
  color: #000000;
}

page-training-assignment .subtitle, page-assign-learner-path .subtitle {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  /* or 200% */
  letter-spacing: 2.5px;
  color: #4E5761;
}

page-training-assignment p, page-assign-learner-path p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 13px !important;
  line-height: 24px;
  /* identical to box height, or 171% */
  letter-spacing: -0.1px;
  /* Neutral / black */
  color: #000000;
}

page-training-assignment .ui-tabview.ui-tabview-top > .ui-tabview-nav, page-assign-learner-path .ui-tabview.ui-tabview-top > .ui-tabview-nav {
  padding: 0.2em 0.2em 0;
  border-bottom: 1px solid #eaeaea;
}

page-training-assignment .scroll-content, page-assign-learner-path .scroll-content {
  padding: 0 !important;
}

page-training-assignment ion-navbar, page-assign-learner-path ion-navbar {
  margin: 0;
  border-radius: 0px;
  height: 50px !important;
  color: #172B4D !important;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-training-assignment ion-header, page-assign-learner-path ion-header {
  padding: 0;
}

page-training-assignment .header-md::after, page-assign-learner-path .header-md::after {
  background-image: none;
}

page-training-assignment .toolbar-title, page-assign-learner-path .toolbar-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #172B4D !important;
  line-height: 24px;
  font-family: "Poppins", sans-serif;
  font-size: 2rem !important;
  font-weight: bold !important;
  text-align: left !important;
}

page-training-assignment .userLabel, page-assign-learner-path .userLabel {
  float: right;
  display: inline;
  letter-spacing: 1px;
  color: #172B4D !important !important;
}

page-training-assignment .card-title, page-assign-learner-path .card-title {
  font-size: 16px !important;
  color: #000000;
  font-weight: bold !important;
  text-align: center !important;
}

page-training-assignment .barcolor, page-assign-learner-path .barcolor {
  background: #5a75a3;
  color: #ffffff;
}

page-training-assignment p-sorticon, page-assign-learner-path p-sorticon {
  color: black;
}

page-training-assignment p-sorticon a, page-assign-learner-path p-sorticon a {
  color: black !important;
}

page-training-assignment .globalTable, page-assign-learner-path .globalTable {
  border: none;
  border: 1px solid #c1c1c1;
}

page-training-assignment .globalTable .ui-table-caption, page-assign-learner-path .globalTable .ui-table-caption {
  border-bottom: 1px solid #dadada !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  font-size: 18px !important;
  background: #ecececad !important;
}

page-training-assignment .globalTable .table-header input, page-assign-learner-path .globalTable .table-header input {
  font-size: 15px !important;
  border-style: groove;
  width: 100% !important;
  padding-left: 10px;
  border-radius: 10px;
  border-color: #f3f3f3;
  font-weight: 500;
  line-height: 25px !important;
}

page-training-assignment .globalTable .table-header, page-assign-learner-path .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-training-assignment .globalTable .table-header .align, page-assign-learner-path .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

page-training-assignment .globalTable .table-header .align input, page-assign-learner-path .globalTable .table-header .align input {
  width: 80%;
  line-height: 25px;
}

page-training-assignment .globalTable .ui-table-tbody tr:nth-child(2n+1), page-assign-learner-path .globalTable .ui-table-tbody tr:nth-child(2n+1) {
  background: white;
}

page-training-assignment .globalTable .ui-table-tbody tr:nth-child(2n), page-assign-learner-path .globalTable .ui-table-tbody tr:nth-child(2n) {
  background: #f3f3f3;
}

page-training-assignment .globalTable .ui-table-tbody tr:hover, page-assign-learner-path .globalTable .ui-table-tbody tr:hover {
  background: #c1c1c167 !important;
}

page-training-assignment .globalTable .ui-table-tbody .activeRow, page-assign-learner-path .globalTable .ui-table-tbody .activeRow {
  background: #c4d2e5 !important;
}

page-training-assignment .globalTable th input, page-assign-learner-path .globalTable th input {
  text-align: center !important;
  width: 90% !important;
  font-weight: 400 !important;
}

page-training-assignment .globalTable .ui-table .ui-sortable-column.ui-state-highlight, page-assign-learner-path .globalTable .ui-table .ui-sortable-column.ui-state-highlight {
  color: black !important;
}

page-training-assignment .globalTable .ui-table .ui-table-thead tr th, page-assign-learner-path .globalTable .ui-table .ui-table-thead tr th {
  background: #eeeeee9e;
  border: none;
  padding: 10px 0;
  width: 100%;
  text-align: center;
}

page-training-assignment .globalTable .ui-table .ui-table-tbody tr td, page-assign-learner-path .globalTable .ui-table .ui-table-tbody tr td {
  border: none;
  background: inherit;
  padding: 20px 0;
  text-align: center;
}

page-training-assignment .globalTable .ui-table .ui-table-tbody tr, page-assign-learner-path .globalTable .ui-table .ui-table-tbody tr {
  border-bottom: 1px solid #cacaca;
}

page-training-assignment .globalTable .p-column-filter, page-assign-learner-path .globalTable .p-column-filter {
  border-radius: 4px;
  border: 1px solid gray;
}

page-training-assignment .globalTable .badge-badge.status-Active, page-assign-learner-path .globalTable .badge-badge.status-Active {
  padding: 5px 20px;
  color: #226f4e;
  background-color: #9decbe;
  font-weight: 500;
  font-size: 12px;
}

page-training-assignment .globalTable .badge-badge.status-Inactive, page-assign-learner-path .globalTable .badge-badge.status-Inactive {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

page-training-assignment .globalTable .badge-badge.status-Suspended, page-assign-learner-path .globalTable .badge-badge.status-Suspended {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

page-training-assignment .globalTable .badge-badge.status-Waiting, page-assign-learner-path .globalTable .badge-badge.status-Waiting {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

page-training-assignment .globalTable .badge-badge.status-Pending, page-assign-learner-path .globalTable .badge-badge.status-Pending {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

page-training-assignment .globalTable .actionIcon, page-assign-learner-path .globalTable .actionIcon {
  padding: 0 3px;
  font-size: 16px;
  cursor: pointer;
}

page-training-assignment ion-icon, page-assign-learner-path ion-icon {
  cursor: pointer;
}

page-training-assignment .button-md-reset, page-assign-learner-path .button-md-reset {
  background-color: #ffffff;
  color: black !important;
  border: 1px solid #e3ecf7;
}

page-training-assignment .button-md-reset:hover, page-assign-learner-path .button-md-reset:hover {
  background-color: #ececec !important;
}

page-training-assignment .reset:hover, page-assign-learner-path .reset:hover {
  background-color: #ececec !important;
}

page-training-assignment .button-md-primary, page-assign-learner-path .button-md-primary {
  background-color: #172B4D !important;
  color: #ffffff !important;
}

page-training-assignment ion-button, page-assign-learner-path ion-button {
  background-color: #172B4D !important;
  color: #ffffff;
}

page-training-assignment .my-custom-class .alert-button-group button:first-child, page-assign-learner-path .my-custom-class .alert-button-group button:first-child {
  position: relative;
}

page-training-assignment .my-custom-class .alert-button-group button, page-assign-learner-path .my-custom-class .alert-button-group button {
  font-weight: bold;
}

page-training-assignment .my-custom-class .alert-radio-group, page-assign-learner-path .my-custom-class .alert-radio-group {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100% !important;
}

page-training-assignment .my-custom-class button, page-assign-learner-path .my-custom-class button {
  text-align: center;
}

page-training-assignment .alert-button-group button:first-child, page-assign-learner-path .alert-button-group button:first-child {
  position: relative !important;
  min-width: 0 !important;
}

page-training-assignment .alert-md .alert-wrapper, page-assign-learner-path .alert-md .alert-wrapper {
  max-width: 320px !important;
}

page-training-assignment .alert-md .alert-message, page-assign-learner-path .alert-md .alert-message {
  font-size: 16px !important;
}

page-training-assignment .alert-button, page-assign-learner-path .alert-button {
  font-size: 15px !important;
}

page-training-assignment .alert-md .alert-sub-title, page-assign-learner-path .alert-md .alert-sub-title {
  font-size: 16px !important;
}

page-training-assignment .alert-md .alert-title, page-assign-learner-path .alert-md .alert-title {
  font-size: 22px !important;
}

page-training-assignment .breakclass, page-assign-learner-path .breakclass {
  white-space: pre-line;
}

page-training-assignment .error, page-assign-learner-path .error {
  color: red;
  float: left;
}

page-training-assignment .topStrip, page-assign-learner-path .topStrip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}

page-training-assignment .infographic1, page-assign-learner-path .infographic1 {
  border: none;
  color: #367ad2;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-training-assignment .infographic1 span, page-assign-learner-path .infographic1 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-training-assignment .infographic1 ion-icon, page-assign-learner-path .infographic1 ion-icon {
  color: black;
}

page-training-assignment .infographic2, page-assign-learner-path .infographic2 {
  border: none;
  color: #50d29b;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-training-assignment .infographic2 span, page-assign-learner-path .infographic2 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-training-assignment .infographic2 ion-icon, page-assign-learner-path .infographic2 ion-icon {
  color: black;
}

page-training-assignment .infographic3, page-assign-learner-path .infographic3 {
  border: none;
  color: #ffaa00;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-training-assignment .infographic3 span, page-assign-learner-path .infographic3 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-training-assignment .infographic3 ion-icon, page-assign-learner-path .infographic3 ion-icon {
  color: black;
}

page-training-assignment .infographic4, page-assign-learner-path .infographic4 {
  border: none;
  color: #f36363;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-training-assignment .infographic4 span, page-assign-learner-path .infographic4 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-training-assignment .infographic4 ion-icon, page-assign-learner-path .infographic4 ion-icon {
  color: black;
}

page-training-assignment .infographic5, page-assign-learner-path .infographic5 {
  border: none;
  color: #41acbf;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-training-assignment .infographic5 span, page-assign-learner-path .infographic5 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-training-assignment .infographic5 ion-icon, page-assign-learner-path .infographic5 ion-icon {
  color: black;
}

page-training-assignment .infograph1, page-assign-learner-path .infograph1 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #367ad2;
  font-size: 20px;
}

page-training-assignment .infograph2, page-assign-learner-path .infograph2 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #51b98d;
  font-size: 20px;
}

page-training-assignment .infograph3, page-assign-learner-path .infograph3 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #ffaa00;
  font-size: 20px;
}

page-training-assignment .infograph4, page-assign-learner-path .infograph4 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #dc5b54;
  font-size: 20px;
}

page-training-assignment .infograph5, page-assign-learner-path .infograph5 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #41acbf;
  font-size: 20px;
}

page-training-assignment .infographtext, page-assign-learner-path .infographtext {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 12px;
}

page-training-assignment .successToast .toast-message, page-assign-learner-path .successToast .toast-message {
  background-color: #d2f8d2 !important;
  color: black;
}

page-training-assignment .errorToast .toast-message, page-assign-learner-path .errorToast .toast-message {
  background-color: #eea9a0 !important;
  color: black;
}

page-training-assignment .actionIconsBar, page-assign-learner-path .actionIconsBar {
  padding-right: 20px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

page-training-assignment .ui-carousel .ui-carousel-header, page-assign-learner-path .ui-carousel .ui-carousel-header {
  display: none !important;
}

page-training-assignment .userfab .fab-close-active .fab-close-icon, page-assign-learner-path .userfab .fab-close-active .fab-close-icon {
  height: 40px !important;
  position: relative !important;
}

page-training-assignment textarea.text-input, page-assign-learner-path textarea.text-input {
  resize: none !important;
}

page-training-assignment .asterisk, page-assign-learner-path .asterisk {
  color: red;
  padding-left: 3px;
}

page-training-assignment .m-b-t, page-assign-learner-path .m-b-t {
  margin-bottom: 4% !important;
}

page-training-assignment .ui-radiobutton-box.ui-state-active, page-assign-learner-path .ui-radiobutton-box.ui-state-active {
  border: 1px solid #09f;
  background: #09f;
  color: #09f;
}

page-training-assignment .alert-md .alert-message, page-assign-learner-path .alert-md .alert-message {
  overflow: auto;
}

page-training-assignment .alert-md .alert-message .alertstyle1, page-assign-learner-path .alert-md .alert-message .alertstyle1 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

page-training-assignment .alert-md .alert-message .alertstyle1 b, page-assign-learner-path .alert-md .alert-message .alertstyle1 b {
  width: 65px !important;
}

page-training-assignment .alert-md .alert-message .alertstyle3, page-assign-learner-path .alert-md .alert-message .alertstyle3 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-training-assignment .alert-md .alert-message .alertstyle3 b, page-assign-learner-path .alert-md .alert-message .alertstyle3 b {
  width: 65px !important;
}

page-training-assignment .alert-md .alert-message .alertstyle4, page-assign-learner-path .alert-md .alert-message .alertstyle4 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-training-assignment .alert-md .alert-message .alertstyle4 b, page-assign-learner-path .alert-md .alert-message .alertstyle4 b {
  width: 150px !important;
}

page-training-assignment .alert-md .alert-message .alertstyle5, page-assign-learner-path .alert-md .alert-message .alertstyle5 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

page-training-assignment .alert-md .alert-message .alertstyle5 b, page-assign-learner-path .alert-md .alert-message .alertstyle5 b {
  width: 75px !important;
}

page-training-assignment .alert-md .alert-message .alertstyle5 span, page-assign-learner-path .alert-md .alert-message .alertstyle5 span {
  width: 5px;
}

page-training-assignment .alert-md .alert-message .alertstyle2, page-assign-learner-path .alert-md .alert-message .alertstyle2 {
  text-align: left !important;
}

page-training-assignment .alert-md .alert-message .alertstyle2 li, page-assign-learner-path .alert-md .alert-message .alertstyle2 li {
  margin-top: 10px;
}

page-training-assignment .ui-tooltip, page-assign-learner-path .ui-tooltip {
  background-color: #172B4D !important;
  color: #ffffff;
}

page-training-assignment .navsebexam .toolbar-content-md, page-assign-learner-path .navsebexam .toolbar-content-md {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
}

page-training-assignment .modal-wrapper, page-assign-learner-path .modal-wrapper {
  height: 75%;
  top: 10%;
  position: absolute;
  display: block;
  border-radius: 10px !important;
}

page-training-assignment .ui-picklist-source-controls.ui-picklist-buttons, page-assign-learner-path .ui-picklist-source-controls.ui-picklist-buttons {
  display: none !important;
}

page-training-assignment .ui-picklist-target-controls.ui-picklist-buttons, page-assign-learner-path .ui-picklist-target-controls.ui-picklist-buttons {
  display: none !important;
}

page-training-assignment .ui-picklist-target-controls.ui-picklist-buttons.ng-star-inserted, page-assign-learner-path .ui-picklist-target-controls.ui-picklist-buttons.ng-star-inserted {
  display: none !important;
}

page-training-assignment .ellip, page-assign-learner-path .ellip {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

page-training-assignment .p-slider, page-assign-learner-path .p-slider {
  background: #dee2e6;
  border: 0 none;
  border-radius: 3px;
}

page-training-assignment .Errorbox .alert-title, page-assign-learner-path .Errorbox .alert-title {
  color: #d8000c;
}

page-training-assignment .Errorbox .alert-button, page-assign-learner-path .Errorbox .alert-button {
  color: #d8000c;
}

page-training-assignment .card-md, page-assign-learner-path .card-md {
  border-radius: 5px !important;
}

page-training-assignment .modal, page-assign-learner-path .modal {
  display: none;
  /* Hidden by default */
  position: -webkit-sticky;
  position: sticky;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 30px;
  /* Location of the box */
  left: 0;
  right: 0;
  bottom: 150px;
  width: 400px;
  height: 400px;
  margin: auto;
  border: 4px solid;
  background-color: black;
}

page-training-assignment .modal-content, page-assign-learner-path .modal-content {
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
}

page-training-assignment .close, page-assign-learner-path .close {
  position: absolute;
  color: #f1f1f1;
  top: 0px;
  right: 10px;
  font-size: 28px;
  font-weight: bold;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

page-training-assignment .close:hover,
page-training-assignment .close:focus, page-assign-learner-path .close:hover,
page-assign-learner-path .close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

page-training-assignment .customhr, page-assign-learner-path .customhr {
  width: 90%;
  background-color: #ccc;
}

page-training-assignment .mycustomtoolbar ion-segment, page-assign-learner-path .mycustomtoolbar ion-segment {
  border: none;
}

page-training-assignment .mycustomtoolbar ion-segment-button, page-assign-learner-path .mycustomtoolbar ion-segment-button {
  font-size: 16px !important;
  font-weight: 500 !important;
}

page-training-assignment .mycustomtoolbar .segment-md .segment-button.activated,
page-training-assignment .mycustomtoolbar .segment-md .segment-button.segment-activated, page-assign-learner-path .mycustomtoolbar .segment-md .segment-button.activated,
page-assign-learner-path .mycustomtoolbar .segment-md .segment-button.segment-activated {
  border-color: #172B4D !important;
  color: #172B4D !important;
}

page-training-assignment .mycustomtoolbar .toolbar-background, page-assign-learner-path .mycustomtoolbar .toolbar-background {
  background: transparent;
}

page-training-assignment .fc, page-assign-learner-path .fc {
  direction: ltr;
  text-align: left;
}

page-training-assignment .fc-rtl, page-assign-learner-path .fc-rtl {
  text-align: right;
}

page-training-assignment body .fc, page-assign-learner-path body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}

page-training-assignment .fc-unthemed th,
page-training-assignment .fc-unthemed td,
page-training-assignment .fc-unthemed thead,
page-training-assignment .fc-unthemed tbody,
page-training-assignment .fc-unthemed .fc-divider,
page-training-assignment .fc-unthemed .fc-row,
page-training-assignment .fc-unthemed .fc-content,
page-training-assignment .fc-unthemed .fc-popover,
page-training-assignment .fc-unthemed .fc-list-view,
page-training-assignment .fc-unthemed .fc-list-heading td, page-assign-learner-path .fc-unthemed th,
page-assign-learner-path .fc-unthemed td,
page-assign-learner-path .fc-unthemed thead,
page-assign-learner-path .fc-unthemed tbody,
page-assign-learner-path .fc-unthemed .fc-divider,
page-assign-learner-path .fc-unthemed .fc-row,
page-assign-learner-path .fc-unthemed .fc-content,
page-assign-learner-path .fc-unthemed .fc-popover,
page-assign-learner-path .fc-unthemed .fc-list-view,
page-assign-learner-path .fc-unthemed .fc-list-heading td {
  border-color: #ddd;
}

page-training-assignment .fc-unthemed .fc-popover, page-assign-learner-path .fc-unthemed .fc-popover {
  background-color: #fff;
}

page-training-assignment .fc-unthemed .fc-divider,
page-training-assignment .fc-unthemed .fc-popover .fc-header,
page-training-assignment .fc-unthemed .fc-list-heading td, page-assign-learner-path .fc-unthemed .fc-divider,
page-assign-learner-path .fc-unthemed .fc-popover .fc-header,
page-assign-learner-path .fc-unthemed .fc-list-heading td {
  background: #eee;
}

page-training-assignment .fc-unthemed .fc-popover .fc-header .fc-close, page-assign-learner-path .fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}

page-training-assignment .fc-unthemed td.fc-today, page-assign-learner-path .fc-unthemed td.fc-today {
  background: #fcf8e3;
}

page-training-assignment .fc-highlight, page-assign-learner-path .fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3;
}

page-training-assignment .fc-bgevent, page-assign-learner-path .fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3;
}

page-training-assignment .fc-nonbusiness, page-assign-learner-path .fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}

page-training-assignment .fc-icon, page-assign-learner-path .fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

page-training-assignment .fc-icon:after, page-assign-learner-path .fc-icon:after {
  position: relative;
}

page-training-assignment .fc-icon-left-single-arrow:after, page-assign-learner-path .fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-training-assignment .fc-icon-right-single-arrow:after, page-assign-learner-path .fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-training-assignment .fc-icon-left-double-arrow:after, page-assign-learner-path .fc-icon-left-double-arrow:after {
  content: "\000AB";
  font-size: 160%;
  top: -7%;
}

page-training-assignment .fc-icon-right-double-arrow:after, page-assign-learner-path .fc-icon-right-double-arrow:after {
  content: "\000BB";
  font-size: 160%;
  top: -7%;
}

page-training-assignment .fc-icon-left-triangle:after, page-assign-learner-path .fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%;
}

page-training-assignment .fc-icon-right-triangle:after, page-assign-learner-path .fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%;
}

page-training-assignment .fc-icon-down-triangle:after, page-assign-learner-path .fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%;
}

page-training-assignment .fc-icon-x:after, page-assign-learner-path .fc-icon-x:after {
  content: "\000D7";
  font-size: 200%;
  top: 6%;
}

page-training-assignment .fc button, page-assign-learner-path .fc button {
  /* force height to include the border and padding */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer;
}

page-training-assignment .fc button::-moz-focus-inner, page-assign-learner-path .fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}

page-training-assignment .fc-state-default, page-assign-learner-path .fc-state-default {
  /* non-theme */
  border: 1px solid;
}

page-training-assignment .fc-state-default.fc-corner-left, page-assign-learner-path .fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

page-training-assignment .fc-state-default.fc-corner-right, page-assign-learner-path .fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

page-training-assignment .fc button .fc-icon, page-assign-learner-path .fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .2em;
  vertical-align: middle;
}

page-training-assignment .fc-state-default, page-assign-learner-path .fc-state-default {
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-training-assignment .fc-state-hover,
page-training-assignment .fc-state-down,
page-training-assignment .fc-state-active,
page-training-assignment .fc-state-disabled, page-assign-learner-path .fc-state-hover,
page-assign-learner-path .fc-state-down,
page-assign-learner-path .fc-state-active,
page-assign-learner-path .fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}

page-training-assignment .fc-state-hover, page-assign-learner-path .fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

page-training-assignment .fc-state-down,
page-training-assignment .fc-state-active, page-assign-learner-path .fc-state-down,
page-assign-learner-path .fc-state-active {
  background-color: #cccccc;
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-training-assignment .fc-state-disabled, page-assign-learner-path .fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}

page-training-assignment .fc-button-group, page-assign-learner-path .fc-button-group {
  display: inline-block;
}

page-training-assignment .fc .fc-button-group > *, page-assign-learner-path .fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px;
}

page-training-assignment .fc .fc-button-group > :first-child, page-assign-learner-path .fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0;
}

page-training-assignment .fc-popover, page-assign-learner-path .fc-popover {
  position: absolute;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

page-training-assignment .fc-popover .fc-header, page-assign-learner-path .fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px;
}

page-training-assignment .fc-popover .fc-header .fc-title, page-assign-learner-path .fc-popover .fc-header .fc-title {
  margin: 0 2px;
}

page-training-assignment .fc-popover .fc-header .fc-close, page-assign-learner-path .fc-popover .fc-header .fc-close {
  cursor: pointer;
}

page-training-assignment .fc-ltr .fc-popover .fc-header .fc-title,
page-training-assignment .fc-rtl .fc-popover .fc-header .fc-close, page-assign-learner-path .fc-ltr .fc-popover .fc-header .fc-title,
page-assign-learner-path .fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}

page-training-assignment .fc-rtl .fc-popover .fc-header .fc-title,
page-training-assignment .fc-ltr .fc-popover .fc-header .fc-close, page-assign-learner-path .fc-rtl .fc-popover .fc-header .fc-title,
page-assign-learner-path .fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}

page-training-assignment .fc-unthemed .fc-popover, page-assign-learner-path .fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}

page-training-assignment .fc-unthemed .fc-popover .fc-header .fc-close, page-assign-learner-path .fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: .9em;
  margin-top: 2px;
}

page-training-assignment .fc-popover > .ui-widget-header + .ui-widget-content, page-assign-learner-path .fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */
}

page-training-assignment .fc-divider, page-assign-learner-path .fc-divider {
  border-style: solid;
  border-width: 1px;
}

page-training-assignment hr.fc-divider, page-assign-learner-path hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}

page-training-assignment .fc-clear, page-assign-learner-path .fc-clear {
  clear: both;
}

page-training-assignment .fc-bg,
page-training-assignment .fc-bgevent-skeleton,
page-training-assignment .fc-highlight-skeleton,
page-training-assignment .fc-helper-skeleton, page-assign-learner-path .fc-bg,
page-assign-learner-path .fc-bgevent-skeleton,
page-assign-learner-path .fc-highlight-skeleton,
page-assign-learner-path .fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-training-assignment .fc-bg, page-assign-learner-path .fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}

page-training-assignment .fc-bg table, page-assign-learner-path .fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}

page-training-assignment .fc table, page-assign-learner-path .fc table {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}

page-training-assignment .fc th, page-assign-learner-path .fc th {
  text-align: center;
}

page-training-assignment .fc th,
page-training-assignment .fc td, page-assign-learner-path .fc th,
page-assign-learner-path .fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}

page-training-assignment .fc td.fc-today, page-assign-learner-path .fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}

page-training-assignment a[data-goto], page-assign-learner-path a[data-goto] {
  cursor: pointer;
}

page-training-assignment a[data-goto]:hover, page-assign-learner-path a[data-goto]:hover {
  text-decoration: underline;
}

page-training-assignment .fc .fc-row, page-assign-learner-path .fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}

page-training-assignment .fc-row table, page-assign-learner-path .fc-row table {
  /* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}

page-training-assignment .fc-row:first-child table, page-assign-learner-path .fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}

page-training-assignment .fc-row, page-assign-learner-path .fc-row {
  position: relative;
}

page-training-assignment .fc-row .fc-bg, page-assign-learner-path .fc-row .fc-bg {
  z-index: 1;
}

page-training-assignment .fc-row .fc-bgevent-skeleton,
page-training-assignment .fc-row .fc-highlight-skeleton, page-assign-learner-path .fc-row .fc-bgevent-skeleton,
page-assign-learner-path .fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}

page-training-assignment .fc-row .fc-bgevent-skeleton table,
page-training-assignment .fc-row .fc-highlight-skeleton table, page-assign-learner-path .fc-row .fc-bgevent-skeleton table,
page-assign-learner-path .fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}

page-training-assignment .fc-row .fc-highlight-skeleton td,
page-training-assignment .fc-row .fc-bgevent-skeleton td, page-assign-learner-path .fc-row .fc-highlight-skeleton td,
page-assign-learner-path .fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}

page-training-assignment .fc-row .fc-bgevent-skeleton, page-assign-learner-path .fc-row .fc-bgevent-skeleton {
  z-index: 2;
}

page-training-assignment .fc-row .fc-highlight-skeleton, page-assign-learner-path .fc-row .fc-highlight-skeleton {
  z-index: 3;
}

page-training-assignment .fc-row .fc-content-skeleton, page-assign-learner-path .fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}

page-training-assignment .fc-row .fc-helper-skeleton, page-assign-learner-path .fc-row .fc-helper-skeleton {
  z-index: 5;
}

page-training-assignment .fc-row .fc-content-skeleton td,
page-training-assignment .fc-row .fc-helper-skeleton td, page-assign-learner-path .fc-row .fc-content-skeleton td,
page-assign-learner-path .fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}

page-training-assignment .fc-row .fc-content-skeleton tbody td,
page-training-assignment .fc-row .fc-helper-skeleton tbody td, page-assign-learner-path .fc-row .fc-content-skeleton tbody td,
page-assign-learner-path .fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}

page-training-assignment .fc-scroller, page-assign-learner-path .fc-scroller {
  -webkit-overflow-scrolling: touch;
}

page-training-assignment .fc-scroller > .fc-day-grid,
page-training-assignment .fc-scroller > .fc-time-grid, page-assign-learner-path .fc-scroller > .fc-day-grid,
page-assign-learner-path .fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}

page-training-assignment .fc-event, page-assign-learner-path .fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */
  font-weight: normal;
  /* undo jqui's ui-widget-header bold */
}

page-training-assignment .fc-event,
page-training-assignment .fc-event-dot, page-assign-learner-path .fc-event,
page-assign-learner-path .fc-event-dot {
  background-color: #3a87ad;
  /* default BACKGROUND color */
}

page-training-assignment .fc-event,
page-training-assignment .fc-event:hover,
page-training-assignment .ui-widget .fc-event, page-assign-learner-path .fc-event,
page-assign-learner-path .fc-event:hover,
page-assign-learner-path .ui-widget .fc-event {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}

page-training-assignment .fc-event[href],
page-training-assignment .fc-event.fc-draggable, page-assign-learner-path .fc-event[href],
page-assign-learner-path .fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}

page-training-assignment .fc-not-allowed,
page-training-assignment .fc-not-allowed .fc-event, page-assign-learner-path .fc-not-allowed,
page-assign-learner-path .fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}

page-training-assignment .fc-event .fc-bg, page-assign-learner-path .fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #ffffff;
  opacity: .25;
}

page-training-assignment .fc-event .fc-content, page-assign-learner-path .fc-event .fc-content {
  position: relative;
  z-index: 2;
}

page-training-assignment .fc-event .fc-resizer, page-assign-learner-path .fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
}

page-training-assignment .fc-event .fc-resizer, page-assign-learner-path .fc-event .fc-resizer {
  display: none;
}

page-training-assignment .fc-event.fc-allow-mouse-resize .fc-resizer,
page-training-assignment .fc-event.fc-selected .fc-resizer, page-assign-learner-path .fc-event.fc-allow-mouse-resize .fc-resizer,
page-assign-learner-path .fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block;
}

page-training-assignment .fc-event.fc-selected .fc-resizer:before, page-assign-learner-path .fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}

page-training-assignment .fc-event.fc-selected, page-assign-learner-path .fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

page-training-assignment .fc-event.fc-selected.fc-dragging, page-assign-learner-path .fc-event.fc-selected.fc-dragging {
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

page-training-assignment .fc-h-event.fc-selected:before, page-assign-learner-path .fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}

page-training-assignment .fc-ltr .fc-h-event.fc-not-start,
page-training-assignment .fc-rtl .fc-h-event.fc-not-end, page-assign-learner-path .fc-ltr .fc-h-event.fc-not-start,
page-assign-learner-path .fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

page-training-assignment .fc-ltr .fc-h-event.fc-not-end,
page-training-assignment .fc-rtl .fc-h-event.fc-not-start, page-assign-learner-path .fc-ltr .fc-h-event.fc-not-end,
page-assign-learner-path .fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

page-training-assignment .fc-ltr .fc-h-event .fc-start-resizer,
page-training-assignment .fc-rtl .fc-h-event .fc-end-resizer, page-assign-learner-path .fc-ltr .fc-h-event .fc-start-resizer,
page-assign-learner-path .fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */
}

page-training-assignment .fc-ltr .fc-h-event .fc-end-resizer,
page-training-assignment .fc-rtl .fc-h-event .fc-start-resizer, page-assign-learner-path .fc-ltr .fc-h-event .fc-end-resizer,
page-assign-learner-path .fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */
}

page-training-assignment .fc-h-event.fc-allow-mouse-resize .fc-resizer, page-assign-learner-path .fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */
}

page-training-assignment .fc-h-event.fc-selected .fc-resizer, page-assign-learner-path .fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* vertically center */
  top: 50%;
  margin-top: -4px;
}

page-training-assignment .fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
page-training-assignment .fc-rtl .fc-h-event.fc-selected .fc-end-resizer, page-assign-learner-path .fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
page-assign-learner-path .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */
}

page-training-assignment .fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
page-training-assignment .fc-rtl .fc-h-event.fc-selected .fc-start-resizer, page-assign-learner-path .fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
page-assign-learner-path .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */
}

page-training-assignment .fc-day-grid-event, page-assign-learner-path .fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}

page-training-assignment tr:first-child > td > .fc-day-grid-event, page-assign-learner-path tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */
}

page-training-assignment .fc-day-grid-event.fc-selected:after, page-assign-learner-path .fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: .25;
}

page-training-assignment .fc-day-grid-event .fc-content, page-assign-learner-path .fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}

page-training-assignment .fc-day-grid-event .fc-time, page-assign-learner-path .fc-day-grid-event .fc-time {
  font-weight: bold;
}

page-training-assignment .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
page-training-assignment .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer, page-assign-learner-path .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
page-assign-learner-path .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */
}

page-training-assignment .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
page-training-assignment .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer, page-assign-learner-path .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
page-assign-learner-path .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */
}

page-training-assignment a.fc-more, page-assign-learner-path a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none;
}

page-training-assignment a.fc-more:hover, page-assign-learner-path a.fc-more:hover {
  text-decoration: underline;
}

page-training-assignment .fc-limited, page-assign-learner-path .fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}

page-training-assignment .fc-day-grid .fc-row, page-assign-learner-path .fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}

page-training-assignment .fc-more-popover, page-assign-learner-path .fc-more-popover {
  z-index: 2;
  width: 220px;
}

page-training-assignment .fc-more-popover .fc-event-container, page-assign-learner-path .fc-more-popover .fc-event-container {
  padding: 10px;
}

page-training-assignment .fc-now-indicator, page-assign-learner-path .fc-now-indicator {
  position: absolute;
  border: 0 solid red;
}

page-training-assignment .fc-unselectable, page-assign-learner-path .fc-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

page-training-assignment .fc-toolbar, page-assign-learner-path .fc-toolbar {
  text-align: center;
}

page-training-assignment .fc-toolbar.fc-header-toolbar, page-assign-learner-path .fc-toolbar.fc-header-toolbar {
  margin-bottom: 1em;
}

page-training-assignment .fc-toolbar.fc-footer-toolbar, page-assign-learner-path .fc-toolbar.fc-footer-toolbar {
  margin-top: 1em;
}

page-training-assignment .fc-toolbar .fc-left, page-assign-learner-path .fc-toolbar .fc-left {
  float: left;
}

page-training-assignment .fc-toolbar .fc-right, page-assign-learner-path .fc-toolbar .fc-right {
  float: right;
}

page-training-assignment .fc-toolbar .fc-center, page-assign-learner-path .fc-toolbar .fc-center {
  display: inline-block;
}

page-training-assignment .fc .fc-toolbar > * > *, page-assign-learner-path .fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em;
}

page-training-assignment .fc .fc-toolbar > * > :first-child, page-assign-learner-path .fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0;
}

page-training-assignment .fc-toolbar h2, page-assign-learner-path .fc-toolbar h2 {
  margin: 0;
}

page-training-assignment .fc-toolbar button, page-assign-learner-path .fc-toolbar button {
  position: relative;
}

page-training-assignment .fc-toolbar .fc-state-hover,
page-training-assignment .fc-toolbar .ui-state-hover, page-assign-learner-path .fc-toolbar .fc-state-hover,
page-assign-learner-path .fc-toolbar .ui-state-hover {
  z-index: 2;
}

page-training-assignment .fc-toolbar .fc-state-down, page-assign-learner-path .fc-toolbar .fc-state-down {
  z-index: 3;
}

page-training-assignment .fc-toolbar .fc-state-active,
page-training-assignment .fc-toolbar .ui-state-active, page-assign-learner-path .fc-toolbar .fc-state-active,
page-assign-learner-path .fc-toolbar .ui-state-active {
  z-index: 4;
}

page-training-assignment .fc-toolbar button:focus, page-assign-learner-path .fc-toolbar button:focus {
  z-index: 5;
}

page-training-assignment .fc-view-container *,
page-training-assignment .fc-view-container *:before,
page-training-assignment .fc-view-container *:after, page-assign-learner-path .fc-view-container *,
page-assign-learner-path .fc-view-container *:before,
page-assign-learner-path .fc-view-container *:after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

page-training-assignment .fc-view,
page-training-assignment .fc-view > table, page-assign-learner-path .fc-view,
page-assign-learner-path .fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}

page-training-assignment .fc-basicWeek-view .fc-content-skeleton,
page-training-assignment .fc-basicDay-view .fc-content-skeleton, page-assign-learner-path .fc-basicWeek-view .fc-content-skeleton,
page-assign-learner-path .fc-basicDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}

page-training-assignment .fc-basic-view .fc-body .fc-row, page-assign-learner-path .fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}

page-training-assignment .fc-row.fc-rigid, page-assign-learner-path .fc-row.fc-rigid {
  overflow: hidden;
}

page-training-assignment .fc-row.fc-rigid .fc-content-skeleton, page-assign-learner-path .fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-training-assignment .fc-day-top.fc-other-month, page-assign-learner-path .fc-day-top.fc-other-month {
  opacity: 0.3;
}

page-training-assignment .fc-basic-view .fc-week-number,
page-training-assignment .fc-basic-view .fc-day-number, page-assign-learner-path .fc-basic-view .fc-week-number,
page-assign-learner-path .fc-basic-view .fc-day-number {
  padding: 2px;
}

page-training-assignment .fc-basic-view th.fc-week-number,
page-training-assignment .fc-basic-view th.fc-day-number, page-assign-learner-path .fc-basic-view th.fc-week-number,
page-assign-learner-path .fc-basic-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */
}

page-training-assignment .fc-ltr .fc-basic-view .fc-day-top .fc-day-number, page-assign-learner-path .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right;
}

page-training-assignment .fc-rtl .fc-basic-view .fc-day-top .fc-day-number, page-assign-learner-path .fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left;
}

page-training-assignment .fc-ltr .fc-basic-view .fc-day-top .fc-week-number, page-assign-learner-path .fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0;
}

page-training-assignment .fc-rtl .fc-basic-view .fc-day-top .fc-week-number, page-assign-learner-path .fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px;
}

page-training-assignment .fc-basic-view .fc-day-top .fc-week-number, page-assign-learner-path .fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080;
}

page-training-assignment .fc-basic-view td.fc-week-number, page-assign-learner-path .fc-basic-view td.fc-week-number {
  text-align: center;
}

page-training-assignment .fc-basic-view td.fc-week-number > *, page-assign-learner-path .fc-basic-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}

page-training-assignment .fc-agenda-view .fc-day-grid, page-assign-learner-path .fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}

page-training-assignment .fc-agenda-view .fc-day-grid .fc-row, page-assign-learner-path .fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}

page-training-assignment .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton, page-assign-learner-path .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}

page-training-assignment .fc .fc-axis, page-assign-learner-path .fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}

page-training-assignment .fc-ltr .fc-axis, page-assign-learner-path .fc-ltr .fc-axis {
  text-align: right;
}

page-training-assignment .fc-rtl .fc-axis, page-assign-learner-path .fc-rtl .fc-axis {
  text-align: left;
}

page-training-assignment .ui-widget td.fc-axis, page-assign-learner-path .ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome jqui theme making it bold */
}

page-training-assignment .fc-time-grid-container,
page-training-assignment .fc-time-grid, page-assign-learner-path .fc-time-grid-container,
page-assign-learner-path .fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}

page-training-assignment .fc-time-grid, page-assign-learner-path .fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

page-training-assignment .fc-time-grid table, page-assign-learner-path .fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}

page-training-assignment .fc-time-grid > .fc-bg, page-assign-learner-path .fc-time-grid > .fc-bg {
  z-index: 1;
}

page-training-assignment .fc-time-grid .fc-slats,
page-training-assignment .fc-time-grid > hr, page-assign-learner-path .fc-time-grid .fc-slats,
page-assign-learner-path .fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}

page-training-assignment .fc-time-grid .fc-content-col, page-assign-learner-path .fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */
}

page-training-assignment .fc-time-grid .fc-content-skeleton, page-assign-learner-path .fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
}

page-training-assignment .fc-time-grid .fc-business-container, page-assign-learner-path .fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1;
}

page-training-assignment .fc-time-grid .fc-bgevent-container, page-assign-learner-path .fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2;
}

page-training-assignment .fc-time-grid .fc-highlight-container, page-assign-learner-path .fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3;
}

page-training-assignment .fc-time-grid .fc-event-container, page-assign-learner-path .fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4;
}

page-training-assignment .fc-time-grid .fc-now-indicator-line, page-assign-learner-path .fc-time-grid .fc-now-indicator-line {
  z-index: 5;
}

page-training-assignment .fc-time-grid .fc-helper-container, page-assign-learner-path .fc-time-grid .fc-helper-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6;
}

page-training-assignment .fc-time-grid .fc-slats td, page-assign-learner-path .fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}

page-training-assignment .fc-time-grid .fc-slats .fc-minor td, page-assign-learner-path .fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}

page-training-assignment .fc-time-grid .fc-slats .ui-widget-content, page-assign-learner-path .fc-time-grid .fc-slats .ui-widget-content {
  /* for jqui theme */
  background: none;
  /* see through to fc-bg */
}

page-training-assignment .fc-time-grid .fc-highlight-container, page-assign-learner-path .fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}

page-training-assignment .fc-time-grid .fc-highlight, page-assign-learner-path .fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}

page-training-assignment .fc-ltr .fc-time-grid .fc-event-container, page-assign-learner-path .fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}

page-training-assignment .fc-rtl .fc-time-grid .fc-event-container, page-assign-learner-path .fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}

page-training-assignment .fc-time-grid .fc-event,
page-training-assignment .fc-time-grid .fc-bgevent, page-assign-learner-path .fc-time-grid .fc-event,
page-assign-learner-path .fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}

page-training-assignment .fc-time-grid .fc-bgevent, page-assign-learner-path .fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}

page-training-assignment .fc-v-event.fc-not-start, page-assign-learner-path .fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

page-training-assignment .fc-v-event.fc-not-end, page-assign-learner-path .fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

page-training-assignment .fc-time-grid-event, page-assign-learner-path .fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */
}

page-training-assignment .fc-time-grid-event.fc-selected, page-assign-learner-path .fc-time-grid-event.fc-selected {
  /* need to allow touch resizers to extend outside event's bounding box */
  /* common fc-selected styles hide the fc-bg, so don't need this anyway */
  overflow: visible;
}

page-training-assignment .fc-time-grid-event.fc-selected .fc-bg, page-assign-learner-path .fc-time-grid-event.fc-selected .fc-bg {
  display: none;
  /* hide semi-white background, to appear darker */
}

page-training-assignment .fc-time-grid-event .fc-content, page-assign-learner-path .fc-time-grid-event .fc-content {
  overflow: hidden;
  /* for when .fc-selected */
}

page-training-assignment .fc-time-grid-event .fc-time,
page-training-assignment .fc-time-grid-event .fc-title, page-assign-learner-path .fc-time-grid-event .fc-time,
page-assign-learner-path .fc-time-grid-event .fc-title {
  padding: 0 1px;
}

page-training-assignment .fc-time-grid-event .fc-time, page-assign-learner-path .fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap;
}

page-training-assignment .fc-time-grid-event.fc-short .fc-content, page-assign-learner-path .fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}

page-training-assignment .fc-time-grid-event.fc-short .fc-time,
page-training-assignment .fc-time-grid-event.fc-short .fc-title, page-assign-learner-path .fc-time-grid-event.fc-short .fc-time,
page-assign-learner-path .fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}

page-training-assignment .fc-time-grid-event.fc-short .fc-time span, page-assign-learner-path .fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}

page-training-assignment .fc-time-grid-event.fc-short .fc-time:before, page-assign-learner-path .fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}

page-training-assignment .fc-time-grid-event.fc-short .fc-time:after, page-assign-learner-path .fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
  /* seperate with a dash, wrapped in nbsp's */
}

page-training-assignment .fc-time-grid-event.fc-short .fc-title, page-assign-learner-path .fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}

page-training-assignment .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer, page-assign-learner-path .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}

page-training-assignment .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after, page-assign-learner-path .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "=";
}

page-training-assignment .fc-time-grid-event.fc-selected .fc-resizer, page-assign-learner-path .fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px;
}

page-training-assignment .fc-time-grid .fc-now-indicator-line, page-assign-learner-path .fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0;
}

page-training-assignment .fc-time-grid .fc-now-indicator-arrow, page-assign-learner-path .fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */
}

page-training-assignment .fc-ltr .fc-time-grid .fc-now-indicator-arrow, page-assign-learner-path .fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-training-assignment .fc-rtl .fc-time-grid .fc-now-indicator-arrow, page-assign-learner-path .fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-training-assignment .fc-event-dot, page-assign-learner-path .fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}

page-training-assignment .fc-rtl .fc-list-view, page-assign-learner-path .fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */
}

page-training-assignment .fc-list-view, page-assign-learner-path .fc-list-view {
  border-width: 1px;
  border-style: solid;
}

page-training-assignment .fc .fc-list-table, page-assign-learner-path .fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */
}

page-training-assignment .fc-list-table td, page-assign-learner-path .fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px;
}

page-training-assignment .fc-list-table tr:first-child td, page-assign-learner-path .fc-list-table tr:first-child td {
  border-top-width: 0;
}

page-training-assignment .fc-list-heading, page-assign-learner-path .fc-list-heading {
  border-bottom-width: 1px;
}

page-training-assignment .fc-list-heading td, page-assign-learner-path .fc-list-heading td {
  font-weight: bold;
}

page-training-assignment .fc-ltr .fc-list-heading-main, page-assign-learner-path .fc-ltr .fc-list-heading-main {
  float: left;
}

page-training-assignment .fc-ltr .fc-list-heading-alt, page-assign-learner-path .fc-ltr .fc-list-heading-alt {
  float: right;
}

page-training-assignment .fc-rtl .fc-list-heading-main, page-assign-learner-path .fc-rtl .fc-list-heading-main {
  float: right;
}

page-training-assignment .fc-rtl .fc-list-heading-alt, page-assign-learner-path .fc-rtl .fc-list-heading-alt {
  float: left;
}

page-training-assignment .fc-list-item.fc-has-url, page-assign-learner-path .fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */
}

page-training-assignment .fc-list-item:hover td, page-assign-learner-path .fc-list-item:hover td {
  background-color: #f5f5f5;
}

page-training-assignment .fc-list-item-marker,
page-training-assignment .fc-list-item-time, page-assign-learner-path .fc-list-item-marker,
page-assign-learner-path .fc-list-item-time {
  white-space: nowrap;
  width: 1px;
}

page-training-assignment .fc-ltr .fc-list-item-marker, page-assign-learner-path .fc-ltr .fc-list-item-marker {
  padding-right: 0;
}

page-training-assignment .fc-rtl .fc-list-item-marker, page-assign-learner-path .fc-rtl .fc-list-item-marker {
  padding-left: 0;
}

page-training-assignment .fc-list-item-title a, page-assign-learner-path .fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit;
}

page-training-assignment .fc-list-item-title a[href]:hover, page-assign-learner-path .fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline;
}

page-training-assignment .fc-list-empty-wrap2, page-assign-learner-path .fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

page-training-assignment .fc-list-empty-wrap1, page-assign-learner-path .fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table;
}

page-training-assignment .fc-list-empty, page-assign-learner-path .fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

page-training-assignment .fc-unthemed .fc-list-empty, page-assign-learner-path .fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #eee;
}

page-training-assignment ion-navbar, page-assign-learner-path ion-navbar {
  background-color: #f8f8f8;
  -webkit-box-shadow: 5px 5px 5px lightgray;
  box-shadow: 5px 5px 5px lightgray;
}

page-training-assignment .heading, page-assign-learner-path .heading {
  font-family: "Open Sans";
  white-space: inherit;
  text-align: center;
  color: #3687f0;
  font-weight: bold;
  font-size: 20px;
}

page-training-assignment .heading ion-label, page-assign-learner-path .heading ion-label {
  white-space: initial !important;
}

page-training-assignment .assignButton, page-assign-learner-path .assignButton {
  display: block;
  margin: 0 auto;
  min-width: 60%;
  margin-top: 3%;
  margin-bottom: 3%;
}

page-training-assignment .createassignButton, page-assign-learner-path .createassignButton {
  display: block;
  min-width: 60%;
  margin-top: 5%;
}

page-training-assignment table, page-assign-learner-path table {
  font-family: "Open Sans";
  border-collapse: collapse;
  width: 95%;
  margin: 0 auto;
  padding: 5%;
}

page-training-assignment ul, page-assign-learner-path ul {
  text-align: left;
}

page-training-assignment td,
page-training-assignment th, page-assign-learner-path td,
page-assign-learner-path th {
  border: 1px solid #222;
  text-align: left;
  padding: 8px;
}

page-training-assignment thead, page-assign-learner-path thead {
  background-color: #0099ff;
}

page-training-assignment th, page-assign-learner-path th {
  color: #000;
}

page-training-assignment .success, page-assign-learner-path .success {
  margin-top: 2%;
  font-size: 14px;
  padding-top: 2%;
  text-align: center;
}

page-training-assignment .warning, page-assign-learner-path .warning {
  margin-top: 2%;
  font-size: 14px;
  padding-top: 2%;
  text-align: center;
}

page-training-assignment .upload-icon, page-assign-learner-path .upload-icon {
  height: 100px;
}

page-training-assignment .category-button, page-assign-learner-path .category-button {
  width: 100%;
  margin: 1%;
  float: left;
  min-height: 100px;
  border-radius: 10px;
  background: #000;
}

page-training-assignment .centerdiv, page-assign-learner-path .centerdiv {
  width: 80%;
  margin: 10px auto;
}

page-training-assignment ion-segment, page-assign-learner-path ion-segment {
  border: 1px solid #0099ff;
  border-radius: 25px;
}

page-training-assignment ion-segment-button, page-assign-learner-path ion-segment-button {
  border-radius: 25px;
  border-bottom-style: none !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

page-training-assignment .segment-md .segment-button.activated,
page-training-assignment .segment-md .segment-button.segment-activated, page-assign-learner-path .segment-md .segment-button.activated,
page-assign-learner-path .segment-md .segment-button.segment-activated {
  border-color: #0099ff;
  background: #0099ff;
  color: #000;
}

page-training-assignment .toolbar-background, page-assign-learner-path .toolbar-background {
  background: transparent;
  border: 0px;
}

page-training-assignment .placeholdertext, page-assign-learner-path .placeholdertext {
  color: #0099ff;
  font-size: 22px;
  font-family: "Open Sans";
  margin-left: 10px;
  text-transform: uppercase;
  letter-spacing: 1.7px;
  font-weight: bold;
}

page-training-assignment .category-button-upload, page-assign-learner-path .category-button-upload {
  width: 100%;
  margin: 1%;
  float: left;
  min-height: 50px;
  border-radius: 10px;
  background: white;
  margin-top: 0%;
}

page-training-assignment .category-button-upload:hover, page-assign-learner-path .category-button-upload:hover {
  background-color: #d3d3d39c !important;
  opacity: 0.8;
}

page-training-assignment .button-text, page-assign-learner-path .button-text {
  color: #0099ff;
  font-size: 12px;
  font-family: "Open Sans";
  margin-left: 10px;
  text-transform: uppercase;
  letter-spacing: 1.7px;
  font-weight: bold;
}

page-training-assignment .ui-picklist-source-controls.ui-picklist-buttons, page-assign-learner-path .ui-picklist-source-controls.ui-picklist-buttons {
  display: none !important;
}

page-training-assignment .ui-picklist-target-controls.ui-picklist-buttons.ng-star-inserted, page-assign-learner-path .ui-picklist-target-controls.ui-picklist-buttons.ng-star-inserted {
  display: none !important;
}

page-training-create {
  /* ANIMATION */
  /* SHADOWS */
  /*
 *
 *   MaterialWrap - Bootstrap + Material Design Admin Theme

 
*/
  /*
 * CSS Transform - Scale and Rotate
 */
  /* The Modal (background) */
  /* Modal Content (image) */
  /* The Close Button */
  /*!
 * FullCalendar v3.2.0 Stylesheet
 * Docs & License: https://fullcalendar.io/
 * (c) 2017 Adam Shaw
 */
  /* Colors
--------------------------------------------------------------------------------------------------*/
  /* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
  /*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
  /* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
  /* Firefox has an annoying inner border */
  /* icons in buttons */
  /*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
  /* Buttons Groups
--------------------------------------------------------------------------------------------------*/
  /*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
  /* Popover
--------------------------------------------------------------------------------------------------*/
  /* unthemed */
  /* jqui themed */
  /* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
  /* Tables
--------------------------------------------------------------------------------------------------*/
  /* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
  /* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
  /* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
  /* highlighting cells & background event skeleton */
  /*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
  /* Scrolling Container
--------------------------------------------------------------------------------------------------*/
  /* TODO: move to agenda/basic */
  /* Global Event Styles
--------------------------------------------------------------------------------------------------*/
  /* overpower some of bootstrap's and jqui's styles on <a> tags */
  /* resizer (cursor AND touch devices) */
  /* resizer (touch devices) */
  /* hit area */
  /* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
  /* Horizontal Events
--------------------------------------------------------------------------------------------------*/
  /* bigger touch area when selected */
  /* events that are continuing to/from another week. kill rounded corners and butt up against edge */
  /* resizer (cursor AND touch devices) */
  /* left resizer  */
  /* right resizer */
  /* resizer (mouse devices) */
  /* resizer (touch devices) */
  /* left resizer  */
  /* right resizer */
  /* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* resizer (cursor devices) */
  /* left resizer  */
  /* right resizer */
  /* Event Limiting
--------------------------------------------------------------------------------------------------*/
  /* "more" link that represents hidden events */
  /* popover that appears when "more" link is clicked */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* Utilities
--------------------------------------------------------------------------------------------------*/
  /* Toolbar
--------------------------------------------------------------------------------------------------*/
  /* the things within each left/right/center section */
  /* the first thing within each left/center/right section */
  /* title text */
  /* button layering (for border precedence) */
  /* View Structure
--------------------------------------------------------------------------------------------------*/
  /* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
  /* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
  /* BasicView
--------------------------------------------------------------------------------------------------*/
  /* day row structure */
  /* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
  /* week and day number styling */
  /* when week/day number have own column */
  /* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
  /* divs within a cell within the fc-content-skeleton */
  /* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
  /* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* short mode, where time and title are on the same line */
  /* resizer (cursor device) */
  /* resizer (touch device) */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* arrow on axis */
  /* List View
--------------------------------------------------------------------------------------------------*/
  /* possibly reusable */
  /* view wrapper */
  /* table resets */
  /* day headings with the list */
  /* event list items */
  /* make the dot closer to the event title */
  /* message when no events */
}

page-training-create .letter-sp-1 {
  letter-spacing: 1px;
}

page-training-create .letter-sp-2 {
  letter-spacing: 2px;
}

page-training-create .letter-sp-3 {
  letter-spacing: 3px;
}

page-training-create .m-0 {
  margin: 0 !important;
}

page-training-create .m-5 {
  margin: 5px !important;
}

page-training-create .m-10 {
  margin: 10px !important;
}

page-training-create .m-15 {
  margin: 15px !important;
}

page-training-create .m-20 {
  margin: 20px !important;
}

page-training-create .m-30 {
  margin: 30px !important;
}

page-training-create .m-50 {
  margin: 50px !important;
}

page-training-create .m-b-100 {
  margin-bottom: 100px !important;
}

page-training-create .m-b-15 {
  margin-bottom: 15px !important;
}

page-training-create .m-b-20 {
  margin-bottom: 20px !important;
}

page-training-create .m-b-0 {
  margin-bottom: 0 !important;
}

page-training-create .m-l-0 {
  margin-left: 0 !important;
}

page-training-create .m-l-5 {
  margin-left: 5px !important;
}

page-training-create .m-l-10 {
  margin-left: 10px !important;
}

page-training-create .m-l-15 {
  margin-left: 15px !important;
}

page-training-create .m-l-20 {
  margin-left: 20px !important;
}

page-training-create .m-l-30 {
  margin-left: 30px !important;
}

page-training-create .m-l-40 {
  margin-left: 40px !important;
}

page-training-create .m-l-50 {
  margin-left: 50px !important;
}

page-training-create .m-l-n-1 {
  margin-left: -1px !important;
}

page-training-create .m-l-n-5 {
  margin-left: -5px !important;
}

page-training-create .m-l-n-10 {
  margin-left: -10px !important;
}

page-training-create .m-l-n-15 {
  margin-left: -15px !important;
}

page-training-create .m-l-n-20 {
  margin-left: -20px !important;
}

page-training-create .m-l-n-30 {
  margin-left: -30px !important;
}

page-training-create .m-l-n-40 {
  margin-left: -40px !important;
}

page-training-create .m-l-n-50 {
  margin-left: -50px !important;
}

page-training-create .m-t-0 {
  margin-top: 0 !important;
}

page-training-create .m-t-1 {
  margin-top: 1px !important;
}

page-training-create .m-t-2 {
  margin-top: 2px;
}

page-training-create .m-t-2p {
  margin-top: 2% !important;
}

page-training-create .m-t-5p {
  margin-top: 5% !important;
}

page-training-create .m-t-25p {
  margin-top: 25% !important;
}

page-training-create .m-t-30p {
  margin-top: 30% !important;
}

page-training-create .m-t-4 {
  margin-top: 4px !important;
}

page-training-create .m-t-5 {
  margin-top: 5px !important;
}

page-training-create .m-t-5p {
  margin-top: 5% !important;
}

page-training-create .m-t-10 {
  margin-top: 10px !important;
}

page-training-create .m-t-15 {
  margin-top: 15px !important;
}

page-training-create .m-t-20 {
  margin-top: 20px !important;
}

page-training-create .m-t-30 {
  margin-top: 30px !important;
}

page-training-create .m-t-40 {
  margin-top: 40px !important;
}

page-training-create .m-t-50 {
  margin-top: 50px !important;
}

page-training-create .m-t-75 {
  margin-top: 75px !important;
}

page-training-create .m-t-100 {
  margin-top: 100px !important;
}

page-training-create .m-t-120 {
  margin-top: 120px !important;
}

page-training-create .m-t-140 {
  margin-top: 140px !important;
}

page-training-create .m-t-n-1 {
  margin-top: -1px !important;
}

page-training-create .m-t-n-5 {
  margin-top: -5px !important;
}

page-training-create .m-t-n-10 {
  margin-top: -10px !important;
}

page-training-create .m-t-n-15 {
  margin-top: -15px !important;
}

page-training-create .m-t-n-20 {
  margin-top: -20px !important;
}

page-training-create .m-t-n-30 {
  margin-top: -30px !important;
}

page-training-create .m-t-n-40 {
  margin-top: -40px !important;
}

page-training-create .m-t-n-50 {
  margin-top: -50px !important;
}

page-training-create .m-r-0 {
  margin-right: 0 !important;
}

page-training-create .m-r-1 {
  margin-right: 1px !important;
}

page-training-create .m-r-5 {
  margin-right: 5px !important;
}

page-training-create .m-r-10 {
  margin-right: 10px !important;
}

page-training-create .m-r-15 {
  margin-right: 15px !important;
}

page-training-create .m-r-20 {
  margin-right: 20px !important;
}

page-training-create .m-r-30 {
  margin-right: 30px !important;
}

page-training-create .m-r-40 {
  margin-right: 40px !important;
}

page-training-create .m-r-50 {
  margin-right: 50px !important;
}

page-training-create .m-r-n-1 {
  margin-right: -1px !important;
}

page-training-create .m-r-n-5 {
  margin-right: -5px !important;
}

page-training-create .m-r-n-10 {
  margin-right: -10px !important;
}

page-training-create .m-r-n-15 {
  margin-right: -15px !important;
}

page-training-create .m-r-n-20 {
  margin-right: -20px !important;
}

page-training-create .m-r-n-30 {
  margin-right: -30px !important;
}

page-training-create .m-r-n-40 {
  margin-right: -40px !important;
}

page-training-create .m-r-n-50 {
  margin-right: -50px !important;
}

page-training-create .m-b-0 {
  margin-bottom: 0 !important;
}

page-training-create .m-b-1 {
  margin-bottom: 1px !important;
}

page-training-create .m-b-4 {
  margin-bottom: 4px !important;
}

page-training-create .m-b-5 {
  margin-bottom: 5px !important;
}

page-training-create .m-b-10 {
  margin-bottom: 10px !important;
}

page-training-create .m-b-15 {
  margin-bottom: 15px !important;
}

page-training-create .m-b-20 {
  margin-bottom: 20px !important;
}

page-training-create .m-b-30 {
  margin-bottom: 30px !important;
}

page-training-create .m-b-40 {
  margin-bottom: 40px !important;
}

page-training-create .m-b-50 {
  margin-bottom: 50px !important;
}

page-training-create .m-b-n-1 {
  margin-bottom: -1px !important;
}

page-training-create .m-b-n-5 {
  margin-bottom: -5px !important;
}

page-training-create .m-b-n-10 {
  margin-bottom: -10px !important;
}

page-training-create .m-b-n-15 {
  margin-bottom: -15px !important;
}

page-training-create .m-b-n-20 {
  margin-bottom: -20px !important;
}

page-training-create .m-b-n-30 {
  margin-bottom: -30px !important;
}

page-training-create .m-b-n-40 {
  margin-bottom: -40px !important;
}

page-training-create .m-b-n-50 {
  margin-bottom: -50px !important;
}

page-training-create .p-0 {
  padding: 0 !important;
}

page-training-create .p-5 {
  padding: 5px !important;
}

page-training-create .p-10 {
  padding: 10px !important;
}

page-training-create .p-15 {
  padding: 15px !important;
}

page-training-create .p-20 {
  padding: 20px !important;
}

page-training-create .p-25 {
  padding: 25px !important;
}

page-training-create .p-30 {
  padding: 30px !important;
}

page-training-create .p-40 {
  padding: 40px !important;
}

page-training-create .p-50 {
  padding: 50px !important;
}

page-training-create .p-75 {
  padding: 75px !important;
}

page-training-create .p-100 {
  padding: 100px !important;
}

page-training-create .p-lr {
  padding: 0px 4% 0px 4%;
}

page-training-create .p-l-0 {
  padding-left: 0 !important;
}

page-training-create .p-l-5 {
  padding-left: 5px !important;
}

page-training-create .p-l-10 {
  padding-left: 10px !important;
}

page-training-create .p-l-12 {
  padding-left: 12px !important;
}

page-training-create .p-l-15 {
  padding-left: 15px !important;
}

page-training-create .p-l-16 {
  padding-left: 16px !important;
}

page-training-create .p-l-20 {
  padding-left: 20px !important;
}

page-training-create .p-l-25 {
  padding-left: 25px !important;
}

page-training-create .p-l-30 {
  padding-left: 30px !important;
}

page-training-create .p-l-40 {
  padding-left: 40px !important;
}

page-training-create .p-l-50 {
  padding-left: 50px !important;
}

page-training-create .p-l-75 {
  padding-left: 75px !important;
}

page-training-create .p-l-100 {
  padding-left: 100px !important;
}

page-training-create .p-r-0 {
  padding-right: 0 !important;
}

page-training-create .p-r-5 {
  padding-right: 5px !important;
}

page-training-create .p-r-10 {
  padding-right: 10px !important;
}

page-training-create .p-r-12 {
  padding-right: 12px !important;
}

page-training-create .p-r-15 {
  padding-right: 15px !important;
}

page-training-create .p-r-20 {
  padding-right: 20px !important;
}

page-training-create .p-r-25 {
  padding-right: 25px !important;
}

page-training-create .p-r-30 {
  padding-right: 30px !important;
}

page-training-create .p-r-40 {
  padding-right: 40px !important;
}

page-training-create .p-r-50 {
  padding-right: 50px !important;
}

page-training-create .p-r-75 {
  padding-right: 75px !important;
}

page-training-create .p-r-100 {
  padding-right: 100px !important;
}

page-training-create .p-b-0 {
  padding-bottom: 0 !important;
}

page-training-create .p-b-5 {
  padding-bottom: 5px !important;
}

page-training-create .p-b-10 {
  padding-bottom: 10px !important;
}

page-training-create .p-b-15 {
  padding-bottom: 15px !important;
}

page-training-create .p-b-16 {
  padding-bottom: 16px !important;
}

page-training-create .p-b-20 {
  padding-bottom: 20px !important;
}

page-training-create .p-b-25 {
  padding-bottom: 25px !important;
}

page-training-create .p-b-30 {
  padding-bottom: 30px !important;
}

page-training-create .p-b-40 {
  padding-bottom: 40px !important;
}

page-training-create .p-b-50 {
  padding-bottom: 50px !important;
}

page-training-create .p-b-60 {
  padding-bottom: 60px !important;
}

page-training-create .p-b-70 {
  padding-bottom: 70px !important;
}

page-training-create .p-b-80 {
  padding-bottom: 80px !important;
}

page-training-create .p-b-90 {
  padding-bottom: 90px !important;
}

page-training-create .p-b-100 {
  padding-bottom: 100px !important;
}

page-training-create .p-t-0 {
  padding-top: 0 !important;
}

page-training-create .p-t-5 {
  padding-top: 5px !important;
}

page-training-create .p-t-7 {
  padding-top: 7px !important;
}

page-training-create .p-t-10 {
  padding-top: 10px !important;
}

page-training-create .p-t-15 {
  padding-top: 15px !important;
}

page-training-create .p-t-16 {
  padding-top: 16px !important;
}

page-training-create .p-t-20 {
  padding-top: 20px !important;
}

page-training-create .p-t-25 {
  padding-top: 25px !important;
}

page-training-create .p-t-30 {
  padding-top: 30px !important;
}

page-training-create .p-t-40 {
  padding-top: 40px !important;
}

page-training-create .p-t-50 {
  padding-top: 50px !important;
}

page-training-create .p-t-75 {
  padding-top: 75px !important;
}

page-training-create .p-t-100 {
  padding-top: 100px !important;
}

page-training-create .p-t-120 {
  padding-top: 120px !important;
}

page-training-create .p-t-130 {
  padding-top: 130px !important;
}

page-training-create .p-t-140 {
  padding-top: 140px !important;
}

page-training-create .p-t-150 {
  padding-top: 150px !important;
}

page-training-create .block {
  display: block !important;
}

page-training-create .img-xs {
  width: 30px;
  height: 30px;
}

page-training-create .img-sm {
  width: 35px;
  height: 35px;
}

page-training-create .img-md {
  width: 55px;
  height: 55px;
}

page-training-create .img-lg {
  width: 100px;
  height: 100px;
}

page-training-create .min-w-800 {
  min-width: 800px !important;
}

page-training-create .min-w-1000 {
  min-width: 1000px !important;
}

page-training-create .min-w-1100 {
  min-width: 1100px !important;
}

page-training-create .max-w-20 {
  max-width: 20px !important;
}

page-training-create .max-w-30 {
  max-width: 30px !important;
}

page-training-create .max-w-32 {
  max-width: 35px !important;
}

page-training-create .max-w-35 {
  max-width: 35px !important;
}

page-training-create .max-w-40 {
  max-width: 40px !important;
}

page-training-create .max-w-50 {
  max-width: 50px !important;
}

page-training-create .max-w-75 {
  max-width: 75px !important;
}

page-training-create .max-w-100 {
  max-width: 100px !important;
}

page-training-create .max-w-150 {
  max-width: 150px !important;
}

page-training-create .max-w-200 {
  max-width: 200px !important;
}

page-training-create .max-w-300 {
  max-width: 300px !important;
}

page-training-create .max-w-400 {
  max-width: 400px !important;
}

page-training-create .overflow-hidden {
  overflow: hidden;
}

page-training-create .overflow-auto {
  overflow: auto;
}

page-training-create .max-h-50 {
  max-height: 50px !important;
}

page-training-create .max-h-80 {
  max-height: 80px !important;
}

page-training-create .max-h-100 {
  max-height: 100px !important;
}

page-training-create .max-h-150 {
  max-height: 150px !important;
}

page-training-create .max-h-200 {
  max-height: 200px !important;
}

page-training-create .max-h-250 {
  max-height: 250px !important;
}

page-training-create .max-h-300 {
  max-height: 300px !important;
}

page-training-create .max-h-350 {
  max-height: 300px !important;
}

page-training-create .max-h-375 {
  max-height: 300px !important;
}

page-training-create .max-h-400 {
  max-height: 400px !important;
}

page-training-create .max-h-450 {
  max-height: 450px !important;
}

page-training-create .max-h-500 {
  max-height: 500px !important;
}

page-training-create .max-h-600 {
  max-height: 600px !important;
}

page-training-create .max-h-650 {
  max-height: 650px !important;
}

page-training-create .max-h-700 {
  max-height: 700px !important;
}

page-training-create .max-h-800 {
  max-height: 800px !important;
}

page-training-create .max-h-900 {
  max-height: 900px !important;
}

page-training-create .max-h-1000 {
  max-height: 1000px !important;
}

page-training-create .min-h-0 {
  min-height: 0 !important;
}

page-training-create .min-h-50 {
  min-height: 50px !important;
}

page-training-create .min-h-100 {
  min-height: 100px !important;
}

page-training-create .min-h-200 {
  min-height: 200px !important;
}

page-training-create .min-h-250 {
  min-height: 250px !important;
}

page-training-create .min-h-300 {
  min-height: 300px !important;
}

page-training-create .min-h-350 {
  min-height: 300px !important;
}

page-training-create .min-h-375 {
  min-height: 300px !important;
}

page-training-create .min-h-400 {
  min-height: 400px !important;
}

page-training-create .min-h-450 {
  min-height: 450px !important;
}

page-training-create .min-h-500 {
  min-height: 500px !important;
}

page-training-create .min-h-600 {
  min-height: 600px !important;
}

page-training-create .min-h-650 {
  min-height: 650px !important;
}

page-training-create .min-h-700 {
  min-height: 700px !important;
}

page-training-create .min-h-800 {
  min-height: 800px !important;
}

page-training-create .min-h-900 {
  min-height: 900px !important;
}

page-training-create .min-h-1000 {
  min-height: 1000px !important;
}

page-training-create .h-5 {
  height: 5px !important;
}

page-training-create .h-10 {
  height: 10px !important;
}

page-training-create .h-20 {
  height: 20px !important;
}

page-training-create .h-25 {
  height: 25px !important;
}

page-training-create .h-50 {
  height: 50px !important;
}

page-training-create .h-75 {
  height: 75px !important;
}

page-training-create .h-100 {
  height: 100px !important;
}

page-training-create .h-125 {
  height: 125px !important;
}

page-training-create .h-150 {
  height: 150px !important;
}

page-training-create .h-200 {
  height: 200px !important;
}

page-training-create .h-300 {
  height: 300px !important;
}

page-training-create .h-350 {
  height: 350px !important;
}

page-training-create .h-400 {
  height: 400px !important;
}

page-training-create .h-450 {
  height: 450px !important;
}

page-training-create .h-500 {
  height: 500px !important;
}

page-training-create .h-600 {
  height: 600px !important;
}

page-training-create .h-650 {
  height: 650px !important;
}

page-training-create .h-700 {
  height: 700px !important;
}

page-training-create .h-800 {
  height: 800px !important;
}

page-training-create .h-900 {
  height: 900px !important;
}

page-training-create .h-1000 {
  height: 1000px !important;
}

page-training-create .w-5 {
  width: 5px !important;
}

page-training-create .w-10 {
  width: 10px !important;
}

page-training-create .w-15 {
  width: 15px !important;
}

page-training-create .w-20 {
  width: 20px !important;
}

page-training-create .w-30 {
  width: 30px !important;
}

page-training-create .w-40 {
  width: 40px !important;
}

page-training-create .w-50 {
  width: 50px !important;
}

page-training-create .w-60 {
  width: 60px !important;
}

page-training-create .w-80 {
  width: 80px !important;
}

page-training-create .w-100 {
  width: 100px !important;
}

page-training-create .w-150 {
  width: 150px !important;
}

page-training-create .w-190 {
  width: 190px !important;
}

page-training-create .w-200 {
  width: 200px !important;
}

page-training-create .w-250 {
  width: 250px !important;
}

page-training-create .w-300 {
  width: 300px !important;
}

page-training-create .w-600 {
  width: 600px !important;
}

page-training-create .w-100p {
  width: 100% !important;
}

page-training-create .w-95p {
  width: 95% !important;
}

page-training-create .w-90p {
  width: 90% !important;
}

page-training-create .w-80p {
  width: 80% !important;
}

page-training-create .w-70p {
  width: 70% !important;
}

page-training-create .w-60p {
  width: 60% !important;
}

page-training-create .w-50p {
  width: 50% !important;
}

page-training-create .w-45p {
  width: 45% !important;
}

page-training-create .w-40p {
  width: 40% !important;
}

page-training-create .w-30p {
  width: 30% !important;
}

page-training-create .w-25p {
  width: 25% !important;
}

page-training-create .w-20p {
  width: 20% !important;
}

page-training-create .w-15p {
  width: 15% !important;
}

page-training-create .w-10p {
  width: 10% !important;
}

page-training-create .w-8p {
  width: 8% !important;
}

page-training-create .w-5p {
  width: 5% !important;
}

page-training-create .w-3p {
  width: 3% !important;
}

page-training-create .w-95p {
  width: 95% !important;
}

page-training-create .h-100p {
  height: 100% !important;
}

page-training-create .h-80p {
  height: 80% !important;
}

page-training-create .absolute {
  position: absolute !important;
}

page-training-create .relative {
  position: relative !important;
}

page-training-create .block {
  display: block !important;
}

page-training-create .inline-block {
  display: inline-block !important;
}

page-training-create .list-block li {
  display: block !important;
}

page-training-create .list-inline li {
  display: inline !important;
}

page-training-create .clear-both {
  clear: both !important;
}

page-training-create .line-height-normal {
  line-height: normal !important;
}

page-training-create .line-height-8 {
  line-height: 8px !important;
}

page-training-create .line-height-14 {
  line-height: 14px !important;
}

page-training-create .line-height-12 {
  line-height: normal !important;
}

page-training-create ul.style-none {
  margin: 0;
  padding: 0;
  list-style: none;
}

page-training-create ul.style-none li {
  font-size: 0.875rem;
  padding: 3px 0;
}

page-training-create ul.style-none li ul {
  list-style: none;
}

page-training-create ul.vertical-icon-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

page-training-create ul.vertical-icon-list li {
  font-size: 0.875rem;
  padding: 6px 0;
}

page-training-create ul.vertical-icon-list li i {
  font-size: 1.25rem;
  padding-right: 15px;
  vertical-align: middle;
}

page-training-create .bg-white {
  background: #ffffff !important;
}

page-training-create .bg-green {
  background: #28bebd !important;
}

page-training-create .bg-blue {
  background: #42a5f5 !important;
}

page-training-create .bg-lightBlue {
  background: #2ebaee !important;
}

page-training-create .bg-red {
  background: #ef5350 !important;
}

page-training-create .bg-yellow {
  background: #f8c200 !important;
}

page-training-create .bg-paleYellow {
  background: #fddd7e !important;
}

page-training-create .bg-lightGray {
  background: #e3ecf7 !important;
}

page-training-create .bg-gray {
  background: #8f9eb5 !important;
}

page-training-create .bg-drakGray {
  background: #707c94 !important;
}

page-training-create .bg-grayBlue {
  background: #59779b !important;
}

page-training-create .bg-purple {
  background: #6b79c4 !important;
}

page-training-create .bg-turquoise {
  background: #00c5dc !important;
}

page-training-create .bg-peach {
  background: #feb38d !important;
}

page-training-create .bg-transparent {
  background: transparent !important;
}

page-training-create .text-primary {
  color: #172B4D !important;
}

page-training-create .text-link {
  color: #0645ad !important;
}

page-training-create .text-green {
  color: #28bebd !important;
}

page-training-create .text-turquoise {
  color: #00c5dc !important;
}

page-training-create .text-red {
  color: #ef5350 !important;
}

page-training-create .text-cyan {
  color: #26c6da !important;
}

page-training-create .text-yellow {
  color: #f8c200 !important;
}

page-training-create .text-gray {
  color: #8f9eb5 !important;
}

page-training-create .text-blue {
  color: #42a5f5 !important;
}

page-training-create .text-orange {
  color: #ffb74d !important;
}

page-training-create .text-purple {
  color: #6b79c4 !important;
}

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

page-training-create .text-brown {
  color: #906b6b !important;
}

page-training-create .text-salmon {
  color: #ee6e73 !important;
}

page-training-create .text-muted {
  color: #8396b0;
}

page-training-create .color-black {
  color: #000 !important;
}

page-training-create .color-white {
  color: #fff !important;
}

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

page-training-create .transparent {
  background: transparent !important;
}

page-training-create .bg-primary {
  background-color: #172B4D !important;
}

page-training-create .border-bottom,
page-training-create .border-grey-bottom-1px {
  border-bottom: 1px solid rgba(215, 225, 237, 0.8) !important;
}

page-training-create .border-grey-top-1px,
page-training-create .border-top {
  border-top: 1px solid rgba(215, 225, 237, 0.6) !important;
}

page-training-create .border-bottom-black-2px {
  border-bottom: 2px solid black;
}

page-training-create .border-top0p {
  border-top: 0px !important;
}

page-training-create .b-n {
  border: none !important;
}

page-training-create .b-b-1 {
  border: 1px solid black;
}

page-training-create .b-lg-1 {
  border: 1px solid lightgrey;
}

page-training-create .shadow-none {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

page-training-create .shadow-z-0 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-training-create .shadow-z-1 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-training-create .shadow-z-1:hover {
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

page-training-create .shadow-z-2 {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

page-training-create .shadow-z-3 {
  -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

page-training-create .shadow-z-4 {
  -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}

page-training-create .shadow-z-5 {
  -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}

page-training-create .big-shadow {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
}

page-training-create .shadow-2dp {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

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

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

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

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

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

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

page-training-create .font-weight-100 {
  font-weight: 100 !important;
}

page-training-create .font-weight-200 {
  font-weight: 200 !important;
}

page-training-create .font-weight-300 {
  font-weight: 300 !important;
}

page-training-create .font-weight-400 {
  font-weight: 400 !important;
}

page-training-create .font-weight-500 {
  font-weight: 500 !important;
}

page-training-create .font-weight-600 {
  font-weight: 600 !important;
}

page-training-create .font-weight-700 {
  font-weight: 700 !important;
}

page-training-create .font-weight-800 {
  font-weight: 800 !important;
}

page-training-create .font-weight-900 {
  font-weight: 900 !important;
}

page-training-create .font-weight-light {
  font-weight: 100 !important;
}

page-training-create .font-weight-normal {
  font-weight: 300 !important;
}

page-training-create .font-weight-medium {
  font-weight: 400 !important;
}

page-training-create .font-weight-bold {
  font-weight: 500 !important;
}

page-training-create .bold {
  font-weight: bold !important;
}

page-training-create .font-size-0 {
  font-size: 0 !important;
}

page-training-create .font-size-10 {
  font-size: 10px !important;
}

page-training-create .font-size-11 {
  font-size: 11px !important;
}

page-training-create .font-size-12 {
  font-size: 12px !important;
}

page-training-create .font-size-14 {
  font-size: 14px !important;
}

page-training-create .font-size-16 {
  font-size: 16px !important;
}

page-training-create .font-size-18 {
  font-size: 18px !important;
}

page-training-create .font-size-20 {
  font-size: 20px !important;
}

page-training-create .font-size-24 {
  font-size: 24px !important;
}

page-training-create .font-size-26 {
  font-size: 26px !important;
}

page-training-create .font-size-30 {
  font-size: 30px !important;
}

page-training-create .font-size-35 {
  font-size: 35px !important;
}

page-training-create .font-size-38 {
  font-size: 38px !important;
}

page-training-create .font-size-40 {
  font-size: 40px !important;
}

page-training-create .font-size-50 {
  font-size: 50px !important;
}

page-training-create .font-size-60 {
  font-size: 60px !important;
}

page-training-create .font-size-70 {
  font-size: 70px !important;
}

page-training-create .font-size-80 {
  font-size: 80px !important;
}

page-training-create .hidden {
  display: none !important;
}

page-training-create .w-100p {
  width: 100% !important;
}

page-training-create .float-r {
  float: right !important;
}

page-training-create .float-l {
  float: left !important;
}

page-training-create .align-c {
  display: block;
  margin: 0 auto;
}

page-training-create .align-b {
  display: block;
}

page-training-create .text-center {
  text-align: center !important;
}

page-training-create .text-left {
  text-align: left !important;
}

page-training-create .text-right {
  text-align: right !important;
}

page-training-create .align-v-c {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-training-create .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-training-create .align-v-c1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-training-create .align-v-c2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-training-create .align-v-c3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-training-create .align-v-c4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-training-create .align-flex-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-training-create .align-right-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

page-training-create .align-start-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media (max-width: 576px) {
  page-training-create .d-xs-none {
    display: none !important;
  }
  page-training-create .d-xs-inline {
    display: inline !important;
  }
  page-training-create .d-xs-inline-block {
    display: inline-block !important;
  }
  page-training-create .d-xs-block {
    display: block !important;
  }
  page-training-create .d-xs-table {
    display: table !important;
  }
  page-training-create .d-xs-table-cell {
    display: table-cell !important;
  }
  page-training-create .d-xs-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
  }
  page-training-create .d-xs-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important;
  }
}

page-training-create .b-r-gd {
  border-radius: 10px !important;
}

page-training-create .b-r-10 {
  border-radius: 10px !important;
}

page-training-create .b-r-5 {
  border-radius: 5px;
}

page-training-create .d-fl-ov-x {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  overflow-x: auto !important;
}

page-training-create .align-base {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-training-create .d-fl-bl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-training-create .d-fl-vhcenter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-training-create .d-fl-b2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
}

page-training-create .d-fl-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-training-create .d-fl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-training-create .d-fl-sb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-training-create .d-fl-saround {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-training-create .d-fl-ac {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-training-create .text-capital {
  text-transform: capitalize !important;
}

page-training-create .text-upper {
  text-transform: uppercase !important;
}

page-training-create .m-a {
  margin: auto !important;
}

page-training-create .m-l-a {
  margin-left: auto !important;
}

page-training-create .m-r-a {
  margin-right: auto !important;
}

page-training-create .italic {
  font-style: italic;
}

page-training-create .pointer {
  cursor: pointer;
}

page-training-create .ws-in {
  white-space: inherit;
}

page-training-create .opacity-1 {
  opacity: 1;
}

page-training-create .in-valid-checkbox {
  border: 1px solid #ff0000 !important;
  padding: 5px !important;
  margin-bottom: 10px;
  border-radius: 5px;
}

page-training-create page-corp-dashboard .mycustomdrop:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
  top: -15px;
  position: absolute;
  right: 15%;
}

page-training-create h1 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1.6875rem !important;
  line-height: 64px;
  letter-spacing: -0.4px;
}

page-training-create h2 {
  font-family: "Poppins", sans-serif;
  font-size: 24px !important;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
}

page-training-create h3,
page-training-create .h3 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 22px !important;
  line-height: 48px;
  /* identical to box height, or 200% */
  /* Neutral / dark gray */
  color: #000000;
}

page-training-create h4,
page-training-create .menu-heading-h4 {
  font-family: "Poppins", sans-serif !important;
  font-style: normal;
  font-weight: normal;
  font-size: 15px !important;
  line-height: 26px;
  /* or 144% */
  letter-spacing: -0.2px;
  color: #000000;
}

page-training-create h5 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  /* or 143% */
  color: #000000;
}

page-training-create .subtitle {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  /* or 200% */
  letter-spacing: 2.5px;
  color: #4E5761;
}

page-training-create p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 13px !important;
  line-height: 24px;
  /* identical to box height, or 171% */
  letter-spacing: -0.1px;
  /* Neutral / black */
  color: #000000;
}

page-training-create .ui-tabview.ui-tabview-top > .ui-tabview-nav {
  padding: 0.2em 0.2em 0;
  border-bottom: 1px solid #eaeaea;
}

page-training-create .scroll-content {
  padding: 0 !important;
}

page-training-create ion-navbar {
  margin: 0;
  border-radius: 0px;
  height: 50px !important;
  color: #172B4D !important;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-training-create ion-header {
  padding: 0;
}

page-training-create .header-md::after {
  background-image: none;
}

page-training-create .toolbar-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #172B4D !important;
  line-height: 24px;
  font-family: "Poppins", sans-serif;
  font-size: 2rem !important;
  font-weight: bold !important;
  text-align: left !important;
}

page-training-create .userLabel {
  float: right;
  display: inline;
  letter-spacing: 1px;
  color: #172B4D !important !important;
}

page-training-create .card-title {
  font-size: 16px !important;
  color: #000000;
  font-weight: bold !important;
  text-align: center !important;
}

page-training-create .barcolor {
  background: #5a75a3;
  color: #ffffff;
}

page-training-create p-sorticon {
  color: black;
}

page-training-create p-sorticon a {
  color: black !important;
}

page-training-create .globalTable {
  border: none;
  border: 1px solid #c1c1c1;
}

page-training-create .globalTable .ui-table-caption {
  border-bottom: 1px solid #dadada !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  font-size: 18px !important;
  background: #ecececad !important;
}

page-training-create .globalTable .table-header input {
  font-size: 15px !important;
  border-style: groove;
  width: 100% !important;
  padding-left: 10px;
  border-radius: 10px;
  border-color: #f3f3f3;
  font-weight: 500;
  line-height: 25px !important;
}

page-training-create .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-training-create .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

page-training-create .globalTable .table-header .align input {
  width: 80%;
  line-height: 25px;
}

page-training-create .globalTable .ui-table-tbody tr:nth-child(2n+1) {
  background: white;
}

page-training-create .globalTable .ui-table-tbody tr:nth-child(2n) {
  background: #f3f3f3;
}

page-training-create .globalTable .ui-table-tbody tr:hover {
  background: #c1c1c167 !important;
}

page-training-create .globalTable .ui-table-tbody .activeRow {
  background: #c4d2e5 !important;
}

page-training-create .globalTable th input {
  text-align: center !important;
  width: 90% !important;
  font-weight: 400 !important;
}

page-training-create .globalTable .ui-table .ui-sortable-column.ui-state-highlight {
  color: black !important;
}

page-training-create .globalTable .ui-table .ui-table-thead tr th {
  background: #eeeeee9e;
  border: none;
  padding: 10px 0;
  width: 100%;
  text-align: center;
}

page-training-create .globalTable .ui-table .ui-table-tbody tr td {
  border: none;
  background: inherit;
  padding: 20px 0;
  text-align: center;
}

page-training-create .globalTable .ui-table .ui-table-tbody tr {
  border-bottom: 1px solid #cacaca;
}

page-training-create .globalTable .p-column-filter {
  border-radius: 4px;
  border: 1px solid gray;
}

page-training-create .globalTable .badge-badge.status-Active {
  padding: 5px 20px;
  color: #226f4e;
  background-color: #9decbe;
  font-weight: 500;
  font-size: 12px;
}

page-training-create .globalTable .badge-badge.status-Inactive {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

page-training-create .globalTable .badge-badge.status-Suspended {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

page-training-create .globalTable .badge-badge.status-Waiting {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

page-training-create .globalTable .badge-badge.status-Pending {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

page-training-create .globalTable .actionIcon {
  padding: 0 3px;
  font-size: 16px;
  cursor: pointer;
}

page-training-create ion-icon {
  cursor: pointer;
}

page-training-create .button-md-reset {
  background-color: #ffffff;
  color: black !important;
  border: 1px solid #e3ecf7;
}

page-training-create .button-md-reset:hover {
  background-color: #ececec !important;
}

page-training-create .reset:hover {
  background-color: #ececec !important;
}

page-training-create .button-md-primary {
  background-color: #172B4D !important;
  color: #ffffff !important;
}

page-training-create ion-button {
  background-color: #172B4D !important;
  color: #ffffff;
}

page-training-create .my-custom-class .alert-button-group button:first-child {
  position: relative;
}

page-training-create .my-custom-class .alert-button-group button {
  font-weight: bold;
}

page-training-create .my-custom-class .alert-radio-group {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100% !important;
}

page-training-create .my-custom-class button {
  text-align: center;
}

page-training-create .alert-button-group button:first-child {
  position: relative !important;
  min-width: 0 !important;
}

page-training-create .alert-md .alert-wrapper {
  max-width: 320px !important;
}

page-training-create .alert-md .alert-message {
  font-size: 16px !important;
}

page-training-create .alert-button {
  font-size: 15px !important;
}

page-training-create .alert-md .alert-sub-title {
  font-size: 16px !important;
}

page-training-create .alert-md .alert-title {
  font-size: 22px !important;
}

page-training-create .breakclass {
  white-space: pre-line;
}

page-training-create .error {
  color: red;
  float: left;
}

page-training-create .topStrip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}

page-training-create .infographic1 {
  border: none;
  color: #367ad2;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-training-create .infographic1 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-training-create .infographic1 ion-icon {
  color: black;
}

page-training-create .infographic2 {
  border: none;
  color: #50d29b;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-training-create .infographic2 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-training-create .infographic2 ion-icon {
  color: black;
}

page-training-create .infographic3 {
  border: none;
  color: #ffaa00;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-training-create .infographic3 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-training-create .infographic3 ion-icon {
  color: black;
}

page-training-create .infographic4 {
  border: none;
  color: #f36363;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-training-create .infographic4 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-training-create .infographic4 ion-icon {
  color: black;
}

page-training-create .infographic5 {
  border: none;
  color: #41acbf;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-training-create .infographic5 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-training-create .infographic5 ion-icon {
  color: black;
}

page-training-create .infograph1 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #367ad2;
  font-size: 20px;
}

page-training-create .infograph2 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #51b98d;
  font-size: 20px;
}

page-training-create .infograph3 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #ffaa00;
  font-size: 20px;
}

page-training-create .infograph4 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #dc5b54;
  font-size: 20px;
}

page-training-create .infograph5 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #41acbf;
  font-size: 20px;
}

page-training-create .infographtext {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 12px;
}

page-training-create .successToast .toast-message {
  background-color: #d2f8d2 !important;
  color: black;
}

page-training-create .errorToast .toast-message {
  background-color: #eea9a0 !important;
  color: black;
}

page-training-create .actionIconsBar {
  padding-right: 20px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

page-training-create .ui-carousel .ui-carousel-header {
  display: none !important;
}

page-training-create .userfab .fab-close-active .fab-close-icon {
  height: 40px !important;
  position: relative !important;
}

page-training-create textarea.text-input {
  resize: none !important;
}

page-training-create .asterisk {
  color: red;
  padding-left: 3px;
}

page-training-create .m-b-t {
  margin-bottom: 4% !important;
}

page-training-create .ui-radiobutton-box.ui-state-active {
  border: 1px solid #09f;
  background: #09f;
  color: #09f;
}

page-training-create .alert-md .alert-message {
  overflow: auto;
}

page-training-create .alert-md .alert-message .alertstyle1 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

page-training-create .alert-md .alert-message .alertstyle1 b {
  width: 65px !important;
}

page-training-create .alert-md .alert-message .alertstyle3 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-training-create .alert-md .alert-message .alertstyle3 b {
  width: 65px !important;
}

page-training-create .alert-md .alert-message .alertstyle4 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-training-create .alert-md .alert-message .alertstyle4 b {
  width: 150px !important;
}

page-training-create .alert-md .alert-message .alertstyle5 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

page-training-create .alert-md .alert-message .alertstyle5 b {
  width: 75px !important;
}

page-training-create .alert-md .alert-message .alertstyle5 span {
  width: 5px;
}

page-training-create .alert-md .alert-message .alertstyle2 {
  text-align: left !important;
}

page-training-create .alert-md .alert-message .alertstyle2 li {
  margin-top: 10px;
}

page-training-create .ui-tooltip {
  background-color: #172B4D !important;
  color: #ffffff;
}

page-training-create .navsebexam .toolbar-content-md {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
}

page-training-create .modal-wrapper {
  height: 75%;
  top: 10%;
  position: absolute;
  display: block;
  border-radius: 10px !important;
}

page-training-create .ui-picklist-source-controls.ui-picklist-buttons {
  display: none !important;
}

page-training-create .ui-picklist-target-controls.ui-picklist-buttons {
  display: none !important;
}

page-training-create .ui-picklist-target-controls.ui-picklist-buttons.ng-star-inserted {
  display: none !important;
}

page-training-create .ellip {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

page-training-create .p-slider {
  background: #dee2e6;
  border: 0 none;
  border-radius: 3px;
}

page-training-create .Errorbox .alert-title {
  color: #d8000c;
}

page-training-create .Errorbox .alert-button {
  color: #d8000c;
}

page-training-create .card-md {
  border-radius: 5px !important;
}

page-training-create .modal {
  display: none;
  /* Hidden by default */
  position: -webkit-sticky;
  position: sticky;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 30px;
  /* Location of the box */
  left: 0;
  right: 0;
  bottom: 150px;
  width: 400px;
  height: 400px;
  margin: auto;
  border: 4px solid;
  background-color: black;
}

page-training-create .modal-content {
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
}

page-training-create .close {
  position: absolute;
  color: #f1f1f1;
  top: 0px;
  right: 10px;
  font-size: 28px;
  font-weight: bold;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

page-training-create .close:hover,
page-training-create .close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

page-training-create .customhr {
  width: 90%;
  background-color: #ccc;
}

page-training-create .mycustomtoolbar ion-segment {
  border: none;
}

page-training-create .mycustomtoolbar ion-segment-button {
  font-size: 16px !important;
  font-weight: 500 !important;
}

page-training-create .mycustomtoolbar .segment-md .segment-button.activated,
page-training-create .mycustomtoolbar .segment-md .segment-button.segment-activated {
  border-color: #172B4D !important;
  color: #172B4D !important;
}

page-training-create .mycustomtoolbar .toolbar-background {
  background: transparent;
}

page-training-create .fc {
  direction: ltr;
  text-align: left;
}

page-training-create .fc-rtl {
  text-align: right;
}

page-training-create body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}

page-training-create .fc-unthemed th,
page-training-create .fc-unthemed td,
page-training-create .fc-unthemed thead,
page-training-create .fc-unthemed tbody,
page-training-create .fc-unthemed .fc-divider,
page-training-create .fc-unthemed .fc-row,
page-training-create .fc-unthemed .fc-content,
page-training-create .fc-unthemed .fc-popover,
page-training-create .fc-unthemed .fc-list-view,
page-training-create .fc-unthemed .fc-list-heading td {
  border-color: #ddd;
}

page-training-create .fc-unthemed .fc-popover {
  background-color: #fff;
}

page-training-create .fc-unthemed .fc-divider,
page-training-create .fc-unthemed .fc-popover .fc-header,
page-training-create .fc-unthemed .fc-list-heading td {
  background: #eee;
}

page-training-create .fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}

page-training-create .fc-unthemed td.fc-today {
  background: #fcf8e3;
}

page-training-create .fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3;
}

page-training-create .fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3;
}

page-training-create .fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}

page-training-create .fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

page-training-create .fc-icon:after {
  position: relative;
}

page-training-create .fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-training-create .fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-training-create .fc-icon-left-double-arrow:after {
  content: "\000AB";
  font-size: 160%;
  top: -7%;
}

page-training-create .fc-icon-right-double-arrow:after {
  content: "\000BB";
  font-size: 160%;
  top: -7%;
}

page-training-create .fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%;
}

page-training-create .fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%;
}

page-training-create .fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%;
}

page-training-create .fc-icon-x:after {
  content: "\000D7";
  font-size: 200%;
  top: 6%;
}

page-training-create .fc button {
  /* force height to include the border and padding */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer;
}

page-training-create .fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}

page-training-create .fc-state-default {
  /* non-theme */
  border: 1px solid;
}

page-training-create .fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

page-training-create .fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

page-training-create .fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .2em;
  vertical-align: middle;
}

page-training-create .fc-state-default {
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-training-create .fc-state-hover,
page-training-create .fc-state-down,
page-training-create .fc-state-active,
page-training-create .fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}

page-training-create .fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

page-training-create .fc-state-down,
page-training-create .fc-state-active {
  background-color: #cccccc;
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-training-create .fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}

page-training-create .fc-button-group {
  display: inline-block;
}

page-training-create .fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px;
}

page-training-create .fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0;
}

page-training-create .fc-popover {
  position: absolute;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

page-training-create .fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px;
}

page-training-create .fc-popover .fc-header .fc-title {
  margin: 0 2px;
}

page-training-create .fc-popover .fc-header .fc-close {
  cursor: pointer;
}

page-training-create .fc-ltr .fc-popover .fc-header .fc-title,
page-training-create .fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}

page-training-create .fc-rtl .fc-popover .fc-header .fc-title,
page-training-create .fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}

page-training-create .fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}

page-training-create .fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: .9em;
  margin-top: 2px;
}

page-training-create .fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */
}

page-training-create .fc-divider {
  border-style: solid;
  border-width: 1px;
}

page-training-create hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}

page-training-create .fc-clear {
  clear: both;
}

page-training-create .fc-bg,
page-training-create .fc-bgevent-skeleton,
page-training-create .fc-highlight-skeleton,
page-training-create .fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-training-create .fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}

page-training-create .fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}

page-training-create .fc table {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}

page-training-create .fc th {
  text-align: center;
}

page-training-create .fc th,
page-training-create .fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}

page-training-create .fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}

page-training-create a[data-goto] {
  cursor: pointer;
}

page-training-create a[data-goto]:hover {
  text-decoration: underline;
}

page-training-create .fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}

page-training-create .fc-row table {
  /* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}

page-training-create .fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}

page-training-create .fc-row {
  position: relative;
}

page-training-create .fc-row .fc-bg {
  z-index: 1;
}

page-training-create .fc-row .fc-bgevent-skeleton,
page-training-create .fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}

page-training-create .fc-row .fc-bgevent-skeleton table,
page-training-create .fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}

page-training-create .fc-row .fc-highlight-skeleton td,
page-training-create .fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}

page-training-create .fc-row .fc-bgevent-skeleton {
  z-index: 2;
}

page-training-create .fc-row .fc-highlight-skeleton {
  z-index: 3;
}

page-training-create .fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}

page-training-create .fc-row .fc-helper-skeleton {
  z-index: 5;
}

page-training-create .fc-row .fc-content-skeleton td,
page-training-create .fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}

page-training-create .fc-row .fc-content-skeleton tbody td,
page-training-create .fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}

page-training-create .fc-scroller {
  -webkit-overflow-scrolling: touch;
}

page-training-create .fc-scroller > .fc-day-grid,
page-training-create .fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}

page-training-create .fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */
  font-weight: normal;
  /* undo jqui's ui-widget-header bold */
}

page-training-create .fc-event,
page-training-create .fc-event-dot {
  background-color: #3a87ad;
  /* default BACKGROUND color */
}

page-training-create .fc-event,
page-training-create .fc-event:hover,
page-training-create .ui-widget .fc-event {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}

page-training-create .fc-event[href],
page-training-create .fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}

page-training-create .fc-not-allowed,
page-training-create .fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}

page-training-create .fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #ffffff;
  opacity: .25;
}

page-training-create .fc-event .fc-content {
  position: relative;
  z-index: 2;
}

page-training-create .fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
}

page-training-create .fc-event .fc-resizer {
  display: none;
}

page-training-create .fc-event.fc-allow-mouse-resize .fc-resizer,
page-training-create .fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block;
}

page-training-create .fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}

page-training-create .fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

page-training-create .fc-event.fc-selected.fc-dragging {
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

page-training-create .fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}

page-training-create .fc-ltr .fc-h-event.fc-not-start,
page-training-create .fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

page-training-create .fc-ltr .fc-h-event.fc-not-end,
page-training-create .fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

page-training-create .fc-ltr .fc-h-event .fc-start-resizer,
page-training-create .fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */
}

page-training-create .fc-ltr .fc-h-event .fc-end-resizer,
page-training-create .fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */
}

page-training-create .fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */
}

page-training-create .fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* vertically center */
  top: 50%;
  margin-top: -4px;
}

page-training-create .fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
page-training-create .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */
}

page-training-create .fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
page-training-create .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */
}

page-training-create .fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}

page-training-create tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */
}

page-training-create .fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: .25;
}

page-training-create .fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}

page-training-create .fc-day-grid-event .fc-time {
  font-weight: bold;
}

page-training-create .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
page-training-create .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */
}

page-training-create .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
page-training-create .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */
}

page-training-create a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none;
}

page-training-create a.fc-more:hover {
  text-decoration: underline;
}

page-training-create .fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}

page-training-create .fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}

page-training-create .fc-more-popover {
  z-index: 2;
  width: 220px;
}

page-training-create .fc-more-popover .fc-event-container {
  padding: 10px;
}

page-training-create .fc-now-indicator {
  position: absolute;
  border: 0 solid red;
}

page-training-create .fc-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

page-training-create .fc-toolbar {
  text-align: center;
}

page-training-create .fc-toolbar.fc-header-toolbar {
  margin-bottom: 1em;
}

page-training-create .fc-toolbar.fc-footer-toolbar {
  margin-top: 1em;
}

page-training-create .fc-toolbar .fc-left {
  float: left;
}

page-training-create .fc-toolbar .fc-right {
  float: right;
}

page-training-create .fc-toolbar .fc-center {
  display: inline-block;
}

page-training-create .fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em;
}

page-training-create .fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0;
}

page-training-create .fc-toolbar h2 {
  margin: 0;
}

page-training-create .fc-toolbar button {
  position: relative;
}

page-training-create .fc-toolbar .fc-state-hover,
page-training-create .fc-toolbar .ui-state-hover {
  z-index: 2;
}

page-training-create .fc-toolbar .fc-state-down {
  z-index: 3;
}

page-training-create .fc-toolbar .fc-state-active,
page-training-create .fc-toolbar .ui-state-active {
  z-index: 4;
}

page-training-create .fc-toolbar button:focus {
  z-index: 5;
}

page-training-create .fc-view-container *,
page-training-create .fc-view-container *:before,
page-training-create .fc-view-container *:after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

page-training-create .fc-view,
page-training-create .fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}

page-training-create .fc-basicWeek-view .fc-content-skeleton,
page-training-create .fc-basicDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}

page-training-create .fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}

page-training-create .fc-row.fc-rigid {
  overflow: hidden;
}

page-training-create .fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-training-create .fc-day-top.fc-other-month {
  opacity: 0.3;
}

page-training-create .fc-basic-view .fc-week-number,
page-training-create .fc-basic-view .fc-day-number {
  padding: 2px;
}

page-training-create .fc-basic-view th.fc-week-number,
page-training-create .fc-basic-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */
}

page-training-create .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right;
}

page-training-create .fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left;
}

page-training-create .fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0;
}

page-training-create .fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px;
}

page-training-create .fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080;
}

page-training-create .fc-basic-view td.fc-week-number {
  text-align: center;
}

page-training-create .fc-basic-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}

page-training-create .fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}

page-training-create .fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}

page-training-create .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}

page-training-create .fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}

page-training-create .fc-ltr .fc-axis {
  text-align: right;
}

page-training-create .fc-rtl .fc-axis {
  text-align: left;
}

page-training-create .ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome jqui theme making it bold */
}

page-training-create .fc-time-grid-container,
page-training-create .fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}

page-training-create .fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

page-training-create .fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}

page-training-create .fc-time-grid > .fc-bg {
  z-index: 1;
}

page-training-create .fc-time-grid .fc-slats,
page-training-create .fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}

page-training-create .fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */
}

page-training-create .fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
}

page-training-create .fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1;
}

page-training-create .fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2;
}

page-training-create .fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3;
}

page-training-create .fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4;
}

page-training-create .fc-time-grid .fc-now-indicator-line {
  z-index: 5;
}

page-training-create .fc-time-grid .fc-helper-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6;
}

page-training-create .fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}

page-training-create .fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}

page-training-create .fc-time-grid .fc-slats .ui-widget-content {
  /* for jqui theme */
  background: none;
  /* see through to fc-bg */
}

page-training-create .fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}

page-training-create .fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}

page-training-create .fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}

page-training-create .fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}

page-training-create .fc-time-grid .fc-event,
page-training-create .fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}

page-training-create .fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}

page-training-create .fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

page-training-create .fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

page-training-create .fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */
}

page-training-create .fc-time-grid-event.fc-selected {
  /* need to allow touch resizers to extend outside event's bounding box */
  /* common fc-selected styles hide the fc-bg, so don't need this anyway */
  overflow: visible;
}

page-training-create .fc-time-grid-event.fc-selected .fc-bg {
  display: none;
  /* hide semi-white background, to appear darker */
}

page-training-create .fc-time-grid-event .fc-content {
  overflow: hidden;
  /* for when .fc-selected */
}

page-training-create .fc-time-grid-event .fc-time,
page-training-create .fc-time-grid-event .fc-title {
  padding: 0 1px;
}

page-training-create .fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap;
}

page-training-create .fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}

page-training-create .fc-time-grid-event.fc-short .fc-time,
page-training-create .fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}

page-training-create .fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}

page-training-create .fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}

page-training-create .fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
  /* seperate with a dash, wrapped in nbsp's */
}

page-training-create .fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}

page-training-create .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}

page-training-create .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "=";
}

page-training-create .fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px;
}

page-training-create .fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0;
}

page-training-create .fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */
}

page-training-create .fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-training-create .fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-training-create .fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}

page-training-create .fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */
}

page-training-create .fc-list-view {
  border-width: 1px;
  border-style: solid;
}

page-training-create .fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */
}

page-training-create .fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px;
}

page-training-create .fc-list-table tr:first-child td {
  border-top-width: 0;
}

page-training-create .fc-list-heading {
  border-bottom-width: 1px;
}

page-training-create .fc-list-heading td {
  font-weight: bold;
}

page-training-create .fc-ltr .fc-list-heading-main {
  float: left;
}

page-training-create .fc-ltr .fc-list-heading-alt {
  float: right;
}

page-training-create .fc-rtl .fc-list-heading-main {
  float: right;
}

page-training-create .fc-rtl .fc-list-heading-alt {
  float: left;
}

page-training-create .fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */
}

page-training-create .fc-list-item:hover td {
  background-color: #f5f5f5;
}

page-training-create .fc-list-item-marker,
page-training-create .fc-list-item-time {
  white-space: nowrap;
  width: 1px;
}

page-training-create .fc-ltr .fc-list-item-marker {
  padding-right: 0;
}

page-training-create .fc-rtl .fc-list-item-marker {
  padding-left: 0;
}

page-training-create .fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit;
}

page-training-create .fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline;
}

page-training-create .fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

page-training-create .fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table;
}

page-training-create .fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

page-training-create .fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #eee;
}

page-training-create .head {
  position: relative;
  top: 56px;
  z-index: 999999999;
}

page-training-create .formcontainer {
  margin: 30px auto;
  border: 1px solid #2a3c5b;
  border-radius: 10px;
  padding: 10px;
}

page-training-create .error_msg {
  color: #FF5630 !important;
}

page-training-create .helpbutton {
  font-size: 15px;
}

page-training-create ion-checkbox {
  cursor: pointer;
}

page-training-create .padding0 {
  padding: 0px !important;
}

page-training-create .my-checkbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 10px;
  background: #f3f3f3;
  color: #3687f0;
  min-width: 90px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  font-style: italic;
}

page-training-create .setpostion {
  position: relative;
}

page-training-create .help-circle-icon {
  color: #ffffff !important;
}

@media (min-width: 800px) {
  page-training-create .centerdiv {
    width: 70%;
    margin: 10px auto;
  }
  page-training-create .footerpart {
    margin: 10px auto;
  }
}

page-training-create .centerdiv {
  border: 1px solid #172B4D !important;
  border-radius: 10px;
  padding: 10px;
}

page-training-create .gender_class {
  margin-bottom: 0px;
}

page-training-create .gender_class ion-list-header {
  border: 0px;
}

page-training-create .heading {
  color: #172B4D !important;
}

page-training-create .questiondiv ion-label {
  white-space: inherit;
}

page-training-create ion-radio {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 9px;
  min-width: auto;
}

page-training-create .addques {
  display: block;
  float: right;
  height: 26px;
  font-size: 12px;
  border-radius: 10px;
}

page-training-create .editbtn {
  float: right;
  background: transparent;
  border: 1px solid #ddd;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0px;
  height: 25px;
  width: 20px;
  font-size: 12px;
}

page-training-create .editbtn .icon {
  color: #172B4D !important !important;
}

page-training-create .editbtn .icon:hover {
  color: #000 !important;
}

page-training-create .headingque {
  color: #172B4D !important;
  font-size: 15px;
}

page-training-create .questdiv {
  color: #172B4D !important;
  font-size: 10px;
}

page-training-create .buttonscls {
  text-align: center;
}

page-training-create .buttonscls button {
  max-width: 160px;
  width: 100%;
}

page-training-create .item-cover {
  width: auto !important;
  height: auto !important;
}

page-training-create ion-item,
page-training-create ion-list-header {
  background: transparent !important;
}

page-training-create .radio-icon {
  cursor: pointer;
}

page-training-create .buttonscls button {
  border-radius: 10px !important;
}

page-training-create .footerpart {
  position: relative;
  padding-top: 50px;
}

page-training-create .errorsmall ion-label {
  margin: 0px !important;
}

page-training-create .errorsmall {
  min-height: 20px !important;
}

page-training-create .errorsmall .item-inner {
  border-bottom: 0px !important;
}

page-training-create .errorsmall .error_msg {
  font-size: 12px !important;
}

page-training-create .video-not-up {
  position: absolute;
  top: -81px;
  width: 100%;
}

page-training-create .video-up {
  position: absolute;
  top: -13px;
  width: 100%;
}

@media (max-width: 799px) {
  page-training-create .scroll-content {
    margin-top: 100px !important;
  }
}

page-training-create .radioItem {
  margin: 5px;
}

training-dashboard {
  /* ANIMATION */
  /* SHADOWS */
  /*
 *
 *   MaterialWrap - Bootstrap + Material Design Admin Theme

 
*/
  /*
 * CSS Transform - Scale and Rotate
 */
  /* The Modal (background) */
  /* Modal Content (image) */
  /* The Close Button */
  /*!
 * FullCalendar v3.2.0 Stylesheet
 * Docs & License: https://fullcalendar.io/
 * (c) 2017 Adam Shaw
 */
  /* Colors
--------------------------------------------------------------------------------------------------*/
  /* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
  /*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
  /* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
  /* Firefox has an annoying inner border */
  /* icons in buttons */
  /*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
  /* Buttons Groups
--------------------------------------------------------------------------------------------------*/
  /*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
  /* Popover
--------------------------------------------------------------------------------------------------*/
  /* unthemed */
  /* jqui themed */
  /* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
  /* Tables
--------------------------------------------------------------------------------------------------*/
  /* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
  /* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
  /* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
  /* highlighting cells & background event skeleton */
  /*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
  /* Scrolling Container
--------------------------------------------------------------------------------------------------*/
  /* TODO: move to agenda/basic */
  /* Global Event Styles
--------------------------------------------------------------------------------------------------*/
  /* overpower some of bootstrap's and jqui's styles on <a> tags */
  /* resizer (cursor AND touch devices) */
  /* resizer (touch devices) */
  /* hit area */
  /* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
  /* Horizontal Events
--------------------------------------------------------------------------------------------------*/
  /* bigger touch area when selected */
  /* events that are continuing to/from another week. kill rounded corners and butt up against edge */
  /* resizer (cursor AND touch devices) */
  /* left resizer  */
  /* right resizer */
  /* resizer (mouse devices) */
  /* resizer (touch devices) */
  /* left resizer  */
  /* right resizer */
  /* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* resizer (cursor devices) */
  /* left resizer  */
  /* right resizer */
  /* Event Limiting
--------------------------------------------------------------------------------------------------*/
  /* "more" link that represents hidden events */
  /* popover that appears when "more" link is clicked */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* Utilities
--------------------------------------------------------------------------------------------------*/
  /* Toolbar
--------------------------------------------------------------------------------------------------*/
  /* the things within each left/right/center section */
  /* the first thing within each left/center/right section */
  /* title text */
  /* button layering (for border precedence) */
  /* View Structure
--------------------------------------------------------------------------------------------------*/
  /* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
  /* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
  /* BasicView
--------------------------------------------------------------------------------------------------*/
  /* day row structure */
  /* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
  /* week and day number styling */
  /* when week/day number have own column */
  /* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
  /* divs within a cell within the fc-content-skeleton */
  /* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
  /* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* short mode, where time and title are on the same line */
  /* resizer (cursor device) */
  /* resizer (touch device) */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* arrow on axis */
  /* List View
--------------------------------------------------------------------------------------------------*/
  /* possibly reusable */
  /* view wrapper */
  /* table resets */
  /* day headings with the list */
  /* event list items */
  /* make the dot closer to the event title */
  /* message when no events */
}

training-dashboard .letter-sp-1 {
  letter-spacing: 1px;
}

training-dashboard .letter-sp-2 {
  letter-spacing: 2px;
}

training-dashboard .letter-sp-3 {
  letter-spacing: 3px;
}

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

training-dashboard .m-5 {
  margin: 5px !important;
}

training-dashboard .m-10 {
  margin: 10px !important;
}

training-dashboard .m-15 {
  margin: 15px !important;
}

training-dashboard .m-20 {
  margin: 20px !important;
}

training-dashboard .m-30 {
  margin: 30px !important;
}

training-dashboard .m-50 {
  margin: 50px !important;
}

training-dashboard .m-b-100 {
  margin-bottom: 100px !important;
}

training-dashboard .m-b-15 {
  margin-bottom: 15px !important;
}

training-dashboard .m-b-20 {
  margin-bottom: 20px !important;
}

training-dashboard .m-b-0 {
  margin-bottom: 0 !important;
}

training-dashboard .m-l-0 {
  margin-left: 0 !important;
}

training-dashboard .m-l-5 {
  margin-left: 5px !important;
}

training-dashboard .m-l-10 {
  margin-left: 10px !important;
}

training-dashboard .m-l-15 {
  margin-left: 15px !important;
}

training-dashboard .m-l-20 {
  margin-left: 20px !important;
}

training-dashboard .m-l-30 {
  margin-left: 30px !important;
}

training-dashboard .m-l-40 {
  margin-left: 40px !important;
}

training-dashboard .m-l-50 {
  margin-left: 50px !important;
}

training-dashboard .m-l-n-1 {
  margin-left: -1px !important;
}

training-dashboard .m-l-n-5 {
  margin-left: -5px !important;
}

training-dashboard .m-l-n-10 {
  margin-left: -10px !important;
}

training-dashboard .m-l-n-15 {
  margin-left: -15px !important;
}

training-dashboard .m-l-n-20 {
  margin-left: -20px !important;
}

training-dashboard .m-l-n-30 {
  margin-left: -30px !important;
}

training-dashboard .m-l-n-40 {
  margin-left: -40px !important;
}

training-dashboard .m-l-n-50 {
  margin-left: -50px !important;
}

training-dashboard .m-t-0 {
  margin-top: 0 !important;
}

training-dashboard .m-t-1 {
  margin-top: 1px !important;
}

training-dashboard .m-t-2 {
  margin-top: 2px;
}

training-dashboard .m-t-2p {
  margin-top: 2% !important;
}

training-dashboard .m-t-5p {
  margin-top: 5% !important;
}

training-dashboard .m-t-25p {
  margin-top: 25% !important;
}

training-dashboard .m-t-30p {
  margin-top: 30% !important;
}

training-dashboard .m-t-4 {
  margin-top: 4px !important;
}

training-dashboard .m-t-5 {
  margin-top: 5px !important;
}

training-dashboard .m-t-5p {
  margin-top: 5% !important;
}

training-dashboard .m-t-10 {
  margin-top: 10px !important;
}

training-dashboard .m-t-15 {
  margin-top: 15px !important;
}

training-dashboard .m-t-20 {
  margin-top: 20px !important;
}

training-dashboard .m-t-30 {
  margin-top: 30px !important;
}

training-dashboard .m-t-40 {
  margin-top: 40px !important;
}

training-dashboard .m-t-50 {
  margin-top: 50px !important;
}

training-dashboard .m-t-75 {
  margin-top: 75px !important;
}

training-dashboard .m-t-100 {
  margin-top: 100px !important;
}

training-dashboard .m-t-120 {
  margin-top: 120px !important;
}

training-dashboard .m-t-140 {
  margin-top: 140px !important;
}

training-dashboard .m-t-n-1 {
  margin-top: -1px !important;
}

training-dashboard .m-t-n-5 {
  margin-top: -5px !important;
}

training-dashboard .m-t-n-10 {
  margin-top: -10px !important;
}

training-dashboard .m-t-n-15 {
  margin-top: -15px !important;
}

training-dashboard .m-t-n-20 {
  margin-top: -20px !important;
}

training-dashboard .m-t-n-30 {
  margin-top: -30px !important;
}

training-dashboard .m-t-n-40 {
  margin-top: -40px !important;
}

training-dashboard .m-t-n-50 {
  margin-top: -50px !important;
}

training-dashboard .m-r-0 {
  margin-right: 0 !important;
}

training-dashboard .m-r-1 {
  margin-right: 1px !important;
}

training-dashboard .m-r-5 {
  margin-right: 5px !important;
}

training-dashboard .m-r-10 {
  margin-right: 10px !important;
}

training-dashboard .m-r-15 {
  margin-right: 15px !important;
}

training-dashboard .m-r-20 {
  margin-right: 20px !important;
}

training-dashboard .m-r-30 {
  margin-right: 30px !important;
}

training-dashboard .m-r-40 {
  margin-right: 40px !important;
}

training-dashboard .m-r-50 {
  margin-right: 50px !important;
}

training-dashboard .m-r-n-1 {
  margin-right: -1px !important;
}

training-dashboard .m-r-n-5 {
  margin-right: -5px !important;
}

training-dashboard .m-r-n-10 {
  margin-right: -10px !important;
}

training-dashboard .m-r-n-15 {
  margin-right: -15px !important;
}

training-dashboard .m-r-n-20 {
  margin-right: -20px !important;
}

training-dashboard .m-r-n-30 {
  margin-right: -30px !important;
}

training-dashboard .m-r-n-40 {
  margin-right: -40px !important;
}

training-dashboard .m-r-n-50 {
  margin-right: -50px !important;
}

training-dashboard .m-b-0 {
  margin-bottom: 0 !important;
}

training-dashboard .m-b-1 {
  margin-bottom: 1px !important;
}

training-dashboard .m-b-4 {
  margin-bottom: 4px !important;
}

training-dashboard .m-b-5 {
  margin-bottom: 5px !important;
}

training-dashboard .m-b-10 {
  margin-bottom: 10px !important;
}

training-dashboard .m-b-15 {
  margin-bottom: 15px !important;
}

training-dashboard .m-b-20 {
  margin-bottom: 20px !important;
}

training-dashboard .m-b-30 {
  margin-bottom: 30px !important;
}

training-dashboard .m-b-40 {
  margin-bottom: 40px !important;
}

training-dashboard .m-b-50 {
  margin-bottom: 50px !important;
}

training-dashboard .m-b-n-1 {
  margin-bottom: -1px !important;
}

training-dashboard .m-b-n-5 {
  margin-bottom: -5px !important;
}

training-dashboard .m-b-n-10 {
  margin-bottom: -10px !important;
}

training-dashboard .m-b-n-15 {
  margin-bottom: -15px !important;
}

training-dashboard .m-b-n-20 {
  margin-bottom: -20px !important;
}

training-dashboard .m-b-n-30 {
  margin-bottom: -30px !important;
}

training-dashboard .m-b-n-40 {
  margin-bottom: -40px !important;
}

training-dashboard .m-b-n-50 {
  margin-bottom: -50px !important;
}

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

training-dashboard .p-5 {
  padding: 5px !important;
}

training-dashboard .p-10 {
  padding: 10px !important;
}

training-dashboard .p-15 {
  padding: 15px !important;
}

training-dashboard .p-20 {
  padding: 20px !important;
}

training-dashboard .p-25 {
  padding: 25px !important;
}

training-dashboard .p-30 {
  padding: 30px !important;
}

training-dashboard .p-40 {
  padding: 40px !important;
}

training-dashboard .p-50 {
  padding: 50px !important;
}

training-dashboard .p-75 {
  padding: 75px !important;
}

training-dashboard .p-100 {
  padding: 100px !important;
}

training-dashboard .p-lr {
  padding: 0px 4% 0px 4%;
}

training-dashboard .p-l-0 {
  padding-left: 0 !important;
}

training-dashboard .p-l-5 {
  padding-left: 5px !important;
}

training-dashboard .p-l-10 {
  padding-left: 10px !important;
}

training-dashboard .p-l-12 {
  padding-left: 12px !important;
}

training-dashboard .p-l-15 {
  padding-left: 15px !important;
}

training-dashboard .p-l-16 {
  padding-left: 16px !important;
}

training-dashboard .p-l-20 {
  padding-left: 20px !important;
}

training-dashboard .p-l-25 {
  padding-left: 25px !important;
}

training-dashboard .p-l-30 {
  padding-left: 30px !important;
}

training-dashboard .p-l-40 {
  padding-left: 40px !important;
}

training-dashboard .p-l-50 {
  padding-left: 50px !important;
}

training-dashboard .p-l-75 {
  padding-left: 75px !important;
}

training-dashboard .p-l-100 {
  padding-left: 100px !important;
}

training-dashboard .p-r-0 {
  padding-right: 0 !important;
}

training-dashboard .p-r-5 {
  padding-right: 5px !important;
}

training-dashboard .p-r-10 {
  padding-right: 10px !important;
}

training-dashboard .p-r-12 {
  padding-right: 12px !important;
}

training-dashboard .p-r-15 {
  padding-right: 15px !important;
}

training-dashboard .p-r-20 {
  padding-right: 20px !important;
}

training-dashboard .p-r-25 {
  padding-right: 25px !important;
}

training-dashboard .p-r-30 {
  padding-right: 30px !important;
}

training-dashboard .p-r-40 {
  padding-right: 40px !important;
}

training-dashboard .p-r-50 {
  padding-right: 50px !important;
}

training-dashboard .p-r-75 {
  padding-right: 75px !important;
}

training-dashboard .p-r-100 {
  padding-right: 100px !important;
}

training-dashboard .p-b-0 {
  padding-bottom: 0 !important;
}

training-dashboard .p-b-5 {
  padding-bottom: 5px !important;
}

training-dashboard .p-b-10 {
  padding-bottom: 10px !important;
}

training-dashboard .p-b-15 {
  padding-bottom: 15px !important;
}

training-dashboard .p-b-16 {
  padding-bottom: 16px !important;
}

training-dashboard .p-b-20 {
  padding-bottom: 20px !important;
}

training-dashboard .p-b-25 {
  padding-bottom: 25px !important;
}

training-dashboard .p-b-30 {
  padding-bottom: 30px !important;
}

training-dashboard .p-b-40 {
  padding-bottom: 40px !important;
}

training-dashboard .p-b-50 {
  padding-bottom: 50px !important;
}

training-dashboard .p-b-60 {
  padding-bottom: 60px !important;
}

training-dashboard .p-b-70 {
  padding-bottom: 70px !important;
}

training-dashboard .p-b-80 {
  padding-bottom: 80px !important;
}

training-dashboard .p-b-90 {
  padding-bottom: 90px !important;
}

training-dashboard .p-b-100 {
  padding-bottom: 100px !important;
}

training-dashboard .p-t-0 {
  padding-top: 0 !important;
}

training-dashboard .p-t-5 {
  padding-top: 5px !important;
}

training-dashboard .p-t-7 {
  padding-top: 7px !important;
}

training-dashboard .p-t-10 {
  padding-top: 10px !important;
}

training-dashboard .p-t-15 {
  padding-top: 15px !important;
}

training-dashboard .p-t-16 {
  padding-top: 16px !important;
}

training-dashboard .p-t-20 {
  padding-top: 20px !important;
}

training-dashboard .p-t-25 {
  padding-top: 25px !important;
}

training-dashboard .p-t-30 {
  padding-top: 30px !important;
}

training-dashboard .p-t-40 {
  padding-top: 40px !important;
}

training-dashboard .p-t-50 {
  padding-top: 50px !important;
}

training-dashboard .p-t-75 {
  padding-top: 75px !important;
}

training-dashboard .p-t-100 {
  padding-top: 100px !important;
}

training-dashboard .p-t-120 {
  padding-top: 120px !important;
}

training-dashboard .p-t-130 {
  padding-top: 130px !important;
}

training-dashboard .p-t-140 {
  padding-top: 140px !important;
}

training-dashboard .p-t-150 {
  padding-top: 150px !important;
}

training-dashboard .block {
  display: block !important;
}

training-dashboard .img-xs {
  width: 30px;
  height: 30px;
}

training-dashboard .img-sm {
  width: 35px;
  height: 35px;
}

training-dashboard .img-md {
  width: 55px;
  height: 55px;
}

training-dashboard .img-lg {
  width: 100px;
  height: 100px;
}

training-dashboard .min-w-800 {
  min-width: 800px !important;
}

training-dashboard .min-w-1000 {
  min-width: 1000px !important;
}

training-dashboard .min-w-1100 {
  min-width: 1100px !important;
}

training-dashboard .max-w-20 {
  max-width: 20px !important;
}

training-dashboard .max-w-30 {
  max-width: 30px !important;
}

training-dashboard .max-w-32 {
  max-width: 35px !important;
}

training-dashboard .max-w-35 {
  max-width: 35px !important;
}

training-dashboard .max-w-40 {
  max-width: 40px !important;
}

training-dashboard .max-w-50 {
  max-width: 50px !important;
}

training-dashboard .max-w-75 {
  max-width: 75px !important;
}

training-dashboard .max-w-100 {
  max-width: 100px !important;
}

training-dashboard .max-w-150 {
  max-width: 150px !important;
}

training-dashboard .max-w-200 {
  max-width: 200px !important;
}

training-dashboard .max-w-300 {
  max-width: 300px !important;
}

training-dashboard .max-w-400 {
  max-width: 400px !important;
}

training-dashboard .overflow-hidden {
  overflow: hidden;
}

training-dashboard .overflow-auto {
  overflow: auto;
}

training-dashboard .max-h-50 {
  max-height: 50px !important;
}

training-dashboard .max-h-80 {
  max-height: 80px !important;
}

training-dashboard .max-h-100 {
  max-height: 100px !important;
}

training-dashboard .max-h-150 {
  max-height: 150px !important;
}

training-dashboard .max-h-200 {
  max-height: 200px !important;
}

training-dashboard .max-h-250 {
  max-height: 250px !important;
}

training-dashboard .max-h-300 {
  max-height: 300px !important;
}

training-dashboard .max-h-350 {
  max-height: 300px !important;
}

training-dashboard .max-h-375 {
  max-height: 300px !important;
}

training-dashboard .max-h-400 {
  max-height: 400px !important;
}

training-dashboard .max-h-450 {
  max-height: 450px !important;
}

training-dashboard .max-h-500 {
  max-height: 500px !important;
}

training-dashboard .max-h-600 {
  max-height: 600px !important;
}

training-dashboard .max-h-650 {
  max-height: 650px !important;
}

training-dashboard .max-h-700 {
  max-height: 700px !important;
}

training-dashboard .max-h-800 {
  max-height: 800px !important;
}

training-dashboard .max-h-900 {
  max-height: 900px !important;
}

training-dashboard .max-h-1000 {
  max-height: 1000px !important;
}

training-dashboard .min-h-0 {
  min-height: 0 !important;
}

training-dashboard .min-h-50 {
  min-height: 50px !important;
}

training-dashboard .min-h-100 {
  min-height: 100px !important;
}

training-dashboard .min-h-200 {
  min-height: 200px !important;
}

training-dashboard .min-h-250 {
  min-height: 250px !important;
}

training-dashboard .min-h-300 {
  min-height: 300px !important;
}

training-dashboard .min-h-350 {
  min-height: 300px !important;
}

training-dashboard .min-h-375 {
  min-height: 300px !important;
}

training-dashboard .min-h-400 {
  min-height: 400px !important;
}

training-dashboard .min-h-450 {
  min-height: 450px !important;
}

training-dashboard .min-h-500 {
  min-height: 500px !important;
}

training-dashboard .min-h-600 {
  min-height: 600px !important;
}

training-dashboard .min-h-650 {
  min-height: 650px !important;
}

training-dashboard .min-h-700 {
  min-height: 700px !important;
}

training-dashboard .min-h-800 {
  min-height: 800px !important;
}

training-dashboard .min-h-900 {
  min-height: 900px !important;
}

training-dashboard .min-h-1000 {
  min-height: 1000px !important;
}

training-dashboard .h-5 {
  height: 5px !important;
}

training-dashboard .h-10 {
  height: 10px !important;
}

training-dashboard .h-20 {
  height: 20px !important;
}

training-dashboard .h-25 {
  height: 25px !important;
}

training-dashboard .h-50 {
  height: 50px !important;
}

training-dashboard .h-75 {
  height: 75px !important;
}

training-dashboard .h-100 {
  height: 100px !important;
}

training-dashboard .h-125 {
  height: 125px !important;
}

training-dashboard .h-150 {
  height: 150px !important;
}

training-dashboard .h-200 {
  height: 200px !important;
}

training-dashboard .h-300 {
  height: 300px !important;
}

training-dashboard .h-350 {
  height: 350px !important;
}

training-dashboard .h-400 {
  height: 400px !important;
}

training-dashboard .h-450 {
  height: 450px !important;
}

training-dashboard .h-500 {
  height: 500px !important;
}

training-dashboard .h-600 {
  height: 600px !important;
}

training-dashboard .h-650 {
  height: 650px !important;
}

training-dashboard .h-700 {
  height: 700px !important;
}

training-dashboard .h-800 {
  height: 800px !important;
}

training-dashboard .h-900 {
  height: 900px !important;
}

training-dashboard .h-1000 {
  height: 1000px !important;
}

training-dashboard .w-5 {
  width: 5px !important;
}

training-dashboard .w-10 {
  width: 10px !important;
}

training-dashboard .w-15 {
  width: 15px !important;
}

training-dashboard .w-20 {
  width: 20px !important;
}

training-dashboard .w-30 {
  width: 30px !important;
}

training-dashboard .w-40 {
  width: 40px !important;
}

training-dashboard .w-50 {
  width: 50px !important;
}

training-dashboard .w-60 {
  width: 60px !important;
}

training-dashboard .w-80 {
  width: 80px !important;
}

training-dashboard .w-100 {
  width: 100px !important;
}

training-dashboard .w-150 {
  width: 150px !important;
}

training-dashboard .w-190 {
  width: 190px !important;
}

training-dashboard .w-200 {
  width: 200px !important;
}

training-dashboard .w-250 {
  width: 250px !important;
}

training-dashboard .w-300 {
  width: 300px !important;
}

training-dashboard .w-600 {
  width: 600px !important;
}

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

training-dashboard .w-95p {
  width: 95% !important;
}

training-dashboard .w-90p {
  width: 90% !important;
}

training-dashboard .w-80p {
  width: 80% !important;
}

training-dashboard .w-70p {
  width: 70% !important;
}

training-dashboard .w-60p {
  width: 60% !important;
}

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

training-dashboard .w-45p {
  width: 45% !important;
}

training-dashboard .w-40p {
  width: 40% !important;
}

training-dashboard .w-30p {
  width: 30% !important;
}

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

training-dashboard .w-20p {
  width: 20% !important;
}

training-dashboard .w-15p {
  width: 15% !important;
}

training-dashboard .w-10p {
  width: 10% !important;
}

training-dashboard .w-8p {
  width: 8% !important;
}

training-dashboard .w-5p {
  width: 5% !important;
}

training-dashboard .w-3p {
  width: 3% !important;
}

training-dashboard .w-95p {
  width: 95% !important;
}

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

training-dashboard .h-80p {
  height: 80% !important;
}

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

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

training-dashboard .block {
  display: block !important;
}

training-dashboard .inline-block {
  display: inline-block !important;
}

training-dashboard .list-block li {
  display: block !important;
}

training-dashboard .list-inline li {
  display: inline !important;
}

training-dashboard .clear-both {
  clear: both !important;
}

training-dashboard .line-height-normal {
  line-height: normal !important;
}

training-dashboard .line-height-8 {
  line-height: 8px !important;
}

training-dashboard .line-height-14 {
  line-height: 14px !important;
}

training-dashboard .line-height-12 {
  line-height: normal !important;
}

training-dashboard ul.style-none {
  margin: 0;
  padding: 0;
  list-style: none;
}

training-dashboard ul.style-none li {
  font-size: 0.875rem;
  padding: 3px 0;
}

training-dashboard ul.style-none li ul {
  list-style: none;
}

training-dashboard ul.vertical-icon-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

training-dashboard ul.vertical-icon-list li {
  font-size: 0.875rem;
  padding: 6px 0;
}

training-dashboard ul.vertical-icon-list li i {
  font-size: 1.25rem;
  padding-right: 15px;
  vertical-align: middle;
}

training-dashboard .bg-white {
  background: #ffffff !important;
}

training-dashboard .bg-green {
  background: #28bebd !important;
}

training-dashboard .bg-blue {
  background: #42a5f5 !important;
}

training-dashboard .bg-lightBlue {
  background: #2ebaee !important;
}

training-dashboard .bg-red {
  background: #ef5350 !important;
}

training-dashboard .bg-yellow {
  background: #f8c200 !important;
}

training-dashboard .bg-paleYellow {
  background: #fddd7e !important;
}

training-dashboard .bg-lightGray {
  background: #e3ecf7 !important;
}

training-dashboard .bg-gray {
  background: #8f9eb5 !important;
}

training-dashboard .bg-drakGray {
  background: #707c94 !important;
}

training-dashboard .bg-grayBlue {
  background: #59779b !important;
}

training-dashboard .bg-purple {
  background: #6b79c4 !important;
}

training-dashboard .bg-turquoise {
  background: #00c5dc !important;
}

training-dashboard .bg-peach {
  background: #feb38d !important;
}

training-dashboard .bg-transparent {
  background: transparent !important;
}

training-dashboard .text-primary {
  color: #172B4D !important;
}

training-dashboard .text-link {
  color: #0645ad !important;
}

training-dashboard .text-green {
  color: #28bebd !important;
}

training-dashboard .text-turquoise {
  color: #00c5dc !important;
}

training-dashboard .text-red {
  color: #ef5350 !important;
}

training-dashboard .text-cyan {
  color: #26c6da !important;
}

training-dashboard .text-yellow {
  color: #f8c200 !important;
}

training-dashboard .text-gray {
  color: #8f9eb5 !important;
}

training-dashboard .text-blue {
  color: #42a5f5 !important;
}

training-dashboard .text-orange {
  color: #ffb74d !important;
}

training-dashboard .text-purple {
  color: #6b79c4 !important;
}

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

training-dashboard .text-brown {
  color: #906b6b !important;
}

training-dashboard .text-salmon {
  color: #ee6e73 !important;
}

training-dashboard .text-muted {
  color: #8396b0;
}

training-dashboard .color-black {
  color: #000 !important;
}

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

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

training-dashboard .transparent {
  background: transparent !important;
}

training-dashboard .bg-primary {
  background-color: #172B4D !important;
}

training-dashboard .border-bottom,
training-dashboard .border-grey-bottom-1px {
  border-bottom: 1px solid rgba(215, 225, 237, 0.8) !important;
}

training-dashboard .border-grey-top-1px,
training-dashboard .border-top {
  border-top: 1px solid rgba(215, 225, 237, 0.6) !important;
}

training-dashboard .border-bottom-black-2px {
  border-bottom: 2px solid black;
}

training-dashboard .border-top0p {
  border-top: 0px !important;
}

training-dashboard .b-n {
  border: none !important;
}

training-dashboard .b-b-1 {
  border: 1px solid black;
}

training-dashboard .b-lg-1 {
  border: 1px solid lightgrey;
}

training-dashboard .shadow-none {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

training-dashboard .shadow-z-0 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

training-dashboard .shadow-z-1 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

training-dashboard .shadow-z-1:hover {
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

training-dashboard .shadow-z-2 {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

training-dashboard .shadow-z-3 {
  -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

training-dashboard .shadow-z-4 {
  -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}

training-dashboard .shadow-z-5 {
  -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}

training-dashboard .big-shadow {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
}

training-dashboard .shadow-2dp {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

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

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

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

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

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

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

training-dashboard .font-weight-100 {
  font-weight: 100 !important;
}

training-dashboard .font-weight-200 {
  font-weight: 200 !important;
}

training-dashboard .font-weight-300 {
  font-weight: 300 !important;
}

training-dashboard .font-weight-400 {
  font-weight: 400 !important;
}

training-dashboard .font-weight-500 {
  font-weight: 500 !important;
}

training-dashboard .font-weight-600 {
  font-weight: 600 !important;
}

training-dashboard .font-weight-700 {
  font-weight: 700 !important;
}

training-dashboard .font-weight-800 {
  font-weight: 800 !important;
}

training-dashboard .font-weight-900 {
  font-weight: 900 !important;
}

training-dashboard .font-weight-light {
  font-weight: 100 !important;
}

training-dashboard .font-weight-normal {
  font-weight: 300 !important;
}

training-dashboard .font-weight-medium {
  font-weight: 400 !important;
}

training-dashboard .font-weight-bold {
  font-weight: 500 !important;
}

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

training-dashboard .font-size-0 {
  font-size: 0 !important;
}

training-dashboard .font-size-10 {
  font-size: 10px !important;
}

training-dashboard .font-size-11 {
  font-size: 11px !important;
}

training-dashboard .font-size-12 {
  font-size: 12px !important;
}

training-dashboard .font-size-14 {
  font-size: 14px !important;
}

training-dashboard .font-size-16 {
  font-size: 16px !important;
}

training-dashboard .font-size-18 {
  font-size: 18px !important;
}

training-dashboard .font-size-20 {
  font-size: 20px !important;
}

training-dashboard .font-size-24 {
  font-size: 24px !important;
}

training-dashboard .font-size-26 {
  font-size: 26px !important;
}

training-dashboard .font-size-30 {
  font-size: 30px !important;
}

training-dashboard .font-size-35 {
  font-size: 35px !important;
}

training-dashboard .font-size-38 {
  font-size: 38px !important;
}

training-dashboard .font-size-40 {
  font-size: 40px !important;
}

training-dashboard .font-size-50 {
  font-size: 50px !important;
}

training-dashboard .font-size-60 {
  font-size: 60px !important;
}

training-dashboard .font-size-70 {
  font-size: 70px !important;
}

training-dashboard .font-size-80 {
  font-size: 80px !important;
}

training-dashboard .hidden {
  display: none !important;
}

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

training-dashboard .float-r {
  float: right !important;
}

training-dashboard .float-l {
  float: left !important;
}

training-dashboard .align-c {
  display: block;
  margin: 0 auto;
}

training-dashboard .align-b {
  display: block;
}

training-dashboard .text-center {
  text-align: center !important;
}

training-dashboard .text-left {
  text-align: left !important;
}

training-dashboard .text-right {
  text-align: right !important;
}

training-dashboard .align-v-c {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

training-dashboard .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

training-dashboard .align-v-c1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

training-dashboard .align-v-c2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

training-dashboard .align-v-c3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

training-dashboard .align-v-c4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

training-dashboard .align-flex-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

training-dashboard .align-right-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

training-dashboard .align-start-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media (max-width: 576px) {
  training-dashboard .d-xs-none {
    display: none !important;
  }
  training-dashboard .d-xs-inline {
    display: inline !important;
  }
  training-dashboard .d-xs-inline-block {
    display: inline-block !important;
  }
  training-dashboard .d-xs-block {
    display: block !important;
  }
  training-dashboard .d-xs-table {
    display: table !important;
  }
  training-dashboard .d-xs-table-cell {
    display: table-cell !important;
  }
  training-dashboard .d-xs-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
  }
  training-dashboard .d-xs-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important;
  }
}

training-dashboard .b-r-gd {
  border-radius: 10px !important;
}

training-dashboard .b-r-10 {
  border-radius: 10px !important;
}

training-dashboard .b-r-5 {
  border-radius: 5px;
}

training-dashboard .d-fl-ov-x {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  overflow-x: auto !important;
}

training-dashboard .align-base {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

training-dashboard .d-fl-bl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

training-dashboard .d-fl-vhcenter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

training-dashboard .d-fl-b2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
}

training-dashboard .d-fl-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

training-dashboard .d-fl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

training-dashboard .d-fl-sb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

training-dashboard .d-fl-saround {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

training-dashboard .d-fl-ac {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

training-dashboard .text-capital {
  text-transform: capitalize !important;
}

training-dashboard .text-upper {
  text-transform: uppercase !important;
}

training-dashboard .m-a {
  margin: auto !important;
}

training-dashboard .m-l-a {
  margin-left: auto !important;
}

training-dashboard .m-r-a {
  margin-right: auto !important;
}

training-dashboard .italic {
  font-style: italic;
}

training-dashboard .pointer {
  cursor: pointer;
}

training-dashboard .ws-in {
  white-space: inherit;
}

training-dashboard .opacity-1 {
  opacity: 1;
}

training-dashboard .in-valid-checkbox {
  border: 1px solid #ff0000 !important;
  padding: 5px !important;
  margin-bottom: 10px;
  border-radius: 5px;
}

training-dashboard page-corp-dashboard .mycustomdrop:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
  top: -15px;
  position: absolute;
  right: 15%;
}

training-dashboard h1 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1.6875rem !important;
  line-height: 64px;
  letter-spacing: -0.4px;
}

training-dashboard h2 {
  font-family: "Poppins", sans-serif;
  font-size: 24px !important;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
}

training-dashboard h3,
training-dashboard .h3 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 22px !important;
  line-height: 48px;
  /* identical to box height, or 200% */
  /* Neutral / dark gray */
  color: #000000;
}

training-dashboard h4,
training-dashboard .menu-heading-h4 {
  font-family: "Poppins", sans-serif !important;
  font-style: normal;
  font-weight: normal;
  font-size: 15px !important;
  line-height: 26px;
  /* or 144% */
  letter-spacing: -0.2px;
  color: #000000;
}

training-dashboard h5 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  /* or 143% */
  color: #000000;
}

training-dashboard .subtitle {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  /* or 200% */
  letter-spacing: 2.5px;
  color: #4E5761;
}

training-dashboard p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 13px !important;
  line-height: 24px;
  /* identical to box height, or 171% */
  letter-spacing: -0.1px;
  /* Neutral / black */
  color: #000000;
}

training-dashboard .ui-tabview.ui-tabview-top > .ui-tabview-nav {
  padding: 0.2em 0.2em 0;
  border-bottom: 1px solid #eaeaea;
}

training-dashboard .scroll-content {
  padding: 0 !important;
}

training-dashboard ion-navbar {
  margin: 0;
  border-radius: 0px;
  height: 50px !important;
  color: #172B4D !important;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

training-dashboard ion-header {
  padding: 0;
}

training-dashboard .header-md::after {
  background-image: none;
}

training-dashboard .toolbar-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #172B4D !important;
  line-height: 24px;
  font-family: "Poppins", sans-serif;
  font-size: 2rem !important;
  font-weight: bold !important;
  text-align: left !important;
}

training-dashboard .userLabel {
  float: right;
  display: inline;
  letter-spacing: 1px;
  color: #172B4D !important !important;
}

training-dashboard .card-title {
  font-size: 16px !important;
  color: #000000;
  font-weight: bold !important;
  text-align: center !important;
}

training-dashboard .barcolor {
  background: #5a75a3;
  color: #ffffff;
}

training-dashboard p-sorticon {
  color: black;
}

training-dashboard p-sorticon a {
  color: black !important;
}

training-dashboard .globalTable {
  border: none;
  border: 1px solid #c1c1c1;
}

training-dashboard .globalTable .ui-table-caption {
  border-bottom: 1px solid #dadada !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  font-size: 18px !important;
  background: #ecececad !important;
}

training-dashboard .globalTable .table-header input {
  font-size: 15px !important;
  border-style: groove;
  width: 100% !important;
  padding-left: 10px;
  border-radius: 10px;
  border-color: #f3f3f3;
  font-weight: 500;
  line-height: 25px !important;
}

training-dashboard .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

training-dashboard .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

training-dashboard .globalTable .table-header .align input {
  width: 80%;
  line-height: 25px;
}

training-dashboard .globalTable .ui-table-tbody tr:nth-child(2n+1) {
  background: white;
}

training-dashboard .globalTable .ui-table-tbody tr:nth-child(2n) {
  background: #f3f3f3;
}

training-dashboard .globalTable .ui-table-tbody tr:hover {
  background: #c1c1c167 !important;
}

training-dashboard .globalTable .ui-table-tbody .activeRow {
  background: #c4d2e5 !important;
}

training-dashboard .globalTable th input {
  text-align: center !important;
  width: 90% !important;
  font-weight: 400 !important;
}

training-dashboard .globalTable .ui-table .ui-sortable-column.ui-state-highlight {
  color: black !important;
}

training-dashboard .globalTable .ui-table .ui-table-thead tr th {
  background: #eeeeee9e;
  border: none;
  padding: 10px 0;
  width: 100%;
  text-align: center;
}

training-dashboard .globalTable .ui-table .ui-table-tbody tr td {
  border: none;
  background: inherit;
  padding: 20px 0;
  text-align: center;
}

training-dashboard .globalTable .ui-table .ui-table-tbody tr {
  border-bottom: 1px solid #cacaca;
}

training-dashboard .globalTable .p-column-filter {
  border-radius: 4px;
  border: 1px solid gray;
}

training-dashboard .globalTable .badge-badge.status-Active {
  padding: 5px 20px;
  color: #226f4e;
  background-color: #9decbe;
  font-weight: 500;
  font-size: 12px;
}

training-dashboard .globalTable .badge-badge.status-Inactive {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

training-dashboard .globalTable .badge-badge.status-Suspended {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

training-dashboard .globalTable .badge-badge.status-Waiting {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

training-dashboard .globalTable .badge-badge.status-Pending {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

training-dashboard .globalTable .actionIcon {
  padding: 0 3px;
  font-size: 16px;
  cursor: pointer;
}

training-dashboard ion-icon {
  cursor: pointer;
}

training-dashboard .button-md-reset {
  background-color: #ffffff;
  color: black !important;
  border: 1px solid #e3ecf7;
}

training-dashboard .button-md-reset:hover {
  background-color: #ececec !important;
}

training-dashboard .reset:hover {
  background-color: #ececec !important;
}

training-dashboard .button-md-primary {
  background-color: #172B4D !important;
  color: #ffffff !important;
}

training-dashboard ion-button {
  background-color: #172B4D !important;
  color: #ffffff;
}

training-dashboard .my-custom-class .alert-button-group button:first-child {
  position: relative;
}

training-dashboard .my-custom-class .alert-button-group button {
  font-weight: bold;
}

training-dashboard .my-custom-class .alert-radio-group {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100% !important;
}

training-dashboard .my-custom-class button {
  text-align: center;
}

training-dashboard .alert-button-group button:first-child {
  position: relative !important;
  min-width: 0 !important;
}

training-dashboard .alert-md .alert-wrapper {
  max-width: 320px !important;
}

training-dashboard .alert-md .alert-message {
  font-size: 16px !important;
}

training-dashboard .alert-button {
  font-size: 15px !important;
}

training-dashboard .alert-md .alert-sub-title {
  font-size: 16px !important;
}

training-dashboard .alert-md .alert-title {
  font-size: 22px !important;
}

training-dashboard .breakclass {
  white-space: pre-line;
}

training-dashboard .error {
  color: red;
  float: left;
}

training-dashboard .topStrip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}

training-dashboard .infographic1 {
  border: none;
  color: #367ad2;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

training-dashboard .infographic1 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

training-dashboard .infographic1 ion-icon {
  color: black;
}

training-dashboard .infographic2 {
  border: none;
  color: #50d29b;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

training-dashboard .infographic2 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

training-dashboard .infographic2 ion-icon {
  color: black;
}

training-dashboard .infographic3 {
  border: none;
  color: #ffaa00;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

training-dashboard .infographic3 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

training-dashboard .infographic3 ion-icon {
  color: black;
}

training-dashboard .infographic4 {
  border: none;
  color: #f36363;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

training-dashboard .infographic4 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

training-dashboard .infographic4 ion-icon {
  color: black;
}

training-dashboard .infographic5 {
  border: none;
  color: #41acbf;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

training-dashboard .infographic5 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

training-dashboard .infographic5 ion-icon {
  color: black;
}

training-dashboard .infograph1 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #367ad2;
  font-size: 20px;
}

training-dashboard .infograph2 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #51b98d;
  font-size: 20px;
}

training-dashboard .infograph3 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #ffaa00;
  font-size: 20px;
}

training-dashboard .infograph4 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #dc5b54;
  font-size: 20px;
}

training-dashboard .infograph5 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #41acbf;
  font-size: 20px;
}

training-dashboard .infographtext {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 12px;
}

training-dashboard .successToast .toast-message {
  background-color: #d2f8d2 !important;
  color: black;
}

training-dashboard .errorToast .toast-message {
  background-color: #eea9a0 !important;
  color: black;
}

training-dashboard .actionIconsBar {
  padding-right: 20px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

training-dashboard .ui-carousel .ui-carousel-header {
  display: none !important;
}

training-dashboard .userfab .fab-close-active .fab-close-icon {
  height: 40px !important;
  position: relative !important;
}

training-dashboard textarea.text-input {
  resize: none !important;
}

training-dashboard .asterisk {
  color: red;
  padding-left: 3px;
}

training-dashboard .m-b-t {
  margin-bottom: 4% !important;
}

training-dashboard .ui-radiobutton-box.ui-state-active {
  border: 1px solid #09f;
  background: #09f;
  color: #09f;
}

training-dashboard .alert-md .alert-message {
  overflow: auto;
}

training-dashboard .alert-md .alert-message .alertstyle1 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

training-dashboard .alert-md .alert-message .alertstyle1 b {
  width: 65px !important;
}

training-dashboard .alert-md .alert-message .alertstyle3 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

training-dashboard .alert-md .alert-message .alertstyle3 b {
  width: 65px !important;
}

training-dashboard .alert-md .alert-message .alertstyle4 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

training-dashboard .alert-md .alert-message .alertstyle4 b {
  width: 150px !important;
}

training-dashboard .alert-md .alert-message .alertstyle5 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

training-dashboard .alert-md .alert-message .alertstyle5 b {
  width: 75px !important;
}

training-dashboard .alert-md .alert-message .alertstyle5 span {
  width: 5px;
}

training-dashboard .alert-md .alert-message .alertstyle2 {
  text-align: left !important;
}

training-dashboard .alert-md .alert-message .alertstyle2 li {
  margin-top: 10px;
}

training-dashboard .ui-tooltip {
  background-color: #172B4D !important;
  color: #ffffff;
}

training-dashboard .navsebexam .toolbar-content-md {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
}

training-dashboard .modal-wrapper {
  height: 75%;
  top: 10%;
  position: absolute;
  display: block;
  border-radius: 10px !important;
}

training-dashboard .ui-picklist-source-controls.ui-picklist-buttons {
  display: none !important;
}

training-dashboard .ui-picklist-target-controls.ui-picklist-buttons {
  display: none !important;
}

training-dashboard .ui-picklist-target-controls.ui-picklist-buttons.ng-star-inserted {
  display: none !important;
}

training-dashboard .ellip {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

training-dashboard .p-slider {
  background: #dee2e6;
  border: 0 none;
  border-radius: 3px;
}

training-dashboard .Errorbox .alert-title {
  color: #d8000c;
}

training-dashboard .Errorbox .alert-button {
  color: #d8000c;
}

training-dashboard .card-md {
  border-radius: 5px !important;
}

training-dashboard .modal {
  display: none;
  /* Hidden by default */
  position: -webkit-sticky;
  position: sticky;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 30px;
  /* Location of the box */
  left: 0;
  right: 0;
  bottom: 150px;
  width: 400px;
  height: 400px;
  margin: auto;
  border: 4px solid;
  background-color: black;
}

training-dashboard .modal-content {
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
}

training-dashboard .close {
  position: absolute;
  color: #f1f1f1;
  top: 0px;
  right: 10px;
  font-size: 28px;
  font-weight: bold;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

training-dashboard .close:hover,
training-dashboard .close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

training-dashboard .customhr {
  width: 90%;
  background-color: #ccc;
}

training-dashboard .mycustomtoolbar ion-segment {
  border: none;
}

training-dashboard .mycustomtoolbar ion-segment-button {
  font-size: 16px !important;
  font-weight: 500 !important;
}

training-dashboard .mycustomtoolbar .segment-md .segment-button.activated,
training-dashboard .mycustomtoolbar .segment-md .segment-button.segment-activated {
  border-color: #172B4D !important;
  color: #172B4D !important;
}

training-dashboard .mycustomtoolbar .toolbar-background {
  background: transparent;
}

training-dashboard .fc {
  direction: ltr;
  text-align: left;
}

training-dashboard .fc-rtl {
  text-align: right;
}

training-dashboard body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}

training-dashboard .fc-unthemed th,
training-dashboard .fc-unthemed td,
training-dashboard .fc-unthemed thead,
training-dashboard .fc-unthemed tbody,
training-dashboard .fc-unthemed .fc-divider,
training-dashboard .fc-unthemed .fc-row,
training-dashboard .fc-unthemed .fc-content,
training-dashboard .fc-unthemed .fc-popover,
training-dashboard .fc-unthemed .fc-list-view,
training-dashboard .fc-unthemed .fc-list-heading td {
  border-color: #ddd;
}

training-dashboard .fc-unthemed .fc-popover {
  background-color: #fff;
}

training-dashboard .fc-unthemed .fc-divider,
training-dashboard .fc-unthemed .fc-popover .fc-header,
training-dashboard .fc-unthemed .fc-list-heading td {
  background: #eee;
}

training-dashboard .fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}

training-dashboard .fc-unthemed td.fc-today {
  background: #fcf8e3;
}

training-dashboard .fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3;
}

training-dashboard .fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3;
}

training-dashboard .fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}

training-dashboard .fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

training-dashboard .fc-icon:after {
  position: relative;
}

training-dashboard .fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

training-dashboard .fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

training-dashboard .fc-icon-left-double-arrow:after {
  content: "\000AB";
  font-size: 160%;
  top: -7%;
}

training-dashboard .fc-icon-right-double-arrow:after {
  content: "\000BB";
  font-size: 160%;
  top: -7%;
}

training-dashboard .fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%;
}

training-dashboard .fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%;
}

training-dashboard .fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%;
}

training-dashboard .fc-icon-x:after {
  content: "\000D7";
  font-size: 200%;
  top: 6%;
}

training-dashboard .fc button {
  /* force height to include the border and padding */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer;
}

training-dashboard .fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}

training-dashboard .fc-state-default {
  /* non-theme */
  border: 1px solid;
}

training-dashboard .fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

training-dashboard .fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

training-dashboard .fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .2em;
  vertical-align: middle;
}

training-dashboard .fc-state-default {
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

training-dashboard .fc-state-hover,
training-dashboard .fc-state-down,
training-dashboard .fc-state-active,
training-dashboard .fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}

training-dashboard .fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

training-dashboard .fc-state-down,
training-dashboard .fc-state-active {
  background-color: #cccccc;
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

training-dashboard .fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}

training-dashboard .fc-button-group {
  display: inline-block;
}

training-dashboard .fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px;
}

training-dashboard .fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0;
}

training-dashboard .fc-popover {
  position: absolute;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

training-dashboard .fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px;
}

training-dashboard .fc-popover .fc-header .fc-title {
  margin: 0 2px;
}

training-dashboard .fc-popover .fc-header .fc-close {
  cursor: pointer;
}

training-dashboard .fc-ltr .fc-popover .fc-header .fc-title,
training-dashboard .fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}

training-dashboard .fc-rtl .fc-popover .fc-header .fc-title,
training-dashboard .fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}

training-dashboard .fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}

training-dashboard .fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: .9em;
  margin-top: 2px;
}

training-dashboard .fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */
}

training-dashboard .fc-divider {
  border-style: solid;
  border-width: 1px;
}

training-dashboard hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}

training-dashboard .fc-clear {
  clear: both;
}

training-dashboard .fc-bg,
training-dashboard .fc-bgevent-skeleton,
training-dashboard .fc-highlight-skeleton,
training-dashboard .fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

training-dashboard .fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}

training-dashboard .fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}

training-dashboard .fc table {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}

training-dashboard .fc th {
  text-align: center;
}

training-dashboard .fc th,
training-dashboard .fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}

training-dashboard .fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}

training-dashboard a[data-goto] {
  cursor: pointer;
}

training-dashboard a[data-goto]:hover {
  text-decoration: underline;
}

training-dashboard .fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}

training-dashboard .fc-row table {
  /* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}

training-dashboard .fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}

training-dashboard .fc-row {
  position: relative;
}

training-dashboard .fc-row .fc-bg {
  z-index: 1;
}

training-dashboard .fc-row .fc-bgevent-skeleton,
training-dashboard .fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}

training-dashboard .fc-row .fc-bgevent-skeleton table,
training-dashboard .fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}

training-dashboard .fc-row .fc-highlight-skeleton td,
training-dashboard .fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}

training-dashboard .fc-row .fc-bgevent-skeleton {
  z-index: 2;
}

training-dashboard .fc-row .fc-highlight-skeleton {
  z-index: 3;
}

training-dashboard .fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}

training-dashboard .fc-row .fc-helper-skeleton {
  z-index: 5;
}

training-dashboard .fc-row .fc-content-skeleton td,
training-dashboard .fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}

training-dashboard .fc-row .fc-content-skeleton tbody td,
training-dashboard .fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}

training-dashboard .fc-scroller {
  -webkit-overflow-scrolling: touch;
}

training-dashboard .fc-scroller > .fc-day-grid,
training-dashboard .fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}

training-dashboard .fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */
  font-weight: normal;
  /* undo jqui's ui-widget-header bold */
}

training-dashboard .fc-event,
training-dashboard .fc-event-dot {
  background-color: #3a87ad;
  /* default BACKGROUND color */
}

training-dashboard .fc-event,
training-dashboard .fc-event:hover,
training-dashboard .ui-widget .fc-event {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}

training-dashboard .fc-event[href],
training-dashboard .fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}

training-dashboard .fc-not-allowed,
training-dashboard .fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}

training-dashboard .fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #ffffff;
  opacity: .25;
}

training-dashboard .fc-event .fc-content {
  position: relative;
  z-index: 2;
}

training-dashboard .fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
}

training-dashboard .fc-event .fc-resizer {
  display: none;
}

training-dashboard .fc-event.fc-allow-mouse-resize .fc-resizer,
training-dashboard .fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block;
}

training-dashboard .fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}

training-dashboard .fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

training-dashboard .fc-event.fc-selected.fc-dragging {
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

training-dashboard .fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}

training-dashboard .fc-ltr .fc-h-event.fc-not-start,
training-dashboard .fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

training-dashboard .fc-ltr .fc-h-event.fc-not-end,
training-dashboard .fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

training-dashboard .fc-ltr .fc-h-event .fc-start-resizer,
training-dashboard .fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */
}

training-dashboard .fc-ltr .fc-h-event .fc-end-resizer,
training-dashboard .fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */
}

training-dashboard .fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */
}

training-dashboard .fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* vertically center */
  top: 50%;
  margin-top: -4px;
}

training-dashboard .fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
training-dashboard .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */
}

training-dashboard .fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
training-dashboard .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */
}

training-dashboard .fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}

training-dashboard tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */
}

training-dashboard .fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: .25;
}

training-dashboard .fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}

training-dashboard .fc-day-grid-event .fc-time {
  font-weight: bold;
}

training-dashboard .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
training-dashboard .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */
}

training-dashboard .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
training-dashboard .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */
}

training-dashboard a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none;
}

training-dashboard a.fc-more:hover {
  text-decoration: underline;
}

training-dashboard .fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}

training-dashboard .fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}

training-dashboard .fc-more-popover {
  z-index: 2;
  width: 220px;
}

training-dashboard .fc-more-popover .fc-event-container {
  padding: 10px;
}

training-dashboard .fc-now-indicator {
  position: absolute;
  border: 0 solid red;
}

training-dashboard .fc-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

training-dashboard .fc-toolbar {
  text-align: center;
}

training-dashboard .fc-toolbar.fc-header-toolbar {
  margin-bottom: 1em;
}

training-dashboard .fc-toolbar.fc-footer-toolbar {
  margin-top: 1em;
}

training-dashboard .fc-toolbar .fc-left {
  float: left;
}

training-dashboard .fc-toolbar .fc-right {
  float: right;
}

training-dashboard .fc-toolbar .fc-center {
  display: inline-block;
}

training-dashboard .fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em;
}

training-dashboard .fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0;
}

training-dashboard .fc-toolbar h2 {
  margin: 0;
}

training-dashboard .fc-toolbar button {
  position: relative;
}

training-dashboard .fc-toolbar .fc-state-hover,
training-dashboard .fc-toolbar .ui-state-hover {
  z-index: 2;
}

training-dashboard .fc-toolbar .fc-state-down {
  z-index: 3;
}

training-dashboard .fc-toolbar .fc-state-active,
training-dashboard .fc-toolbar .ui-state-active {
  z-index: 4;
}

training-dashboard .fc-toolbar button:focus {
  z-index: 5;
}

training-dashboard .fc-view-container *,
training-dashboard .fc-view-container *:before,
training-dashboard .fc-view-container *:after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

training-dashboard .fc-view,
training-dashboard .fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}

training-dashboard .fc-basicWeek-view .fc-content-skeleton,
training-dashboard .fc-basicDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}

training-dashboard .fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}

training-dashboard .fc-row.fc-rigid {
  overflow: hidden;
}

training-dashboard .fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

training-dashboard .fc-day-top.fc-other-month {
  opacity: 0.3;
}

training-dashboard .fc-basic-view .fc-week-number,
training-dashboard .fc-basic-view .fc-day-number {
  padding: 2px;
}

training-dashboard .fc-basic-view th.fc-week-number,
training-dashboard .fc-basic-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */
}

training-dashboard .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right;
}

training-dashboard .fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left;
}

training-dashboard .fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0;
}

training-dashboard .fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px;
}

training-dashboard .fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080;
}

training-dashboard .fc-basic-view td.fc-week-number {
  text-align: center;
}

training-dashboard .fc-basic-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}

training-dashboard .fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}

training-dashboard .fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}

training-dashboard .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}

training-dashboard .fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}

training-dashboard .fc-ltr .fc-axis {
  text-align: right;
}

training-dashboard .fc-rtl .fc-axis {
  text-align: left;
}

training-dashboard .ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome jqui theme making it bold */
}

training-dashboard .fc-time-grid-container,
training-dashboard .fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}

training-dashboard .fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

training-dashboard .fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}

training-dashboard .fc-time-grid > .fc-bg {
  z-index: 1;
}

training-dashboard .fc-time-grid .fc-slats,
training-dashboard .fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}

training-dashboard .fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */
}

training-dashboard .fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
}

training-dashboard .fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1;
}

training-dashboard .fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2;
}

training-dashboard .fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3;
}

training-dashboard .fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4;
}

training-dashboard .fc-time-grid .fc-now-indicator-line {
  z-index: 5;
}

training-dashboard .fc-time-grid .fc-helper-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6;
}

training-dashboard .fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}

training-dashboard .fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}

training-dashboard .fc-time-grid .fc-slats .ui-widget-content {
  /* for jqui theme */
  background: none;
  /* see through to fc-bg */
}

training-dashboard .fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}

training-dashboard .fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}

training-dashboard .fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}

training-dashboard .fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}

training-dashboard .fc-time-grid .fc-event,
training-dashboard .fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}

training-dashboard .fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}

training-dashboard .fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

training-dashboard .fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

training-dashboard .fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */
}

training-dashboard .fc-time-grid-event.fc-selected {
  /* need to allow touch resizers to extend outside event's bounding box */
  /* common fc-selected styles hide the fc-bg, so don't need this anyway */
  overflow: visible;
}

training-dashboard .fc-time-grid-event.fc-selected .fc-bg {
  display: none;
  /* hide semi-white background, to appear darker */
}

training-dashboard .fc-time-grid-event .fc-content {
  overflow: hidden;
  /* for when .fc-selected */
}

training-dashboard .fc-time-grid-event .fc-time,
training-dashboard .fc-time-grid-event .fc-title {
  padding: 0 1px;
}

training-dashboard .fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap;
}

training-dashboard .fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}

training-dashboard .fc-time-grid-event.fc-short .fc-time,
training-dashboard .fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}

training-dashboard .fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}

training-dashboard .fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}

training-dashboard .fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
  /* seperate with a dash, wrapped in nbsp's */
}

training-dashboard .fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}

training-dashboard .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}

training-dashboard .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "=";
}

training-dashboard .fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px;
}

training-dashboard .fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0;
}

training-dashboard .fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */
}

training-dashboard .fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

training-dashboard .fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

training-dashboard .fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}

training-dashboard .fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */
}

training-dashboard .fc-list-view {
  border-width: 1px;
  border-style: solid;
}

training-dashboard .fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */
}

training-dashboard .fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px;
}

training-dashboard .fc-list-table tr:first-child td {
  border-top-width: 0;
}

training-dashboard .fc-list-heading {
  border-bottom-width: 1px;
}

training-dashboard .fc-list-heading td {
  font-weight: bold;
}

training-dashboard .fc-ltr .fc-list-heading-main {
  float: left;
}

training-dashboard .fc-ltr .fc-list-heading-alt {
  float: right;
}

training-dashboard .fc-rtl .fc-list-heading-main {
  float: right;
}

training-dashboard .fc-rtl .fc-list-heading-alt {
  float: left;
}

training-dashboard .fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */
}

training-dashboard .fc-list-item:hover td {
  background-color: #f5f5f5;
}

training-dashboard .fc-list-item-marker,
training-dashboard .fc-list-item-time {
  white-space: nowrap;
  width: 1px;
}

training-dashboard .fc-ltr .fc-list-item-marker {
  padding-right: 0;
}

training-dashboard .fc-rtl .fc-list-item-marker {
  padding-left: 0;
}

training-dashboard .fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit;
}

training-dashboard .fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline;
}

training-dashboard .fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

training-dashboard .fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table;
}

training-dashboard .fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

training-dashboard .fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #eee;
}

@media (max-width: 600px) {
  training-dashboard .countshow_div button {
    font-size: 12px;
  }
  training-dashboard .cardContainer {
    min-width: 50vw !important;
  }
}

@media (max-width: 991px) {
  training-dashboard .hideMobile {
    display: none;
  }
}

training-dashboard ion-spinner * {
  width: 28px;
  height: 28px;
  stroke: #444;
  fill: #222;
}

training-dashboard .gridrow .headertext {
  font-size: 15px;
  font-family: "Macondo";
  color: #000;
  text-align: center;
}

training-dashboard .gridrow .data-col:nth-child(2n) {
  background: #eeeeee;
}

training-dashboard .gridrow ion-row.active {
  background-color: #fff;
}

training-dashboard .gridrow ion-row.success {
  background: #0099ff;
}

training-dashboard .gridrow ion-row.warning {
  background-color: #fcf8e3;
}

training-dashboard .gridrow ion-row.error {
  background-color: #f2dede;
}

training-dashboard .gridrow .text-center {
  text-align: center !important;
}

training-dashboard ion-spinner * {
  width: 28px;
  height: 28px;
  stroke: #444;
  fill: #222;
}

page-training-detail {
  /* ANIMATION */
  /* SHADOWS */
  /*
 *
 *   MaterialWrap - Bootstrap + Material Design Admin Theme

 
*/
  /*
 * CSS Transform - Scale and Rotate
 */
  /* The Modal (background) */
  /* Modal Content (image) */
  /* The Close Button */
  /*!
 * FullCalendar v3.2.0 Stylesheet
 * Docs & License: https://fullcalendar.io/
 * (c) 2017 Adam Shaw
 */
  /* Colors
--------------------------------------------------------------------------------------------------*/
  /* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
  /*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
  /* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
  /* Firefox has an annoying inner border */
  /* icons in buttons */
  /*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
  /* Buttons Groups
--------------------------------------------------------------------------------------------------*/
  /*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
  /* Popover
--------------------------------------------------------------------------------------------------*/
  /* unthemed */
  /* jqui themed */
  /* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
  /* Tables
--------------------------------------------------------------------------------------------------*/
  /* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
  /* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
  /* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
  /* highlighting cells & background event skeleton */
  /*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
  /* Scrolling Container
--------------------------------------------------------------------------------------------------*/
  /* TODO: move to agenda/basic */
  /* Global Event Styles
--------------------------------------------------------------------------------------------------*/
  /* overpower some of bootstrap's and jqui's styles on <a> tags */
  /* resizer (cursor AND touch devices) */
  /* resizer (touch devices) */
  /* hit area */
  /* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
  /* Horizontal Events
--------------------------------------------------------------------------------------------------*/
  /* bigger touch area when selected */
  /* events that are continuing to/from another week. kill rounded corners and butt up against edge */
  /* resizer (cursor AND touch devices) */
  /* left resizer  */
  /* right resizer */
  /* resizer (mouse devices) */
  /* resizer (touch devices) */
  /* left resizer  */
  /* right resizer */
  /* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* resizer (cursor devices) */
  /* left resizer  */
  /* right resizer */
  /* Event Limiting
--------------------------------------------------------------------------------------------------*/
  /* "more" link that represents hidden events */
  /* popover that appears when "more" link is clicked */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* Utilities
--------------------------------------------------------------------------------------------------*/
  /* Toolbar
--------------------------------------------------------------------------------------------------*/
  /* the things within each left/right/center section */
  /* the first thing within each left/center/right section */
  /* title text */
  /* button layering (for border precedence) */
  /* View Structure
--------------------------------------------------------------------------------------------------*/
  /* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
  /* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
  /* BasicView
--------------------------------------------------------------------------------------------------*/
  /* day row structure */
  /* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
  /* week and day number styling */
  /* when week/day number have own column */
  /* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
  /* divs within a cell within the fc-content-skeleton */
  /* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
  /* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* short mode, where time and title are on the same line */
  /* resizer (cursor device) */
  /* resizer (touch device) */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* arrow on axis */
  /* List View
--------------------------------------------------------------------------------------------------*/
  /* possibly reusable */
  /* view wrapper */
  /* table resets */
  /* day headings with the list */
  /* event list items */
  /* make the dot closer to the event title */
  /* message when no events */
  /* The Modal (background) */
  /* Modal Content (image) */
  /* The Close Button */
  /* The Modal (background) */
  /* Modal Content (image) */
  /* Caption of Modal Image */
  /* Add Animation */
  /* The Close Button */
  /* 100% Image Width on Smaller Screens */
}

page-training-detail .letter-sp-1 {
  letter-spacing: 1px;
}

page-training-detail .letter-sp-2 {
  letter-spacing: 2px;
}

page-training-detail .letter-sp-3 {
  letter-spacing: 3px;
}

page-training-detail .m-0 {
  margin: 0 !important;
}

page-training-detail .m-5 {
  margin: 5px !important;
}

page-training-detail .m-10 {
  margin: 10px !important;
}

page-training-detail .m-15 {
  margin: 15px !important;
}

page-training-detail .m-20 {
  margin: 20px !important;
}

page-training-detail .m-30 {
  margin: 30px !important;
}

page-training-detail .m-50 {
  margin: 50px !important;
}

page-training-detail .m-b-100 {
  margin-bottom: 100px !important;
}

page-training-detail .m-b-15 {
  margin-bottom: 15px !important;
}

page-training-detail .m-b-20 {
  margin-bottom: 20px !important;
}

page-training-detail .m-b-0 {
  margin-bottom: 0 !important;
}

page-training-detail .m-l-0 {
  margin-left: 0 !important;
}

page-training-detail .m-l-5 {
  margin-left: 5px !important;
}

page-training-detail .m-l-10 {
  margin-left: 10px !important;
}

page-training-detail .m-l-15 {
  margin-left: 15px !important;
}

page-training-detail .m-l-20 {
  margin-left: 20px !important;
}

page-training-detail .m-l-30 {
  margin-left: 30px !important;
}

page-training-detail .m-l-40 {
  margin-left: 40px !important;
}

page-training-detail .m-l-50 {
  margin-left: 50px !important;
}

page-training-detail .m-l-n-1 {
  margin-left: -1px !important;
}

page-training-detail .m-l-n-5 {
  margin-left: -5px !important;
}

page-training-detail .m-l-n-10 {
  margin-left: -10px !important;
}

page-training-detail .m-l-n-15 {
  margin-left: -15px !important;
}

page-training-detail .m-l-n-20 {
  margin-left: -20px !important;
}

page-training-detail .m-l-n-30 {
  margin-left: -30px !important;
}

page-training-detail .m-l-n-40 {
  margin-left: -40px !important;
}

page-training-detail .m-l-n-50 {
  margin-left: -50px !important;
}

page-training-detail .m-t-0 {
  margin-top: 0 !important;
}

page-training-detail .m-t-1 {
  margin-top: 1px !important;
}

page-training-detail .m-t-2 {
  margin-top: 2px;
}

page-training-detail .m-t-2p {
  margin-top: 2% !important;
}

page-training-detail .m-t-5p {
  margin-top: 5% !important;
}

page-training-detail .m-t-25p {
  margin-top: 25% !important;
}

page-training-detail .m-t-30p {
  margin-top: 30% !important;
}

page-training-detail .m-t-4 {
  margin-top: 4px !important;
}

page-training-detail .m-t-5 {
  margin-top: 5px !important;
}

page-training-detail .m-t-5p {
  margin-top: 5% !important;
}

page-training-detail .m-t-10 {
  margin-top: 10px !important;
}

page-training-detail .m-t-15 {
  margin-top: 15px !important;
}

page-training-detail .m-t-20 {
  margin-top: 20px !important;
}

page-training-detail .m-t-30 {
  margin-top: 30px !important;
}

page-training-detail .m-t-40 {
  margin-top: 40px !important;
}

page-training-detail .m-t-50 {
  margin-top: 50px !important;
}

page-training-detail .m-t-75 {
  margin-top: 75px !important;
}

page-training-detail .m-t-100 {
  margin-top: 100px !important;
}

page-training-detail .m-t-120 {
  margin-top: 120px !important;
}

page-training-detail .m-t-140 {
  margin-top: 140px !important;
}

page-training-detail .m-t-n-1 {
  margin-top: -1px !important;
}

page-training-detail .m-t-n-5 {
  margin-top: -5px !important;
}

page-training-detail .m-t-n-10 {
  margin-top: -10px !important;
}

page-training-detail .m-t-n-15 {
  margin-top: -15px !important;
}

page-training-detail .m-t-n-20 {
  margin-top: -20px !important;
}

page-training-detail .m-t-n-30 {
  margin-top: -30px !important;
}

page-training-detail .m-t-n-40 {
  margin-top: -40px !important;
}

page-training-detail .m-t-n-50 {
  margin-top: -50px !important;
}

page-training-detail .m-r-0 {
  margin-right: 0 !important;
}

page-training-detail .m-r-1 {
  margin-right: 1px !important;
}

page-training-detail .m-r-5 {
  margin-right: 5px !important;
}

page-training-detail .m-r-10 {
  margin-right: 10px !important;
}

page-training-detail .m-r-15 {
  margin-right: 15px !important;
}

page-training-detail .m-r-20 {
  margin-right: 20px !important;
}

page-training-detail .m-r-30 {
  margin-right: 30px !important;
}

page-training-detail .m-r-40 {
  margin-right: 40px !important;
}

page-training-detail .m-r-50 {
  margin-right: 50px !important;
}

page-training-detail .m-r-n-1 {
  margin-right: -1px !important;
}

page-training-detail .m-r-n-5 {
  margin-right: -5px !important;
}

page-training-detail .m-r-n-10 {
  margin-right: -10px !important;
}

page-training-detail .m-r-n-15 {
  margin-right: -15px !important;
}

page-training-detail .m-r-n-20 {
  margin-right: -20px !important;
}

page-training-detail .m-r-n-30 {
  margin-right: -30px !important;
}

page-training-detail .m-r-n-40 {
  margin-right: -40px !important;
}

page-training-detail .m-r-n-50 {
  margin-right: -50px !important;
}

page-training-detail .m-b-0 {
  margin-bottom: 0 !important;
}

page-training-detail .m-b-1 {
  margin-bottom: 1px !important;
}

page-training-detail .m-b-4 {
  margin-bottom: 4px !important;
}

page-training-detail .m-b-5 {
  margin-bottom: 5px !important;
}

page-training-detail .m-b-10 {
  margin-bottom: 10px !important;
}

page-training-detail .m-b-15 {
  margin-bottom: 15px !important;
}

page-training-detail .m-b-20 {
  margin-bottom: 20px !important;
}

page-training-detail .m-b-30 {
  margin-bottom: 30px !important;
}

page-training-detail .m-b-40 {
  margin-bottom: 40px !important;
}

page-training-detail .m-b-50 {
  margin-bottom: 50px !important;
}

page-training-detail .m-b-n-1 {
  margin-bottom: -1px !important;
}

page-training-detail .m-b-n-5 {
  margin-bottom: -5px !important;
}

page-training-detail .m-b-n-10 {
  margin-bottom: -10px !important;
}

page-training-detail .m-b-n-15 {
  margin-bottom: -15px !important;
}

page-training-detail .m-b-n-20 {
  margin-bottom: -20px !important;
}

page-training-detail .m-b-n-30 {
  margin-bottom: -30px !important;
}

page-training-detail .m-b-n-40 {
  margin-bottom: -40px !important;
}

page-training-detail .m-b-n-50 {
  margin-bottom: -50px !important;
}

page-training-detail .p-0 {
  padding: 0 !important;
}

page-training-detail .p-5 {
  padding: 5px !important;
}

page-training-detail .p-10 {
  padding: 10px !important;
}

page-training-detail .p-15 {
  padding: 15px !important;
}

page-training-detail .p-20 {
  padding: 20px !important;
}

page-training-detail .p-25 {
  padding: 25px !important;
}

page-training-detail .p-30 {
  padding: 30px !important;
}

page-training-detail .p-40 {
  padding: 40px !important;
}

page-training-detail .p-50 {
  padding: 50px !important;
}

page-training-detail .p-75 {
  padding: 75px !important;
}

page-training-detail .p-100 {
  padding: 100px !important;
}

page-training-detail .p-lr {
  padding: 0px 4% 0px 4%;
}

page-training-detail .p-l-0 {
  padding-left: 0 !important;
}

page-training-detail .p-l-5 {
  padding-left: 5px !important;
}

page-training-detail .p-l-10 {
  padding-left: 10px !important;
}

page-training-detail .p-l-12 {
  padding-left: 12px !important;
}

page-training-detail .p-l-15 {
  padding-left: 15px !important;
}

page-training-detail .p-l-16 {
  padding-left: 16px !important;
}

page-training-detail .p-l-20 {
  padding-left: 20px !important;
}

page-training-detail .p-l-25 {
  padding-left: 25px !important;
}

page-training-detail .p-l-30 {
  padding-left: 30px !important;
}

page-training-detail .p-l-40 {
  padding-left: 40px !important;
}

page-training-detail .p-l-50 {
  padding-left: 50px !important;
}

page-training-detail .p-l-75 {
  padding-left: 75px !important;
}

page-training-detail .p-l-100 {
  padding-left: 100px !important;
}

page-training-detail .p-r-0 {
  padding-right: 0 !important;
}

page-training-detail .p-r-5 {
  padding-right: 5px !important;
}

page-training-detail .p-r-10 {
  padding-right: 10px !important;
}

page-training-detail .p-r-12 {
  padding-right: 12px !important;
}

page-training-detail .p-r-15 {
  padding-right: 15px !important;
}

page-training-detail .p-r-20 {
  padding-right: 20px !important;
}

page-training-detail .p-r-25 {
  padding-right: 25px !important;
}

page-training-detail .p-r-30 {
  padding-right: 30px !important;
}

page-training-detail .p-r-40 {
  padding-right: 40px !important;
}

page-training-detail .p-r-50 {
  padding-right: 50px !important;
}

page-training-detail .p-r-75 {
  padding-right: 75px !important;
}

page-training-detail .p-r-100 {
  padding-right: 100px !important;
}

page-training-detail .p-b-0 {
  padding-bottom: 0 !important;
}

page-training-detail .p-b-5 {
  padding-bottom: 5px !important;
}

page-training-detail .p-b-10 {
  padding-bottom: 10px !important;
}

page-training-detail .p-b-15 {
  padding-bottom: 15px !important;
}

page-training-detail .p-b-16 {
  padding-bottom: 16px !important;
}

page-training-detail .p-b-20 {
  padding-bottom: 20px !important;
}

page-training-detail .p-b-25 {
  padding-bottom: 25px !important;
}

page-training-detail .p-b-30 {
  padding-bottom: 30px !important;
}

page-training-detail .p-b-40 {
  padding-bottom: 40px !important;
}

page-training-detail .p-b-50 {
  padding-bottom: 50px !important;
}

page-training-detail .p-b-60 {
  padding-bottom: 60px !important;
}

page-training-detail .p-b-70 {
  padding-bottom: 70px !important;
}

page-training-detail .p-b-80 {
  padding-bottom: 80px !important;
}

page-training-detail .p-b-90 {
  padding-bottom: 90px !important;
}

page-training-detail .p-b-100 {
  padding-bottom: 100px !important;
}

page-training-detail .p-t-0 {
  padding-top: 0 !important;
}

page-training-detail .p-t-5 {
  padding-top: 5px !important;
}

page-training-detail .p-t-7 {
  padding-top: 7px !important;
}

page-training-detail .p-t-10 {
  padding-top: 10px !important;
}

page-training-detail .p-t-15 {
  padding-top: 15px !important;
}

page-training-detail .p-t-16 {
  padding-top: 16px !important;
}

page-training-detail .p-t-20 {
  padding-top: 20px !important;
}

page-training-detail .p-t-25 {
  padding-top: 25px !important;
}

page-training-detail .p-t-30 {
  padding-top: 30px !important;
}

page-training-detail .p-t-40 {
  padding-top: 40px !important;
}

page-training-detail .p-t-50 {
  padding-top: 50px !important;
}

page-training-detail .p-t-75 {
  padding-top: 75px !important;
}

page-training-detail .p-t-100 {
  padding-top: 100px !important;
}

page-training-detail .p-t-120 {
  padding-top: 120px !important;
}

page-training-detail .p-t-130 {
  padding-top: 130px !important;
}

page-training-detail .p-t-140 {
  padding-top: 140px !important;
}

page-training-detail .p-t-150 {
  padding-top: 150px !important;
}

page-training-detail .block {
  display: block !important;
}

page-training-detail .img-xs {
  width: 30px;
  height: 30px;
}

page-training-detail .img-sm {
  width: 35px;
  height: 35px;
}

page-training-detail .img-md {
  width: 55px;
  height: 55px;
}

page-training-detail .img-lg {
  width: 100px;
  height: 100px;
}

page-training-detail .min-w-800 {
  min-width: 800px !important;
}

page-training-detail .min-w-1000 {
  min-width: 1000px !important;
}

page-training-detail .min-w-1100 {
  min-width: 1100px !important;
}

page-training-detail .max-w-20 {
  max-width: 20px !important;
}

page-training-detail .max-w-30 {
  max-width: 30px !important;
}

page-training-detail .max-w-32 {
  max-width: 35px !important;
}

page-training-detail .max-w-35 {
  max-width: 35px !important;
}

page-training-detail .max-w-40 {
  max-width: 40px !important;
}

page-training-detail .max-w-50 {
  max-width: 50px !important;
}

page-training-detail .max-w-75 {
  max-width: 75px !important;
}

page-training-detail .max-w-100 {
  max-width: 100px !important;
}

page-training-detail .max-w-150 {
  max-width: 150px !important;
}

page-training-detail .max-w-200 {
  max-width: 200px !important;
}

page-training-detail .max-w-300 {
  max-width: 300px !important;
}

page-training-detail .max-w-400 {
  max-width: 400px !important;
}

page-training-detail .overflow-hidden {
  overflow: hidden;
}

page-training-detail .overflow-auto {
  overflow: auto;
}

page-training-detail .max-h-50 {
  max-height: 50px !important;
}

page-training-detail .max-h-80 {
  max-height: 80px !important;
}

page-training-detail .max-h-100 {
  max-height: 100px !important;
}

page-training-detail .max-h-150 {
  max-height: 150px !important;
}

page-training-detail .max-h-200 {
  max-height: 200px !important;
}

page-training-detail .max-h-250 {
  max-height: 250px !important;
}

page-training-detail .max-h-300 {
  max-height: 300px !important;
}

page-training-detail .max-h-350 {
  max-height: 300px !important;
}

page-training-detail .max-h-375 {
  max-height: 300px !important;
}

page-training-detail .max-h-400 {
  max-height: 400px !important;
}

page-training-detail .max-h-450 {
  max-height: 450px !important;
}

page-training-detail .max-h-500 {
  max-height: 500px !important;
}

page-training-detail .max-h-600 {
  max-height: 600px !important;
}

page-training-detail .max-h-650 {
  max-height: 650px !important;
}

page-training-detail .max-h-700 {
  max-height: 700px !important;
}

page-training-detail .max-h-800 {
  max-height: 800px !important;
}

page-training-detail .max-h-900 {
  max-height: 900px !important;
}

page-training-detail .max-h-1000 {
  max-height: 1000px !important;
}

page-training-detail .min-h-0 {
  min-height: 0 !important;
}

page-training-detail .min-h-50 {
  min-height: 50px !important;
}

page-training-detail .min-h-100 {
  min-height: 100px !important;
}

page-training-detail .min-h-200 {
  min-height: 200px !important;
}

page-training-detail .min-h-250 {
  min-height: 250px !important;
}

page-training-detail .min-h-300 {
  min-height: 300px !important;
}

page-training-detail .min-h-350 {
  min-height: 300px !important;
}

page-training-detail .min-h-375 {
  min-height: 300px !important;
}

page-training-detail .min-h-400 {
  min-height: 400px !important;
}

page-training-detail .min-h-450 {
  min-height: 450px !important;
}

page-training-detail .min-h-500 {
  min-height: 500px !important;
}

page-training-detail .min-h-600 {
  min-height: 600px !important;
}

page-training-detail .min-h-650 {
  min-height: 650px !important;
}

page-training-detail .min-h-700 {
  min-height: 700px !important;
}

page-training-detail .min-h-800 {
  min-height: 800px !important;
}

page-training-detail .min-h-900 {
  min-height: 900px !important;
}

page-training-detail .min-h-1000 {
  min-height: 1000px !important;
}

page-training-detail .h-5 {
  height: 5px !important;
}

page-training-detail .h-10 {
  height: 10px !important;
}

page-training-detail .h-20 {
  height: 20px !important;
}

page-training-detail .h-25 {
  height: 25px !important;
}

page-training-detail .h-50 {
  height: 50px !important;
}

page-training-detail .h-75 {
  height: 75px !important;
}

page-training-detail .h-100 {
  height: 100px !important;
}

page-training-detail .h-125 {
  height: 125px !important;
}

page-training-detail .h-150 {
  height: 150px !important;
}

page-training-detail .h-200 {
  height: 200px !important;
}

page-training-detail .h-300 {
  height: 300px !important;
}

page-training-detail .h-350 {
  height: 350px !important;
}

page-training-detail .h-400 {
  height: 400px !important;
}

page-training-detail .h-450 {
  height: 450px !important;
}

page-training-detail .h-500 {
  height: 500px !important;
}

page-training-detail .h-600 {
  height: 600px !important;
}

page-training-detail .h-650 {
  height: 650px !important;
}

page-training-detail .h-700 {
  height: 700px !important;
}

page-training-detail .h-800 {
  height: 800px !important;
}

page-training-detail .h-900 {
  height: 900px !important;
}

page-training-detail .h-1000 {
  height: 1000px !important;
}

page-training-detail .w-5 {
  width: 5px !important;
}

page-training-detail .w-10 {
  width: 10px !important;
}

page-training-detail .w-15 {
  width: 15px !important;
}

page-training-detail .w-20 {
  width: 20px !important;
}

page-training-detail .w-30 {
  width: 30px !important;
}

page-training-detail .w-40 {
  width: 40px !important;
}

page-training-detail .w-50 {
  width: 50px !important;
}

page-training-detail .w-60 {
  width: 60px !important;
}

page-training-detail .w-80 {
  width: 80px !important;
}

page-training-detail .w-100 {
  width: 100px !important;
}

page-training-detail .w-150 {
  width: 150px !important;
}

page-training-detail .w-190 {
  width: 190px !important;
}

page-training-detail .w-200 {
  width: 200px !important;
}

page-training-detail .w-250 {
  width: 250px !important;
}

page-training-detail .w-300 {
  width: 300px !important;
}

page-training-detail .w-600 {
  width: 600px !important;
}

page-training-detail .w-100p {
  width: 100% !important;
}

page-training-detail .w-95p {
  width: 95% !important;
}

page-training-detail .w-90p {
  width: 90% !important;
}

page-training-detail .w-80p {
  width: 80% !important;
}

page-training-detail .w-70p {
  width: 70% !important;
}

page-training-detail .w-60p {
  width: 60% !important;
}

page-training-detail .w-50p {
  width: 50% !important;
}

page-training-detail .w-45p {
  width: 45% !important;
}

page-training-detail .w-40p {
  width: 40% !important;
}

page-training-detail .w-30p {
  width: 30% !important;
}

page-training-detail .w-25p {
  width: 25% !important;
}

page-training-detail .w-20p {
  width: 20% !important;
}

page-training-detail .w-15p {
  width: 15% !important;
}

page-training-detail .w-10p {
  width: 10% !important;
}

page-training-detail .w-8p {
  width: 8% !important;
}

page-training-detail .w-5p {
  width: 5% !important;
}

page-training-detail .w-3p {
  width: 3% !important;
}

page-training-detail .w-95p {
  width: 95% !important;
}

page-training-detail .h-100p {
  height: 100% !important;
}

page-training-detail .h-80p {
  height: 80% !important;
}

page-training-detail .absolute {
  position: absolute !important;
}

page-training-detail .relative {
  position: relative !important;
}

page-training-detail .block {
  display: block !important;
}

page-training-detail .inline-block {
  display: inline-block !important;
}

page-training-detail .list-block li {
  display: block !important;
}

page-training-detail .list-inline li {
  display: inline !important;
}

page-training-detail .clear-both {
  clear: both !important;
}

page-training-detail .line-height-normal {
  line-height: normal !important;
}

page-training-detail .line-height-8 {
  line-height: 8px !important;
}

page-training-detail .line-height-14 {
  line-height: 14px !important;
}

page-training-detail .line-height-12 {
  line-height: normal !important;
}

page-training-detail ul.style-none {
  margin: 0;
  padding: 0;
  list-style: none;
}

page-training-detail ul.style-none li {
  font-size: 0.875rem;
  padding: 3px 0;
}

page-training-detail ul.style-none li ul {
  list-style: none;
}

page-training-detail ul.vertical-icon-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

page-training-detail ul.vertical-icon-list li {
  font-size: 0.875rem;
  padding: 6px 0;
}

page-training-detail ul.vertical-icon-list li i {
  font-size: 1.25rem;
  padding-right: 15px;
  vertical-align: middle;
}

page-training-detail .bg-white {
  background: #ffffff !important;
}

page-training-detail .bg-green {
  background: #28bebd !important;
}

page-training-detail .bg-blue {
  background: #42a5f5 !important;
}

page-training-detail .bg-lightBlue {
  background: #2ebaee !important;
}

page-training-detail .bg-red {
  background: #ef5350 !important;
}

page-training-detail .bg-yellow {
  background: #f8c200 !important;
}

page-training-detail .bg-paleYellow {
  background: #fddd7e !important;
}

page-training-detail .bg-lightGray {
  background: #e3ecf7 !important;
}

page-training-detail .bg-gray {
  background: #8f9eb5 !important;
}

page-training-detail .bg-drakGray {
  background: #707c94 !important;
}

page-training-detail .bg-grayBlue {
  background: #59779b !important;
}

page-training-detail .bg-purple {
  background: #6b79c4 !important;
}

page-training-detail .bg-turquoise {
  background: #00c5dc !important;
}

page-training-detail .bg-peach {
  background: #feb38d !important;
}

page-training-detail .bg-transparent {
  background: transparent !important;
}

page-training-detail .text-primary {
  color: #172B4D !important;
}

page-training-detail .text-link {
  color: #0645ad !important;
}

page-training-detail .text-green {
  color: #28bebd !important;
}

page-training-detail .text-turquoise {
  color: #00c5dc !important;
}

page-training-detail .text-red {
  color: #ef5350 !important;
}

page-training-detail .text-cyan {
  color: #26c6da !important;
}

page-training-detail .text-yellow {
  color: #f8c200 !important;
}

page-training-detail .text-gray {
  color: #8f9eb5 !important;
}

page-training-detail .text-blue {
  color: #42a5f5 !important;
}

page-training-detail .text-orange {
  color: #ffb74d !important;
}

page-training-detail .text-purple {
  color: #6b79c4 !important;
}

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

page-training-detail .text-brown {
  color: #906b6b !important;
}

page-training-detail .text-salmon {
  color: #ee6e73 !important;
}

page-training-detail .text-muted {
  color: #8396b0;
}

page-training-detail .color-black {
  color: #000 !important;
}

page-training-detail .color-white {
  color: #fff !important;
}

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

page-training-detail .transparent {
  background: transparent !important;
}

page-training-detail .bg-primary {
  background-color: #172B4D !important;
}

page-training-detail .border-bottom,
page-training-detail .border-grey-bottom-1px {
  border-bottom: 1px solid rgba(215, 225, 237, 0.8) !important;
}

page-training-detail .border-grey-top-1px,
page-training-detail .border-top {
  border-top: 1px solid rgba(215, 225, 237, 0.6) !important;
}

page-training-detail .border-bottom-black-2px {
  border-bottom: 2px solid black;
}

page-training-detail .border-top0p {
  border-top: 0px !important;
}

page-training-detail .b-n {
  border: none !important;
}

page-training-detail .b-b-1 {
  border: 1px solid black;
}

page-training-detail .b-lg-1 {
  border: 1px solid lightgrey;
}

page-training-detail .shadow-none {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

page-training-detail .shadow-z-0 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-training-detail .shadow-z-1 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-training-detail .shadow-z-1:hover {
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

page-training-detail .shadow-z-2 {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

page-training-detail .shadow-z-3 {
  -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

page-training-detail .shadow-z-4 {
  -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}

page-training-detail .shadow-z-5 {
  -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}

page-training-detail .big-shadow {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
}

page-training-detail .shadow-2dp {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

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

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

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

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

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

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

page-training-detail .font-weight-100 {
  font-weight: 100 !important;
}

page-training-detail .font-weight-200 {
  font-weight: 200 !important;
}

page-training-detail .font-weight-300 {
  font-weight: 300 !important;
}

page-training-detail .font-weight-400 {
  font-weight: 400 !important;
}

page-training-detail .font-weight-500 {
  font-weight: 500 !important;
}

page-training-detail .font-weight-600 {
  font-weight: 600 !important;
}

page-training-detail .font-weight-700 {
  font-weight: 700 !important;
}

page-training-detail .font-weight-800 {
  font-weight: 800 !important;
}

page-training-detail .font-weight-900 {
  font-weight: 900 !important;
}

page-training-detail .font-weight-light {
  font-weight: 100 !important;
}

page-training-detail .font-weight-normal {
  font-weight: 300 !important;
}

page-training-detail .font-weight-medium {
  font-weight: 400 !important;
}

page-training-detail .font-weight-bold {
  font-weight: 500 !important;
}

page-training-detail .bold {
  font-weight: bold !important;
}

page-training-detail .font-size-0 {
  font-size: 0 !important;
}

page-training-detail .font-size-10 {
  font-size: 10px !important;
}

page-training-detail .font-size-11 {
  font-size: 11px !important;
}

page-training-detail .font-size-12 {
  font-size: 12px !important;
}

page-training-detail .font-size-14 {
  font-size: 14px !important;
}

page-training-detail .font-size-16 {
  font-size: 16px !important;
}

page-training-detail .font-size-18 {
  font-size: 18px !important;
}

page-training-detail .font-size-20 {
  font-size: 20px !important;
}

page-training-detail .font-size-24 {
  font-size: 24px !important;
}

page-training-detail .font-size-26 {
  font-size: 26px !important;
}

page-training-detail .font-size-30 {
  font-size: 30px !important;
}

page-training-detail .font-size-35 {
  font-size: 35px !important;
}

page-training-detail .font-size-38 {
  font-size: 38px !important;
}

page-training-detail .font-size-40 {
  font-size: 40px !important;
}

page-training-detail .font-size-50 {
  font-size: 50px !important;
}

page-training-detail .font-size-60 {
  font-size: 60px !important;
}

page-training-detail .font-size-70 {
  font-size: 70px !important;
}

page-training-detail .font-size-80 {
  font-size: 80px !important;
}

page-training-detail .hidden {
  display: none !important;
}

page-training-detail .w-100p {
  width: 100% !important;
}

page-training-detail .float-r {
  float: right !important;
}

page-training-detail .float-l {
  float: left !important;
}

page-training-detail .align-c {
  display: block;
  margin: 0 auto;
}

page-training-detail .align-b {
  display: block;
}

page-training-detail .text-center {
  text-align: center !important;
}

page-training-detail .text-left {
  text-align: left !important;
}

page-training-detail .text-right {
  text-align: right !important;
}

page-training-detail .align-v-c {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-training-detail .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-training-detail .align-v-c1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-training-detail .align-v-c2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-training-detail .align-v-c3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-training-detail .align-v-c4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-training-detail .align-flex-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-training-detail .align-right-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

page-training-detail .align-start-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media (max-width: 576px) {
  page-training-detail .d-xs-none {
    display: none !important;
  }
  page-training-detail .d-xs-inline {
    display: inline !important;
  }
  page-training-detail .d-xs-inline-block {
    display: inline-block !important;
  }
  page-training-detail .d-xs-block {
    display: block !important;
  }
  page-training-detail .d-xs-table {
    display: table !important;
  }
  page-training-detail .d-xs-table-cell {
    display: table-cell !important;
  }
  page-training-detail .d-xs-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
  }
  page-training-detail .d-xs-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important;
  }
}

page-training-detail .b-r-gd {
  border-radius: 10px !important;
}

page-training-detail .b-r-10 {
  border-radius: 10px !important;
}

page-training-detail .b-r-5 {
  border-radius: 5px;
}

page-training-detail .d-fl-ov-x {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  overflow-x: auto !important;
}

page-training-detail .align-base {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-training-detail .d-fl-bl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-training-detail .d-fl-vhcenter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-training-detail .d-fl-b2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
}

page-training-detail .d-fl-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-training-detail .d-fl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-training-detail .d-fl-sb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-training-detail .d-fl-saround {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-training-detail .d-fl-ac {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-training-detail .text-capital {
  text-transform: capitalize !important;
}

page-training-detail .text-upper {
  text-transform: uppercase !important;
}

page-training-detail .m-a {
  margin: auto !important;
}

page-training-detail .m-l-a {
  margin-left: auto !important;
}

page-training-detail .m-r-a {
  margin-right: auto !important;
}

page-training-detail .italic {
  font-style: italic;
}

page-training-detail .pointer {
  cursor: pointer;
}

page-training-detail .ws-in {
  white-space: inherit;
}

page-training-detail .opacity-1 {
  opacity: 1;
}

page-training-detail .in-valid-checkbox {
  border: 1px solid #ff0000 !important;
  padding: 5px !important;
  margin-bottom: 10px;
  border-radius: 5px;
}

page-training-detail page-corp-dashboard .mycustomdrop:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
  top: -15px;
  position: absolute;
  right: 15%;
}

page-training-detail h1 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1.6875rem !important;
  line-height: 64px;
  letter-spacing: -0.4px;
}

page-training-detail h2 {
  font-family: "Poppins", sans-serif;
  font-size: 24px !important;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
}

page-training-detail h3,
page-training-detail .h3 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 22px !important;
  line-height: 48px;
  /* identical to box height, or 200% */
  /* Neutral / dark gray */
  color: #000000;
}

page-training-detail h4,
page-training-detail .menu-heading-h4 {
  font-family: "Poppins", sans-serif !important;
  font-style: normal;
  font-weight: normal;
  font-size: 15px !important;
  line-height: 26px;
  /* or 144% */
  letter-spacing: -0.2px;
  color: #000000;
}

page-training-detail h5 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  /* or 143% */
  color: #000000;
}

page-training-detail .subtitle {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  /* or 200% */
  letter-spacing: 2.5px;
  color: #4E5761;
}

page-training-detail p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 13px !important;
  line-height: 24px;
  /* identical to box height, or 171% */
  letter-spacing: -0.1px;
  /* Neutral / black */
  color: #000000;
}

page-training-detail .ui-tabview.ui-tabview-top > .ui-tabview-nav {
  padding: 0.2em 0.2em 0;
  border-bottom: 1px solid #eaeaea;
}

page-training-detail .scroll-content {
  padding: 0 !important;
}

page-training-detail ion-navbar {
  margin: 0;
  border-radius: 0px;
  height: 50px !important;
  color: #172B4D !important;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-training-detail ion-header {
  padding: 0;
}

page-training-detail .header-md::after {
  background-image: none;
}

page-training-detail .toolbar-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #172B4D !important;
  line-height: 24px;
  font-family: "Poppins", sans-serif;
  font-size: 2rem !important;
  font-weight: bold !important;
  text-align: left !important;
}

page-training-detail .userLabel {
  float: right;
  display: inline;
  letter-spacing: 1px;
  color: #172B4D !important !important;
}

page-training-detail .card-title {
  font-size: 16px !important;
  color: #000000;
  font-weight: bold !important;
  text-align: center !important;
}

page-training-detail .barcolor {
  background: #5a75a3;
  color: #ffffff;
}

page-training-detail p-sorticon {
  color: black;
}

page-training-detail p-sorticon a {
  color: black !important;
}

page-training-detail .globalTable {
  border: none;
  border: 1px solid #c1c1c1;
}

page-training-detail .globalTable .ui-table-caption {
  border-bottom: 1px solid #dadada !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  font-size: 18px !important;
  background: #ecececad !important;
}

page-training-detail .globalTable .table-header input {
  font-size: 15px !important;
  border-style: groove;
  width: 100% !important;
  padding-left: 10px;
  border-radius: 10px;
  border-color: #f3f3f3;
  font-weight: 500;
  line-height: 25px !important;
}

page-training-detail .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-training-detail .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

page-training-detail .globalTable .table-header .align input {
  width: 80%;
  line-height: 25px;
}

page-training-detail .globalTable .ui-table-tbody tr:nth-child(2n+1) {
  background: white;
}

page-training-detail .globalTable .ui-table-tbody tr:nth-child(2n) {
  background: #f3f3f3;
}

page-training-detail .globalTable .ui-table-tbody tr:hover {
  background: #c1c1c167 !important;
}

page-training-detail .globalTable .ui-table-tbody .activeRow {
  background: #c4d2e5 !important;
}

page-training-detail .globalTable th input {
  text-align: center !important;
  width: 90% !important;
  font-weight: 400 !important;
}

page-training-detail .globalTable .ui-table .ui-sortable-column.ui-state-highlight {
  color: black !important;
}

page-training-detail .globalTable .ui-table .ui-table-thead tr th {
  background: #eeeeee9e;
  border: none;
  padding: 10px 0;
  width: 100%;
  text-align: center;
}

page-training-detail .globalTable .ui-table .ui-table-tbody tr td {
  border: none;
  background: inherit;
  padding: 20px 0;
  text-align: center;
}

page-training-detail .globalTable .ui-table .ui-table-tbody tr {
  border-bottom: 1px solid #cacaca;
}

page-training-detail .globalTable .p-column-filter {
  border-radius: 4px;
  border: 1px solid gray;
}

page-training-detail .globalTable .badge-badge.status-Active {
  padding: 5px 20px;
  color: #226f4e;
  background-color: #9decbe;
  font-weight: 500;
  font-size: 12px;
}

page-training-detail .globalTable .badge-badge.status-Inactive {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

page-training-detail .globalTable .badge-badge.status-Suspended {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

page-training-detail .globalTable .badge-badge.status-Waiting {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

page-training-detail .globalTable .badge-badge.status-Pending {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

page-training-detail .globalTable .actionIcon {
  padding: 0 3px;
  font-size: 16px;
  cursor: pointer;
}

page-training-detail ion-icon {
  cursor: pointer;
}

page-training-detail .button-md-reset {
  background-color: #ffffff;
  color: black !important;
  border: 1px solid #e3ecf7;
}

page-training-detail .button-md-reset:hover {
  background-color: #ececec !important;
}

page-training-detail .reset:hover {
  background-color: #ececec !important;
}

page-training-detail .button-md-primary {
  background-color: #172B4D !important;
  color: #ffffff !important;
}

page-training-detail ion-button {
  background-color: #172B4D !important;
  color: #ffffff;
}

page-training-detail .my-custom-class .alert-button-group button:first-child {
  position: relative;
}

page-training-detail .my-custom-class .alert-button-group button {
  font-weight: bold;
}

page-training-detail .my-custom-class .alert-radio-group {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100% !important;
}

page-training-detail .my-custom-class button {
  text-align: center;
}

page-training-detail .alert-button-group button:first-child {
  position: relative !important;
  min-width: 0 !important;
}

page-training-detail .alert-md .alert-wrapper {
  max-width: 320px !important;
}

page-training-detail .alert-md .alert-message {
  font-size: 16px !important;
}

page-training-detail .alert-button {
  font-size: 15px !important;
}

page-training-detail .alert-md .alert-sub-title {
  font-size: 16px !important;
}

page-training-detail .alert-md .alert-title {
  font-size: 22px !important;
}

page-training-detail .breakclass {
  white-space: pre-line;
}

page-training-detail .error {
  color: red;
  float: left;
}

page-training-detail .topStrip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}

page-training-detail .infographic1 {
  border: none;
  color: #367ad2;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-training-detail .infographic1 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-training-detail .infographic1 ion-icon {
  color: black;
}

page-training-detail .infographic2 {
  border: none;
  color: #50d29b;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-training-detail .infographic2 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-training-detail .infographic2 ion-icon {
  color: black;
}

page-training-detail .infographic3 {
  border: none;
  color: #ffaa00;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-training-detail .infographic3 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-training-detail .infographic3 ion-icon {
  color: black;
}

page-training-detail .infographic4 {
  border: none;
  color: #f36363;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-training-detail .infographic4 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-training-detail .infographic4 ion-icon {
  color: black;
}

page-training-detail .infographic5 {
  border: none;
  color: #41acbf;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-training-detail .infographic5 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-training-detail .infographic5 ion-icon {
  color: black;
}

page-training-detail .infograph1 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #367ad2;
  font-size: 20px;
}

page-training-detail .infograph2 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #51b98d;
  font-size: 20px;
}

page-training-detail .infograph3 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #ffaa00;
  font-size: 20px;
}

page-training-detail .infograph4 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #dc5b54;
  font-size: 20px;
}

page-training-detail .infograph5 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #41acbf;
  font-size: 20px;
}

page-training-detail .infographtext {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 12px;
}

page-training-detail .successToast .toast-message {
  background-color: #d2f8d2 !important;
  color: black;
}

page-training-detail .errorToast .toast-message {
  background-color: #eea9a0 !important;
  color: black;
}

page-training-detail .actionIconsBar {
  padding-right: 20px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

page-training-detail .ui-carousel .ui-carousel-header {
  display: none !important;
}

page-training-detail .userfab .fab-close-active .fab-close-icon {
  height: 40px !important;
  position: relative !important;
}

page-training-detail textarea.text-input {
  resize: none !important;
}

page-training-detail .asterisk {
  color: red;
  padding-left: 3px;
}

page-training-detail .m-b-t {
  margin-bottom: 4% !important;
}

page-training-detail .ui-radiobutton-box.ui-state-active {
  border: 1px solid #09f;
  background: #09f;
  color: #09f;
}

page-training-detail .alert-md .alert-message {
  overflow: auto;
}

page-training-detail .alert-md .alert-message .alertstyle1 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

page-training-detail .alert-md .alert-message .alertstyle1 b {
  width: 65px !important;
}

page-training-detail .alert-md .alert-message .alertstyle3 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-training-detail .alert-md .alert-message .alertstyle3 b {
  width: 65px !important;
}

page-training-detail .alert-md .alert-message .alertstyle4 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-training-detail .alert-md .alert-message .alertstyle4 b {
  width: 150px !important;
}

page-training-detail .alert-md .alert-message .alertstyle5 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

page-training-detail .alert-md .alert-message .alertstyle5 b {
  width: 75px !important;
}

page-training-detail .alert-md .alert-message .alertstyle5 span {
  width: 5px;
}

page-training-detail .alert-md .alert-message .alertstyle2 {
  text-align: left !important;
}

page-training-detail .alert-md .alert-message .alertstyle2 li {
  margin-top: 10px;
}

page-training-detail .ui-tooltip {
  background-color: #172B4D !important;
  color: #ffffff;
}

page-training-detail .navsebexam .toolbar-content-md {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
}

page-training-detail .modal-wrapper {
  height: 75%;
  top: 10%;
  position: absolute;
  display: block;
  border-radius: 10px !important;
}

page-training-detail .ui-picklist-source-controls.ui-picklist-buttons {
  display: none !important;
}

page-training-detail .ui-picklist-target-controls.ui-picklist-buttons {
  display: none !important;
}

page-training-detail .ui-picklist-target-controls.ui-picklist-buttons.ng-star-inserted {
  display: none !important;
}

page-training-detail .ellip {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

page-training-detail .p-slider {
  background: #dee2e6;
  border: 0 none;
  border-radius: 3px;
}

page-training-detail .Errorbox .alert-title {
  color: #d8000c;
}

page-training-detail .Errorbox .alert-button {
  color: #d8000c;
}

page-training-detail .card-md {
  border-radius: 5px !important;
}

page-training-detail .modal {
  display: none;
  /* Hidden by default */
  position: -webkit-sticky;
  position: sticky;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 30px;
  /* Location of the box */
  left: 0;
  right: 0;
  bottom: 150px;
  width: 400px;
  height: 400px;
  margin: auto;
  border: 4px solid;
  background-color: black;
}

page-training-detail .modal-content {
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
}

page-training-detail .close {
  position: absolute;
  color: #f1f1f1;
  top: 0px;
  right: 10px;
  font-size: 28px;
  font-weight: bold;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

page-training-detail .close:hover,
page-training-detail .close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

page-training-detail .customhr {
  width: 90%;
  background-color: #ccc;
}

page-training-detail .mycustomtoolbar ion-segment {
  border: none;
}

page-training-detail .mycustomtoolbar ion-segment-button {
  font-size: 16px !important;
  font-weight: 500 !important;
}

page-training-detail .mycustomtoolbar .segment-md .segment-button.activated,
page-training-detail .mycustomtoolbar .segment-md .segment-button.segment-activated {
  border-color: #172B4D !important;
  color: #172B4D !important;
}

page-training-detail .mycustomtoolbar .toolbar-background {
  background: transparent;
}

page-training-detail .fc {
  direction: ltr;
  text-align: left;
}

page-training-detail .fc-rtl {
  text-align: right;
}

page-training-detail body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}

page-training-detail .fc-unthemed th,
page-training-detail .fc-unthemed td,
page-training-detail .fc-unthemed thead,
page-training-detail .fc-unthemed tbody,
page-training-detail .fc-unthemed .fc-divider,
page-training-detail .fc-unthemed .fc-row,
page-training-detail .fc-unthemed .fc-content,
page-training-detail .fc-unthemed .fc-popover,
page-training-detail .fc-unthemed .fc-list-view,
page-training-detail .fc-unthemed .fc-list-heading td {
  border-color: #ddd;
}

page-training-detail .fc-unthemed .fc-popover {
  background-color: #fff;
}

page-training-detail .fc-unthemed .fc-divider,
page-training-detail .fc-unthemed .fc-popover .fc-header,
page-training-detail .fc-unthemed .fc-list-heading td {
  background: #eee;
}

page-training-detail .fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}

page-training-detail .fc-unthemed td.fc-today {
  background: #fcf8e3;
}

page-training-detail .fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3;
}

page-training-detail .fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3;
}

page-training-detail .fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}

page-training-detail .fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

page-training-detail .fc-icon:after {
  position: relative;
}

page-training-detail .fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-training-detail .fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-training-detail .fc-icon-left-double-arrow:after {
  content: "\000AB";
  font-size: 160%;
  top: -7%;
}

page-training-detail .fc-icon-right-double-arrow:after {
  content: "\000BB";
  font-size: 160%;
  top: -7%;
}

page-training-detail .fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%;
}

page-training-detail .fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%;
}

page-training-detail .fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%;
}

page-training-detail .fc-icon-x:after {
  content: "\000D7";
  font-size: 200%;
  top: 6%;
}

page-training-detail .fc button {
  /* force height to include the border and padding */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer;
}

page-training-detail .fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}

page-training-detail .fc-state-default {
  /* non-theme */
  border: 1px solid;
}

page-training-detail .fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

page-training-detail .fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

page-training-detail .fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .2em;
  vertical-align: middle;
}

page-training-detail .fc-state-default {
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-training-detail .fc-state-hover,
page-training-detail .fc-state-down,
page-training-detail .fc-state-active,
page-training-detail .fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}

page-training-detail .fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

page-training-detail .fc-state-down,
page-training-detail .fc-state-active {
  background-color: #cccccc;
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-training-detail .fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}

page-training-detail .fc-button-group {
  display: inline-block;
}

page-training-detail .fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px;
}

page-training-detail .fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0;
}

page-training-detail .fc-popover {
  position: absolute;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

page-training-detail .fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px;
}

page-training-detail .fc-popover .fc-header .fc-title {
  margin: 0 2px;
}

page-training-detail .fc-popover .fc-header .fc-close {
  cursor: pointer;
}

page-training-detail .fc-ltr .fc-popover .fc-header .fc-title,
page-training-detail .fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}

page-training-detail .fc-rtl .fc-popover .fc-header .fc-title,
page-training-detail .fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}

page-training-detail .fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}

page-training-detail .fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: .9em;
  margin-top: 2px;
}

page-training-detail .fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */
}

page-training-detail .fc-divider {
  border-style: solid;
  border-width: 1px;
}

page-training-detail hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}

page-training-detail .fc-clear {
  clear: both;
}

page-training-detail .fc-bg,
page-training-detail .fc-bgevent-skeleton,
page-training-detail .fc-highlight-skeleton,
page-training-detail .fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-training-detail .fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}

page-training-detail .fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}

page-training-detail .fc table {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}

page-training-detail .fc th {
  text-align: center;
}

page-training-detail .fc th,
page-training-detail .fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}

page-training-detail .fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}

page-training-detail a[data-goto] {
  cursor: pointer;
}

page-training-detail a[data-goto]:hover {
  text-decoration: underline;
}

page-training-detail .fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}

page-training-detail .fc-row table {
  /* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}

page-training-detail .fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}

page-training-detail .fc-row {
  position: relative;
}

page-training-detail .fc-row .fc-bg {
  z-index: 1;
}

page-training-detail .fc-row .fc-bgevent-skeleton,
page-training-detail .fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}

page-training-detail .fc-row .fc-bgevent-skeleton table,
page-training-detail .fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}

page-training-detail .fc-row .fc-highlight-skeleton td,
page-training-detail .fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}

page-training-detail .fc-row .fc-bgevent-skeleton {
  z-index: 2;
}

page-training-detail .fc-row .fc-highlight-skeleton {
  z-index: 3;
}

page-training-detail .fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}

page-training-detail .fc-row .fc-helper-skeleton {
  z-index: 5;
}

page-training-detail .fc-row .fc-content-skeleton td,
page-training-detail .fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}

page-training-detail .fc-row .fc-content-skeleton tbody td,
page-training-detail .fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}

page-training-detail .fc-scroller {
  -webkit-overflow-scrolling: touch;
}

page-training-detail .fc-scroller > .fc-day-grid,
page-training-detail .fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}

page-training-detail .fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */
  font-weight: normal;
  /* undo jqui's ui-widget-header bold */
}

page-training-detail .fc-event,
page-training-detail .fc-event-dot {
  background-color: #3a87ad;
  /* default BACKGROUND color */
}

page-training-detail .fc-event,
page-training-detail .fc-event:hover,
page-training-detail .ui-widget .fc-event {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}

page-training-detail .fc-event[href],
page-training-detail .fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}

page-training-detail .fc-not-allowed,
page-training-detail .fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}

page-training-detail .fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #ffffff;
  opacity: .25;
}

page-training-detail .fc-event .fc-content {
  position: relative;
  z-index: 2;
}

page-training-detail .fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
}

page-training-detail .fc-event .fc-resizer {
  display: none;
}

page-training-detail .fc-event.fc-allow-mouse-resize .fc-resizer,
page-training-detail .fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block;
}

page-training-detail .fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}

page-training-detail .fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

page-training-detail .fc-event.fc-selected.fc-dragging {
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

page-training-detail .fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}

page-training-detail .fc-ltr .fc-h-event.fc-not-start,
page-training-detail .fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

page-training-detail .fc-ltr .fc-h-event.fc-not-end,
page-training-detail .fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

page-training-detail .fc-ltr .fc-h-event .fc-start-resizer,
page-training-detail .fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */
}

page-training-detail .fc-ltr .fc-h-event .fc-end-resizer,
page-training-detail .fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */
}

page-training-detail .fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */
}

page-training-detail .fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* vertically center */
  top: 50%;
  margin-top: -4px;
}

page-training-detail .fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
page-training-detail .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */
}

page-training-detail .fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
page-training-detail .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */
}

page-training-detail .fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}

page-training-detail tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */
}

page-training-detail .fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: .25;
}

page-training-detail .fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}

page-training-detail .fc-day-grid-event .fc-time {
  font-weight: bold;
}

page-training-detail .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
page-training-detail .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */
}

page-training-detail .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
page-training-detail .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */
}

page-training-detail a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none;
}

page-training-detail a.fc-more:hover {
  text-decoration: underline;
}

page-training-detail .fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}

page-training-detail .fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}

page-training-detail .fc-more-popover {
  z-index: 2;
  width: 220px;
}

page-training-detail .fc-more-popover .fc-event-container {
  padding: 10px;
}

page-training-detail .fc-now-indicator {
  position: absolute;
  border: 0 solid red;
}

page-training-detail .fc-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

page-training-detail .fc-toolbar {
  text-align: center;
}

page-training-detail .fc-toolbar.fc-header-toolbar {
  margin-bottom: 1em;
}

page-training-detail .fc-toolbar.fc-footer-toolbar {
  margin-top: 1em;
}

page-training-detail .fc-toolbar .fc-left {
  float: left;
}

page-training-detail .fc-toolbar .fc-right {
  float: right;
}

page-training-detail .fc-toolbar .fc-center {
  display: inline-block;
}

page-training-detail .fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em;
}

page-training-detail .fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0;
}

page-training-detail .fc-toolbar h2 {
  margin: 0;
}

page-training-detail .fc-toolbar button {
  position: relative;
}

page-training-detail .fc-toolbar .fc-state-hover,
page-training-detail .fc-toolbar .ui-state-hover {
  z-index: 2;
}

page-training-detail .fc-toolbar .fc-state-down {
  z-index: 3;
}

page-training-detail .fc-toolbar .fc-state-active,
page-training-detail .fc-toolbar .ui-state-active {
  z-index: 4;
}

page-training-detail .fc-toolbar button:focus {
  z-index: 5;
}

page-training-detail .fc-view-container *,
page-training-detail .fc-view-container *:before,
page-training-detail .fc-view-container *:after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

page-training-detail .fc-view,
page-training-detail .fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}

page-training-detail .fc-basicWeek-view .fc-content-skeleton,
page-training-detail .fc-basicDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}

page-training-detail .fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}

page-training-detail .fc-row.fc-rigid {
  overflow: hidden;
}

page-training-detail .fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-training-detail .fc-day-top.fc-other-month {
  opacity: 0.3;
}

page-training-detail .fc-basic-view .fc-week-number,
page-training-detail .fc-basic-view .fc-day-number {
  padding: 2px;
}

page-training-detail .fc-basic-view th.fc-week-number,
page-training-detail .fc-basic-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */
}

page-training-detail .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right;
}

page-training-detail .fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left;
}

page-training-detail .fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0;
}

page-training-detail .fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px;
}

page-training-detail .fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080;
}

page-training-detail .fc-basic-view td.fc-week-number {
  text-align: center;
}

page-training-detail .fc-basic-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}

page-training-detail .fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}

page-training-detail .fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}

page-training-detail .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}

page-training-detail .fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}

page-training-detail .fc-ltr .fc-axis {
  text-align: right;
}

page-training-detail .fc-rtl .fc-axis {
  text-align: left;
}

page-training-detail .ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome jqui theme making it bold */
}

page-training-detail .fc-time-grid-container,
page-training-detail .fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}

page-training-detail .fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

page-training-detail .fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}

page-training-detail .fc-time-grid > .fc-bg {
  z-index: 1;
}

page-training-detail .fc-time-grid .fc-slats,
page-training-detail .fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}

page-training-detail .fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */
}

page-training-detail .fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
}

page-training-detail .fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1;
}

page-training-detail .fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2;
}

page-training-detail .fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3;
}

page-training-detail .fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4;
}

page-training-detail .fc-time-grid .fc-now-indicator-line {
  z-index: 5;
}

page-training-detail .fc-time-grid .fc-helper-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6;
}

page-training-detail .fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}

page-training-detail .fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}

page-training-detail .fc-time-grid .fc-slats .ui-widget-content {
  /* for jqui theme */
  background: none;
  /* see through to fc-bg */
}

page-training-detail .fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}

page-training-detail .fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}

page-training-detail .fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}

page-training-detail .fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}

page-training-detail .fc-time-grid .fc-event,
page-training-detail .fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}

page-training-detail .fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}

page-training-detail .fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

page-training-detail .fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

page-training-detail .fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */
}

page-training-detail .fc-time-grid-event.fc-selected {
  /* need to allow touch resizers to extend outside event's bounding box */
  /* common fc-selected styles hide the fc-bg, so don't need this anyway */
  overflow: visible;
}

page-training-detail .fc-time-grid-event.fc-selected .fc-bg {
  display: none;
  /* hide semi-white background, to appear darker */
}

page-training-detail .fc-time-grid-event .fc-content {
  overflow: hidden;
  /* for when .fc-selected */
}

page-training-detail .fc-time-grid-event .fc-time,
page-training-detail .fc-time-grid-event .fc-title {
  padding: 0 1px;
}

page-training-detail .fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap;
}

page-training-detail .fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}

page-training-detail .fc-time-grid-event.fc-short .fc-time,
page-training-detail .fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}

page-training-detail .fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}

page-training-detail .fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}

page-training-detail .fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
  /* seperate with a dash, wrapped in nbsp's */
}

page-training-detail .fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}

page-training-detail .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}

page-training-detail .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "=";
}

page-training-detail .fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px;
}

page-training-detail .fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0;
}

page-training-detail .fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */
}

page-training-detail .fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-training-detail .fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-training-detail .fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}

page-training-detail .fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */
}

page-training-detail .fc-list-view {
  border-width: 1px;
  border-style: solid;
}

page-training-detail .fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */
}

page-training-detail .fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px;
}

page-training-detail .fc-list-table tr:first-child td {
  border-top-width: 0;
}

page-training-detail .fc-list-heading {
  border-bottom-width: 1px;
}

page-training-detail .fc-list-heading td {
  font-weight: bold;
}

page-training-detail .fc-ltr .fc-list-heading-main {
  float: left;
}

page-training-detail .fc-ltr .fc-list-heading-alt {
  float: right;
}

page-training-detail .fc-rtl .fc-list-heading-main {
  float: right;
}

page-training-detail .fc-rtl .fc-list-heading-alt {
  float: left;
}

page-training-detail .fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */
}

page-training-detail .fc-list-item:hover td {
  background-color: #f5f5f5;
}

page-training-detail .fc-list-item-marker,
page-training-detail .fc-list-item-time {
  white-space: nowrap;
  width: 1px;
}

page-training-detail .fc-ltr .fc-list-item-marker {
  padding-right: 0;
}

page-training-detail .fc-rtl .fc-list-item-marker {
  padding-left: 0;
}

page-training-detail .fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit;
}

page-training-detail .fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline;
}

page-training-detail .fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

page-training-detail .fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table;
}

page-training-detail .fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

page-training-detail .fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #eee;
}

page-training-detail p-panel .ui-panel.ui-widget .ui-panel-titlebar.ui-corner-all {
  background: #5a75a3;
  color: white;
}

page-training-detail .modal {
  display: none;
  /* Hidden by default */
  position: -webkit-sticky;
  position: sticky;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 0px;
  /* Location of the box */
  left: 0;
  right: 0;
  bottom: 15%;
  width: 70%;
  height: 520px;
  margin: auto;
  border: 4px solid grey;
  background-color: #b1b1b1;
  /* background-color: rgba(0, 0, 0, 0.9); */
}

page-training-detail .modal-content {
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
}

page-training-detail .close {
  position: absolute;
  color: black;
  top: 0px;
  right: 10px;
  font-size: 28px;
  font-weight: bold;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

page-training-detail .close:hover,
page-training-detail .close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

page-training-detail .thumbnail-pdf {
  min-height: 40px;
  min-width: 40px;
  -o-object-fit: cover;
  object-fit: cover;
}

page-training-detail .thumbnail-pdf img {
  height: 40px;
  width: 40px;
}

page-training-detail .container {
  width: 100%;
  height: 200px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
}

page-training-detail .container .item {
  width: 300px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 100px;
  background: red;
}

page-training-detail .acktextbox {
  background-color: transparent;
  margin-top: 1%;
  width: 100%;
  max-height: 21px;
}

page-training-detail .bg-footer {
  background-color: #e6e6e6;
}

page-training-detail .blankOverFlow {
  width: 100%;
  height: 90px;
  position: fixed;
  top: 0px;
  padding: 0;
}

page-training-detail .blankOverFlow .internal {
  width: 100%;
  background: #3c3b3b;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-training-detail .bottom-footer {
  position: fixed;
  bottom: 2vh;
  width: 100%;
}

page-training-detail .scroll-content {
  margin-bottom: 10px;
}

page-training-detail .col-width-max {
  max-width: 4%;
}

page-training-detail .checkitem {
  background-color: transparent;
}

page-training-detail .ackHeading {
  color: #444;
  font-weight: 700;
  font-size: 15px;
  text-decoration: underline;
}

page-training-detail .htext1 {
  color: #444;
  margin-top: 13px !important;
  font-size: 18px;
  text-align: center;
}

page-training-detail .htext2 {
  color: #444;
  margin-top: 13px !important;
  font-size: 16px;
  text-align: left;
}

page-training-detail .htext2 span {
  font-weight: bold;
  margin-left: 7px;
  border-bottom: 2px solid;
}

page-training-detail #myImg {
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

page-training-detail #myImg:hover {
  opacity: 0.7;
}

page-training-detail #caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

page-training-detail .youVideo {
  width: 100%;
  height: 350px;
  display: block;
  margin: 0 auto;
}

page-training-detail .youVideosection {
  width: 100%;
  height: 300px;
  display: block;
  margin: 0 auto;
}

page-training-detail .videoTrainingVim {
  width: 100%;
  height: 500px;
  display: block;
  margin: 0 auto;
}

page-training-detail .modal-content,
page-training-detail #caption {
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);
  }
}

@keyframes zoom {
  from {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

page-training-detail .close {
  position: absolute;
  color: #f1f1f1;
  top: 6px;
  right: 10px;
  font-size: 28px;
  font-weight: bold;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

page-training-detail .close:hover,
page-training-detail .close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

page-training-detail .videoTrainingYou {
  padding: 0;
  width: 90%;
}

page-training-detail .secvideoTrainingYou {
  padding: 0;
  width: 30%;
}

page-training-detail p.vidCreationDetail {
  width: 66.5%;
  margin-left: 16.75%;
}

@media only screen and (max-width: 700px) {
  page-training-detail .modal-content {
    width: 100%;
  }
}

page-training-detail .scroll-content {
  background: #f3f1f3;
}

page-training-detail .backBtn {
  position: absolute;
  left: 0;
  margin: auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  top: 50%;
}

page-training-detail .alert-md .alert-message {
  overflow: hidden;
}

page-training-detail .nextBtn {
  position: absolute;
  right: 0;
  margin: auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  top: 50%;
}

page-training-detail .helpbutton {
  font-size: 15px;
}

page-training-detail .help-circle-icon {
  color: #ffffff !important;
}

page-training-detail .list-ios > .item-block:first-child {
  border-top: 0px;
}

page-training-detail ion-slide .slide-zoom img {
  max-width: 300px;
  max-height: 300px;
}

page-training-detail .swiper-pagination {
  display: inherit;
  left: 45% !important;
  bottom: 10px !important;
  width: auto !important;
}

page-training-detail .heading {
  font-family: "Open Sans";
  text-align: center;
  color: #3687f0;
  font-weight: bold;
  font-size: 16px;
}

page-training-detail .heading ion-label {
  text-align: center;
}

page-training-detail .training_item {
  border-bottom: 0px !important;
  background: #f3f1f3;
}

page-training-detail .resultquiz ion-label {
  white-space: initial;
}

page-training-detail .resultquiz {
  text-align: center;
  font-style: italic;
  background: transparent !important;
}

@media (min-width: 800px) {
  page-training-detail .training_item {
    width: 95%;
    margin: 10px auto;
  }
  page-training-detail .content button {
    margin: 0 auto;
    display: block;
  }
  page-training-detail .videoTrainingVim {
    width: 100%;
    height: 500px;
    margin-left: 2%;
    margin-bottom: 5%;
  }
}

page-training-detail .takequiz {
  margin: 10px auto;
  float: none;
  display: block;
}

page-training-detail .heading ion-label {
  white-space: initial !important;
}

page-training-detail .contentdiv {
  font-family: "Open Sans";
  font-size: 13px;
}

@media (max-width: 799px) {
  page-training-detail .scroll-content {
    margin-top: 100px !important;
  }
  page-training-detail .youVideo {
    width: 100%;
    height: 190px;
    margin-left: 0%;
  }
  page-training-detail .videoTrainingVim {
    width: 100%;
    height: 190px;
    margin-left: 0%;
  }
}

page-training-detail .img-wrapper {
  text-align: center;
}

page-training-detail #scorm-container {
  width: 80%;
  height: 300px;
  position: relative;
  margin: auto;
}

page-training-detail #navi,
page-training-detail #infoi {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

page-training-detail #navi {
  background: #0f2027;
  /* fallback for old browsers */
  /* Chrome 10-25, Safari 5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#2c5364), color-stop(#203a43), to(#0f2027));
  background: linear-gradient(to right, #2c5364, #203a43, #0f2027);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

page-training-detail #infoi {
  z-index: 10;
  margin: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

page-training-detail .play-scorm-btn {
  margin-top: 20% !important;
  margin-left: 45%;
}

@media only screen and (max-width: 700px) {
  page-training-detail .modal-content {
    width: 100%;
  }
  page-training-detail .play-scorm-btn {
    margin-top: 40% !important;
    margin-left: 29%;
  }
}

@media screen and (min-width: 1600px) {
  page-training-detail .play-scorm-btn {
    margin-top: 40% !important;
    margin-left: 29%;
  }
}

page-training-detail .ui-dropdown .ui-dropdown-panel {
  z-index: 1017 !important;
  top: -102px !important;
  left: 0px !important;
  opacity: 1 !important;
}

page-training-report .ui-dropdown .ui-dropdown-panel {
  z-index: 1017 !important;
  top: -102px !important;
  left: 0px !important;
  opacity: 1 !important;
}

page-trainings {
  /* ANIMATION */
  /* SHADOWS */
  /*
 *
 *   MaterialWrap - Bootstrap + Material Design Admin Theme

 
*/
  /*
 * CSS Transform - Scale and Rotate
 */
  /* The Modal (background) */
  /* Modal Content (image) */
  /* The Close Button */
  /*!
 * FullCalendar v3.2.0 Stylesheet
 * Docs & License: https://fullcalendar.io/
 * (c) 2017 Adam Shaw
 */
  /* Colors
--------------------------------------------------------------------------------------------------*/
  /* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
  /*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
  /* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
  /* Firefox has an annoying inner border */
  /* icons in buttons */
  /*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
  /* Buttons Groups
--------------------------------------------------------------------------------------------------*/
  /*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
  /* Popover
--------------------------------------------------------------------------------------------------*/
  /* unthemed */
  /* jqui themed */
  /* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
  /* Tables
--------------------------------------------------------------------------------------------------*/
  /* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
  /* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
  /* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
  /* highlighting cells & background event skeleton */
  /*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
  /* Scrolling Container
--------------------------------------------------------------------------------------------------*/
  /* TODO: move to agenda/basic */
  /* Global Event Styles
--------------------------------------------------------------------------------------------------*/
  /* overpower some of bootstrap's and jqui's styles on <a> tags */
  /* resizer (cursor AND touch devices) */
  /* resizer (touch devices) */
  /* hit area */
  /* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
  /* Horizontal Events
--------------------------------------------------------------------------------------------------*/
  /* bigger touch area when selected */
  /* events that are continuing to/from another week. kill rounded corners and butt up against edge */
  /* resizer (cursor AND touch devices) */
  /* left resizer  */
  /* right resizer */
  /* resizer (mouse devices) */
  /* resizer (touch devices) */
  /* left resizer  */
  /* right resizer */
  /* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* resizer (cursor devices) */
  /* left resizer  */
  /* right resizer */
  /* Event Limiting
--------------------------------------------------------------------------------------------------*/
  /* "more" link that represents hidden events */
  /* popover that appears when "more" link is clicked */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* Utilities
--------------------------------------------------------------------------------------------------*/
  /* Toolbar
--------------------------------------------------------------------------------------------------*/
  /* the things within each left/right/center section */
  /* the first thing within each left/center/right section */
  /* title text */
  /* button layering (for border precedence) */
  /* View Structure
--------------------------------------------------------------------------------------------------*/
  /* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
  /* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
  /* BasicView
--------------------------------------------------------------------------------------------------*/
  /* day row structure */
  /* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
  /* week and day number styling */
  /* when week/day number have own column */
  /* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
  /* divs within a cell within the fc-content-skeleton */
  /* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
  /* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* short mode, where time and title are on the same line */
  /* resizer (cursor device) */
  /* resizer (touch device) */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* arrow on axis */
  /* List View
--------------------------------------------------------------------------------------------------*/
  /* possibly reusable */
  /* view wrapper */
  /* table resets */
  /* day headings with the list */
  /* event list items */
  /* make the dot closer to the event title */
  /* message when no events */
}

page-trainings .letter-sp-1 {
  letter-spacing: 1px;
}

page-trainings .letter-sp-2 {
  letter-spacing: 2px;
}

page-trainings .letter-sp-3 {
  letter-spacing: 3px;
}

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

page-trainings .m-5 {
  margin: 5px !important;
}

page-trainings .m-10 {
  margin: 10px !important;
}

page-trainings .m-15 {
  margin: 15px !important;
}

page-trainings .m-20 {
  margin: 20px !important;
}

page-trainings .m-30 {
  margin: 30px !important;
}

page-trainings .m-50 {
  margin: 50px !important;
}

page-trainings .m-b-100 {
  margin-bottom: 100px !important;
}

page-trainings .m-b-15 {
  margin-bottom: 15px !important;
}

page-trainings .m-b-20 {
  margin-bottom: 20px !important;
}

page-trainings .m-b-0 {
  margin-bottom: 0 !important;
}

page-trainings .m-l-0 {
  margin-left: 0 !important;
}

page-trainings .m-l-5 {
  margin-left: 5px !important;
}

page-trainings .m-l-10 {
  margin-left: 10px !important;
}

page-trainings .m-l-15 {
  margin-left: 15px !important;
}

page-trainings .m-l-20 {
  margin-left: 20px !important;
}

page-trainings .m-l-30 {
  margin-left: 30px !important;
}

page-trainings .m-l-40 {
  margin-left: 40px !important;
}

page-trainings .m-l-50 {
  margin-left: 50px !important;
}

page-trainings .m-l-n-1 {
  margin-left: -1px !important;
}

page-trainings .m-l-n-5 {
  margin-left: -5px !important;
}

page-trainings .m-l-n-10 {
  margin-left: -10px !important;
}

page-trainings .m-l-n-15 {
  margin-left: -15px !important;
}

page-trainings .m-l-n-20 {
  margin-left: -20px !important;
}

page-trainings .m-l-n-30 {
  margin-left: -30px !important;
}

page-trainings .m-l-n-40 {
  margin-left: -40px !important;
}

page-trainings .m-l-n-50 {
  margin-left: -50px !important;
}

page-trainings .m-t-0 {
  margin-top: 0 !important;
}

page-trainings .m-t-1 {
  margin-top: 1px !important;
}

page-trainings .m-t-2 {
  margin-top: 2px;
}

page-trainings .m-t-2p {
  margin-top: 2% !important;
}

page-trainings .m-t-5p {
  margin-top: 5% !important;
}

page-trainings .m-t-25p {
  margin-top: 25% !important;
}

page-trainings .m-t-30p {
  margin-top: 30% !important;
}

page-trainings .m-t-4 {
  margin-top: 4px !important;
}

page-trainings .m-t-5 {
  margin-top: 5px !important;
}

page-trainings .m-t-5p {
  margin-top: 5% !important;
}

page-trainings .m-t-10 {
  margin-top: 10px !important;
}

page-trainings .m-t-15 {
  margin-top: 15px !important;
}

page-trainings .m-t-20 {
  margin-top: 20px !important;
}

page-trainings .m-t-30 {
  margin-top: 30px !important;
}

page-trainings .m-t-40 {
  margin-top: 40px !important;
}

page-trainings .m-t-50 {
  margin-top: 50px !important;
}

page-trainings .m-t-75 {
  margin-top: 75px !important;
}

page-trainings .m-t-100 {
  margin-top: 100px !important;
}

page-trainings .m-t-120 {
  margin-top: 120px !important;
}

page-trainings .m-t-140 {
  margin-top: 140px !important;
}

page-trainings .m-t-n-1 {
  margin-top: -1px !important;
}

page-trainings .m-t-n-5 {
  margin-top: -5px !important;
}

page-trainings .m-t-n-10 {
  margin-top: -10px !important;
}

page-trainings .m-t-n-15 {
  margin-top: -15px !important;
}

page-trainings .m-t-n-20 {
  margin-top: -20px !important;
}

page-trainings .m-t-n-30 {
  margin-top: -30px !important;
}

page-trainings .m-t-n-40 {
  margin-top: -40px !important;
}

page-trainings .m-t-n-50 {
  margin-top: -50px !important;
}

page-trainings .m-r-0 {
  margin-right: 0 !important;
}

page-trainings .m-r-1 {
  margin-right: 1px !important;
}

page-trainings .m-r-5 {
  margin-right: 5px !important;
}

page-trainings .m-r-10 {
  margin-right: 10px !important;
}

page-trainings .m-r-15 {
  margin-right: 15px !important;
}

page-trainings .m-r-20 {
  margin-right: 20px !important;
}

page-trainings .m-r-30 {
  margin-right: 30px !important;
}

page-trainings .m-r-40 {
  margin-right: 40px !important;
}

page-trainings .m-r-50 {
  margin-right: 50px !important;
}

page-trainings .m-r-n-1 {
  margin-right: -1px !important;
}

page-trainings .m-r-n-5 {
  margin-right: -5px !important;
}

page-trainings .m-r-n-10 {
  margin-right: -10px !important;
}

page-trainings .m-r-n-15 {
  margin-right: -15px !important;
}

page-trainings .m-r-n-20 {
  margin-right: -20px !important;
}

page-trainings .m-r-n-30 {
  margin-right: -30px !important;
}

page-trainings .m-r-n-40 {
  margin-right: -40px !important;
}

page-trainings .m-r-n-50 {
  margin-right: -50px !important;
}

page-trainings .m-b-0 {
  margin-bottom: 0 !important;
}

page-trainings .m-b-1 {
  margin-bottom: 1px !important;
}

page-trainings .m-b-4 {
  margin-bottom: 4px !important;
}

page-trainings .m-b-5 {
  margin-bottom: 5px !important;
}

page-trainings .m-b-10 {
  margin-bottom: 10px !important;
}

page-trainings .m-b-15 {
  margin-bottom: 15px !important;
}

page-trainings .m-b-20 {
  margin-bottom: 20px !important;
}

page-trainings .m-b-30 {
  margin-bottom: 30px !important;
}

page-trainings .m-b-40 {
  margin-bottom: 40px !important;
}

page-trainings .m-b-50 {
  margin-bottom: 50px !important;
}

page-trainings .m-b-n-1 {
  margin-bottom: -1px !important;
}

page-trainings .m-b-n-5 {
  margin-bottom: -5px !important;
}

page-trainings .m-b-n-10 {
  margin-bottom: -10px !important;
}

page-trainings .m-b-n-15 {
  margin-bottom: -15px !important;
}

page-trainings .m-b-n-20 {
  margin-bottom: -20px !important;
}

page-trainings .m-b-n-30 {
  margin-bottom: -30px !important;
}

page-trainings .m-b-n-40 {
  margin-bottom: -40px !important;
}

page-trainings .m-b-n-50 {
  margin-bottom: -50px !important;
}

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

page-trainings .p-5 {
  padding: 5px !important;
}

page-trainings .p-10 {
  padding: 10px !important;
}

page-trainings .p-15 {
  padding: 15px !important;
}

page-trainings .p-20 {
  padding: 20px !important;
}

page-trainings .p-25 {
  padding: 25px !important;
}

page-trainings .p-30 {
  padding: 30px !important;
}

page-trainings .p-40 {
  padding: 40px !important;
}

page-trainings .p-50 {
  padding: 50px !important;
}

page-trainings .p-75 {
  padding: 75px !important;
}

page-trainings .p-100 {
  padding: 100px !important;
}

page-trainings .p-lr {
  padding: 0px 4% 0px 4%;
}

page-trainings .p-l-0 {
  padding-left: 0 !important;
}

page-trainings .p-l-5 {
  padding-left: 5px !important;
}

page-trainings .p-l-10 {
  padding-left: 10px !important;
}

page-trainings .p-l-12 {
  padding-left: 12px !important;
}

page-trainings .p-l-15 {
  padding-left: 15px !important;
}

page-trainings .p-l-16 {
  padding-left: 16px !important;
}

page-trainings .p-l-20 {
  padding-left: 20px !important;
}

page-trainings .p-l-25 {
  padding-left: 25px !important;
}

page-trainings .p-l-30 {
  padding-left: 30px !important;
}

page-trainings .p-l-40 {
  padding-left: 40px !important;
}

page-trainings .p-l-50 {
  padding-left: 50px !important;
}

page-trainings .p-l-75 {
  padding-left: 75px !important;
}

page-trainings .p-l-100 {
  padding-left: 100px !important;
}

page-trainings .p-r-0 {
  padding-right: 0 !important;
}

page-trainings .p-r-5 {
  padding-right: 5px !important;
}

page-trainings .p-r-10 {
  padding-right: 10px !important;
}

page-trainings .p-r-12 {
  padding-right: 12px !important;
}

page-trainings .p-r-15 {
  padding-right: 15px !important;
}

page-trainings .p-r-20 {
  padding-right: 20px !important;
}

page-trainings .p-r-25 {
  padding-right: 25px !important;
}

page-trainings .p-r-30 {
  padding-right: 30px !important;
}

page-trainings .p-r-40 {
  padding-right: 40px !important;
}

page-trainings .p-r-50 {
  padding-right: 50px !important;
}

page-trainings .p-r-75 {
  padding-right: 75px !important;
}

page-trainings .p-r-100 {
  padding-right: 100px !important;
}

page-trainings .p-b-0 {
  padding-bottom: 0 !important;
}

page-trainings .p-b-5 {
  padding-bottom: 5px !important;
}

page-trainings .p-b-10 {
  padding-bottom: 10px !important;
}

page-trainings .p-b-15 {
  padding-bottom: 15px !important;
}

page-trainings .p-b-16 {
  padding-bottom: 16px !important;
}

page-trainings .p-b-20 {
  padding-bottom: 20px !important;
}

page-trainings .p-b-25 {
  padding-bottom: 25px !important;
}

page-trainings .p-b-30 {
  padding-bottom: 30px !important;
}

page-trainings .p-b-40 {
  padding-bottom: 40px !important;
}

page-trainings .p-b-50 {
  padding-bottom: 50px !important;
}

page-trainings .p-b-60 {
  padding-bottom: 60px !important;
}

page-trainings .p-b-70 {
  padding-bottom: 70px !important;
}

page-trainings .p-b-80 {
  padding-bottom: 80px !important;
}

page-trainings .p-b-90 {
  padding-bottom: 90px !important;
}

page-trainings .p-b-100 {
  padding-bottom: 100px !important;
}

page-trainings .p-t-0 {
  padding-top: 0 !important;
}

page-trainings .p-t-5 {
  padding-top: 5px !important;
}

page-trainings .p-t-7 {
  padding-top: 7px !important;
}

page-trainings .p-t-10 {
  padding-top: 10px !important;
}

page-trainings .p-t-15 {
  padding-top: 15px !important;
}

page-trainings .p-t-16 {
  padding-top: 16px !important;
}

page-trainings .p-t-20 {
  padding-top: 20px !important;
}

page-trainings .p-t-25 {
  padding-top: 25px !important;
}

page-trainings .p-t-30 {
  padding-top: 30px !important;
}

page-trainings .p-t-40 {
  padding-top: 40px !important;
}

page-trainings .p-t-50 {
  padding-top: 50px !important;
}

page-trainings .p-t-75 {
  padding-top: 75px !important;
}

page-trainings .p-t-100 {
  padding-top: 100px !important;
}

page-trainings .p-t-120 {
  padding-top: 120px !important;
}

page-trainings .p-t-130 {
  padding-top: 130px !important;
}

page-trainings .p-t-140 {
  padding-top: 140px !important;
}

page-trainings .p-t-150 {
  padding-top: 150px !important;
}

page-trainings .block {
  display: block !important;
}

page-trainings .img-xs {
  width: 30px;
  height: 30px;
}

page-trainings .img-sm {
  width: 35px;
  height: 35px;
}

page-trainings .img-md {
  width: 55px;
  height: 55px;
}

page-trainings .img-lg {
  width: 100px;
  height: 100px;
}

page-trainings .min-w-800 {
  min-width: 800px !important;
}

page-trainings .min-w-1000 {
  min-width: 1000px !important;
}

page-trainings .min-w-1100 {
  min-width: 1100px !important;
}

page-trainings .max-w-20 {
  max-width: 20px !important;
}

page-trainings .max-w-30 {
  max-width: 30px !important;
}

page-trainings .max-w-32 {
  max-width: 35px !important;
}

page-trainings .max-w-35 {
  max-width: 35px !important;
}

page-trainings .max-w-40 {
  max-width: 40px !important;
}

page-trainings .max-w-50 {
  max-width: 50px !important;
}

page-trainings .max-w-75 {
  max-width: 75px !important;
}

page-trainings .max-w-100 {
  max-width: 100px !important;
}

page-trainings .max-w-150 {
  max-width: 150px !important;
}

page-trainings .max-w-200 {
  max-width: 200px !important;
}

page-trainings .max-w-300 {
  max-width: 300px !important;
}

page-trainings .max-w-400 {
  max-width: 400px !important;
}

page-trainings .overflow-hidden {
  overflow: hidden;
}

page-trainings .overflow-auto {
  overflow: auto;
}

page-trainings .max-h-50 {
  max-height: 50px !important;
}

page-trainings .max-h-80 {
  max-height: 80px !important;
}

page-trainings .max-h-100 {
  max-height: 100px !important;
}

page-trainings .max-h-150 {
  max-height: 150px !important;
}

page-trainings .max-h-200 {
  max-height: 200px !important;
}

page-trainings .max-h-250 {
  max-height: 250px !important;
}

page-trainings .max-h-300 {
  max-height: 300px !important;
}

page-trainings .max-h-350 {
  max-height: 300px !important;
}

page-trainings .max-h-375 {
  max-height: 300px !important;
}

page-trainings .max-h-400 {
  max-height: 400px !important;
}

page-trainings .max-h-450 {
  max-height: 450px !important;
}

page-trainings .max-h-500 {
  max-height: 500px !important;
}

page-trainings .max-h-600 {
  max-height: 600px !important;
}

page-trainings .max-h-650 {
  max-height: 650px !important;
}

page-trainings .max-h-700 {
  max-height: 700px !important;
}

page-trainings .max-h-800 {
  max-height: 800px !important;
}

page-trainings .max-h-900 {
  max-height: 900px !important;
}

page-trainings .max-h-1000 {
  max-height: 1000px !important;
}

page-trainings .min-h-0 {
  min-height: 0 !important;
}

page-trainings .min-h-50 {
  min-height: 50px !important;
}

page-trainings .min-h-100 {
  min-height: 100px !important;
}

page-trainings .min-h-200 {
  min-height: 200px !important;
}

page-trainings .min-h-250 {
  min-height: 250px !important;
}

page-trainings .min-h-300 {
  min-height: 300px !important;
}

page-trainings .min-h-350 {
  min-height: 300px !important;
}

page-trainings .min-h-375 {
  min-height: 300px !important;
}

page-trainings .min-h-400 {
  min-height: 400px !important;
}

page-trainings .min-h-450 {
  min-height: 450px !important;
}

page-trainings .min-h-500 {
  min-height: 500px !important;
}

page-trainings .min-h-600 {
  min-height: 600px !important;
}

page-trainings .min-h-650 {
  min-height: 650px !important;
}

page-trainings .min-h-700 {
  min-height: 700px !important;
}

page-trainings .min-h-800 {
  min-height: 800px !important;
}

page-trainings .min-h-900 {
  min-height: 900px !important;
}

page-trainings .min-h-1000 {
  min-height: 1000px !important;
}

page-trainings .h-5 {
  height: 5px !important;
}

page-trainings .h-10 {
  height: 10px !important;
}

page-trainings .h-20 {
  height: 20px !important;
}

page-trainings .h-25 {
  height: 25px !important;
}

page-trainings .h-50 {
  height: 50px !important;
}

page-trainings .h-75 {
  height: 75px !important;
}

page-trainings .h-100 {
  height: 100px !important;
}

page-trainings .h-125 {
  height: 125px !important;
}

page-trainings .h-150 {
  height: 150px !important;
}

page-trainings .h-200 {
  height: 200px !important;
}

page-trainings .h-300 {
  height: 300px !important;
}

page-trainings .h-350 {
  height: 350px !important;
}

page-trainings .h-400 {
  height: 400px !important;
}

page-trainings .h-450 {
  height: 450px !important;
}

page-trainings .h-500 {
  height: 500px !important;
}

page-trainings .h-600 {
  height: 600px !important;
}

page-trainings .h-650 {
  height: 650px !important;
}

page-trainings .h-700 {
  height: 700px !important;
}

page-trainings .h-800 {
  height: 800px !important;
}

page-trainings .h-900 {
  height: 900px !important;
}

page-trainings .h-1000 {
  height: 1000px !important;
}

page-trainings .w-5 {
  width: 5px !important;
}

page-trainings .w-10 {
  width: 10px !important;
}

page-trainings .w-15 {
  width: 15px !important;
}

page-trainings .w-20 {
  width: 20px !important;
}

page-trainings .w-30 {
  width: 30px !important;
}

page-trainings .w-40 {
  width: 40px !important;
}

page-trainings .w-50 {
  width: 50px !important;
}

page-trainings .w-60 {
  width: 60px !important;
}

page-trainings .w-80 {
  width: 80px !important;
}

page-trainings .w-100 {
  width: 100px !important;
}

page-trainings .w-150 {
  width: 150px !important;
}

page-trainings .w-190 {
  width: 190px !important;
}

page-trainings .w-200 {
  width: 200px !important;
}

page-trainings .w-250 {
  width: 250px !important;
}

page-trainings .w-300 {
  width: 300px !important;
}

page-trainings .w-600 {
  width: 600px !important;
}

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

page-trainings .w-95p {
  width: 95% !important;
}

page-trainings .w-90p {
  width: 90% !important;
}

page-trainings .w-80p {
  width: 80% !important;
}

page-trainings .w-70p {
  width: 70% !important;
}

page-trainings .w-60p {
  width: 60% !important;
}

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

page-trainings .w-45p {
  width: 45% !important;
}

page-trainings .w-40p {
  width: 40% !important;
}

page-trainings .w-30p {
  width: 30% !important;
}

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

page-trainings .w-20p {
  width: 20% !important;
}

page-trainings .w-15p {
  width: 15% !important;
}

page-trainings .w-10p {
  width: 10% !important;
}

page-trainings .w-8p {
  width: 8% !important;
}

page-trainings .w-5p {
  width: 5% !important;
}

page-trainings .w-3p {
  width: 3% !important;
}

page-trainings .w-95p {
  width: 95% !important;
}

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

page-trainings .h-80p {
  height: 80% !important;
}

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

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

page-trainings .block {
  display: block !important;
}

page-trainings .inline-block {
  display: inline-block !important;
}

page-trainings .list-block li {
  display: block !important;
}

page-trainings .list-inline li {
  display: inline !important;
}

page-trainings .clear-both {
  clear: both !important;
}

page-trainings .line-height-normal {
  line-height: normal !important;
}

page-trainings .line-height-8 {
  line-height: 8px !important;
}

page-trainings .line-height-14 {
  line-height: 14px !important;
}

page-trainings .line-height-12 {
  line-height: normal !important;
}

page-trainings ul.style-none {
  margin: 0;
  padding: 0;
  list-style: none;
}

page-trainings ul.style-none li {
  font-size: 0.875rem;
  padding: 3px 0;
}

page-trainings ul.style-none li ul {
  list-style: none;
}

page-trainings ul.vertical-icon-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

page-trainings ul.vertical-icon-list li {
  font-size: 0.875rem;
  padding: 6px 0;
}

page-trainings ul.vertical-icon-list li i {
  font-size: 1.25rem;
  padding-right: 15px;
  vertical-align: middle;
}

page-trainings .bg-white {
  background: #ffffff !important;
}

page-trainings .bg-green {
  background: #28bebd !important;
}

page-trainings .bg-blue {
  background: #42a5f5 !important;
}

page-trainings .bg-lightBlue {
  background: #2ebaee !important;
}

page-trainings .bg-red {
  background: #ef5350 !important;
}

page-trainings .bg-yellow {
  background: #f8c200 !important;
}

page-trainings .bg-paleYellow {
  background: #fddd7e !important;
}

page-trainings .bg-lightGray {
  background: #e3ecf7 !important;
}

page-trainings .bg-gray {
  background: #8f9eb5 !important;
}

page-trainings .bg-drakGray {
  background: #707c94 !important;
}

page-trainings .bg-grayBlue {
  background: #59779b !important;
}

page-trainings .bg-purple {
  background: #6b79c4 !important;
}

page-trainings .bg-turquoise {
  background: #00c5dc !important;
}

page-trainings .bg-peach {
  background: #feb38d !important;
}

page-trainings .bg-transparent {
  background: transparent !important;
}

page-trainings .text-primary {
  color: #172B4D !important;
}

page-trainings .text-link {
  color: #0645ad !important;
}

page-trainings .text-green {
  color: #28bebd !important;
}

page-trainings .text-turquoise {
  color: #00c5dc !important;
}

page-trainings .text-red {
  color: #ef5350 !important;
}

page-trainings .text-cyan {
  color: #26c6da !important;
}

page-trainings .text-yellow {
  color: #f8c200 !important;
}

page-trainings .text-gray {
  color: #8f9eb5 !important;
}

page-trainings .text-blue {
  color: #42a5f5 !important;
}

page-trainings .text-orange {
  color: #ffb74d !important;
}

page-trainings .text-purple {
  color: #6b79c4 !important;
}

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

page-trainings .text-brown {
  color: #906b6b !important;
}

page-trainings .text-salmon {
  color: #ee6e73 !important;
}

page-trainings .text-muted {
  color: #8396b0;
}

page-trainings .color-black {
  color: #000 !important;
}

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

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

page-trainings .transparent {
  background: transparent !important;
}

page-trainings .bg-primary {
  background-color: #172B4D !important;
}

page-trainings .border-bottom,
page-trainings .border-grey-bottom-1px {
  border-bottom: 1px solid rgba(215, 225, 237, 0.8) !important;
}

page-trainings .border-grey-top-1px,
page-trainings .border-top {
  border-top: 1px solid rgba(215, 225, 237, 0.6) !important;
}

page-trainings .border-bottom-black-2px {
  border-bottom: 2px solid black;
}

page-trainings .border-top0p {
  border-top: 0px !important;
}

page-trainings .b-n {
  border: none !important;
}

page-trainings .b-b-1 {
  border: 1px solid black;
}

page-trainings .b-lg-1 {
  border: 1px solid lightgrey;
}

page-trainings .shadow-none {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

page-trainings .shadow-z-0 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-trainings .shadow-z-1 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-trainings .shadow-z-1:hover {
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

page-trainings .shadow-z-2 {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

page-trainings .shadow-z-3 {
  -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

page-trainings .shadow-z-4 {
  -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}

page-trainings .shadow-z-5 {
  -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}

page-trainings .big-shadow {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
}

page-trainings .shadow-2dp {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

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

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

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

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

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

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

page-trainings .font-weight-100 {
  font-weight: 100 !important;
}

page-trainings .font-weight-200 {
  font-weight: 200 !important;
}

page-trainings .font-weight-300 {
  font-weight: 300 !important;
}

page-trainings .font-weight-400 {
  font-weight: 400 !important;
}

page-trainings .font-weight-500 {
  font-weight: 500 !important;
}

page-trainings .font-weight-600 {
  font-weight: 600 !important;
}

page-trainings .font-weight-700 {
  font-weight: 700 !important;
}

page-trainings .font-weight-800 {
  font-weight: 800 !important;
}

page-trainings .font-weight-900 {
  font-weight: 900 !important;
}

page-trainings .font-weight-light {
  font-weight: 100 !important;
}

page-trainings .font-weight-normal {
  font-weight: 300 !important;
}

page-trainings .font-weight-medium {
  font-weight: 400 !important;
}

page-trainings .font-weight-bold {
  font-weight: 500 !important;
}

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

page-trainings .font-size-0 {
  font-size: 0 !important;
}

page-trainings .font-size-10 {
  font-size: 10px !important;
}

page-trainings .font-size-11 {
  font-size: 11px !important;
}

page-trainings .font-size-12 {
  font-size: 12px !important;
}

page-trainings .font-size-14 {
  font-size: 14px !important;
}

page-trainings .font-size-16 {
  font-size: 16px !important;
}

page-trainings .font-size-18 {
  font-size: 18px !important;
}

page-trainings .font-size-20 {
  font-size: 20px !important;
}

page-trainings .font-size-24 {
  font-size: 24px !important;
}

page-trainings .font-size-26 {
  font-size: 26px !important;
}

page-trainings .font-size-30 {
  font-size: 30px !important;
}

page-trainings .font-size-35 {
  font-size: 35px !important;
}

page-trainings .font-size-38 {
  font-size: 38px !important;
}

page-trainings .font-size-40 {
  font-size: 40px !important;
}

page-trainings .font-size-50 {
  font-size: 50px !important;
}

page-trainings .font-size-60 {
  font-size: 60px !important;
}

page-trainings .font-size-70 {
  font-size: 70px !important;
}

page-trainings .font-size-80 {
  font-size: 80px !important;
}

page-trainings .hidden {
  display: none !important;
}

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

page-trainings .float-r {
  float: right !important;
}

page-trainings .float-l {
  float: left !important;
}

page-trainings .align-c {
  display: block;
  margin: 0 auto;
}

page-trainings .align-b {
  display: block;
}

page-trainings .text-center {
  text-align: center !important;
}

page-trainings .text-left {
  text-align: left !important;
}

page-trainings .text-right {
  text-align: right !important;
}

page-trainings .align-v-c {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-trainings .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-trainings .align-v-c1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-trainings .align-v-c2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-trainings .align-v-c3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-trainings .align-v-c4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-trainings .align-flex-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-trainings .align-right-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

page-trainings .align-start-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media (max-width: 576px) {
  page-trainings .d-xs-none {
    display: none !important;
  }
  page-trainings .d-xs-inline {
    display: inline !important;
  }
  page-trainings .d-xs-inline-block {
    display: inline-block !important;
  }
  page-trainings .d-xs-block {
    display: block !important;
  }
  page-trainings .d-xs-table {
    display: table !important;
  }
  page-trainings .d-xs-table-cell {
    display: table-cell !important;
  }
  page-trainings .d-xs-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
  }
  page-trainings .d-xs-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important;
  }
}

page-trainings .b-r-gd {
  border-radius: 10px !important;
}

page-trainings .b-r-10 {
  border-radius: 10px !important;
}

page-trainings .b-r-5 {
  border-radius: 5px;
}

page-trainings .d-fl-ov-x {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  overflow-x: auto !important;
}

page-trainings .align-base {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-trainings .d-fl-bl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-trainings .d-fl-vhcenter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-trainings .d-fl-b2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
}

page-trainings .d-fl-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-trainings .d-fl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-trainings .d-fl-sb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-trainings .d-fl-saround {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-trainings .d-fl-ac {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-trainings .text-capital {
  text-transform: capitalize !important;
}

page-trainings .text-upper {
  text-transform: uppercase !important;
}

page-trainings .m-a {
  margin: auto !important;
}

page-trainings .m-l-a {
  margin-left: auto !important;
}

page-trainings .m-r-a {
  margin-right: auto !important;
}

page-trainings .italic {
  font-style: italic;
}

page-trainings .pointer {
  cursor: pointer;
}

page-trainings .ws-in {
  white-space: inherit;
}

page-trainings .opacity-1 {
  opacity: 1;
}

page-trainings .in-valid-checkbox {
  border: 1px solid #ff0000 !important;
  padding: 5px !important;
  margin-bottom: 10px;
  border-radius: 5px;
}

page-trainings page-corp-dashboard .mycustomdrop:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
  top: -15px;
  position: absolute;
  right: 15%;
}

page-trainings h1 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1.6875rem !important;
  line-height: 64px;
  letter-spacing: -0.4px;
}

page-trainings h2 {
  font-family: "Poppins", sans-serif;
  font-size: 24px !important;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
}

page-trainings h3,
page-trainings .h3 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 22px !important;
  line-height: 48px;
  /* identical to box height, or 200% */
  /* Neutral / dark gray */
  color: #000000;
}

page-trainings h4,
page-trainings .menu-heading-h4 {
  font-family: "Poppins", sans-serif !important;
  font-style: normal;
  font-weight: normal;
  font-size: 15px !important;
  line-height: 26px;
  /* or 144% */
  letter-spacing: -0.2px;
  color: #000000;
}

page-trainings h5 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  /* or 143% */
  color: #000000;
}

page-trainings .subtitle {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  /* or 200% */
  letter-spacing: 2.5px;
  color: #4E5761;
}

page-trainings p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 13px !important;
  line-height: 24px;
  /* identical to box height, or 171% */
  letter-spacing: -0.1px;
  /* Neutral / black */
  color: #000000;
}

page-trainings .ui-tabview.ui-tabview-top > .ui-tabview-nav {
  padding: 0.2em 0.2em 0;
  border-bottom: 1px solid #eaeaea;
}

page-trainings .scroll-content {
  padding: 0 !important;
}

page-trainings ion-navbar {
  margin: 0;
  border-radius: 0px;
  height: 50px !important;
  color: #172B4D !important;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-trainings ion-header {
  padding: 0;
}

page-trainings .header-md::after {
  background-image: none;
}

page-trainings .toolbar-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #172B4D !important;
  line-height: 24px;
  font-family: "Poppins", sans-serif;
  font-size: 2rem !important;
  font-weight: bold !important;
  text-align: left !important;
}

page-trainings .userLabel {
  float: right;
  display: inline;
  letter-spacing: 1px;
  color: #172B4D !important !important;
}

page-trainings .card-title {
  font-size: 16px !important;
  color: #000000;
  font-weight: bold !important;
  text-align: center !important;
}

page-trainings .barcolor {
  background: #5a75a3;
  color: #ffffff;
}

page-trainings p-sorticon {
  color: black;
}

page-trainings p-sorticon a {
  color: black !important;
}

page-trainings .globalTable {
  border: none;
  border: 1px solid #c1c1c1;
}

page-trainings .globalTable .ui-table-caption {
  border-bottom: 1px solid #dadada !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  font-size: 18px !important;
  background: #ecececad !important;
}

page-trainings .globalTable .table-header input {
  font-size: 15px !important;
  border-style: groove;
  width: 100% !important;
  padding-left: 10px;
  border-radius: 10px;
  border-color: #f3f3f3;
  font-weight: 500;
  line-height: 25px !important;
}

page-trainings .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-trainings .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

page-trainings .globalTable .table-header .align input {
  width: 80%;
  line-height: 25px;
}

page-trainings .globalTable .ui-table-tbody tr:nth-child(2n+1) {
  background: white;
}

page-trainings .globalTable .ui-table-tbody tr:nth-child(2n) {
  background: #f3f3f3;
}

page-trainings .globalTable .ui-table-tbody tr:hover {
  background: #c1c1c167 !important;
}

page-trainings .globalTable .ui-table-tbody .activeRow {
  background: #c4d2e5 !important;
}

page-trainings .globalTable th input {
  text-align: center !important;
  width: 90% !important;
  font-weight: 400 !important;
}

page-trainings .globalTable .ui-table .ui-sortable-column.ui-state-highlight {
  color: black !important;
}

page-trainings .globalTable .ui-table .ui-table-thead tr th {
  background: #eeeeee9e;
  border: none;
  padding: 10px 0;
  width: 100%;
  text-align: center;
}

page-trainings .globalTable .ui-table .ui-table-tbody tr td {
  border: none;
  background: inherit;
  padding: 20px 0;
  text-align: center;
}

page-trainings .globalTable .ui-table .ui-table-tbody tr {
  border-bottom: 1px solid #cacaca;
}

page-trainings .globalTable .p-column-filter {
  border-radius: 4px;
  border: 1px solid gray;
}

page-trainings .globalTable .badge-badge.status-Active {
  padding: 5px 20px;
  color: #226f4e;
  background-color: #9decbe;
  font-weight: 500;
  font-size: 12px;
}

page-trainings .globalTable .badge-badge.status-Inactive {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

page-trainings .globalTable .badge-badge.status-Suspended {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

page-trainings .globalTable .badge-badge.status-Waiting {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

page-trainings .globalTable .badge-badge.status-Pending {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

page-trainings .globalTable .actionIcon {
  padding: 0 3px;
  font-size: 16px;
  cursor: pointer;
}

page-trainings ion-icon {
  cursor: pointer;
}

page-trainings .button-md-reset {
  background-color: #ffffff;
  color: black !important;
  border: 1px solid #e3ecf7;
}

page-trainings .button-md-reset:hover {
  background-color: #ececec !important;
}

page-trainings .reset:hover {
  background-color: #ececec !important;
}

page-trainings .button-md-primary {
  background-color: #172B4D !important;
  color: #ffffff !important;
}

page-trainings ion-button {
  background-color: #172B4D !important;
  color: #ffffff;
}

page-trainings .my-custom-class .alert-button-group button:first-child {
  position: relative;
}

page-trainings .my-custom-class .alert-button-group button {
  font-weight: bold;
}

page-trainings .my-custom-class .alert-radio-group {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100% !important;
}

page-trainings .my-custom-class button {
  text-align: center;
}

page-trainings .alert-button-group button:first-child {
  position: relative !important;
  min-width: 0 !important;
}

page-trainings .alert-md .alert-wrapper {
  max-width: 320px !important;
}

page-trainings .alert-md .alert-message {
  font-size: 16px !important;
}

page-trainings .alert-button {
  font-size: 15px !important;
}

page-trainings .alert-md .alert-sub-title {
  font-size: 16px !important;
}

page-trainings .alert-md .alert-title {
  font-size: 22px !important;
}

page-trainings .breakclass {
  white-space: pre-line;
}

page-trainings .error {
  color: red;
  float: left;
}

page-trainings .topStrip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}

page-trainings .infographic1 {
  border: none;
  color: #367ad2;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-trainings .infographic1 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-trainings .infographic1 ion-icon {
  color: black;
}

page-trainings .infographic2 {
  border: none;
  color: #50d29b;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-trainings .infographic2 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-trainings .infographic2 ion-icon {
  color: black;
}

page-trainings .infographic3 {
  border: none;
  color: #ffaa00;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-trainings .infographic3 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-trainings .infographic3 ion-icon {
  color: black;
}

page-trainings .infographic4 {
  border: none;
  color: #f36363;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-trainings .infographic4 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-trainings .infographic4 ion-icon {
  color: black;
}

page-trainings .infographic5 {
  border: none;
  color: #41acbf;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-trainings .infographic5 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-trainings .infographic5 ion-icon {
  color: black;
}

page-trainings .infograph1 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #367ad2;
  font-size: 20px;
}

page-trainings .infograph2 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #51b98d;
  font-size: 20px;
}

page-trainings .infograph3 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #ffaa00;
  font-size: 20px;
}

page-trainings .infograph4 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #dc5b54;
  font-size: 20px;
}

page-trainings .infograph5 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #41acbf;
  font-size: 20px;
}

page-trainings .infographtext {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 12px;
}

page-trainings .successToast .toast-message {
  background-color: #d2f8d2 !important;
  color: black;
}

page-trainings .errorToast .toast-message {
  background-color: #eea9a0 !important;
  color: black;
}

page-trainings .actionIconsBar {
  padding-right: 20px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

page-trainings .ui-carousel .ui-carousel-header {
  display: none !important;
}

page-trainings .userfab .fab-close-active .fab-close-icon {
  height: 40px !important;
  position: relative !important;
}

page-trainings textarea.text-input {
  resize: none !important;
}

page-trainings .asterisk {
  color: red;
  padding-left: 3px;
}

page-trainings .m-b-t {
  margin-bottom: 4% !important;
}

page-trainings .ui-radiobutton-box.ui-state-active {
  border: 1px solid #09f;
  background: #09f;
  color: #09f;
}

page-trainings .alert-md .alert-message {
  overflow: auto;
}

page-trainings .alert-md .alert-message .alertstyle1 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

page-trainings .alert-md .alert-message .alertstyle1 b {
  width: 65px !important;
}

page-trainings .alert-md .alert-message .alertstyle3 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-trainings .alert-md .alert-message .alertstyle3 b {
  width: 65px !important;
}

page-trainings .alert-md .alert-message .alertstyle4 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-trainings .alert-md .alert-message .alertstyle4 b {
  width: 150px !important;
}

page-trainings .alert-md .alert-message .alertstyle5 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

page-trainings .alert-md .alert-message .alertstyle5 b {
  width: 75px !important;
}

page-trainings .alert-md .alert-message .alertstyle5 span {
  width: 5px;
}

page-trainings .alert-md .alert-message .alertstyle2 {
  text-align: left !important;
}

page-trainings .alert-md .alert-message .alertstyle2 li {
  margin-top: 10px;
}

page-trainings .ui-tooltip {
  background-color: #172B4D !important;
  color: #ffffff;
}

page-trainings .navsebexam .toolbar-content-md {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
}

page-trainings .modal-wrapper {
  height: 75%;
  top: 10%;
  position: absolute;
  display: block;
  border-radius: 10px !important;
}

page-trainings .ui-picklist-source-controls.ui-picklist-buttons {
  display: none !important;
}

page-trainings .ui-picklist-target-controls.ui-picklist-buttons {
  display: none !important;
}

page-trainings .ui-picklist-target-controls.ui-picklist-buttons.ng-star-inserted {
  display: none !important;
}

page-trainings .ellip {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

page-trainings .p-slider {
  background: #dee2e6;
  border: 0 none;
  border-radius: 3px;
}

page-trainings .Errorbox .alert-title {
  color: #d8000c;
}

page-trainings .Errorbox .alert-button {
  color: #d8000c;
}

page-trainings .card-md {
  border-radius: 5px !important;
}

page-trainings .modal {
  display: none;
  /* Hidden by default */
  position: -webkit-sticky;
  position: sticky;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 30px;
  /* Location of the box */
  left: 0;
  right: 0;
  bottom: 150px;
  width: 400px;
  height: 400px;
  margin: auto;
  border: 4px solid;
  background-color: black;
}

page-trainings .modal-content {
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
}

page-trainings .close {
  position: absolute;
  color: #f1f1f1;
  top: 0px;
  right: 10px;
  font-size: 28px;
  font-weight: bold;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

page-trainings .close:hover,
page-trainings .close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

page-trainings .customhr {
  width: 90%;
  background-color: #ccc;
}

page-trainings .mycustomtoolbar ion-segment {
  border: none;
}

page-trainings .mycustomtoolbar ion-segment-button {
  font-size: 16px !important;
  font-weight: 500 !important;
}

page-trainings .mycustomtoolbar .segment-md .segment-button.activated,
page-trainings .mycustomtoolbar .segment-md .segment-button.segment-activated {
  border-color: #172B4D !important;
  color: #172B4D !important;
}

page-trainings .mycustomtoolbar .toolbar-background {
  background: transparent;
}

page-trainings .fc {
  direction: ltr;
  text-align: left;
}

page-trainings .fc-rtl {
  text-align: right;
}

page-trainings body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}

page-trainings .fc-unthemed th,
page-trainings .fc-unthemed td,
page-trainings .fc-unthemed thead,
page-trainings .fc-unthemed tbody,
page-trainings .fc-unthemed .fc-divider,
page-trainings .fc-unthemed .fc-row,
page-trainings .fc-unthemed .fc-content,
page-trainings .fc-unthemed .fc-popover,
page-trainings .fc-unthemed .fc-list-view,
page-trainings .fc-unthemed .fc-list-heading td {
  border-color: #ddd;
}

page-trainings .fc-unthemed .fc-popover {
  background-color: #fff;
}

page-trainings .fc-unthemed .fc-divider,
page-trainings .fc-unthemed .fc-popover .fc-header,
page-trainings .fc-unthemed .fc-list-heading td {
  background: #eee;
}

page-trainings .fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}

page-trainings .fc-unthemed td.fc-today {
  background: #fcf8e3;
}

page-trainings .fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3;
}

page-trainings .fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3;
}

page-trainings .fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}

page-trainings .fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

page-trainings .fc-icon:after {
  position: relative;
}

page-trainings .fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-trainings .fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-trainings .fc-icon-left-double-arrow:after {
  content: "\000AB";
  font-size: 160%;
  top: -7%;
}

page-trainings .fc-icon-right-double-arrow:after {
  content: "\000BB";
  font-size: 160%;
  top: -7%;
}

page-trainings .fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%;
}

page-trainings .fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%;
}

page-trainings .fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%;
}

page-trainings .fc-icon-x:after {
  content: "\000D7";
  font-size: 200%;
  top: 6%;
}

page-trainings .fc button {
  /* force height to include the border and padding */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer;
}

page-trainings .fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}

page-trainings .fc-state-default {
  /* non-theme */
  border: 1px solid;
}

page-trainings .fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

page-trainings .fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

page-trainings .fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .2em;
  vertical-align: middle;
}

page-trainings .fc-state-default {
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-trainings .fc-state-hover,
page-trainings .fc-state-down,
page-trainings .fc-state-active,
page-trainings .fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}

page-trainings .fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

page-trainings .fc-state-down,
page-trainings .fc-state-active {
  background-color: #cccccc;
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-trainings .fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}

page-trainings .fc-button-group {
  display: inline-block;
}

page-trainings .fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px;
}

page-trainings .fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0;
}

page-trainings .fc-popover {
  position: absolute;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

page-trainings .fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px;
}

page-trainings .fc-popover .fc-header .fc-title {
  margin: 0 2px;
}

page-trainings .fc-popover .fc-header .fc-close {
  cursor: pointer;
}

page-trainings .fc-ltr .fc-popover .fc-header .fc-title,
page-trainings .fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}

page-trainings .fc-rtl .fc-popover .fc-header .fc-title,
page-trainings .fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}

page-trainings .fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}

page-trainings .fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: .9em;
  margin-top: 2px;
}

page-trainings .fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */
}

page-trainings .fc-divider {
  border-style: solid;
  border-width: 1px;
}

page-trainings hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}

page-trainings .fc-clear {
  clear: both;
}

page-trainings .fc-bg,
page-trainings .fc-bgevent-skeleton,
page-trainings .fc-highlight-skeleton,
page-trainings .fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-trainings .fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}

page-trainings .fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}

page-trainings .fc table {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}

page-trainings .fc th {
  text-align: center;
}

page-trainings .fc th,
page-trainings .fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}

page-trainings .fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}

page-trainings a[data-goto] {
  cursor: pointer;
}

page-trainings a[data-goto]:hover {
  text-decoration: underline;
}

page-trainings .fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}

page-trainings .fc-row table {
  /* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}

page-trainings .fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}

page-trainings .fc-row {
  position: relative;
}

page-trainings .fc-row .fc-bg {
  z-index: 1;
}

page-trainings .fc-row .fc-bgevent-skeleton,
page-trainings .fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}

page-trainings .fc-row .fc-bgevent-skeleton table,
page-trainings .fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}

page-trainings .fc-row .fc-highlight-skeleton td,
page-trainings .fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}

page-trainings .fc-row .fc-bgevent-skeleton {
  z-index: 2;
}

page-trainings .fc-row .fc-highlight-skeleton {
  z-index: 3;
}

page-trainings .fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}

page-trainings .fc-row .fc-helper-skeleton {
  z-index: 5;
}

page-trainings .fc-row .fc-content-skeleton td,
page-trainings .fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}

page-trainings .fc-row .fc-content-skeleton tbody td,
page-trainings .fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}

page-trainings .fc-scroller {
  -webkit-overflow-scrolling: touch;
}

page-trainings .fc-scroller > .fc-day-grid,
page-trainings .fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}

page-trainings .fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */
  font-weight: normal;
  /* undo jqui's ui-widget-header bold */
}

page-trainings .fc-event,
page-trainings .fc-event-dot {
  background-color: #3a87ad;
  /* default BACKGROUND color */
}

page-trainings .fc-event,
page-trainings .fc-event:hover,
page-trainings .ui-widget .fc-event {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}

page-trainings .fc-event[href],
page-trainings .fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}

page-trainings .fc-not-allowed,
page-trainings .fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}

page-trainings .fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #ffffff;
  opacity: .25;
}

page-trainings .fc-event .fc-content {
  position: relative;
  z-index: 2;
}

page-trainings .fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
}

page-trainings .fc-event .fc-resizer {
  display: none;
}

page-trainings .fc-event.fc-allow-mouse-resize .fc-resizer,
page-trainings .fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block;
}

page-trainings .fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}

page-trainings .fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

page-trainings .fc-event.fc-selected.fc-dragging {
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

page-trainings .fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}

page-trainings .fc-ltr .fc-h-event.fc-not-start,
page-trainings .fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

page-trainings .fc-ltr .fc-h-event.fc-not-end,
page-trainings .fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

page-trainings .fc-ltr .fc-h-event .fc-start-resizer,
page-trainings .fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */
}

page-trainings .fc-ltr .fc-h-event .fc-end-resizer,
page-trainings .fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */
}

page-trainings .fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */
}

page-trainings .fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* vertically center */
  top: 50%;
  margin-top: -4px;
}

page-trainings .fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
page-trainings .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */
}

page-trainings .fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
page-trainings .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */
}

page-trainings .fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}

page-trainings tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */
}

page-trainings .fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: .25;
}

page-trainings .fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}

page-trainings .fc-day-grid-event .fc-time {
  font-weight: bold;
}

page-trainings .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
page-trainings .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */
}

page-trainings .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
page-trainings .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */
}

page-trainings a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none;
}

page-trainings a.fc-more:hover {
  text-decoration: underline;
}

page-trainings .fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}

page-trainings .fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}

page-trainings .fc-more-popover {
  z-index: 2;
  width: 220px;
}

page-trainings .fc-more-popover .fc-event-container {
  padding: 10px;
}

page-trainings .fc-now-indicator {
  position: absolute;
  border: 0 solid red;
}

page-trainings .fc-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

page-trainings .fc-toolbar {
  text-align: center;
}

page-trainings .fc-toolbar.fc-header-toolbar {
  margin-bottom: 1em;
}

page-trainings .fc-toolbar.fc-footer-toolbar {
  margin-top: 1em;
}

page-trainings .fc-toolbar .fc-left {
  float: left;
}

page-trainings .fc-toolbar .fc-right {
  float: right;
}

page-trainings .fc-toolbar .fc-center {
  display: inline-block;
}

page-trainings .fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em;
}

page-trainings .fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0;
}

page-trainings .fc-toolbar h2 {
  margin: 0;
}

page-trainings .fc-toolbar button {
  position: relative;
}

page-trainings .fc-toolbar .fc-state-hover,
page-trainings .fc-toolbar .ui-state-hover {
  z-index: 2;
}

page-trainings .fc-toolbar .fc-state-down {
  z-index: 3;
}

page-trainings .fc-toolbar .fc-state-active,
page-trainings .fc-toolbar .ui-state-active {
  z-index: 4;
}

page-trainings .fc-toolbar button:focus {
  z-index: 5;
}

page-trainings .fc-view-container *,
page-trainings .fc-view-container *:before,
page-trainings .fc-view-container *:after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

page-trainings .fc-view,
page-trainings .fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}

page-trainings .fc-basicWeek-view .fc-content-skeleton,
page-trainings .fc-basicDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}

page-trainings .fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}

page-trainings .fc-row.fc-rigid {
  overflow: hidden;
}

page-trainings .fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-trainings .fc-day-top.fc-other-month {
  opacity: 0.3;
}

page-trainings .fc-basic-view .fc-week-number,
page-trainings .fc-basic-view .fc-day-number {
  padding: 2px;
}

page-trainings .fc-basic-view th.fc-week-number,
page-trainings .fc-basic-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */
}

page-trainings .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right;
}

page-trainings .fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left;
}

page-trainings .fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0;
}

page-trainings .fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px;
}

page-trainings .fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080;
}

page-trainings .fc-basic-view td.fc-week-number {
  text-align: center;
}

page-trainings .fc-basic-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}

page-trainings .fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}

page-trainings .fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}

page-trainings .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}

page-trainings .fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}

page-trainings .fc-ltr .fc-axis {
  text-align: right;
}

page-trainings .fc-rtl .fc-axis {
  text-align: left;
}

page-trainings .ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome jqui theme making it bold */
}

page-trainings .fc-time-grid-container,
page-trainings .fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}

page-trainings .fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

page-trainings .fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}

page-trainings .fc-time-grid > .fc-bg {
  z-index: 1;
}

page-trainings .fc-time-grid .fc-slats,
page-trainings .fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}

page-trainings .fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */
}

page-trainings .fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
}

page-trainings .fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1;
}

page-trainings .fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2;
}

page-trainings .fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3;
}

page-trainings .fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4;
}

page-trainings .fc-time-grid .fc-now-indicator-line {
  z-index: 5;
}

page-trainings .fc-time-grid .fc-helper-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6;
}

page-trainings .fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}

page-trainings .fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}

page-trainings .fc-time-grid .fc-slats .ui-widget-content {
  /* for jqui theme */
  background: none;
  /* see through to fc-bg */
}

page-trainings .fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}

page-trainings .fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}

page-trainings .fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}

page-trainings .fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}

page-trainings .fc-time-grid .fc-event,
page-trainings .fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}

page-trainings .fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}

page-trainings .fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

page-trainings .fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

page-trainings .fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */
}

page-trainings .fc-time-grid-event.fc-selected {
  /* need to allow touch resizers to extend outside event's bounding box */
  /* common fc-selected styles hide the fc-bg, so don't need this anyway */
  overflow: visible;
}

page-trainings .fc-time-grid-event.fc-selected .fc-bg {
  display: none;
  /* hide semi-white background, to appear darker */
}

page-trainings .fc-time-grid-event .fc-content {
  overflow: hidden;
  /* for when .fc-selected */
}

page-trainings .fc-time-grid-event .fc-time,
page-trainings .fc-time-grid-event .fc-title {
  padding: 0 1px;
}

page-trainings .fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap;
}

page-trainings .fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}

page-trainings .fc-time-grid-event.fc-short .fc-time,
page-trainings .fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}

page-trainings .fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}

page-trainings .fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}

page-trainings .fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
  /* seperate with a dash, wrapped in nbsp's */
}

page-trainings .fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}

page-trainings .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}

page-trainings .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "=";
}

page-trainings .fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px;
}

page-trainings .fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0;
}

page-trainings .fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */
}

page-trainings .fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-trainings .fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-trainings .fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}

page-trainings .fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */
}

page-trainings .fc-list-view {
  border-width: 1px;
  border-style: solid;
}

page-trainings .fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */
}

page-trainings .fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px;
}

page-trainings .fc-list-table tr:first-child td {
  border-top-width: 0;
}

page-trainings .fc-list-heading {
  border-bottom-width: 1px;
}

page-trainings .fc-list-heading td {
  font-weight: bold;
}

page-trainings .fc-ltr .fc-list-heading-main {
  float: left;
}

page-trainings .fc-ltr .fc-list-heading-alt {
  float: right;
}

page-trainings .fc-rtl .fc-list-heading-main {
  float: right;
}

page-trainings .fc-rtl .fc-list-heading-alt {
  float: left;
}

page-trainings .fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */
}

page-trainings .fc-list-item:hover td {
  background-color: #f5f5f5;
}

page-trainings .fc-list-item-marker,
page-trainings .fc-list-item-time {
  white-space: nowrap;
  width: 1px;
}

page-trainings .fc-ltr .fc-list-item-marker {
  padding-right: 0;
}

page-trainings .fc-rtl .fc-list-item-marker {
  padding-left: 0;
}

page-trainings .fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit;
}

page-trainings .fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline;
}

page-trainings .fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

page-trainings .fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table;
}

page-trainings .fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

page-trainings .fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #eee;
}

page-trainings .icon-inner {
  display: none;
}

page-trainings ion-fab {
  width: 40px !important;
  height: 40px !important;
  margin: 3%;
}

page-trainings .color-white {
  pointer-events: none !important;
}

page-trainings .showprem {
  width: 22%;
  /* text-align: -webkit-center; */
  margin-left: 35%;
}

page-trainings .searchbar-md .searchbar-input {
  background-color: white;
  border-width: 1px 1px 1px 10px;
  border-style: solid;
  border-color: #dddddd #dddddd #dddddd #d52b3d;
  -o-border-image: initial;
  border-image: initial;
  border-radius: 5px;
  border-left: 10px solid #3687f0;
}

page-trainings .ion-md-lock:before {
  content: "\f31d";
  font-size: 4rem;
}

page-trainings .ion-ios-lock:before {
  content: "\f31d";
  font-size: 4rem;
}

page-trainings .mydropdown {
  float: left;
  margin-left: 1%;
  display: block;
  border: 1px solid #b03542;
  line-height: 0;
  padding-left: 2%;
  border-radius: 10px;
  padding-right: 2%;
}

page-trainings .badge2 {
  background: white;
  color: #3687f0;
  font-style: italic;
}

page-trainings .helpbutton {
  font-size: 15px;
}

page-trainings .blurry-text {
  text-shadow: 0 0 39px #564e4e;
  color: #ebebeb;
}

page-trainings .help-circle-icon {
  color: #ffffff !important;
}

page-trainings ion-select {
  max-width: 100%;
}

page-trainings ion-card {
  border-radius: 10px;
}

page-trainings .training ion-item-sliding ion-label {
  border-left: 2px solid #172B4D !important;
  padding-left: 10px;
}

page-trainings .training ion-item-divider {
  background-color: #eeeeee;
  color: #172B4D !important;
}

page-trainings .training .training_item {
  cursor: pointer;
  position: relative;
  padding-bottom: 0px;
  padding-top: 0px;
}

page-trainings .training .nodata_avail {
  text-align: center;
  line-height: 60px;
  font-size: 25px;
  color: #172B4D !important !important;
  margin: auto;
  border-radius: 10px;
  width: 75%;
  padding: 13px 16px;
  background: #ffffff !important;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

page-trainings .training .nodata_avail-title {
  color: #172B4D !important !important;
  font-size: 18px !important;
  font-weight: bold;
  cursor: pointer;
}

page-trainings .training .training .card {
  background: #f3f1f3 !important;
}

@media (min-width: 800px) {
  page-trainings .content ion-card {
    width: 80%;
    margin: 20px 10px;
  }
  page-trainings .centerdiv {
    width: 80%;
    margin: 10px auto;
  }
  page-trainings .filtertraining {
    width: 80% !important;
    margin: 0 auto;
  }
}

page-trainings .filtertraining {
  width: 100%;
  margin: 0 auto;
}

page-trainings .filtertraining ion-item {
  border: 1px solid #ddd;
  border-radius: 5px;
  border-left: 10px solid #3687f0;
}

page-trainings .training ion-card:nth-child(even) {
  background: #e3e1e3;
}

page-trainings .training button .icon {
  color: #172B4D !important;
}

page-trainings .editbtn {
  margin-top: 7px;
  float: right;
  background: transparent;
  border: 1px solid #ddd;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0px;
  height: 25px;
  width: 20px;
  font-size: 12px;
}

page-trainings .deletebtn {
  margin-top: 7px;
  float: right;
  background: transparent;
  border: 1px solid #ddd;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0px;
  height: 25px;
  width: 20px;
  font-size: 12px;
}

page-trainings .editbtn:hover {
  background: #172B4D !important !important;
}

page-trainings .editbtn:hover .icon {
  color: #000 !important;
}

page-trainings .deletebtn:hover {
  background: #172B4D !important !important;
}

page-trainings .deletebtn:hover .icon {
  color: #000 !important;
}

page-trainings .editbtn .icon {
  color: #172B4D !important !important;
}

page-trainings .quizbtn .icon {
  color: #fff;
  font-size: 14px;
}

page-trainings .quizbtn {
  float: right;
  width: 30px;
  height: 30px;
  margin: -5px 10px;
}

page-trainings strong {
  white-space: initial !important;
}

page-trainings .labeltraining {
  color: #172B4D !important !important;
}

page-trainings .badge2 {
  top: 3px;
  left: calc(50% - 43px);
  border-radius: 4px;
  z-index: 999999999;
  padding: 8px;
  font-size: 11px;
}

page-trainings .badgetop {
  position: absolute;
  top: 3px;
  left: 1px;
  border-radius: 4px;
  z-index: 999999999;
  padding: 8px;
  font-size: 11px;
  color: #000;
  background-color: transparent;
}

page-trainings .card-title {
  cursor: pointer;
}

page-trainings .card-title1 {
  text-align: center;
  font-size: 16px;
  color: #000;
  font-weight: bold;
  display: inline;
}

page-trainings .contentdiv {
  white-space: pre-wrap;
  font-weight: 500;
  font-size: 13px;
  color: #000;
  font-weight: normal;
}

page-trainings read-more a {
  font-size: 10px;
  margin-top: -10px;
  display: block;
  padding-bottom: 15px;
}

page-trainings .footerrow {
  border-top: 2px solid black;
}

page-trainings .footerrow ion-col {
  padding: 0px;
}

page-trainings .ion-colsec {
  text-align: center;
  line-height: 38px;
  text-transform: capitalize;
  color: #172B4D !important;
  font-weight: bold;
}

page-trainings .ion-colfir {
  text-align: left;
  line-height: 43px;
  color: #172B4D !important;
  font-weight: bold;
}

page-trainings .createdby {
  text-align: right;
  text-transform: capitalize;
  color: #172B4D !important;
}

@media (max-width: 799px) {
  page-trainings .scroll-content {
    margin-top: 100px !important;
  }
  page-trainings .badge2 {
    position: initial;
  }
  page-trainings .trainingCard {
    width: 82%;
  }
}

page-trainings ion-segment {
  border: 1px solid #172B4D !important;
  border-radius: 25px;
}

page-trainings ion-segment-button {
  border-radius: 25px;
  border-bottom-style: none !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

page-trainings .segment-md .segment-button.activated,
page-trainings .segment-md .segment-button.segment-activated {
  border-color: #172B4D !important;
  background: #172B4D !important;
  color: #ffffff;
}

page-trainings .toolbar-background {
  background: #f8f8f8;
  border: 0px;
}

page-trainings .heading {
  text-align: center;
  color: #172B4D !important !important;
  font-family: "Poppins", sans-serif;
}

page-trainings ion-slide {
  min-height: 200px;
}

page-trainings .trainingCard {
  border-radius: 10px;
  background-color: #fff !important;
  max-width: 321px !important;
  height: 190px !important;
}

page-trainings .cardContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  scrollbar-width: none;
  overflow-x: scroll;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: none;
  width: 100%;
}

page-trainings .togglediv {
  margin: 10px;
}

page-trainings .togglediv ion-icon {
  color: black !important;
  font-size: 4rem;
  float: right;
  margin-right: 2%;
}

page-trainings .disabled.swiper-button-next {
  opacity: 0.2;
  cursor: default;
}

page-trainings .disabled.swiper-button-prev {
  cursor: default;
  opacity: 0.2;
}

page-trainings ion-slide.swiper-slide.swiper-slide-active ion-card {
  -webkit-transition: -webkit-transform 500ms;
  transition: -webkit-transform 500ms;
  transition: transform 500ms;
  transition: transform 500ms, -webkit-transform 500ms;
}

page-trainings .slide-zoom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-trainings .ui-dropdown .ui-dropdown-panel {
  z-index: 1017 !important;
  top: -102px !important;
  left: 0px !important;
  opacity: 1 !important;
}

page-update-company .upload-button {
  margin-left: 10px;
}

page-update-company ion-icon {
  font-size: 1.5em;
}

page-update-company .uploadHeader {
  font-size: larger;
  color: #0099ff !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-update-company .uploadHeader1 {
  margin: 10px !important;
}

page-update-company .div-1 {
  width: 50% !important;
}

page-update-company .uploadCard {
  width: 375px;
  margin: 10px auto;
}

page-update-company .uploadCard .cardBody {
  margin: 10px !important;
}

page-update-company .uploadCard .uploadBody {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 34px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-update-company .uploadCard .uploadBody button {
  background-color: #a9a9a96b;
  width: 100px;
  height: 100px;
  margin: 10px;
  padding-left: 20px;
}

page-update-company .uploadCard .uploadBody .thumbnail img {
  width: 100px !important;
  margin: 10px;
  height: 100px !important;
}

page-update-company .uploadCard .uploadBody .thumbnail .closeCross {
  color: white;
  position: absolute;
  margin: -120px 100px;
  opacity: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: scale(0);
  transform: scale(0);
  border-radius: 50%;
  background-color: black;
}

page-update-company .uploadCard .uploadBody .thumbnail:hover .closeCross {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

page-update-company .item-input ion-label {
  pointer-events: visible;
}

page-update-company .infoclass {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 70px 0 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 16px;
  font-weight: bold;
}

page-update-employee .range-md {
  padding: 0 20px !important;
}

page-update-employee .item-input ion-label {
  max-width: 215px !important;
}

page-update-employee .myhead {
  font-size: 22px;
  padding: 10px 5px;
}

page-update-employee sup {
  color: red;
}

page-update-question .topbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 2% 0;
}

page-update-question .marks {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

page-update-question .uploadHeader {
  font-size: larger;
  color: #0099ff !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-update-question .uploadBody {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 20px;
}

page-update-question .uploadBody button {
  background-color: #a9a9a96b;
  width: 60px;
  height: 60px;
  margin: 10px;
  padding-left: 20px;
}

page-update-question .upbtn {
  background-color: #a9a9a96b;
  width: 60px;
  height: 60px;
  margin: 0px;
  padding-left: 20px;
}

page-update-question .thumbnail img {
  width: 60px !important;
  margin: 10px;
  height: 60px !important;
  cursor: pointer;
}

page-update-question .thumbnail .img1 {
  width: 60px !important;
  margin: 0px;
  height: 60px !important;
  cursor: pointer;
}

page-update-question .thumbnail .closeCross {
  color: white;
  position: absolute;
  margin: -80px 60px;
  opacity: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: scale(0);
  transform: scale(0);
  border-radius: 50%;
  background-color: black;
}

page-update-question .thumbnail .newplace {
  margin: -70px 50px;
}

page-update-question .thumbnail:hover .closeCross {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  cursor: pointer;
}

page-update-question .hidden {
  display: none;
}

page-update-question .viewcard {
  width: 90%;
  margin: auto;
  border-radius: 5px;
}

page-update-question .viewcard h4 {
  color: #0099ff;
  padding: 5px;
  font-size: 16px !important;
}

page-update-question .viewcard iframe {
  width: 100%;
}

page-update-ratings .centerdiv {
  width: 90%;
  margin: 30px auto;
}

page-update-ratings ion-segment {
  border: 1px solid #0099ff;
  border-radius: 25px;
}

page-update-ratings ion-segment-button {
  border-radius: 25px;
  border-bottom-style: none !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

page-update-ratings .segment-md .segment-button.activated,
page-update-ratings .segment-md .segment-button.segment-activated {
  border-color: #0099ff;
  background: #0099ff;
  color: #000;
}

page-update-ratings .toolbar-background {
  background: transparent;
  border: 0px;
}

page-update-ratings .class-list form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-update-ratings .class-list form ion-list {
  width: 60%;
  margin: 10px;
}

page-update-ratings .class-list form ion-row {
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-update-ratings .globalTable {
  min-width: 901px;
  border: 1px solid lightgrey;
}

page-update-ratings .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-update-ratings .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

page-update-ratings .globalTable .table-header .align input {
  width: 80%;
  line-height: 25px;
}

page-update-ratings .globalTable th input {
  text-align: center;
  width: 50% !important;
  font-weight: 400;
}

page-update-ratings .globalTable .actionIcon {
  padding: 0 3px;
  font-size: 16px;
  cursor: pointer;
}

page-update-ratings ion-fab {
  width: 40px !important;
  height: 40px !important;
  margin: 3%;
}

@media (max-width: 576px) {
  page-update-ratings .class-list form ion-list {
    width: 100%;
  }
}

page-updatepassword {
  /* ANIMATION */
  /* SHADOWS */
  /*
 *
 *   MaterialWrap - Bootstrap + Material Design Admin Theme

 
*/
  /*
 * CSS Transform - Scale and Rotate
 */
  /* The Modal (background) */
  /* Modal Content (image) */
  /* The Close Button */
  /*!
 * FullCalendar v3.2.0 Stylesheet
 * Docs & License: https://fullcalendar.io/
 * (c) 2017 Adam Shaw
 */
  /* Colors
--------------------------------------------------------------------------------------------------*/
  /* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
  /*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
  /* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
  /* Firefox has an annoying inner border */
  /* icons in buttons */
  /*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
  /* Buttons Groups
--------------------------------------------------------------------------------------------------*/
  /*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
  /* Popover
--------------------------------------------------------------------------------------------------*/
  /* unthemed */
  /* jqui themed */
  /* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
  /* Tables
--------------------------------------------------------------------------------------------------*/
  /* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
  /* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
  /* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
  /* highlighting cells & background event skeleton */
  /*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
  /* Scrolling Container
--------------------------------------------------------------------------------------------------*/
  /* TODO: move to agenda/basic */
  /* Global Event Styles
--------------------------------------------------------------------------------------------------*/
  /* overpower some of bootstrap's and jqui's styles on <a> tags */
  /* resizer (cursor AND touch devices) */
  /* resizer (touch devices) */
  /* hit area */
  /* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
  /* Horizontal Events
--------------------------------------------------------------------------------------------------*/
  /* bigger touch area when selected */
  /* events that are continuing to/from another week. kill rounded corners and butt up against edge */
  /* resizer (cursor AND touch devices) */
  /* left resizer  */
  /* right resizer */
  /* resizer (mouse devices) */
  /* resizer (touch devices) */
  /* left resizer  */
  /* right resizer */
  /* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* resizer (cursor devices) */
  /* left resizer  */
  /* right resizer */
  /* Event Limiting
--------------------------------------------------------------------------------------------------*/
  /* "more" link that represents hidden events */
  /* popover that appears when "more" link is clicked */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* Utilities
--------------------------------------------------------------------------------------------------*/
  /* Toolbar
--------------------------------------------------------------------------------------------------*/
  /* the things within each left/right/center section */
  /* the first thing within each left/center/right section */
  /* title text */
  /* button layering (for border precedence) */
  /* View Structure
--------------------------------------------------------------------------------------------------*/
  /* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
  /* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
  /* BasicView
--------------------------------------------------------------------------------------------------*/
  /* day row structure */
  /* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
  /* week and day number styling */
  /* when week/day number have own column */
  /* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
  /* divs within a cell within the fc-content-skeleton */
  /* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
  /* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* short mode, where time and title are on the same line */
  /* resizer (cursor device) */
  /* resizer (touch device) */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* arrow on axis */
  /* List View
--------------------------------------------------------------------------------------------------*/
  /* possibly reusable */
  /* view wrapper */
  /* table resets */
  /* day headings with the list */
  /* event list items */
  /* make the dot closer to the event title */
  /* message when no events */
}

page-updatepassword .letter-sp-1 {
  letter-spacing: 1px;
}

page-updatepassword .letter-sp-2 {
  letter-spacing: 2px;
}

page-updatepassword .letter-sp-3 {
  letter-spacing: 3px;
}

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

page-updatepassword .m-5 {
  margin: 5px !important;
}

page-updatepassword .m-10 {
  margin: 10px !important;
}

page-updatepassword .m-15 {
  margin: 15px !important;
}

page-updatepassword .m-20 {
  margin: 20px !important;
}

page-updatepassword .m-30 {
  margin: 30px !important;
}

page-updatepassword .m-50 {
  margin: 50px !important;
}

page-updatepassword .m-b-100 {
  margin-bottom: 100px !important;
}

page-updatepassword .m-b-15 {
  margin-bottom: 15px !important;
}

page-updatepassword .m-b-20 {
  margin-bottom: 20px !important;
}

page-updatepassword .m-b-0 {
  margin-bottom: 0 !important;
}

page-updatepassword .m-l-0 {
  margin-left: 0 !important;
}

page-updatepassword .m-l-5 {
  margin-left: 5px !important;
}

page-updatepassword .m-l-10 {
  margin-left: 10px !important;
}

page-updatepassword .m-l-15 {
  margin-left: 15px !important;
}

page-updatepassword .m-l-20 {
  margin-left: 20px !important;
}

page-updatepassword .m-l-30 {
  margin-left: 30px !important;
}

page-updatepassword .m-l-40 {
  margin-left: 40px !important;
}

page-updatepassword .m-l-50 {
  margin-left: 50px !important;
}

page-updatepassword .m-l-n-1 {
  margin-left: -1px !important;
}

page-updatepassword .m-l-n-5 {
  margin-left: -5px !important;
}

page-updatepassword .m-l-n-10 {
  margin-left: -10px !important;
}

page-updatepassword .m-l-n-15 {
  margin-left: -15px !important;
}

page-updatepassword .m-l-n-20 {
  margin-left: -20px !important;
}

page-updatepassword .m-l-n-30 {
  margin-left: -30px !important;
}

page-updatepassword .m-l-n-40 {
  margin-left: -40px !important;
}

page-updatepassword .m-l-n-50 {
  margin-left: -50px !important;
}

page-updatepassword .m-t-0 {
  margin-top: 0 !important;
}

page-updatepassword .m-t-1 {
  margin-top: 1px !important;
}

page-updatepassword .m-t-2 {
  margin-top: 2px;
}

page-updatepassword .m-t-2p {
  margin-top: 2% !important;
}

page-updatepassword .m-t-5p {
  margin-top: 5% !important;
}

page-updatepassword .m-t-25p {
  margin-top: 25% !important;
}

page-updatepassword .m-t-30p {
  margin-top: 30% !important;
}

page-updatepassword .m-t-4 {
  margin-top: 4px !important;
}

page-updatepassword .m-t-5 {
  margin-top: 5px !important;
}

page-updatepassword .m-t-5p {
  margin-top: 5% !important;
}

page-updatepassword .m-t-10 {
  margin-top: 10px !important;
}

page-updatepassword .m-t-15 {
  margin-top: 15px !important;
}

page-updatepassword .m-t-20 {
  margin-top: 20px !important;
}

page-updatepassword .m-t-30 {
  margin-top: 30px !important;
}

page-updatepassword .m-t-40 {
  margin-top: 40px !important;
}

page-updatepassword .m-t-50 {
  margin-top: 50px !important;
}

page-updatepassword .m-t-75 {
  margin-top: 75px !important;
}

page-updatepassword .m-t-100 {
  margin-top: 100px !important;
}

page-updatepassword .m-t-120 {
  margin-top: 120px !important;
}

page-updatepassword .m-t-140 {
  margin-top: 140px !important;
}

page-updatepassword .m-t-n-1 {
  margin-top: -1px !important;
}

page-updatepassword .m-t-n-5 {
  margin-top: -5px !important;
}

page-updatepassword .m-t-n-10 {
  margin-top: -10px !important;
}

page-updatepassword .m-t-n-15 {
  margin-top: -15px !important;
}

page-updatepassword .m-t-n-20 {
  margin-top: -20px !important;
}

page-updatepassword .m-t-n-30 {
  margin-top: -30px !important;
}

page-updatepassword .m-t-n-40 {
  margin-top: -40px !important;
}

page-updatepassword .m-t-n-50 {
  margin-top: -50px !important;
}

page-updatepassword .m-r-0 {
  margin-right: 0 !important;
}

page-updatepassword .m-r-1 {
  margin-right: 1px !important;
}

page-updatepassword .m-r-5 {
  margin-right: 5px !important;
}

page-updatepassword .m-r-10 {
  margin-right: 10px !important;
}

page-updatepassword .m-r-15 {
  margin-right: 15px !important;
}

page-updatepassword .m-r-20 {
  margin-right: 20px !important;
}

page-updatepassword .m-r-30 {
  margin-right: 30px !important;
}

page-updatepassword .m-r-40 {
  margin-right: 40px !important;
}

page-updatepassword .m-r-50 {
  margin-right: 50px !important;
}

page-updatepassword .m-r-n-1 {
  margin-right: -1px !important;
}

page-updatepassword .m-r-n-5 {
  margin-right: -5px !important;
}

page-updatepassword .m-r-n-10 {
  margin-right: -10px !important;
}

page-updatepassword .m-r-n-15 {
  margin-right: -15px !important;
}

page-updatepassword .m-r-n-20 {
  margin-right: -20px !important;
}

page-updatepassword .m-r-n-30 {
  margin-right: -30px !important;
}

page-updatepassword .m-r-n-40 {
  margin-right: -40px !important;
}

page-updatepassword .m-r-n-50 {
  margin-right: -50px !important;
}

page-updatepassword .m-b-0 {
  margin-bottom: 0 !important;
}

page-updatepassword .m-b-1 {
  margin-bottom: 1px !important;
}

page-updatepassword .m-b-4 {
  margin-bottom: 4px !important;
}

page-updatepassword .m-b-5 {
  margin-bottom: 5px !important;
}

page-updatepassword .m-b-10 {
  margin-bottom: 10px !important;
}

page-updatepassword .m-b-15 {
  margin-bottom: 15px !important;
}

page-updatepassword .m-b-20 {
  margin-bottom: 20px !important;
}

page-updatepassword .m-b-30 {
  margin-bottom: 30px !important;
}

page-updatepassword .m-b-40 {
  margin-bottom: 40px !important;
}

page-updatepassword .m-b-50 {
  margin-bottom: 50px !important;
}

page-updatepassword .m-b-n-1 {
  margin-bottom: -1px !important;
}

page-updatepassword .m-b-n-5 {
  margin-bottom: -5px !important;
}

page-updatepassword .m-b-n-10 {
  margin-bottom: -10px !important;
}

page-updatepassword .m-b-n-15 {
  margin-bottom: -15px !important;
}

page-updatepassword .m-b-n-20 {
  margin-bottom: -20px !important;
}

page-updatepassword .m-b-n-30 {
  margin-bottom: -30px !important;
}

page-updatepassword .m-b-n-40 {
  margin-bottom: -40px !important;
}

page-updatepassword .m-b-n-50 {
  margin-bottom: -50px !important;
}

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

page-updatepassword .p-5 {
  padding: 5px !important;
}

page-updatepassword .p-10 {
  padding: 10px !important;
}

page-updatepassword .p-15 {
  padding: 15px !important;
}

page-updatepassword .p-20 {
  padding: 20px !important;
}

page-updatepassword .p-25 {
  padding: 25px !important;
}

page-updatepassword .p-30 {
  padding: 30px !important;
}

page-updatepassword .p-40 {
  padding: 40px !important;
}

page-updatepassword .p-50 {
  padding: 50px !important;
}

page-updatepassword .p-75 {
  padding: 75px !important;
}

page-updatepassword .p-100 {
  padding: 100px !important;
}

page-updatepassword .p-lr {
  padding: 0px 4% 0px 4%;
}

page-updatepassword .p-l-0 {
  padding-left: 0 !important;
}

page-updatepassword .p-l-5 {
  padding-left: 5px !important;
}

page-updatepassword .p-l-10 {
  padding-left: 10px !important;
}

page-updatepassword .p-l-12 {
  padding-left: 12px !important;
}

page-updatepassword .p-l-15 {
  padding-left: 15px !important;
}

page-updatepassword .p-l-16 {
  padding-left: 16px !important;
}

page-updatepassword .p-l-20 {
  padding-left: 20px !important;
}

page-updatepassword .p-l-25 {
  padding-left: 25px !important;
}

page-updatepassword .p-l-30 {
  padding-left: 30px !important;
}

page-updatepassword .p-l-40 {
  padding-left: 40px !important;
}

page-updatepassword .p-l-50 {
  padding-left: 50px !important;
}

page-updatepassword .p-l-75 {
  padding-left: 75px !important;
}

page-updatepassword .p-l-100 {
  padding-left: 100px !important;
}

page-updatepassword .p-r-0 {
  padding-right: 0 !important;
}

page-updatepassword .p-r-5 {
  padding-right: 5px !important;
}

page-updatepassword .p-r-10 {
  padding-right: 10px !important;
}

page-updatepassword .p-r-12 {
  padding-right: 12px !important;
}

page-updatepassword .p-r-15 {
  padding-right: 15px !important;
}

page-updatepassword .p-r-20 {
  padding-right: 20px !important;
}

page-updatepassword .p-r-25 {
  padding-right: 25px !important;
}

page-updatepassword .p-r-30 {
  padding-right: 30px !important;
}

page-updatepassword .p-r-40 {
  padding-right: 40px !important;
}

page-updatepassword .p-r-50 {
  padding-right: 50px !important;
}

page-updatepassword .p-r-75 {
  padding-right: 75px !important;
}

page-updatepassword .p-r-100 {
  padding-right: 100px !important;
}

page-updatepassword .p-b-0 {
  padding-bottom: 0 !important;
}

page-updatepassword .p-b-5 {
  padding-bottom: 5px !important;
}

page-updatepassword .p-b-10 {
  padding-bottom: 10px !important;
}

page-updatepassword .p-b-15 {
  padding-bottom: 15px !important;
}

page-updatepassword .p-b-16 {
  padding-bottom: 16px !important;
}

page-updatepassword .p-b-20 {
  padding-bottom: 20px !important;
}

page-updatepassword .p-b-25 {
  padding-bottom: 25px !important;
}

page-updatepassword .p-b-30 {
  padding-bottom: 30px !important;
}

page-updatepassword .p-b-40 {
  padding-bottom: 40px !important;
}

page-updatepassword .p-b-50 {
  padding-bottom: 50px !important;
}

page-updatepassword .p-b-60 {
  padding-bottom: 60px !important;
}

page-updatepassword .p-b-70 {
  padding-bottom: 70px !important;
}

page-updatepassword .p-b-80 {
  padding-bottom: 80px !important;
}

page-updatepassword .p-b-90 {
  padding-bottom: 90px !important;
}

page-updatepassword .p-b-100 {
  padding-bottom: 100px !important;
}

page-updatepassword .p-t-0 {
  padding-top: 0 !important;
}

page-updatepassword .p-t-5 {
  padding-top: 5px !important;
}

page-updatepassword .p-t-7 {
  padding-top: 7px !important;
}

page-updatepassword .p-t-10 {
  padding-top: 10px !important;
}

page-updatepassword .p-t-15 {
  padding-top: 15px !important;
}

page-updatepassword .p-t-16 {
  padding-top: 16px !important;
}

page-updatepassword .p-t-20 {
  padding-top: 20px !important;
}

page-updatepassword .p-t-25 {
  padding-top: 25px !important;
}

page-updatepassword .p-t-30 {
  padding-top: 30px !important;
}

page-updatepassword .p-t-40 {
  padding-top: 40px !important;
}

page-updatepassword .p-t-50 {
  padding-top: 50px !important;
}

page-updatepassword .p-t-75 {
  padding-top: 75px !important;
}

page-updatepassword .p-t-100 {
  padding-top: 100px !important;
}

page-updatepassword .p-t-120 {
  padding-top: 120px !important;
}

page-updatepassword .p-t-130 {
  padding-top: 130px !important;
}

page-updatepassword .p-t-140 {
  padding-top: 140px !important;
}

page-updatepassword .p-t-150 {
  padding-top: 150px !important;
}

page-updatepassword .block {
  display: block !important;
}

page-updatepassword .img-xs {
  width: 30px;
  height: 30px;
}

page-updatepassword .img-sm {
  width: 35px;
  height: 35px;
}

page-updatepassword .img-md {
  width: 55px;
  height: 55px;
}

page-updatepassword .img-lg {
  width: 100px;
  height: 100px;
}

page-updatepassword .min-w-800 {
  min-width: 800px !important;
}

page-updatepassword .min-w-1000 {
  min-width: 1000px !important;
}

page-updatepassword .min-w-1100 {
  min-width: 1100px !important;
}

page-updatepassword .max-w-20 {
  max-width: 20px !important;
}

page-updatepassword .max-w-30 {
  max-width: 30px !important;
}

page-updatepassword .max-w-32 {
  max-width: 35px !important;
}

page-updatepassword .max-w-35 {
  max-width: 35px !important;
}

page-updatepassword .max-w-40 {
  max-width: 40px !important;
}

page-updatepassword .max-w-50 {
  max-width: 50px !important;
}

page-updatepassword .max-w-75 {
  max-width: 75px !important;
}

page-updatepassword .max-w-100 {
  max-width: 100px !important;
}

page-updatepassword .max-w-150 {
  max-width: 150px !important;
}

page-updatepassword .max-w-200 {
  max-width: 200px !important;
}

page-updatepassword .max-w-300 {
  max-width: 300px !important;
}

page-updatepassword .max-w-400 {
  max-width: 400px !important;
}

page-updatepassword .overflow-hidden {
  overflow: hidden;
}

page-updatepassword .overflow-auto {
  overflow: auto;
}

page-updatepassword .max-h-50 {
  max-height: 50px !important;
}

page-updatepassword .max-h-80 {
  max-height: 80px !important;
}

page-updatepassword .max-h-100 {
  max-height: 100px !important;
}

page-updatepassword .max-h-150 {
  max-height: 150px !important;
}

page-updatepassword .max-h-200 {
  max-height: 200px !important;
}

page-updatepassword .max-h-250 {
  max-height: 250px !important;
}

page-updatepassword .max-h-300 {
  max-height: 300px !important;
}

page-updatepassword .max-h-350 {
  max-height: 300px !important;
}

page-updatepassword .max-h-375 {
  max-height: 300px !important;
}

page-updatepassword .max-h-400 {
  max-height: 400px !important;
}

page-updatepassword .max-h-450 {
  max-height: 450px !important;
}

page-updatepassword .max-h-500 {
  max-height: 500px !important;
}

page-updatepassword .max-h-600 {
  max-height: 600px !important;
}

page-updatepassword .max-h-650 {
  max-height: 650px !important;
}

page-updatepassword .max-h-700 {
  max-height: 700px !important;
}

page-updatepassword .max-h-800 {
  max-height: 800px !important;
}

page-updatepassword .max-h-900 {
  max-height: 900px !important;
}

page-updatepassword .max-h-1000 {
  max-height: 1000px !important;
}

page-updatepassword .min-h-0 {
  min-height: 0 !important;
}

page-updatepassword .min-h-50 {
  min-height: 50px !important;
}

page-updatepassword .min-h-100 {
  min-height: 100px !important;
}

page-updatepassword .min-h-200 {
  min-height: 200px !important;
}

page-updatepassword .min-h-250 {
  min-height: 250px !important;
}

page-updatepassword .min-h-300 {
  min-height: 300px !important;
}

page-updatepassword .min-h-350 {
  min-height: 300px !important;
}

page-updatepassword .min-h-375 {
  min-height: 300px !important;
}

page-updatepassword .min-h-400 {
  min-height: 400px !important;
}

page-updatepassword .min-h-450 {
  min-height: 450px !important;
}

page-updatepassword .min-h-500 {
  min-height: 500px !important;
}

page-updatepassword .min-h-600 {
  min-height: 600px !important;
}

page-updatepassword .min-h-650 {
  min-height: 650px !important;
}

page-updatepassword .min-h-700 {
  min-height: 700px !important;
}

page-updatepassword .min-h-800 {
  min-height: 800px !important;
}

page-updatepassword .min-h-900 {
  min-height: 900px !important;
}

page-updatepassword .min-h-1000 {
  min-height: 1000px !important;
}

page-updatepassword .h-5 {
  height: 5px !important;
}

page-updatepassword .h-10 {
  height: 10px !important;
}

page-updatepassword .h-20 {
  height: 20px !important;
}

page-updatepassword .h-25 {
  height: 25px !important;
}

page-updatepassword .h-50 {
  height: 50px !important;
}

page-updatepassword .h-75 {
  height: 75px !important;
}

page-updatepassword .h-100 {
  height: 100px !important;
}

page-updatepassword .h-125 {
  height: 125px !important;
}

page-updatepassword .h-150 {
  height: 150px !important;
}

page-updatepassword .h-200 {
  height: 200px !important;
}

page-updatepassword .h-300 {
  height: 300px !important;
}

page-updatepassword .h-350 {
  height: 350px !important;
}

page-updatepassword .h-400 {
  height: 400px !important;
}

page-updatepassword .h-450 {
  height: 450px !important;
}

page-updatepassword .h-500 {
  height: 500px !important;
}

page-updatepassword .h-600 {
  height: 600px !important;
}

page-updatepassword .h-650 {
  height: 650px !important;
}

page-updatepassword .h-700 {
  height: 700px !important;
}

page-updatepassword .h-800 {
  height: 800px !important;
}

page-updatepassword .h-900 {
  height: 900px !important;
}

page-updatepassword .h-1000 {
  height: 1000px !important;
}

page-updatepassword .w-5 {
  width: 5px !important;
}

page-updatepassword .w-10 {
  width: 10px !important;
}

page-updatepassword .w-15 {
  width: 15px !important;
}

page-updatepassword .w-20 {
  width: 20px !important;
}

page-updatepassword .w-30 {
  width: 30px !important;
}

page-updatepassword .w-40 {
  width: 40px !important;
}

page-updatepassword .w-50 {
  width: 50px !important;
}

page-updatepassword .w-60 {
  width: 60px !important;
}

page-updatepassword .w-80 {
  width: 80px !important;
}

page-updatepassword .w-100 {
  width: 100px !important;
}

page-updatepassword .w-150 {
  width: 150px !important;
}

page-updatepassword .w-190 {
  width: 190px !important;
}

page-updatepassword .w-200 {
  width: 200px !important;
}

page-updatepassword .w-250 {
  width: 250px !important;
}

page-updatepassword .w-300 {
  width: 300px !important;
}

page-updatepassword .w-600 {
  width: 600px !important;
}

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

page-updatepassword .w-95p {
  width: 95% !important;
}

page-updatepassword .w-90p {
  width: 90% !important;
}

page-updatepassword .w-80p {
  width: 80% !important;
}

page-updatepassword .w-70p {
  width: 70% !important;
}

page-updatepassword .w-60p {
  width: 60% !important;
}

page-updatepassword .w-50p {
  width: 50% !important;
}

page-updatepassword .w-45p {
  width: 45% !important;
}

page-updatepassword .w-40p {
  width: 40% !important;
}

page-updatepassword .w-30p {
  width: 30% !important;
}

page-updatepassword .w-25p {
  width: 25% !important;
}

page-updatepassword .w-20p {
  width: 20% !important;
}

page-updatepassword .w-15p {
  width: 15% !important;
}

page-updatepassword .w-10p {
  width: 10% !important;
}

page-updatepassword .w-8p {
  width: 8% !important;
}

page-updatepassword .w-5p {
  width: 5% !important;
}

page-updatepassword .w-3p {
  width: 3% !important;
}

page-updatepassword .w-95p {
  width: 95% !important;
}

page-updatepassword .h-100p {
  height: 100% !important;
}

page-updatepassword .h-80p {
  height: 80% !important;
}

page-updatepassword .absolute {
  position: absolute !important;
}

page-updatepassword .relative {
  position: relative !important;
}

page-updatepassword .block {
  display: block !important;
}

page-updatepassword .inline-block {
  display: inline-block !important;
}

page-updatepassword .list-block li {
  display: block !important;
}

page-updatepassword .list-inline li {
  display: inline !important;
}

page-updatepassword .clear-both {
  clear: both !important;
}

page-updatepassword .line-height-normal {
  line-height: normal !important;
}

page-updatepassword .line-height-8 {
  line-height: 8px !important;
}

page-updatepassword .line-height-14 {
  line-height: 14px !important;
}

page-updatepassword .line-height-12 {
  line-height: normal !important;
}

page-updatepassword ul.style-none {
  margin: 0;
  padding: 0;
  list-style: none;
}

page-updatepassword ul.style-none li {
  font-size: 0.875rem;
  padding: 3px 0;
}

page-updatepassword ul.style-none li ul {
  list-style: none;
}

page-updatepassword ul.vertical-icon-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

page-updatepassword ul.vertical-icon-list li {
  font-size: 0.875rem;
  padding: 6px 0;
}

page-updatepassword ul.vertical-icon-list li i {
  font-size: 1.25rem;
  padding-right: 15px;
  vertical-align: middle;
}

page-updatepassword .bg-white {
  background: #ffffff !important;
}

page-updatepassword .bg-green {
  background: #28bebd !important;
}

page-updatepassword .bg-blue {
  background: #42a5f5 !important;
}

page-updatepassword .bg-lightBlue {
  background: #2ebaee !important;
}

page-updatepassword .bg-red {
  background: #ef5350 !important;
}

page-updatepassword .bg-yellow {
  background: #f8c200 !important;
}

page-updatepassword .bg-paleYellow {
  background: #fddd7e !important;
}

page-updatepassword .bg-lightGray {
  background: #e3ecf7 !important;
}

page-updatepassword .bg-gray {
  background: #8f9eb5 !important;
}

page-updatepassword .bg-drakGray {
  background: #707c94 !important;
}

page-updatepassword .bg-grayBlue {
  background: #59779b !important;
}

page-updatepassword .bg-purple {
  background: #6b79c4 !important;
}

page-updatepassword .bg-turquoise {
  background: #00c5dc !important;
}

page-updatepassword .bg-peach {
  background: #feb38d !important;
}

page-updatepassword .bg-transparent {
  background: transparent !important;
}

page-updatepassword .text-primary {
  color: #172B4D !important;
}

page-updatepassword .text-link {
  color: #0645ad !important;
}

page-updatepassword .text-green {
  color: #28bebd !important;
}

page-updatepassword .text-turquoise {
  color: #00c5dc !important;
}

page-updatepassword .text-red {
  color: #ef5350 !important;
}

page-updatepassword .text-cyan {
  color: #26c6da !important;
}

page-updatepassword .text-yellow {
  color: #f8c200 !important;
}

page-updatepassword .text-gray {
  color: #8f9eb5 !important;
}

page-updatepassword .text-blue {
  color: #42a5f5 !important;
}

page-updatepassword .text-orange {
  color: #ffb74d !important;
}

page-updatepassword .text-purple {
  color: #6b79c4 !important;
}

page-updatepassword .text-white {
  color: #fff !important;
}

page-updatepassword .text-brown {
  color: #906b6b !important;
}

page-updatepassword .text-salmon {
  color: #ee6e73 !important;
}

page-updatepassword .text-muted {
  color: #8396b0;
}

page-updatepassword .color-black {
  color: #000 !important;
}

page-updatepassword .color-white {
  color: #fff !important;
}

page-updatepassword .bg-white {
  background-color: #fff !important;
}

page-updatepassword .transparent {
  background: transparent !important;
}

page-updatepassword .bg-primary {
  background-color: #172B4D !important;
}

page-updatepassword .border-bottom,
page-updatepassword .border-grey-bottom-1px {
  border-bottom: 1px solid rgba(215, 225, 237, 0.8) !important;
}

page-updatepassword .border-grey-top-1px,
page-updatepassword .border-top {
  border-top: 1px solid rgba(215, 225, 237, 0.6) !important;
}

page-updatepassword .border-bottom-black-2px {
  border-bottom: 2px solid black;
}

page-updatepassword .border-top0p {
  border-top: 0px !important;
}

page-updatepassword .b-n {
  border: none !important;
}

page-updatepassword .b-b-1 {
  border: 1px solid black;
}

page-updatepassword .b-lg-1 {
  border: 1px solid lightgrey;
}

page-updatepassword .shadow-none {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

page-updatepassword .shadow-z-0 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-updatepassword .shadow-z-1 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-updatepassword .shadow-z-1:hover {
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

page-updatepassword .shadow-z-2 {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

page-updatepassword .shadow-z-3 {
  -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

page-updatepassword .shadow-z-4 {
  -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}

page-updatepassword .shadow-z-5 {
  -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}

page-updatepassword .big-shadow {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
}

page-updatepassword .shadow-2dp {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

page-updatepassword .shadow-3dp {
  -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}

page-updatepassword .shadow-4dp {
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}

page-updatepassword .shadow-6dp {
  -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}

page-updatepassword .shadow-8dp {
  -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}

page-updatepassword .shadow-16dp {
  -webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

page-updatepassword .shadow-24dp {
  -webkit-box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
}

page-updatepassword .font-weight-100 {
  font-weight: 100 !important;
}

page-updatepassword .font-weight-200 {
  font-weight: 200 !important;
}

page-updatepassword .font-weight-300 {
  font-weight: 300 !important;
}

page-updatepassword .font-weight-400 {
  font-weight: 400 !important;
}

page-updatepassword .font-weight-500 {
  font-weight: 500 !important;
}

page-updatepassword .font-weight-600 {
  font-weight: 600 !important;
}

page-updatepassword .font-weight-700 {
  font-weight: 700 !important;
}

page-updatepassword .font-weight-800 {
  font-weight: 800 !important;
}

page-updatepassword .font-weight-900 {
  font-weight: 900 !important;
}

page-updatepassword .font-weight-light {
  font-weight: 100 !important;
}

page-updatepassword .font-weight-normal {
  font-weight: 300 !important;
}

page-updatepassword .font-weight-medium {
  font-weight: 400 !important;
}

page-updatepassword .font-weight-bold {
  font-weight: 500 !important;
}

page-updatepassword .bold {
  font-weight: bold !important;
}

page-updatepassword .font-size-0 {
  font-size: 0 !important;
}

page-updatepassword .font-size-10 {
  font-size: 10px !important;
}

page-updatepassword .font-size-11 {
  font-size: 11px !important;
}

page-updatepassword .font-size-12 {
  font-size: 12px !important;
}

page-updatepassword .font-size-14 {
  font-size: 14px !important;
}

page-updatepassword .font-size-16 {
  font-size: 16px !important;
}

page-updatepassword .font-size-18 {
  font-size: 18px !important;
}

page-updatepassword .font-size-20 {
  font-size: 20px !important;
}

page-updatepassword .font-size-24 {
  font-size: 24px !important;
}

page-updatepassword .font-size-26 {
  font-size: 26px !important;
}

page-updatepassword .font-size-30 {
  font-size: 30px !important;
}

page-updatepassword .font-size-35 {
  font-size: 35px !important;
}

page-updatepassword .font-size-38 {
  font-size: 38px !important;
}

page-updatepassword .font-size-40 {
  font-size: 40px !important;
}

page-updatepassword .font-size-50 {
  font-size: 50px !important;
}

page-updatepassword .font-size-60 {
  font-size: 60px !important;
}

page-updatepassword .font-size-70 {
  font-size: 70px !important;
}

page-updatepassword .font-size-80 {
  font-size: 80px !important;
}

page-updatepassword .hidden {
  display: none !important;
}

page-updatepassword .w-100p {
  width: 100% !important;
}

page-updatepassword .float-r {
  float: right !important;
}

page-updatepassword .float-l {
  float: left !important;
}

page-updatepassword .align-c {
  display: block;
  margin: 0 auto;
}

page-updatepassword .align-b {
  display: block;
}

page-updatepassword .text-center {
  text-align: center !important;
}

page-updatepassword .text-left {
  text-align: left !important;
}

page-updatepassword .text-right {
  text-align: right !important;
}

page-updatepassword .align-v-c {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-updatepassword .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-updatepassword .align-v-c1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-updatepassword .align-v-c2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-updatepassword .align-v-c3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-updatepassword .align-v-c4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-updatepassword .align-flex-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-updatepassword .align-right-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

page-updatepassword .align-start-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media (max-width: 576px) {
  page-updatepassword .d-xs-none {
    display: none !important;
  }
  page-updatepassword .d-xs-inline {
    display: inline !important;
  }
  page-updatepassword .d-xs-inline-block {
    display: inline-block !important;
  }
  page-updatepassword .d-xs-block {
    display: block !important;
  }
  page-updatepassword .d-xs-table {
    display: table !important;
  }
  page-updatepassword .d-xs-table-cell {
    display: table-cell !important;
  }
  page-updatepassword .d-xs-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
  }
  page-updatepassword .d-xs-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important;
  }
}

page-updatepassword .b-r-gd {
  border-radius: 10px !important;
}

page-updatepassword .b-r-10 {
  border-radius: 10px !important;
}

page-updatepassword .b-r-5 {
  border-radius: 5px;
}

page-updatepassword .d-fl-ov-x {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  overflow-x: auto !important;
}

page-updatepassword .align-base {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-updatepassword .d-fl-bl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-updatepassword .d-fl-vhcenter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-updatepassword .d-fl-b2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
}

page-updatepassword .d-fl-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-updatepassword .d-fl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-updatepassword .d-fl-sb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-updatepassword .d-fl-saround {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-updatepassword .d-fl-ac {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-updatepassword .text-capital {
  text-transform: capitalize !important;
}

page-updatepassword .text-upper {
  text-transform: uppercase !important;
}

page-updatepassword .m-a {
  margin: auto !important;
}

page-updatepassword .m-l-a {
  margin-left: auto !important;
}

page-updatepassword .m-r-a {
  margin-right: auto !important;
}

page-updatepassword .italic {
  font-style: italic;
}

page-updatepassword .pointer {
  cursor: pointer;
}

page-updatepassword .ws-in {
  white-space: inherit;
}

page-updatepassword .opacity-1 {
  opacity: 1;
}

page-updatepassword .in-valid-checkbox {
  border: 1px solid #ff0000 !important;
  padding: 5px !important;
  margin-bottom: 10px;
  border-radius: 5px;
}

page-updatepassword page-corp-dashboard .mycustomdrop:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
  top: -15px;
  position: absolute;
  right: 15%;
}

page-updatepassword h1 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1.6875rem !important;
  line-height: 64px;
  letter-spacing: -0.4px;
}

page-updatepassword h2 {
  font-family: "Poppins", sans-serif;
  font-size: 24px !important;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
}

page-updatepassword h3,
page-updatepassword .h3 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 22px !important;
  line-height: 48px;
  /* identical to box height, or 200% */
  /* Neutral / dark gray */
  color: #000000;
}

page-updatepassword h4,
page-updatepassword .menu-heading-h4 {
  font-family: "Poppins", sans-serif !important;
  font-style: normal;
  font-weight: normal;
  font-size: 15px !important;
  line-height: 26px;
  /* or 144% */
  letter-spacing: -0.2px;
  color: #000000;
}

page-updatepassword h5 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  /* or 143% */
  color: #000000;
}

page-updatepassword .subtitle {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  /* or 200% */
  letter-spacing: 2.5px;
  color: #4E5761;
}

page-updatepassword p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 13px !important;
  line-height: 24px;
  /* identical to box height, or 171% */
  letter-spacing: -0.1px;
  /* Neutral / black */
  color: #000000;
}

page-updatepassword .ui-tabview.ui-tabview-top > .ui-tabview-nav {
  padding: 0.2em 0.2em 0;
  border-bottom: 1px solid #eaeaea;
}

page-updatepassword .scroll-content {
  padding: 0 !important;
}

page-updatepassword ion-navbar {
  margin: 0;
  border-radius: 0px;
  height: 50px !important;
  color: #172B4D !important;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

page-updatepassword ion-header {
  padding: 0;
}

page-updatepassword .header-md::after {
  background-image: none;
}

page-updatepassword .toolbar-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #172B4D !important;
  line-height: 24px;
  font-family: "Poppins", sans-serif;
  font-size: 2rem !important;
  font-weight: bold !important;
  text-align: left !important;
}

page-updatepassword .userLabel {
  float: right;
  display: inline;
  letter-spacing: 1px;
  color: #172B4D !important !important;
}

page-updatepassword .card-title {
  font-size: 16px !important;
  color: #000000;
  font-weight: bold !important;
  text-align: center !important;
}

page-updatepassword .barcolor {
  background: #5a75a3;
  color: #ffffff;
}

page-updatepassword p-sorticon {
  color: black;
}

page-updatepassword p-sorticon a {
  color: black !important;
}

page-updatepassword .globalTable {
  border: none;
  border: 1px solid #c1c1c1;
}

page-updatepassword .globalTable .ui-table-caption {
  border-bottom: 1px solid #dadada !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  font-size: 18px !important;
  background: #ecececad !important;
}

page-updatepassword .globalTable .table-header input {
  font-size: 15px !important;
  border-style: groove;
  width: 100% !important;
  padding-left: 10px;
  border-radius: 10px;
  border-color: #f3f3f3;
  font-weight: 500;
  line-height: 25px !important;
}

page-updatepassword .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-updatepassword .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

page-updatepassword .globalTable .table-header .align input {
  width: 80%;
  line-height: 25px;
}

page-updatepassword .globalTable .ui-table-tbody tr:nth-child(2n+1) {
  background: white;
}

page-updatepassword .globalTable .ui-table-tbody tr:nth-child(2n) {
  background: #f3f3f3;
}

page-updatepassword .globalTable .ui-table-tbody tr:hover {
  background: #c1c1c167 !important;
}

page-updatepassword .globalTable .ui-table-tbody .activeRow {
  background: #c4d2e5 !important;
}

page-updatepassword .globalTable th input {
  text-align: center !important;
  width: 90% !important;
  font-weight: 400 !important;
}

page-updatepassword .globalTable .ui-table .ui-sortable-column.ui-state-highlight {
  color: black !important;
}

page-updatepassword .globalTable .ui-table .ui-table-thead tr th {
  background: #eeeeee9e;
  border: none;
  padding: 10px 0;
  width: 100%;
  text-align: center;
}

page-updatepassword .globalTable .ui-table .ui-table-tbody tr td {
  border: none;
  background: inherit;
  padding: 20px 0;
  text-align: center;
}

page-updatepassword .globalTable .ui-table .ui-table-tbody tr {
  border-bottom: 1px solid #cacaca;
}

page-updatepassword .globalTable .p-column-filter {
  border-radius: 4px;
  border: 1px solid gray;
}

page-updatepassword .globalTable .badge-badge.status-Active {
  padding: 5px 20px;
  color: #226f4e;
  background-color: #9decbe;
  font-weight: 500;
  font-size: 12px;
}

page-updatepassword .globalTable .badge-badge.status-Inactive {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

page-updatepassword .globalTable .badge-badge.status-Suspended {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

page-updatepassword .globalTable .badge-badge.status-Waiting {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

page-updatepassword .globalTable .badge-badge.status-Pending {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

page-updatepassword .globalTable .actionIcon {
  padding: 0 3px;
  font-size: 16px;
  cursor: pointer;
}

page-updatepassword ion-icon {
  cursor: pointer;
}

page-updatepassword .button-md-reset {
  background-color: #ffffff;
  color: black !important;
  border: 1px solid #e3ecf7;
}

page-updatepassword .button-md-reset:hover {
  background-color: #ececec !important;
}

page-updatepassword .reset:hover {
  background-color: #ececec !important;
}

page-updatepassword .button-md-primary {
  background-color: #172B4D !important;
  color: #ffffff !important;
}

page-updatepassword ion-button {
  background-color: #172B4D !important;
  color: #ffffff;
}

page-updatepassword .my-custom-class .alert-button-group button:first-child {
  position: relative;
}

page-updatepassword .my-custom-class .alert-button-group button {
  font-weight: bold;
}

page-updatepassword .my-custom-class .alert-radio-group {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100% !important;
}

page-updatepassword .my-custom-class button {
  text-align: center;
}

page-updatepassword .alert-button-group button:first-child {
  position: relative !important;
  min-width: 0 !important;
}

page-updatepassword .alert-md .alert-wrapper {
  max-width: 320px !important;
}

page-updatepassword .alert-md .alert-message {
  font-size: 16px !important;
}

page-updatepassword .alert-button {
  font-size: 15px !important;
}

page-updatepassword .alert-md .alert-sub-title {
  font-size: 16px !important;
}

page-updatepassword .alert-md .alert-title {
  font-size: 22px !important;
}

page-updatepassword .breakclass {
  white-space: pre-line;
}

page-updatepassword .error {
  color: red;
  float: left;
}

page-updatepassword .topStrip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}

page-updatepassword .infographic1 {
  border: none;
  color: #367ad2;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-updatepassword .infographic1 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-updatepassword .infographic1 ion-icon {
  color: black;
}

page-updatepassword .infographic2 {
  border: none;
  color: #50d29b;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-updatepassword .infographic2 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-updatepassword .infographic2 ion-icon {
  color: black;
}

page-updatepassword .infographic3 {
  border: none;
  color: #ffaa00;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-updatepassword .infographic3 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-updatepassword .infographic3 ion-icon {
  color: black;
}

page-updatepassword .infographic4 {
  border: none;
  color: #f36363;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-updatepassword .infographic4 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-updatepassword .infographic4 ion-icon {
  color: black;
}

page-updatepassword .infographic5 {
  border: none;
  color: #41acbf;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

page-updatepassword .infographic5 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

page-updatepassword .infographic5 ion-icon {
  color: black;
}

page-updatepassword .infograph1 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #367ad2;
  font-size: 20px;
}

page-updatepassword .infograph2 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #51b98d;
  font-size: 20px;
}

page-updatepassword .infograph3 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #ffaa00;
  font-size: 20px;
}

page-updatepassword .infograph4 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #dc5b54;
  font-size: 20px;
}

page-updatepassword .infograph5 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #41acbf;
  font-size: 20px;
}

page-updatepassword .infographtext {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 12px;
}

page-updatepassword .successToast .toast-message {
  background-color: #d2f8d2 !important;
  color: black;
}

page-updatepassword .errorToast .toast-message {
  background-color: #eea9a0 !important;
  color: black;
}

page-updatepassword .actionIconsBar {
  padding-right: 20px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

page-updatepassword .ui-carousel .ui-carousel-header {
  display: none !important;
}

page-updatepassword .userfab .fab-close-active .fab-close-icon {
  height: 40px !important;
  position: relative !important;
}

page-updatepassword textarea.text-input {
  resize: none !important;
}

page-updatepassword .asterisk {
  color: red;
  padding-left: 3px;
}

page-updatepassword .m-b-t {
  margin-bottom: 4% !important;
}

page-updatepassword .ui-radiobutton-box.ui-state-active {
  border: 1px solid #09f;
  background: #09f;
  color: #09f;
}

page-updatepassword .alert-md .alert-message {
  overflow: auto;
}

page-updatepassword .alert-md .alert-message .alertstyle1 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

page-updatepassword .alert-md .alert-message .alertstyle1 b {
  width: 65px !important;
}

page-updatepassword .alert-md .alert-message .alertstyle3 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-updatepassword .alert-md .alert-message .alertstyle3 b {
  width: 65px !important;
}

page-updatepassword .alert-md .alert-message .alertstyle4 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-updatepassword .alert-md .alert-message .alertstyle4 b {
  width: 150px !important;
}

page-updatepassword .alert-md .alert-message .alertstyle5 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

page-updatepassword .alert-md .alert-message .alertstyle5 b {
  width: 75px !important;
}

page-updatepassword .alert-md .alert-message .alertstyle5 span {
  width: 5px;
}

page-updatepassword .alert-md .alert-message .alertstyle2 {
  text-align: left !important;
}

page-updatepassword .alert-md .alert-message .alertstyle2 li {
  margin-top: 10px;
}

page-updatepassword .ui-tooltip {
  background-color: #172B4D !important;
  color: #ffffff;
}

page-updatepassword .navsebexam .toolbar-content-md {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
}

page-updatepassword .modal-wrapper {
  height: 75%;
  top: 10%;
  position: absolute;
  display: block;
  border-radius: 10px !important;
}

page-updatepassword .ui-picklist-source-controls.ui-picklist-buttons {
  display: none !important;
}

page-updatepassword .ui-picklist-target-controls.ui-picklist-buttons {
  display: none !important;
}

page-updatepassword .ui-picklist-target-controls.ui-picklist-buttons.ng-star-inserted {
  display: none !important;
}

page-updatepassword .ellip {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

page-updatepassword .p-slider {
  background: #dee2e6;
  border: 0 none;
  border-radius: 3px;
}

page-updatepassword .Errorbox .alert-title {
  color: #d8000c;
}

page-updatepassword .Errorbox .alert-button {
  color: #d8000c;
}

page-updatepassword .card-md {
  border-radius: 5px !important;
}

page-updatepassword .modal {
  display: none;
  /* Hidden by default */
  position: -webkit-sticky;
  position: sticky;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 30px;
  /* Location of the box */
  left: 0;
  right: 0;
  bottom: 150px;
  width: 400px;
  height: 400px;
  margin: auto;
  border: 4px solid;
  background-color: black;
}

page-updatepassword .modal-content {
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
}

page-updatepassword .close {
  position: absolute;
  color: #f1f1f1;
  top: 0px;
  right: 10px;
  font-size: 28px;
  font-weight: bold;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

page-updatepassword .close:hover,
page-updatepassword .close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

page-updatepassword .customhr {
  width: 90%;
  background-color: #ccc;
}

page-updatepassword .mycustomtoolbar ion-segment {
  border: none;
}

page-updatepassword .mycustomtoolbar ion-segment-button {
  font-size: 16px !important;
  font-weight: 500 !important;
}

page-updatepassword .mycustomtoolbar .segment-md .segment-button.activated,
page-updatepassword .mycustomtoolbar .segment-md .segment-button.segment-activated {
  border-color: #172B4D !important;
  color: #172B4D !important;
}

page-updatepassword .mycustomtoolbar .toolbar-background {
  background: transparent;
}

page-updatepassword .fc {
  direction: ltr;
  text-align: left;
}

page-updatepassword .fc-rtl {
  text-align: right;
}

page-updatepassword body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}

page-updatepassword .fc-unthemed th,
page-updatepassword .fc-unthemed td,
page-updatepassword .fc-unthemed thead,
page-updatepassword .fc-unthemed tbody,
page-updatepassword .fc-unthemed .fc-divider,
page-updatepassword .fc-unthemed .fc-row,
page-updatepassword .fc-unthemed .fc-content,
page-updatepassword .fc-unthemed .fc-popover,
page-updatepassword .fc-unthemed .fc-list-view,
page-updatepassword .fc-unthemed .fc-list-heading td {
  border-color: #ddd;
}

page-updatepassword .fc-unthemed .fc-popover {
  background-color: #fff;
}

page-updatepassword .fc-unthemed .fc-divider,
page-updatepassword .fc-unthemed .fc-popover .fc-header,
page-updatepassword .fc-unthemed .fc-list-heading td {
  background: #eee;
}

page-updatepassword .fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}

page-updatepassword .fc-unthemed td.fc-today {
  background: #fcf8e3;
}

page-updatepassword .fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3;
}

page-updatepassword .fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3;
}

page-updatepassword .fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}

page-updatepassword .fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

page-updatepassword .fc-icon:after {
  position: relative;
}

page-updatepassword .fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-updatepassword .fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

page-updatepassword .fc-icon-left-double-arrow:after {
  content: "\000AB";
  font-size: 160%;
  top: -7%;
}

page-updatepassword .fc-icon-right-double-arrow:after {
  content: "\000BB";
  font-size: 160%;
  top: -7%;
}

page-updatepassword .fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%;
}

page-updatepassword .fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%;
}

page-updatepassword .fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%;
}

page-updatepassword .fc-icon-x:after {
  content: "\000D7";
  font-size: 200%;
  top: 6%;
}

page-updatepassword .fc button {
  /* force height to include the border and padding */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer;
}

page-updatepassword .fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}

page-updatepassword .fc-state-default {
  /* non-theme */
  border: 1px solid;
}

page-updatepassword .fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

page-updatepassword .fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

page-updatepassword .fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .2em;
  vertical-align: middle;
}

page-updatepassword .fc-state-default {
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-updatepassword .fc-state-hover,
page-updatepassword .fc-state-down,
page-updatepassword .fc-state-active,
page-updatepassword .fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}

page-updatepassword .fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

page-updatepassword .fc-state-down,
page-updatepassword .fc-state-active {
  background-color: #cccccc;
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

page-updatepassword .fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}

page-updatepassword .fc-button-group {
  display: inline-block;
}

page-updatepassword .fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px;
}

page-updatepassword .fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0;
}

page-updatepassword .fc-popover {
  position: absolute;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

page-updatepassword .fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px;
}

page-updatepassword .fc-popover .fc-header .fc-title {
  margin: 0 2px;
}

page-updatepassword .fc-popover .fc-header .fc-close {
  cursor: pointer;
}

page-updatepassword .fc-ltr .fc-popover .fc-header .fc-title,
page-updatepassword .fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}

page-updatepassword .fc-rtl .fc-popover .fc-header .fc-title,
page-updatepassword .fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}

page-updatepassword .fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}

page-updatepassword .fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: .9em;
  margin-top: 2px;
}

page-updatepassword .fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */
}

page-updatepassword .fc-divider {
  border-style: solid;
  border-width: 1px;
}

page-updatepassword hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}

page-updatepassword .fc-clear {
  clear: both;
}

page-updatepassword .fc-bg,
page-updatepassword .fc-bgevent-skeleton,
page-updatepassword .fc-highlight-skeleton,
page-updatepassword .fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-updatepassword .fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}

page-updatepassword .fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}

page-updatepassword .fc table {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}

page-updatepassword .fc th {
  text-align: center;
}

page-updatepassword .fc th,
page-updatepassword .fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}

page-updatepassword .fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}

page-updatepassword a[data-goto] {
  cursor: pointer;
}

page-updatepassword a[data-goto]:hover {
  text-decoration: underline;
}

page-updatepassword .fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}

page-updatepassword .fc-row table {
  /* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}

page-updatepassword .fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}

page-updatepassword .fc-row {
  position: relative;
}

page-updatepassword .fc-row .fc-bg {
  z-index: 1;
}

page-updatepassword .fc-row .fc-bgevent-skeleton,
page-updatepassword .fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}

page-updatepassword .fc-row .fc-bgevent-skeleton table,
page-updatepassword .fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}

page-updatepassword .fc-row .fc-highlight-skeleton td,
page-updatepassword .fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}

page-updatepassword .fc-row .fc-bgevent-skeleton {
  z-index: 2;
}

page-updatepassword .fc-row .fc-highlight-skeleton {
  z-index: 3;
}

page-updatepassword .fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}

page-updatepassword .fc-row .fc-helper-skeleton {
  z-index: 5;
}

page-updatepassword .fc-row .fc-content-skeleton td,
page-updatepassword .fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}

page-updatepassword .fc-row .fc-content-skeleton tbody td,
page-updatepassword .fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}

page-updatepassword .fc-scroller {
  -webkit-overflow-scrolling: touch;
}

page-updatepassword .fc-scroller > .fc-day-grid,
page-updatepassword .fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}

page-updatepassword .fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */
  font-weight: normal;
  /* undo jqui's ui-widget-header bold */
}

page-updatepassword .fc-event,
page-updatepassword .fc-event-dot {
  background-color: #3a87ad;
  /* default BACKGROUND color */
}

page-updatepassword .fc-event,
page-updatepassword .fc-event:hover,
page-updatepassword .ui-widget .fc-event {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}

page-updatepassword .fc-event[href],
page-updatepassword .fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}

page-updatepassword .fc-not-allowed,
page-updatepassword .fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}

page-updatepassword .fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #ffffff;
  opacity: .25;
}

page-updatepassword .fc-event .fc-content {
  position: relative;
  z-index: 2;
}

page-updatepassword .fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
}

page-updatepassword .fc-event .fc-resizer {
  display: none;
}

page-updatepassword .fc-event.fc-allow-mouse-resize .fc-resizer,
page-updatepassword .fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block;
}

page-updatepassword .fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}

page-updatepassword .fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

page-updatepassword .fc-event.fc-selected.fc-dragging {
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

page-updatepassword .fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}

page-updatepassword .fc-ltr .fc-h-event.fc-not-start,
page-updatepassword .fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

page-updatepassword .fc-ltr .fc-h-event.fc-not-end,
page-updatepassword .fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

page-updatepassword .fc-ltr .fc-h-event .fc-start-resizer,
page-updatepassword .fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */
}

page-updatepassword .fc-ltr .fc-h-event .fc-end-resizer,
page-updatepassword .fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */
}

page-updatepassword .fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */
}

page-updatepassword .fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* vertically center */
  top: 50%;
  margin-top: -4px;
}

page-updatepassword .fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
page-updatepassword .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */
}

page-updatepassword .fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
page-updatepassword .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */
}

page-updatepassword .fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}

page-updatepassword tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */
}

page-updatepassword .fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: .25;
}

page-updatepassword .fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}

page-updatepassword .fc-day-grid-event .fc-time {
  font-weight: bold;
}

page-updatepassword .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
page-updatepassword .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */
}

page-updatepassword .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
page-updatepassword .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */
}

page-updatepassword a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none;
}

page-updatepassword a.fc-more:hover {
  text-decoration: underline;
}

page-updatepassword .fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}

page-updatepassword .fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}

page-updatepassword .fc-more-popover {
  z-index: 2;
  width: 220px;
}

page-updatepassword .fc-more-popover .fc-event-container {
  padding: 10px;
}

page-updatepassword .fc-now-indicator {
  position: absolute;
  border: 0 solid red;
}

page-updatepassword .fc-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

page-updatepassword .fc-toolbar {
  text-align: center;
}

page-updatepassword .fc-toolbar.fc-header-toolbar {
  margin-bottom: 1em;
}

page-updatepassword .fc-toolbar.fc-footer-toolbar {
  margin-top: 1em;
}

page-updatepassword .fc-toolbar .fc-left {
  float: left;
}

page-updatepassword .fc-toolbar .fc-right {
  float: right;
}

page-updatepassword .fc-toolbar .fc-center {
  display: inline-block;
}

page-updatepassword .fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em;
}

page-updatepassword .fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0;
}

page-updatepassword .fc-toolbar h2 {
  margin: 0;
}

page-updatepassword .fc-toolbar button {
  position: relative;
}

page-updatepassword .fc-toolbar .fc-state-hover,
page-updatepassword .fc-toolbar .ui-state-hover {
  z-index: 2;
}

page-updatepassword .fc-toolbar .fc-state-down {
  z-index: 3;
}

page-updatepassword .fc-toolbar .fc-state-active,
page-updatepassword .fc-toolbar .ui-state-active {
  z-index: 4;
}

page-updatepassword .fc-toolbar button:focus {
  z-index: 5;
}

page-updatepassword .fc-view-container *,
page-updatepassword .fc-view-container *:before,
page-updatepassword .fc-view-container *:after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

page-updatepassword .fc-view,
page-updatepassword .fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}

page-updatepassword .fc-basicWeek-view .fc-content-skeleton,
page-updatepassword .fc-basicDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}

page-updatepassword .fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}

page-updatepassword .fc-row.fc-rigid {
  overflow: hidden;
}

page-updatepassword .fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

page-updatepassword .fc-day-top.fc-other-month {
  opacity: 0.3;
}

page-updatepassword .fc-basic-view .fc-week-number,
page-updatepassword .fc-basic-view .fc-day-number {
  padding: 2px;
}

page-updatepassword .fc-basic-view th.fc-week-number,
page-updatepassword .fc-basic-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */
}

page-updatepassword .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right;
}

page-updatepassword .fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left;
}

page-updatepassword .fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0;
}

page-updatepassword .fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px;
}

page-updatepassword .fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080;
}

page-updatepassword .fc-basic-view td.fc-week-number {
  text-align: center;
}

page-updatepassword .fc-basic-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}

page-updatepassword .fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}

page-updatepassword .fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}

page-updatepassword .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}

page-updatepassword .fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}

page-updatepassword .fc-ltr .fc-axis {
  text-align: right;
}

page-updatepassword .fc-rtl .fc-axis {
  text-align: left;
}

page-updatepassword .ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome jqui theme making it bold */
}

page-updatepassword .fc-time-grid-container,
page-updatepassword .fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}

page-updatepassword .fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

page-updatepassword .fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}

page-updatepassword .fc-time-grid > .fc-bg {
  z-index: 1;
}

page-updatepassword .fc-time-grid .fc-slats,
page-updatepassword .fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}

page-updatepassword .fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */
}

page-updatepassword .fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
}

page-updatepassword .fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1;
}

page-updatepassword .fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2;
}

page-updatepassword .fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3;
}

page-updatepassword .fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4;
}

page-updatepassword .fc-time-grid .fc-now-indicator-line {
  z-index: 5;
}

page-updatepassword .fc-time-grid .fc-helper-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6;
}

page-updatepassword .fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}

page-updatepassword .fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}

page-updatepassword .fc-time-grid .fc-slats .ui-widget-content {
  /* for jqui theme */
  background: none;
  /* see through to fc-bg */
}

page-updatepassword .fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}

page-updatepassword .fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}

page-updatepassword .fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}

page-updatepassword .fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}

page-updatepassword .fc-time-grid .fc-event,
page-updatepassword .fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}

page-updatepassword .fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}

page-updatepassword .fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

page-updatepassword .fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

page-updatepassword .fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */
}

page-updatepassword .fc-time-grid-event.fc-selected {
  /* need to allow touch resizers to extend outside event's bounding box */
  /* common fc-selected styles hide the fc-bg, so don't need this anyway */
  overflow: visible;
}

page-updatepassword .fc-time-grid-event.fc-selected .fc-bg {
  display: none;
  /* hide semi-white background, to appear darker */
}

page-updatepassword .fc-time-grid-event .fc-content {
  overflow: hidden;
  /* for when .fc-selected */
}

page-updatepassword .fc-time-grid-event .fc-time,
page-updatepassword .fc-time-grid-event .fc-title {
  padding: 0 1px;
}

page-updatepassword .fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap;
}

page-updatepassword .fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}

page-updatepassword .fc-time-grid-event.fc-short .fc-time,
page-updatepassword .fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}

page-updatepassword .fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}

page-updatepassword .fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}

page-updatepassword .fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
  /* seperate with a dash, wrapped in nbsp's */
}

page-updatepassword .fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}

page-updatepassword .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}

page-updatepassword .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "=";
}

page-updatepassword .fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px;
}

page-updatepassword .fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0;
}

page-updatepassword .fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */
}

page-updatepassword .fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-updatepassword .fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

page-updatepassword .fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}

page-updatepassword .fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */
}

page-updatepassword .fc-list-view {
  border-width: 1px;
  border-style: solid;
}

page-updatepassword .fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */
}

page-updatepassword .fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px;
}

page-updatepassword .fc-list-table tr:first-child td {
  border-top-width: 0;
}

page-updatepassword .fc-list-heading {
  border-bottom-width: 1px;
}

page-updatepassword .fc-list-heading td {
  font-weight: bold;
}

page-updatepassword .fc-ltr .fc-list-heading-main {
  float: left;
}

page-updatepassword .fc-ltr .fc-list-heading-alt {
  float: right;
}

page-updatepassword .fc-rtl .fc-list-heading-main {
  float: right;
}

page-updatepassword .fc-rtl .fc-list-heading-alt {
  float: left;
}

page-updatepassword .fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */
}

page-updatepassword .fc-list-item:hover td {
  background-color: #f5f5f5;
}

page-updatepassword .fc-list-item-marker,
page-updatepassword .fc-list-item-time {
  white-space: nowrap;
  width: 1px;
}

page-updatepassword .fc-ltr .fc-list-item-marker {
  padding-right: 0;
}

page-updatepassword .fc-rtl .fc-list-item-marker {
  padding-left: 0;
}

page-updatepassword .fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit;
}

page-updatepassword .fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline;
}

page-updatepassword .fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

page-updatepassword .fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table;
}

page-updatepassword .fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

page-updatepassword .fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #eee;
}

page-updatepassword .passwordIcon {
  font-size: 2rem !important;
  position: relative !important;
  top: 5px !important;
  margin: 0 auto !important;
  margin-right: 10px !important;
}

page-updatepassword .error-div {
  height: 25px;
}

page-updatepassword .scroll-content {
  overflow-y: hidden;
}

page-updatepassword form {
  padding: 10px;
}

page-updatepassword form ion-item.item-block {
  margin: 10px 0;
}

page-upload-questions-in-bank .globalTable {
  border: 1px solid lightgrey;
  min-width: 1101px;
}

page-upload-questions-in-bank .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-upload-questions-in-bank .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

page-upload-questions-in-bank .globalTable .table-header .align input {
  width: 60%;
  line-height: 25px;
}

page-upload-questions-in-bank .globalTable th input {
  text-align: center;
  width: 90%;
  font-weight: 400;
}

page-upload-questions-in-bank .globalTable .user-badge.status-done {
  padding: 2px 10px;
  border-radius: 10px;
  border-color: #5ecf8d;
  color: white;
  text-align: center;
  background-color: #5ecf8d;
  font-weight: 500;
  font-size: 12px;
}

page-upload-questions-in-bank .globalTable .user-badge.status-failed {
  padding: 2px 10px;
  border-radius: 10px;
  color: white;
  text-align: center;
  border-color: #f55050;
  background-color: #f55050;
  font-weight: 500;
  font-size: 12px;
}

page-upload-questions-in-bank .globalTable .actionIcon {
  padding: 0 6px;
  font-size: 16px;
  cursor: pointer;
}

page-upload-questions-in-bank .category-button-upload {
  background-color: white;
  margin-top: 0;
}

page-upload-questions-in-bank .category-button-upload span,
page-upload-questions-in-bank .category-button-upload h4 {
  font-size: 26px !important;
  padding-left: 15px;
}

page-upload-questions-in-bank .category-button-upload:hover {
  background-color: #d3d3d39c !important;
  opacity: 0.8;
}

page-upload-questions-in-bank .customUploadButtons a {
  height: 200px;
}

page-upload-resume ion-card ion-card-content, page-schedule-interview ion-card ion-card-content {
  height: 80%;
}

page-upload-resume ion-card ion-card-content .importres h4, page-schedule-interview ion-card ion-card-content .importres h4 {
  color: #ffffff;
}

page-upload-resume ion-card ion-card-content .button-text, page-schedule-interview ion-card ion-card-content .button-text {
  color: #0037ff;
  text-decoration: underline;
}

page-upload-resume ion-card ion-card-content .form, page-schedule-interview ion-card ion-card-content .form {
  padding: 0 15px;
}

page-upload-resume ion-card ion-card-content .form ion-item, page-schedule-interview ion-card ion-card-content .form ion-item {
  border-bottom: 1px solid #e2e2e2;
}

page-upload-resume .a4sheet, page-schedule-interview .a4sheet {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

page-upload-resume .a4sheet .container, page-schedule-interview .a4sheet .container {
  width: 50%;
  margin: 24px 0;
}

page-upload-resume .a4sheet .container .textfield, page-schedule-interview .a4sheet .container .textfield {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-upload-resume .a4sheet .container .textfield ion-label, page-schedule-interview .a4sheet .container .textfield ion-label {
  display: contents;
  font-size: 12px;
}

page-upload-resume .a4sheet .container .textfield p, page-schedule-interview .a4sheet .container .textfield p {
  padding: 0 12px;
}

page-upload-resume .radioItem, page-schedule-interview .radioItem {
  border-right: 4px solid #f7f7f7;
}

page-upload-resume .importres, page-schedule-interview .importres {
  width: 140px;
  height: 30px;
  border-radius: 15px !important;
}

page-upload-resume .downtemp, page-schedule-interview .downtemp {
  width: 190px;
  height: 30px;
}

page-upload-resume .altertext, page-schedule-interview .altertext {
  color: #f55050;
}

page-upload-resume sup, page-schedule-interview sup {
  color: red;
}

page-upload-resume ion-card, page-schedule-interview ion-card {
  height: 250px !important;
  border-radius: 15px !important;
  -webkit-box-shadow: 2px 0px 6px 4px #eaeaea !important;
  box-shadow: 2px 0px 6px 4px #eaeaea !important;
}

page-upload-resume .dropbox, page-schedule-interview .dropbox {
  border: 1px solid grey;
  border-style: dashed;
  height: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-upload-resume .globalTable, page-schedule-interview .globalTable {
  border: 1px solid lightgrey;
  min-width: 801px;
}

page-upload-resume .globalTable .table-header, page-schedule-interview .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-upload-resume .globalTable .table-header .align, page-schedule-interview .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

page-upload-resume .globalTable .table-header .align input, page-schedule-interview .globalTable .table-header .align input {
  width: 60%;
  line-height: 25px;
}

page-upload-resume .globalTable th input, page-schedule-interview .globalTable th input {
  text-align: center;
  width: 90%;
  font-weight: 400;
}

page-upload-resume .globalTable .user-badge.status-done, page-schedule-interview .globalTable .user-badge.status-done {
  padding: 2px 10px !important;
  text-align: center !important;
  color: #5ecf8d !important;
  font-weight: bold;
  font-size: 12px;
}

page-upload-resume .globalTable .user-badge.status-failed, page-schedule-interview .globalTable .user-badge.status-failed {
  padding: 2px 10px !important;
  text-align: center !important;
  color: #f55050 !important;
  font-weight: bold;
  font-size: 12px;
}

page-upload-resume .dropzone, page-schedule-interview .dropzone {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  background-color: #eee;
  border: 1px solid #aaa;
}

page-upload-resume .centered, page-schedule-interview .centered {
  font-family: sans-serif;
  font-size: 1.3em;
  font-weight: bold;
  text-align: center;
}

page-upload-resume .progressbardiv, page-schedule-interview .progressbardiv {
  width: 80%;
  margin-left: 10%;
}

page-upload-resume .progressbardiv .ui-progressbar, page-schedule-interview .progressbardiv .ui-progressbar {
  height: 1.6em;
}

page-upload-resume .progressbardiv .ui-widget-content, page-schedule-interview .progressbardiv .ui-widget-content {
  border: 2px solid #0099ff;
}

page-upload-resume .progressbardiv .ui-progressbar.ui-progressbar-determinate .ui-progressbar-value, page-schedule-interview .progressbardiv .ui-progressbar.ui-progressbar-determinate .ui-progressbar-value {
  background: #0099ff;
}

page-upload-resume .progressbardiv .ui-progressbar-determinate .ui-progressbar-value-animate, page-schedule-interview .progressbardiv .ui-progressbar-determinate .ui-progressbar-value-animate {
  transition: width 1s ease-in-out 0s;
  -webkit-transition: width 1s ease-in-out 0s;
}

page-upload-resume .emptycard, page-schedule-interview .emptycard {
  height: auto !important;
  margin-top: 20px !important;
}

page-upload-resume .head, page-schedule-interview .head {
  margin-left: 20px;
}

page-upload-resume .customselect ion-select, page-schedule-interview .customselect ion-select {
  max-width: 100%;
}

page-upload-resume .btn-position, page-schedule-interview .btn-position {
  margin-top: 11px;
}

.user-dashboard {
  /* ANIMATION */
  /* SHADOWS */
  /*
 *
 *   MaterialWrap - Bootstrap + Material Design Admin Theme

 
*/
  /*
 * CSS Transform - Scale and Rotate
 */
  /* The Modal (background) */
  /* Modal Content (image) */
  /* The Close Button */
  /*!
 * FullCalendar v3.2.0 Stylesheet
 * Docs & License: https://fullcalendar.io/
 * (c) 2017 Adam Shaw
 */
  /* Colors
--------------------------------------------------------------------------------------------------*/
  /* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
  /*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
  /* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
  /* Firefox has an annoying inner border */
  /* icons in buttons */
  /*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
  /* Buttons Groups
--------------------------------------------------------------------------------------------------*/
  /*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
  /* Popover
--------------------------------------------------------------------------------------------------*/
  /* unthemed */
  /* jqui themed */
  /* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
  /* Tables
--------------------------------------------------------------------------------------------------*/
  /* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
  /* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
  /* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
  /* highlighting cells & background event skeleton */
  /*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
  /* Scrolling Container
--------------------------------------------------------------------------------------------------*/
  /* TODO: move to agenda/basic */
  /* Global Event Styles
--------------------------------------------------------------------------------------------------*/
  /* overpower some of bootstrap's and jqui's styles on <a> tags */
  /* resizer (cursor AND touch devices) */
  /* resizer (touch devices) */
  /* hit area */
  /* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
  /* Horizontal Events
--------------------------------------------------------------------------------------------------*/
  /* bigger touch area when selected */
  /* events that are continuing to/from another week. kill rounded corners and butt up against edge */
  /* resizer (cursor AND touch devices) */
  /* left resizer  */
  /* right resizer */
  /* resizer (mouse devices) */
  /* resizer (touch devices) */
  /* left resizer  */
  /* right resizer */
  /* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* resizer (cursor devices) */
  /* left resizer  */
  /* right resizer */
  /* Event Limiting
--------------------------------------------------------------------------------------------------*/
  /* "more" link that represents hidden events */
  /* popover that appears when "more" link is clicked */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* Utilities
--------------------------------------------------------------------------------------------------*/
  /* Toolbar
--------------------------------------------------------------------------------------------------*/
  /* the things within each left/right/center section */
  /* the first thing within each left/center/right section */
  /* title text */
  /* button layering (for border precedence) */
  /* View Structure
--------------------------------------------------------------------------------------------------*/
  /* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
  /* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
  /* BasicView
--------------------------------------------------------------------------------------------------*/
  /* day row structure */
  /* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
  /* week and day number styling */
  /* when week/day number have own column */
  /* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
  /* divs within a cell within the fc-content-skeleton */
  /* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
  /* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* short mode, where time and title are on the same line */
  /* resizer (cursor device) */
  /* resizer (touch device) */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* arrow on axis */
  /* List View
--------------------------------------------------------------------------------------------------*/
  /* possibly reusable */
  /* view wrapper */
  /* table resets */
  /* day headings with the list */
  /* event list items */
  /* make the dot closer to the event title */
  /* message when no events */
  /*!
 * FullCalendar v3.2.0 Stylesheet
 * Docs & License: https://fullcalendar.io/
 * (c) 2017 Adam Shaw
 */
  /* Colors
--------------------------------------------------------------------------------------------------*/
  /* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
  /*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
  /* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
  /* Firefox has an annoying inner border */
  /* icons in buttons */
  /*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
  /* Buttons Groups
--------------------------------------------------------------------------------------------------*/
  /*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
  /* Popover
--------------------------------------------------------------------------------------------------*/
  /* unthemed */
  /* jqui themed */
  /* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
  /* Tables
--------------------------------------------------------------------------------------------------*/
  /* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
  /* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
  /* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
  /* highlighting cells & background event skeleton */
  /*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
  /* Scrolling Container
--------------------------------------------------------------------------------------------------*/
  /* TODO: move to agenda/basic */
  /* Global Event Styles
--------------------------------------------------------------------------------------------------*/
  /* overpower some of bootstrap's and jqui's styles on <a> tags */
  /* resizer (cursor AND touch devices) */
  /* resizer (touch devices) */
  /* hit area */
  /* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
  /* Horizontal Events
--------------------------------------------------------------------------------------------------*/
  /* bigger touch area when selected */
  /* events that are continuing to/from another week. kill rounded corners and butt up against edge */
  /* resizer (cursor AND touch devices) */
  /* left resizer  */
  /* right resizer */
  /* resizer (mouse devices) */
  /* resizer (touch devices) */
  /* left resizer  */
  /* right resizer */
  /* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* resizer (cursor devices) */
  /* left resizer  */
  /* right resizer */
  /* Event Limiting
--------------------------------------------------------------------------------------------------*/
  /* "more" link that represents hidden events */
  /* popover that appears when "more" link is clicked */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* Utilities
--------------------------------------------------------------------------------------------------*/
  /* Toolbar
--------------------------------------------------------------------------------------------------*/
  /* the things within each left/right/center section */
  /* the first thing within each left/center/right section */
  /* title text */
  /* button layering (for border precedence) */
  /* View Structure
--------------------------------------------------------------------------------------------------*/
  /* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
  /* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
  /* BasicView
--------------------------------------------------------------------------------------------------*/
  /* day row structure */
  /* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
  /* week and day number styling */
  /* when week/day number have own column */
  /* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
  /* divs within a cell within the fc-content-skeleton */
  /* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
  /* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
  /* short mode, where time and title are on the same line */
  /* resizer (cursor device) */
  /* resizer (touch device) */
  /* Now Indicator
--------------------------------------------------------------------------------------------------*/
  /* arrow on axis */
  /* List View
--------------------------------------------------------------------------------------------------*/
  /* possibly reusable */
  /* view wrapper */
  /* table resets */
  /* day headings with the list */
  /* event list items */
  /* make the dot closer to the event title */
  /* message when no events */
}

.user-dashboard .letter-sp-1 {
  letter-spacing: 1px;
}

.user-dashboard .letter-sp-2 {
  letter-spacing: 2px;
}

.user-dashboard .letter-sp-3 {
  letter-spacing: 3px;
}

.user-dashboard .m-0 {
  margin: 0 !important;
}

.user-dashboard .m-5 {
  margin: 5px !important;
}

.user-dashboard .m-10 {
  margin: 10px !important;
}

.user-dashboard .m-15 {
  margin: 15px !important;
}

.user-dashboard .m-20 {
  margin: 20px !important;
}

.user-dashboard .m-30 {
  margin: 30px !important;
}

.user-dashboard .m-50 {
  margin: 50px !important;
}

.user-dashboard .m-b-100 {
  margin-bottom: 100px !important;
}

.user-dashboard .m-b-15 {
  margin-bottom: 15px !important;
}

.user-dashboard .m-b-20 {
  margin-bottom: 20px !important;
}

.user-dashboard .m-b-0 {
  margin-bottom: 0 !important;
}

.user-dashboard .m-l-0 {
  margin-left: 0 !important;
}

.user-dashboard .m-l-5 {
  margin-left: 5px !important;
}

.user-dashboard .m-l-10 {
  margin-left: 10px !important;
}

.user-dashboard .m-l-15 {
  margin-left: 15px !important;
}

.user-dashboard .m-l-20 {
  margin-left: 20px !important;
}

.user-dashboard .m-l-30 {
  margin-left: 30px !important;
}

.user-dashboard .m-l-40 {
  margin-left: 40px !important;
}

.user-dashboard .m-l-50 {
  margin-left: 50px !important;
}

.user-dashboard .m-l-n-1 {
  margin-left: -1px !important;
}

.user-dashboard .m-l-n-5 {
  margin-left: -5px !important;
}

.user-dashboard .m-l-n-10 {
  margin-left: -10px !important;
}

.user-dashboard .m-l-n-15 {
  margin-left: -15px !important;
}

.user-dashboard .m-l-n-20 {
  margin-left: -20px !important;
}

.user-dashboard .m-l-n-30 {
  margin-left: -30px !important;
}

.user-dashboard .m-l-n-40 {
  margin-left: -40px !important;
}

.user-dashboard .m-l-n-50 {
  margin-left: -50px !important;
}

.user-dashboard .m-t-0 {
  margin-top: 0 !important;
}

.user-dashboard .m-t-1 {
  margin-top: 1px !important;
}

.user-dashboard .m-t-2 {
  margin-top: 2px;
}

.user-dashboard .m-t-2p {
  margin-top: 2% !important;
}

.user-dashboard .m-t-5p {
  margin-top: 5% !important;
}

.user-dashboard .m-t-25p {
  margin-top: 25% !important;
}

.user-dashboard .m-t-30p {
  margin-top: 30% !important;
}

.user-dashboard .m-t-4 {
  margin-top: 4px !important;
}

.user-dashboard .m-t-5 {
  margin-top: 5px !important;
}

.user-dashboard .m-t-5p {
  margin-top: 5% !important;
}

.user-dashboard .m-t-10 {
  margin-top: 10px !important;
}

.user-dashboard .m-t-15 {
  margin-top: 15px !important;
}

.user-dashboard .m-t-20 {
  margin-top: 20px !important;
}

.user-dashboard .m-t-30 {
  margin-top: 30px !important;
}

.user-dashboard .m-t-40 {
  margin-top: 40px !important;
}

.user-dashboard .m-t-50 {
  margin-top: 50px !important;
}

.user-dashboard .m-t-75 {
  margin-top: 75px !important;
}

.user-dashboard .m-t-100 {
  margin-top: 100px !important;
}

.user-dashboard .m-t-120 {
  margin-top: 120px !important;
}

.user-dashboard .m-t-140 {
  margin-top: 140px !important;
}

.user-dashboard .m-t-n-1 {
  margin-top: -1px !important;
}

.user-dashboard .m-t-n-5 {
  margin-top: -5px !important;
}

.user-dashboard .m-t-n-10 {
  margin-top: -10px !important;
}

.user-dashboard .m-t-n-15 {
  margin-top: -15px !important;
}

.user-dashboard .m-t-n-20 {
  margin-top: -20px !important;
}

.user-dashboard .m-t-n-30 {
  margin-top: -30px !important;
}

.user-dashboard .m-t-n-40 {
  margin-top: -40px !important;
}

.user-dashboard .m-t-n-50 {
  margin-top: -50px !important;
}

.user-dashboard .m-r-0 {
  margin-right: 0 !important;
}

.user-dashboard .m-r-1 {
  margin-right: 1px !important;
}

.user-dashboard .m-r-5 {
  margin-right: 5px !important;
}

.user-dashboard .m-r-10 {
  margin-right: 10px !important;
}

.user-dashboard .m-r-15 {
  margin-right: 15px !important;
}

.user-dashboard .m-r-20 {
  margin-right: 20px !important;
}

.user-dashboard .m-r-30 {
  margin-right: 30px !important;
}

.user-dashboard .m-r-40 {
  margin-right: 40px !important;
}

.user-dashboard .m-r-50 {
  margin-right: 50px !important;
}

.user-dashboard .m-r-n-1 {
  margin-right: -1px !important;
}

.user-dashboard .m-r-n-5 {
  margin-right: -5px !important;
}

.user-dashboard .m-r-n-10 {
  margin-right: -10px !important;
}

.user-dashboard .m-r-n-15 {
  margin-right: -15px !important;
}

.user-dashboard .m-r-n-20 {
  margin-right: -20px !important;
}

.user-dashboard .m-r-n-30 {
  margin-right: -30px !important;
}

.user-dashboard .m-r-n-40 {
  margin-right: -40px !important;
}

.user-dashboard .m-r-n-50 {
  margin-right: -50px !important;
}

.user-dashboard .m-b-0 {
  margin-bottom: 0 !important;
}

.user-dashboard .m-b-1 {
  margin-bottom: 1px !important;
}

.user-dashboard .m-b-4 {
  margin-bottom: 4px !important;
}

.user-dashboard .m-b-5 {
  margin-bottom: 5px !important;
}

.user-dashboard .m-b-10 {
  margin-bottom: 10px !important;
}

.user-dashboard .m-b-15 {
  margin-bottom: 15px !important;
}

.user-dashboard .m-b-20 {
  margin-bottom: 20px !important;
}

.user-dashboard .m-b-30 {
  margin-bottom: 30px !important;
}

.user-dashboard .m-b-40 {
  margin-bottom: 40px !important;
}

.user-dashboard .m-b-50 {
  margin-bottom: 50px !important;
}

.user-dashboard .m-b-n-1 {
  margin-bottom: -1px !important;
}

.user-dashboard .m-b-n-5 {
  margin-bottom: -5px !important;
}

.user-dashboard .m-b-n-10 {
  margin-bottom: -10px !important;
}

.user-dashboard .m-b-n-15 {
  margin-bottom: -15px !important;
}

.user-dashboard .m-b-n-20 {
  margin-bottom: -20px !important;
}

.user-dashboard .m-b-n-30 {
  margin-bottom: -30px !important;
}

.user-dashboard .m-b-n-40 {
  margin-bottom: -40px !important;
}

.user-dashboard .m-b-n-50 {
  margin-bottom: -50px !important;
}

.user-dashboard .p-0 {
  padding: 0 !important;
}

.user-dashboard .p-5 {
  padding: 5px !important;
}

.user-dashboard .p-10 {
  padding: 10px !important;
}

.user-dashboard .p-15 {
  padding: 15px !important;
}

.user-dashboard .p-20 {
  padding: 20px !important;
}

.user-dashboard .p-25 {
  padding: 25px !important;
}

.user-dashboard .p-30 {
  padding: 30px !important;
}

.user-dashboard .p-40 {
  padding: 40px !important;
}

.user-dashboard .p-50 {
  padding: 50px !important;
}

.user-dashboard .p-75 {
  padding: 75px !important;
}

.user-dashboard .p-100 {
  padding: 100px !important;
}

.user-dashboard .p-lr {
  padding: 0px 4% 0px 4%;
}

.user-dashboard .p-l-0 {
  padding-left: 0 !important;
}

.user-dashboard .p-l-5 {
  padding-left: 5px !important;
}

.user-dashboard .p-l-10 {
  padding-left: 10px !important;
}

.user-dashboard .p-l-12 {
  padding-left: 12px !important;
}

.user-dashboard .p-l-15 {
  padding-left: 15px !important;
}

.user-dashboard .p-l-16 {
  padding-left: 16px !important;
}

.user-dashboard .p-l-20 {
  padding-left: 20px !important;
}

.user-dashboard .p-l-25 {
  padding-left: 25px !important;
}

.user-dashboard .p-l-30 {
  padding-left: 30px !important;
}

.user-dashboard .p-l-40 {
  padding-left: 40px !important;
}

.user-dashboard .p-l-50 {
  padding-left: 50px !important;
}

.user-dashboard .p-l-75 {
  padding-left: 75px !important;
}

.user-dashboard .p-l-100 {
  padding-left: 100px !important;
}

.user-dashboard .p-r-0 {
  padding-right: 0 !important;
}

.user-dashboard .p-r-5 {
  padding-right: 5px !important;
}

.user-dashboard .p-r-10 {
  padding-right: 10px !important;
}

.user-dashboard .p-r-12 {
  padding-right: 12px !important;
}

.user-dashboard .p-r-15 {
  padding-right: 15px !important;
}

.user-dashboard .p-r-20 {
  padding-right: 20px !important;
}

.user-dashboard .p-r-25 {
  padding-right: 25px !important;
}

.user-dashboard .p-r-30 {
  padding-right: 30px !important;
}

.user-dashboard .p-r-40 {
  padding-right: 40px !important;
}

.user-dashboard .p-r-50 {
  padding-right: 50px !important;
}

.user-dashboard .p-r-75 {
  padding-right: 75px !important;
}

.user-dashboard .p-r-100 {
  padding-right: 100px !important;
}

.user-dashboard .p-b-0 {
  padding-bottom: 0 !important;
}

.user-dashboard .p-b-5 {
  padding-bottom: 5px !important;
}

.user-dashboard .p-b-10 {
  padding-bottom: 10px !important;
}

.user-dashboard .p-b-15 {
  padding-bottom: 15px !important;
}

.user-dashboard .p-b-16 {
  padding-bottom: 16px !important;
}

.user-dashboard .p-b-20 {
  padding-bottom: 20px !important;
}

.user-dashboard .p-b-25 {
  padding-bottom: 25px !important;
}

.user-dashboard .p-b-30 {
  padding-bottom: 30px !important;
}

.user-dashboard .p-b-40 {
  padding-bottom: 40px !important;
}

.user-dashboard .p-b-50 {
  padding-bottom: 50px !important;
}

.user-dashboard .p-b-60 {
  padding-bottom: 60px !important;
}

.user-dashboard .p-b-70 {
  padding-bottom: 70px !important;
}

.user-dashboard .p-b-80 {
  padding-bottom: 80px !important;
}

.user-dashboard .p-b-90 {
  padding-bottom: 90px !important;
}

.user-dashboard .p-b-100 {
  padding-bottom: 100px !important;
}

.user-dashboard .p-t-0 {
  padding-top: 0 !important;
}

.user-dashboard .p-t-5 {
  padding-top: 5px !important;
}

.user-dashboard .p-t-7 {
  padding-top: 7px !important;
}

.user-dashboard .p-t-10 {
  padding-top: 10px !important;
}

.user-dashboard .p-t-15 {
  padding-top: 15px !important;
}

.user-dashboard .p-t-16 {
  padding-top: 16px !important;
}

.user-dashboard .p-t-20 {
  padding-top: 20px !important;
}

.user-dashboard .p-t-25 {
  padding-top: 25px !important;
}

.user-dashboard .p-t-30 {
  padding-top: 30px !important;
}

.user-dashboard .p-t-40 {
  padding-top: 40px !important;
}

.user-dashboard .p-t-50 {
  padding-top: 50px !important;
}

.user-dashboard .p-t-75 {
  padding-top: 75px !important;
}

.user-dashboard .p-t-100 {
  padding-top: 100px !important;
}

.user-dashboard .p-t-120 {
  padding-top: 120px !important;
}

.user-dashboard .p-t-130 {
  padding-top: 130px !important;
}

.user-dashboard .p-t-140 {
  padding-top: 140px !important;
}

.user-dashboard .p-t-150 {
  padding-top: 150px !important;
}

.user-dashboard .block {
  display: block !important;
}

.user-dashboard .img-xs {
  width: 30px;
  height: 30px;
}

.user-dashboard .img-sm {
  width: 35px;
  height: 35px;
}

.user-dashboard .img-md {
  width: 55px;
  height: 55px;
}

.user-dashboard .img-lg {
  width: 100px;
  height: 100px;
}

.user-dashboard .min-w-800 {
  min-width: 800px !important;
}

.user-dashboard .min-w-1000 {
  min-width: 1000px !important;
}

.user-dashboard .min-w-1100 {
  min-width: 1100px !important;
}

.user-dashboard .max-w-20 {
  max-width: 20px !important;
}

.user-dashboard .max-w-30 {
  max-width: 30px !important;
}

.user-dashboard .max-w-32 {
  max-width: 35px !important;
}

.user-dashboard .max-w-35 {
  max-width: 35px !important;
}

.user-dashboard .max-w-40 {
  max-width: 40px !important;
}

.user-dashboard .max-w-50 {
  max-width: 50px !important;
}

.user-dashboard .max-w-75 {
  max-width: 75px !important;
}

.user-dashboard .max-w-100 {
  max-width: 100px !important;
}

.user-dashboard .max-w-150 {
  max-width: 150px !important;
}

.user-dashboard .max-w-200 {
  max-width: 200px !important;
}

.user-dashboard .max-w-300 {
  max-width: 300px !important;
}

.user-dashboard .max-w-400 {
  max-width: 400px !important;
}

.user-dashboard .overflow-hidden {
  overflow: hidden;
}

.user-dashboard .overflow-auto {
  overflow: auto;
}

.user-dashboard .max-h-50 {
  max-height: 50px !important;
}

.user-dashboard .max-h-80 {
  max-height: 80px !important;
}

.user-dashboard .max-h-100 {
  max-height: 100px !important;
}

.user-dashboard .max-h-150 {
  max-height: 150px !important;
}

.user-dashboard .max-h-200 {
  max-height: 200px !important;
}

.user-dashboard .max-h-250 {
  max-height: 250px !important;
}

.user-dashboard .max-h-300 {
  max-height: 300px !important;
}

.user-dashboard .max-h-350 {
  max-height: 300px !important;
}

.user-dashboard .max-h-375 {
  max-height: 300px !important;
}

.user-dashboard .max-h-400 {
  max-height: 400px !important;
}

.user-dashboard .max-h-450 {
  max-height: 450px !important;
}

.user-dashboard .max-h-500 {
  max-height: 500px !important;
}

.user-dashboard .max-h-600 {
  max-height: 600px !important;
}

.user-dashboard .max-h-650 {
  max-height: 650px !important;
}

.user-dashboard .max-h-700 {
  max-height: 700px !important;
}

.user-dashboard .max-h-800 {
  max-height: 800px !important;
}

.user-dashboard .max-h-900 {
  max-height: 900px !important;
}

.user-dashboard .max-h-1000 {
  max-height: 1000px !important;
}

.user-dashboard .min-h-0 {
  min-height: 0 !important;
}

.user-dashboard .min-h-50 {
  min-height: 50px !important;
}

.user-dashboard .min-h-100 {
  min-height: 100px !important;
}

.user-dashboard .min-h-200 {
  min-height: 200px !important;
}

.user-dashboard .min-h-250 {
  min-height: 250px !important;
}

.user-dashboard .min-h-300 {
  min-height: 300px !important;
}

.user-dashboard .min-h-350 {
  min-height: 300px !important;
}

.user-dashboard .min-h-375 {
  min-height: 300px !important;
}

.user-dashboard .min-h-400 {
  min-height: 400px !important;
}

.user-dashboard .min-h-450 {
  min-height: 450px !important;
}

.user-dashboard .min-h-500 {
  min-height: 500px !important;
}

.user-dashboard .min-h-600 {
  min-height: 600px !important;
}

.user-dashboard .min-h-650 {
  min-height: 650px !important;
}

.user-dashboard .min-h-700 {
  min-height: 700px !important;
}

.user-dashboard .min-h-800 {
  min-height: 800px !important;
}

.user-dashboard .min-h-900 {
  min-height: 900px !important;
}

.user-dashboard .min-h-1000 {
  min-height: 1000px !important;
}

.user-dashboard .h-5 {
  height: 5px !important;
}

.user-dashboard .h-10 {
  height: 10px !important;
}

.user-dashboard .h-20 {
  height: 20px !important;
}

.user-dashboard .h-25 {
  height: 25px !important;
}

.user-dashboard .h-50 {
  height: 50px !important;
}

.user-dashboard .h-75 {
  height: 75px !important;
}

.user-dashboard .h-100 {
  height: 100px !important;
}

.user-dashboard .h-125 {
  height: 125px !important;
}

.user-dashboard .h-150 {
  height: 150px !important;
}

.user-dashboard .h-200 {
  height: 200px !important;
}

.user-dashboard .h-300 {
  height: 300px !important;
}

.user-dashboard .h-350 {
  height: 350px !important;
}

.user-dashboard .h-400 {
  height: 400px !important;
}

.user-dashboard .h-450 {
  height: 450px !important;
}

.user-dashboard .h-500 {
  height: 500px !important;
}

.user-dashboard .h-600 {
  height: 600px !important;
}

.user-dashboard .h-650 {
  height: 650px !important;
}

.user-dashboard .h-700 {
  height: 700px !important;
}

.user-dashboard .h-800 {
  height: 800px !important;
}

.user-dashboard .h-900 {
  height: 900px !important;
}

.user-dashboard .h-1000 {
  height: 1000px !important;
}

.user-dashboard .w-5 {
  width: 5px !important;
}

.user-dashboard .w-10 {
  width: 10px !important;
}

.user-dashboard .w-15 {
  width: 15px !important;
}

.user-dashboard .w-20 {
  width: 20px !important;
}

.user-dashboard .w-30 {
  width: 30px !important;
}

.user-dashboard .w-40 {
  width: 40px !important;
}

.user-dashboard .w-50 {
  width: 50px !important;
}

.user-dashboard .w-60 {
  width: 60px !important;
}

.user-dashboard .w-80 {
  width: 80px !important;
}

.user-dashboard .w-100 {
  width: 100px !important;
}

.user-dashboard .w-150 {
  width: 150px !important;
}

.user-dashboard .w-190 {
  width: 190px !important;
}

.user-dashboard .w-200 {
  width: 200px !important;
}

.user-dashboard .w-250 {
  width: 250px !important;
}

.user-dashboard .w-300 {
  width: 300px !important;
}

.user-dashboard .w-600 {
  width: 600px !important;
}

.user-dashboard .w-100p {
  width: 100% !important;
}

.user-dashboard .w-95p {
  width: 95% !important;
}

.user-dashboard .w-90p {
  width: 90% !important;
}

.user-dashboard .w-80p {
  width: 80% !important;
}

.user-dashboard .w-70p {
  width: 70% !important;
}

.user-dashboard .w-60p {
  width: 60% !important;
}

.user-dashboard .w-50p {
  width: 50% !important;
}

.user-dashboard .w-45p {
  width: 45% !important;
}

.user-dashboard .w-40p {
  width: 40% !important;
}

.user-dashboard .w-30p {
  width: 30% !important;
}

.user-dashboard .w-25p {
  width: 25% !important;
}

.user-dashboard .w-20p {
  width: 20% !important;
}

.user-dashboard .w-15p {
  width: 15% !important;
}

.user-dashboard .w-10p {
  width: 10% !important;
}

.user-dashboard .w-8p {
  width: 8% !important;
}

.user-dashboard .w-5p {
  width: 5% !important;
}

.user-dashboard .w-3p {
  width: 3% !important;
}

.user-dashboard .w-95p {
  width: 95% !important;
}

.user-dashboard .h-100p {
  height: 100% !important;
}

.user-dashboard .h-80p {
  height: 80% !important;
}

.user-dashboard .absolute {
  position: absolute !important;
}

.user-dashboard .relative {
  position: relative !important;
}

.user-dashboard .block {
  display: block !important;
}

.user-dashboard .inline-block {
  display: inline-block !important;
}

.user-dashboard .list-block li {
  display: block !important;
}

.user-dashboard .list-inline li {
  display: inline !important;
}

.user-dashboard .clear-both {
  clear: both !important;
}

.user-dashboard .line-height-normal {
  line-height: normal !important;
}

.user-dashboard .line-height-8 {
  line-height: 8px !important;
}

.user-dashboard .line-height-14 {
  line-height: 14px !important;
}

.user-dashboard .line-height-12 {
  line-height: normal !important;
}

.user-dashboard ul.style-none {
  margin: 0;
  padding: 0;
  list-style: none;
}

.user-dashboard ul.style-none li {
  font-size: 0.875rem;
  padding: 3px 0;
}

.user-dashboard ul.style-none li ul {
  list-style: none;
}

.user-dashboard ul.vertical-icon-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.user-dashboard ul.vertical-icon-list li {
  font-size: 0.875rem;
  padding: 6px 0;
}

.user-dashboard ul.vertical-icon-list li i {
  font-size: 1.25rem;
  padding-right: 15px;
  vertical-align: middle;
}

.user-dashboard .bg-white {
  background: #ffffff !important;
}

.user-dashboard .bg-green {
  background: #28bebd !important;
}

.user-dashboard .bg-blue {
  background: #42a5f5 !important;
}

.user-dashboard .bg-lightBlue {
  background: #2ebaee !important;
}

.user-dashboard .bg-red {
  background: #ef5350 !important;
}

.user-dashboard .bg-yellow {
  background: #f8c200 !important;
}

.user-dashboard .bg-paleYellow {
  background: #fddd7e !important;
}

.user-dashboard .bg-lightGray {
  background: #e3ecf7 !important;
}

.user-dashboard .bg-gray {
  background: #8f9eb5 !important;
}

.user-dashboard .bg-drakGray {
  background: #707c94 !important;
}

.user-dashboard .bg-grayBlue {
  background: #59779b !important;
}

.user-dashboard .bg-purple {
  background: #6b79c4 !important;
}

.user-dashboard .bg-turquoise {
  background: #00c5dc !important;
}

.user-dashboard .bg-peach {
  background: #feb38d !important;
}

.user-dashboard .bg-transparent {
  background: transparent !important;
}

.user-dashboard .text-primary {
  color: #172B4D !important;
}

.user-dashboard .text-link {
  color: #0645ad !important;
}

.user-dashboard .text-green {
  color: #28bebd !important;
}

.user-dashboard .text-turquoise {
  color: #00c5dc !important;
}

.user-dashboard .text-red {
  color: #ef5350 !important;
}

.user-dashboard .text-cyan {
  color: #26c6da !important;
}

.user-dashboard .text-yellow {
  color: #f8c200 !important;
}

.user-dashboard .text-gray {
  color: #8f9eb5 !important;
}

.user-dashboard .text-blue {
  color: #42a5f5 !important;
}

.user-dashboard .text-orange {
  color: #ffb74d !important;
}

.user-dashboard .text-purple {
  color: #6b79c4 !important;
}

.user-dashboard .text-white {
  color: #fff !important;
}

.user-dashboard .text-brown {
  color: #906b6b !important;
}

.user-dashboard .text-salmon {
  color: #ee6e73 !important;
}

.user-dashboard .text-muted {
  color: #8396b0;
}

.user-dashboard .color-black {
  color: #000 !important;
}

.user-dashboard .color-white {
  color: #fff !important;
}

.user-dashboard .bg-white {
  background-color: #fff !important;
}

.user-dashboard .transparent {
  background: transparent !important;
}

.user-dashboard .bg-primary {
  background-color: #172B4D !important;
}

.user-dashboard .border-bottom,
.user-dashboard .border-grey-bottom-1px {
  border-bottom: 1px solid rgba(215, 225, 237, 0.8) !important;
}

.user-dashboard .border-grey-top-1px,
.user-dashboard .border-top {
  border-top: 1px solid rgba(215, 225, 237, 0.6) !important;
}

.user-dashboard .border-bottom-black-2px {
  border-bottom: 2px solid black;
}

.user-dashboard .border-top0p {
  border-top: 0px !important;
}

.user-dashboard .b-n {
  border: none !important;
}

.user-dashboard .b-b-1 {
  border: 1px solid black;
}

.user-dashboard .b-lg-1 {
  border: 1px solid lightgrey;
}

.user-dashboard .shadow-none {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.user-dashboard .shadow-z-0 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

.user-dashboard .shadow-z-1 {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

.user-dashboard .shadow-z-1:hover {
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.user-dashboard .shadow-z-2 {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.user-dashboard .shadow-z-3 {
  -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

.user-dashboard .shadow-z-4 {
  -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}

.user-dashboard .shadow-z-5 {
  -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}

.user-dashboard .big-shadow {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
}

.user-dashboard .shadow-2dp {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.user-dashboard .shadow-3dp {
  -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}

.user-dashboard .shadow-4dp {
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}

.user-dashboard .shadow-6dp {
  -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}

.user-dashboard .shadow-8dp {
  -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}

.user-dashboard .shadow-16dp {
  -webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.user-dashboard .shadow-24dp {
  -webkit-box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
}

.user-dashboard .font-weight-100 {
  font-weight: 100 !important;
}

.user-dashboard .font-weight-200 {
  font-weight: 200 !important;
}

.user-dashboard .font-weight-300 {
  font-weight: 300 !important;
}

.user-dashboard .font-weight-400 {
  font-weight: 400 !important;
}

.user-dashboard .font-weight-500 {
  font-weight: 500 !important;
}

.user-dashboard .font-weight-600 {
  font-weight: 600 !important;
}

.user-dashboard .font-weight-700 {
  font-weight: 700 !important;
}

.user-dashboard .font-weight-800 {
  font-weight: 800 !important;
}

.user-dashboard .font-weight-900 {
  font-weight: 900 !important;
}

.user-dashboard .font-weight-light {
  font-weight: 100 !important;
}

.user-dashboard .font-weight-normal {
  font-weight: 300 !important;
}

.user-dashboard .font-weight-medium {
  font-weight: 400 !important;
}

.user-dashboard .font-weight-bold {
  font-weight: 500 !important;
}

.user-dashboard .bold {
  font-weight: bold !important;
}

.user-dashboard .font-size-0 {
  font-size: 0 !important;
}

.user-dashboard .font-size-10 {
  font-size: 10px !important;
}

.user-dashboard .font-size-11 {
  font-size: 11px !important;
}

.user-dashboard .font-size-12 {
  font-size: 12px !important;
}

.user-dashboard .font-size-14 {
  font-size: 14px !important;
}

.user-dashboard .font-size-16 {
  font-size: 16px !important;
}

.user-dashboard .font-size-18 {
  font-size: 18px !important;
}

.user-dashboard .font-size-20 {
  font-size: 20px !important;
}

.user-dashboard .font-size-24 {
  font-size: 24px !important;
}

.user-dashboard .font-size-26 {
  font-size: 26px !important;
}

.user-dashboard .font-size-30 {
  font-size: 30px !important;
}

.user-dashboard .font-size-35 {
  font-size: 35px !important;
}

.user-dashboard .font-size-38 {
  font-size: 38px !important;
}

.user-dashboard .font-size-40 {
  font-size: 40px !important;
}

.user-dashboard .font-size-50 {
  font-size: 50px !important;
}

.user-dashboard .font-size-60 {
  font-size: 60px !important;
}

.user-dashboard .font-size-70 {
  font-size: 70px !important;
}

.user-dashboard .font-size-80 {
  font-size: 80px !important;
}

.user-dashboard .hidden {
  display: none !important;
}

.user-dashboard .w-100p {
  width: 100% !important;
}

.user-dashboard .float-r {
  float: right !important;
}

.user-dashboard .float-l {
  float: left !important;
}

.user-dashboard .align-c {
  display: block;
  margin: 0 auto;
}

.user-dashboard .align-b {
  display: block;
}

.user-dashboard .text-center {
  text-align: center !important;
}

.user-dashboard .text-left {
  text-align: left !important;
}

.user-dashboard .text-right {
  text-align: right !important;
}

.user-dashboard .align-v-c {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.user-dashboard .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.user-dashboard .align-v-c1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.user-dashboard .align-v-c2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.user-dashboard .align-v-c3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.user-dashboard .align-v-c4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.user-dashboard .align-flex-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.user-dashboard .align-right-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.user-dashboard .align-start-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media (max-width: 576px) {
  .user-dashboard .d-xs-none {
    display: none !important;
  }
  .user-dashboard .d-xs-inline {
    display: inline !important;
  }
  .user-dashboard .d-xs-inline-block {
    display: inline-block !important;
  }
  .user-dashboard .d-xs-block {
    display: block !important;
  }
  .user-dashboard .d-xs-table {
    display: table !important;
  }
  .user-dashboard .d-xs-table-cell {
    display: table-cell !important;
  }
  .user-dashboard .d-xs-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
  }
  .user-dashboard .d-xs-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important;
  }
}

.user-dashboard .b-r-gd {
  border-radius: 10px !important;
}

.user-dashboard .b-r-10 {
  border-radius: 10px !important;
}

.user-dashboard .b-r-5 {
  border-radius: 5px;
}

.user-dashboard .d-fl-ov-x {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  overflow-x: auto !important;
}

.user-dashboard .align-base {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.user-dashboard .d-fl-bl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.user-dashboard .d-fl-vhcenter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.user-dashboard .d-fl-b2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
}

.user-dashboard .d-fl-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.user-dashboard .d-fl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.user-dashboard .d-fl-sb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.user-dashboard .d-fl-saround {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.user-dashboard .d-fl-ac {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.user-dashboard .text-capital {
  text-transform: capitalize !important;
}

.user-dashboard .text-upper {
  text-transform: uppercase !important;
}

.user-dashboard .m-a {
  margin: auto !important;
}

.user-dashboard .m-l-a {
  margin-left: auto !important;
}

.user-dashboard .m-r-a {
  margin-right: auto !important;
}

.user-dashboard .italic {
  font-style: italic;
}

.user-dashboard .pointer {
  cursor: pointer;
}

.user-dashboard .ws-in {
  white-space: inherit;
}

.user-dashboard .opacity-1 {
  opacity: 1;
}

.user-dashboard .in-valid-checkbox {
  border: 1px solid #ff0000 !important;
  padding: 5px !important;
  margin-bottom: 10px;
  border-radius: 5px;
}

.user-dashboard page-corp-dashboard .mycustomdrop:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
  top: -15px;
  position: absolute;
  right: 15%;
}

.user-dashboard h1 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1.6875rem !important;
  line-height: 64px;
  letter-spacing: -0.4px;
}

.user-dashboard h2 {
  font-family: "Poppins", sans-serif;
  font-size: 24px !important;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
}

.user-dashboard h3,
.user-dashboard .h3 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 22px !important;
  line-height: 48px;
  /* identical to box height, or 200% */
  /* Neutral / dark gray */
  color: #000000;
}

.user-dashboard h4,
.user-dashboard .menu-heading-h4 {
  font-family: "Poppins", sans-serif !important;
  font-style: normal;
  font-weight: normal;
  font-size: 15px !important;
  line-height: 26px;
  /* or 144% */
  letter-spacing: -0.2px;
  color: #000000;
}

.user-dashboard h5 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  /* or 143% */
  color: #000000;
}

.user-dashboard .subtitle {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  /* or 200% */
  letter-spacing: 2.5px;
  color: #4E5761;
}

.user-dashboard p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 13px !important;
  line-height: 24px;
  /* identical to box height, or 171% */
  letter-spacing: -0.1px;
  /* Neutral / black */
  color: #000000;
}

.user-dashboard .ui-tabview.ui-tabview-top > .ui-tabview-nav {
  padding: 0.2em 0.2em 0;
  border-bottom: 1px solid #eaeaea;
}

.user-dashboard .scroll-content {
  padding: 0 !important;
}

.user-dashboard ion-navbar {
  margin: 0;
  border-radius: 0px;
  height: 50px !important;
  color: #172B4D !important;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

.user-dashboard ion-header {
  padding: 0;
}

.user-dashboard .header-md::after {
  background-image: none;
}

.user-dashboard .toolbar-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #172B4D !important;
  line-height: 24px;
  font-family: "Poppins", sans-serif;
  font-size: 2rem !important;
  font-weight: bold !important;
  text-align: left !important;
}

.user-dashboard .userLabel {
  float: right;
  display: inline;
  letter-spacing: 1px;
  color: #172B4D !important !important;
}

.user-dashboard .card-title {
  font-size: 16px !important;
  color: #000000;
  font-weight: bold !important;
  text-align: center !important;
}

.user-dashboard .barcolor {
  background: #5a75a3;
  color: #ffffff;
}

.user-dashboard p-sorticon {
  color: black;
}

.user-dashboard p-sorticon a {
  color: black !important;
}

.user-dashboard .globalTable {
  border: none;
  border: 1px solid #c1c1c1;
}

.user-dashboard .globalTable .ui-table-caption {
  border-bottom: 1px solid #dadada !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  font-size: 18px !important;
  background: #ecececad !important;
}

.user-dashboard .globalTable .table-header input {
  font-size: 15px !important;
  border-style: groove;
  width: 100% !important;
  padding-left: 10px;
  border-radius: 10px;
  border-color: #f3f3f3;
  font-weight: 500;
  line-height: 25px !important;
}

.user-dashboard .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.user-dashboard .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

.user-dashboard .globalTable .table-header .align input {
  width: 80%;
  line-height: 25px;
}

.user-dashboard .globalTable .ui-table-tbody tr:nth-child(2n+1) {
  background: white;
}

.user-dashboard .globalTable .ui-table-tbody tr:nth-child(2n) {
  background: #f3f3f3;
}

.user-dashboard .globalTable .ui-table-tbody tr:hover {
  background: #c1c1c167 !important;
}

.user-dashboard .globalTable .ui-table-tbody .activeRow {
  background: #c4d2e5 !important;
}

.user-dashboard .globalTable th input {
  text-align: center !important;
  width: 90% !important;
  font-weight: 400 !important;
}

.user-dashboard .globalTable .ui-table .ui-sortable-column.ui-state-highlight {
  color: black !important;
}

.user-dashboard .globalTable .ui-table .ui-table-thead tr th {
  background: #eeeeee9e;
  border: none;
  padding: 10px 0;
  width: 100%;
  text-align: center;
}

.user-dashboard .globalTable .ui-table .ui-table-tbody tr td {
  border: none;
  background: inherit;
  padding: 20px 0;
  text-align: center;
}

.user-dashboard .globalTable .ui-table .ui-table-tbody tr {
  border-bottom: 1px solid #cacaca;
}

.user-dashboard .globalTable .p-column-filter {
  border-radius: 4px;
  border: 1px solid gray;
}

.user-dashboard .globalTable .badge-badge.status-Active {
  padding: 5px 20px;
  color: #226f4e;
  background-color: #9decbe;
  font-weight: 500;
  font-size: 12px;
}

.user-dashboard .globalTable .badge-badge.status-Inactive {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

.user-dashboard .globalTable .badge-badge.status-Suspended {
  padding: 5px 20px;
  color: #e83c3c;
  background-color: #ffa9a9;
  font-weight: 500;
  font-size: 12px;
}

.user-dashboard .globalTable .badge-badge.status-Waiting {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

.user-dashboard .globalTable .badge-badge.status-Pending {
  padding: 5px 20px;
  color: #ffc107;
  background-color: #fff2be;
  font-weight: 500;
  font-size: 12px;
}

.user-dashboard .globalTable .actionIcon {
  padding: 0 3px;
  font-size: 16px;
  cursor: pointer;
}

.user-dashboard ion-icon {
  cursor: pointer;
}

.user-dashboard .button-md-reset {
  background-color: #ffffff;
  color: black !important;
  border: 1px solid #e3ecf7;
}

.user-dashboard .button-md-reset:hover {
  background-color: #ececec !important;
}

.user-dashboard .reset:hover {
  background-color: #ececec !important;
}

.user-dashboard .button-md-primary {
  background-color: #172B4D !important;
  color: #ffffff !important;
}

.user-dashboard ion-button {
  background-color: #172B4D !important;
  color: #ffffff;
}

.user-dashboard .my-custom-class .alert-button-group button:first-child {
  position: relative;
}

.user-dashboard .my-custom-class .alert-button-group button {
  font-weight: bold;
}

.user-dashboard .my-custom-class .alert-radio-group {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100% !important;
}

.user-dashboard .my-custom-class button {
  text-align: center;
}

.user-dashboard .alert-button-group button:first-child {
  position: relative !important;
  min-width: 0 !important;
}

.user-dashboard .alert-md .alert-wrapper {
  max-width: 320px !important;
}

.user-dashboard .alert-md .alert-message {
  font-size: 16px !important;
}

.user-dashboard .alert-button {
  font-size: 15px !important;
}

.user-dashboard .alert-md .alert-sub-title {
  font-size: 16px !important;
}

.user-dashboard .alert-md .alert-title {
  font-size: 22px !important;
}

.user-dashboard .breakclass {
  white-space: pre-line;
}

.user-dashboard .error {
  color: red;
  float: left;
}

.user-dashboard .topStrip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}

.user-dashboard .infographic1 {
  border: none;
  color: #367ad2;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

.user-dashboard .infographic1 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

.user-dashboard .infographic1 ion-icon {
  color: black;
}

.user-dashboard .infographic2 {
  border: none;
  color: #50d29b;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

.user-dashboard .infographic2 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

.user-dashboard .infographic2 ion-icon {
  color: black;
}

.user-dashboard .infographic3 {
  border: none;
  color: #ffaa00;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

.user-dashboard .infographic3 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

.user-dashboard .infographic3 ion-icon {
  color: black;
}

.user-dashboard .infographic4 {
  border: none;
  color: #f36363;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

.user-dashboard .infographic4 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

.user-dashboard .infographic4 ion-icon {
  color: black;
}

.user-dashboard .infographic5 {
  border: none;
  color: #41acbf;
  background: #f8f8f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  line-height: 70px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}

.user-dashboard .infographic5 span {
  line-height: 20px;
  font-weight: bold;
  margin: auto;
  font-size: 20px;
}

.user-dashboard .infographic5 ion-icon {
  color: black;
}

.user-dashboard .infograph1 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #367ad2;
  font-size: 20px;
}

.user-dashboard .infograph2 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #51b98d;
  font-size: 20px;
}

.user-dashboard .infograph3 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #ffaa00;
  font-size: 20px;
}

.user-dashboard .infograph4 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #dc5b54;
  font-size: 20px;
}

.user-dashboard .infograph5 {
  width: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px;
  height: 60px;
  background: #41acbf;
  font-size: 20px;
}

.user-dashboard .infographtext {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 12px;
}

.user-dashboard .successToast .toast-message {
  background-color: #d2f8d2 !important;
  color: black;
}

.user-dashboard .errorToast .toast-message {
  background-color: #eea9a0 !important;
  color: black;
}

.user-dashboard .actionIconsBar {
  padding-right: 20px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.user-dashboard .ui-carousel .ui-carousel-header {
  display: none !important;
}

.user-dashboard .userfab .fab-close-active .fab-close-icon {
  height: 40px !important;
  position: relative !important;
}

.user-dashboard textarea.text-input {
  resize: none !important;
}

.user-dashboard .asterisk {
  color: red;
  padding-left: 3px;
}

.user-dashboard .m-b-t {
  margin-bottom: 4% !important;
}

.user-dashboard .ui-radiobutton-box.ui-state-active {
  border: 1px solid #09f;
  background: #09f;
  color: #09f;
}

.user-dashboard .alert-md .alert-message {
  overflow: auto;
}

.user-dashboard .alert-md .alert-message .alertstyle1 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

.user-dashboard .alert-md .alert-message .alertstyle1 b {
  width: 65px !important;
}

.user-dashboard .alert-md .alert-message .alertstyle3 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.user-dashboard .alert-md .alert-message .alertstyle3 b {
  width: 65px !important;
}

.user-dashboard .alert-md .alert-message .alertstyle4 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.user-dashboard .alert-md .alert-message .alertstyle4 b {
  width: 150px !important;
}

.user-dashboard .alert-md .alert-message .alertstyle5 {
  text-align: left !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 25px;
}

.user-dashboard .alert-md .alert-message .alertstyle5 b {
  width: 75px !important;
}

.user-dashboard .alert-md .alert-message .alertstyle5 span {
  width: 5px;
}

.user-dashboard .alert-md .alert-message .alertstyle2 {
  text-align: left !important;
}

.user-dashboard .alert-md .alert-message .alertstyle2 li {
  margin-top: 10px;
}

.user-dashboard .ui-tooltip {
  background-color: #172B4D !important;
  color: #ffffff;
}

.user-dashboard .navsebexam .toolbar-content-md {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
}

.user-dashboard .modal-wrapper {
  height: 75%;
  top: 10%;
  position: absolute;
  display: block;
  border-radius: 10px !important;
}

.user-dashboard .ui-picklist-source-controls.ui-picklist-buttons {
  display: none !important;
}

.user-dashboard .ui-picklist-target-controls.ui-picklist-buttons {
  display: none !important;
}

.user-dashboard .ui-picklist-target-controls.ui-picklist-buttons.ng-star-inserted {
  display: none !important;
}

.user-dashboard .ellip {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.user-dashboard .p-slider {
  background: #dee2e6;
  border: 0 none;
  border-radius: 3px;
}

.user-dashboard .Errorbox .alert-title {
  color: #d8000c;
}

.user-dashboard .Errorbox .alert-button {
  color: #d8000c;
}

.user-dashboard .card-md {
  border-radius: 5px !important;
}

.user-dashboard .modal {
  display: none;
  /* Hidden by default */
  position: -webkit-sticky;
  position: sticky;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 30px;
  /* Location of the box */
  left: 0;
  right: 0;
  bottom: 150px;
  width: 400px;
  height: 400px;
  margin: auto;
  border: 4px solid;
  background-color: black;
}

.user-dashboard .modal-content {
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
}

.user-dashboard .close {
  position: absolute;
  color: #f1f1f1;
  top: 0px;
  right: 10px;
  font-size: 28px;
  font-weight: bold;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.user-dashboard .close:hover,
.user-dashboard .close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

.user-dashboard .customhr {
  width: 90%;
  background-color: #ccc;
}

.user-dashboard .mycustomtoolbar ion-segment {
  border: none;
}

.user-dashboard .mycustomtoolbar ion-segment-button {
  font-size: 16px !important;
  font-weight: 500 !important;
}

.user-dashboard .mycustomtoolbar .segment-md .segment-button.activated,
.user-dashboard .mycustomtoolbar .segment-md .segment-button.segment-activated {
  border-color: #172B4D !important;
  color: #172B4D !important;
}

.user-dashboard .mycustomtoolbar .toolbar-background {
  background: transparent;
}

.user-dashboard .fc {
  direction: ltr;
  text-align: left;
}

.user-dashboard .fc-rtl {
  text-align: right;
}

.user-dashboard body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}

.user-dashboard .fc-unthemed th,
.user-dashboard .fc-unthemed td,
.user-dashboard .fc-unthemed thead,
.user-dashboard .fc-unthemed tbody,
.user-dashboard .fc-unthemed .fc-divider,
.user-dashboard .fc-unthemed .fc-row,
.user-dashboard .fc-unthemed .fc-content,
.user-dashboard .fc-unthemed .fc-popover,
.user-dashboard .fc-unthemed .fc-list-view,
.user-dashboard .fc-unthemed .fc-list-heading td {
  border-color: #ddd;
}

.user-dashboard .fc-unthemed .fc-popover {
  background-color: #fff;
}

.user-dashboard .fc-unthemed .fc-divider,
.user-dashboard .fc-unthemed .fc-popover .fc-header,
.user-dashboard .fc-unthemed .fc-list-heading td {
  background: #eee;
}

.user-dashboard .fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}

.user-dashboard .fc-unthemed td.fc-today {
  background: #fcf8e3;
}

.user-dashboard .fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3;
}

.user-dashboard .fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3;
}

.user-dashboard .fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}

.user-dashboard .fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.user-dashboard .fc-icon:after {
  position: relative;
}

.user-dashboard .fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

.user-dashboard .fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

.user-dashboard .fc-icon-left-double-arrow:after {
  content: "\000AB";
  font-size: 160%;
  top: -7%;
}

.user-dashboard .fc-icon-right-double-arrow:after {
  content: "\000BB";
  font-size: 160%;
  top: -7%;
}

.user-dashboard .fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%;
}

.user-dashboard .fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%;
}

.user-dashboard .fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%;
}

.user-dashboard .fc-icon-x:after {
  content: "\000D7";
  font-size: 200%;
  top: 6%;
}

.user-dashboard .fc button {
  /* force height to include the border and padding */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer;
}

.user-dashboard .fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}

.user-dashboard .fc-state-default {
  /* non-theme */
  border: 1px solid;
}

.user-dashboard .fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.user-dashboard .fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.user-dashboard .fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .2em;
  vertical-align: middle;
}

.user-dashboard .fc-state-default {
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.user-dashboard .fc-state-hover,
.user-dashboard .fc-state-down,
.user-dashboard .fc-state-active,
.user-dashboard .fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}

.user-dashboard .fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

.user-dashboard .fc-state-down,
.user-dashboard .fc-state-active {
  background-color: #cccccc;
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.user-dashboard .fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.user-dashboard .fc-button-group {
  display: inline-block;
}

.user-dashboard .fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px;
}

.user-dashboard .fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0;
}

.user-dashboard .fc-popover {
  position: absolute;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.user-dashboard .fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px;
}

.user-dashboard .fc-popover .fc-header .fc-title {
  margin: 0 2px;
}

.user-dashboard .fc-popover .fc-header .fc-close {
  cursor: pointer;
}

.user-dashboard .fc-ltr .fc-popover .fc-header .fc-title,
.user-dashboard .fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}

.user-dashboard .fc-rtl .fc-popover .fc-header .fc-title,
.user-dashboard .fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}

.user-dashboard .fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}

.user-dashboard .fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: .9em;
  margin-top: 2px;
}

.user-dashboard .fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */
}

.user-dashboard .fc-divider {
  border-style: solid;
  border-width: 1px;
}

.user-dashboard hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}

.user-dashboard .fc-clear {
  clear: both;
}

.user-dashboard .fc-bg,
.user-dashboard .fc-bgevent-skeleton,
.user-dashboard .fc-highlight-skeleton,
.user-dashboard .fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.user-dashboard .fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}

.user-dashboard .fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}

.user-dashboard .fc table {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}

.user-dashboard .fc th {
  text-align: center;
}

.user-dashboard .fc th,
.user-dashboard .fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}

.user-dashboard .fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}

.user-dashboard a[data-goto] {
  cursor: pointer;
}

.user-dashboard a[data-goto]:hover {
  text-decoration: underline;
}

.user-dashboard .fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}

.user-dashboard .fc-row table {
  /* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}

.user-dashboard .fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}

.user-dashboard .fc-row {
  position: relative;
}

.user-dashboard .fc-row .fc-bg {
  z-index: 1;
}

.user-dashboard .fc-row .fc-bgevent-skeleton,
.user-dashboard .fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}

.user-dashboard .fc-row .fc-bgevent-skeleton table,
.user-dashboard .fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}

.user-dashboard .fc-row .fc-highlight-skeleton td,
.user-dashboard .fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}

.user-dashboard .fc-row .fc-bgevent-skeleton {
  z-index: 2;
}

.user-dashboard .fc-row .fc-highlight-skeleton {
  z-index: 3;
}

.user-dashboard .fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}

.user-dashboard .fc-row .fc-helper-skeleton {
  z-index: 5;
}

.user-dashboard .fc-row .fc-content-skeleton td,
.user-dashboard .fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}

.user-dashboard .fc-row .fc-content-skeleton tbody td,
.user-dashboard .fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}

.user-dashboard .fc-scroller {
  -webkit-overflow-scrolling: touch;
}

.user-dashboard .fc-scroller > .fc-day-grid,
.user-dashboard .fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}

.user-dashboard .fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */
  font-weight: normal;
  /* undo jqui's ui-widget-header bold */
}

.user-dashboard .fc-event,
.user-dashboard .fc-event-dot {
  background-color: #3a87ad;
  /* default BACKGROUND color */
}

.user-dashboard .fc-event,
.user-dashboard .fc-event:hover,
.user-dashboard .ui-widget .fc-event {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}

.user-dashboard .fc-event[href],
.user-dashboard .fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}

.user-dashboard .fc-not-allowed,
.user-dashboard .fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}

.user-dashboard .fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #ffffff;
  opacity: .25;
}

.user-dashboard .fc-event .fc-content {
  position: relative;
  z-index: 2;
}

.user-dashboard .fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
}

.user-dashboard .fc-event .fc-resizer {
  display: none;
}

.user-dashboard .fc-event.fc-allow-mouse-resize .fc-resizer,
.user-dashboard .fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block;
}

.user-dashboard .fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}

.user-dashboard .fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.user-dashboard .fc-event.fc-selected.fc-dragging {
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

.user-dashboard .fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}

.user-dashboard .fc-ltr .fc-h-event.fc-not-start,
.user-dashboard .fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.user-dashboard .fc-ltr .fc-h-event.fc-not-end,
.user-dashboard .fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.user-dashboard .fc-ltr .fc-h-event .fc-start-resizer,
.user-dashboard .fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */
}

.user-dashboard .fc-ltr .fc-h-event .fc-end-resizer,
.user-dashboard .fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */
}

.user-dashboard .fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */
}

.user-dashboard .fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* vertically center */
  top: 50%;
  margin-top: -4px;
}

.user-dashboard .fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
.user-dashboard .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */
}

.user-dashboard .fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
.user-dashboard .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */
}

.user-dashboard .fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}

.user-dashboard tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */
}

.user-dashboard .fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: .25;
}

.user-dashboard .fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}

.user-dashboard .fc-day-grid-event .fc-time {
  font-weight: bold;
}

.user-dashboard .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
.user-dashboard .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */
}

.user-dashboard .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
.user-dashboard .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */
}

.user-dashboard a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none;
}

.user-dashboard a.fc-more:hover {
  text-decoration: underline;
}

.user-dashboard .fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}

.user-dashboard .fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}

.user-dashboard .fc-more-popover {
  z-index: 2;
  width: 220px;
}

.user-dashboard .fc-more-popover .fc-event-container {
  padding: 10px;
}

.user-dashboard .fc-now-indicator {
  position: absolute;
  border: 0 solid red;
}

.user-dashboard .fc-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.user-dashboard .fc-toolbar {
  text-align: center;
}

.user-dashboard .fc-toolbar.fc-header-toolbar {
  margin-bottom: 1em;
}

.user-dashboard .fc-toolbar.fc-footer-toolbar {
  margin-top: 1em;
}

.user-dashboard .fc-toolbar .fc-left {
  float: left;
}

.user-dashboard .fc-toolbar .fc-right {
  float: right;
}

.user-dashboard .fc-toolbar .fc-center {
  display: inline-block;
}

.user-dashboard .fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em;
}

.user-dashboard .fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0;
}

.user-dashboard .fc-toolbar h2 {
  margin: 0;
}

.user-dashboard .fc-toolbar button {
  position: relative;
}

.user-dashboard .fc-toolbar .fc-state-hover,
.user-dashboard .fc-toolbar .ui-state-hover {
  z-index: 2;
}

.user-dashboard .fc-toolbar .fc-state-down {
  z-index: 3;
}

.user-dashboard .fc-toolbar .fc-state-active,
.user-dashboard .fc-toolbar .ui-state-active {
  z-index: 4;
}

.user-dashboard .fc-toolbar button:focus {
  z-index: 5;
}

.user-dashboard .fc-view-container *,
.user-dashboard .fc-view-container *:before,
.user-dashboard .fc-view-container *:after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.user-dashboard .fc-view,
.user-dashboard .fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}

.user-dashboard .fc-basicWeek-view .fc-content-skeleton,
.user-dashboard .fc-basicDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}

.user-dashboard .fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}

.user-dashboard .fc-row.fc-rigid {
  overflow: hidden;
}

.user-dashboard .fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.user-dashboard .fc-day-top.fc-other-month {
  opacity: 0.3;
}

.user-dashboard .fc-basic-view .fc-week-number,
.user-dashboard .fc-basic-view .fc-day-number {
  padding: 2px;
}

.user-dashboard .fc-basic-view th.fc-week-number,
.user-dashboard .fc-basic-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */
}

.user-dashboard .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right;
}

.user-dashboard .fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left;
}

.user-dashboard .fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0;
}

.user-dashboard .fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px;
}

.user-dashboard .fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080;
}

.user-dashboard .fc-basic-view td.fc-week-number {
  text-align: center;
}

.user-dashboard .fc-basic-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}

.user-dashboard .fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}

.user-dashboard .fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}

.user-dashboard .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}

.user-dashboard .fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}

.user-dashboard .fc-ltr .fc-axis {
  text-align: right;
}

.user-dashboard .fc-rtl .fc-axis {
  text-align: left;
}

.user-dashboard .ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome jqui theme making it bold */
}

.user-dashboard .fc-time-grid-container,
.user-dashboard .fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}

.user-dashboard .fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

.user-dashboard .fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}

.user-dashboard .fc-time-grid > .fc-bg {
  z-index: 1;
}

.user-dashboard .fc-time-grid .fc-slats,
.user-dashboard .fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}

.user-dashboard .fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */
}

.user-dashboard .fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
}

.user-dashboard .fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1;
}

.user-dashboard .fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2;
}

.user-dashboard .fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3;
}

.user-dashboard .fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4;
}

.user-dashboard .fc-time-grid .fc-now-indicator-line {
  z-index: 5;
}

.user-dashboard .fc-time-grid .fc-helper-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6;
}

.user-dashboard .fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}

.user-dashboard .fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}

.user-dashboard .fc-time-grid .fc-slats .ui-widget-content {
  /* for jqui theme */
  background: none;
  /* see through to fc-bg */
}

.user-dashboard .fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}

.user-dashboard .fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}

.user-dashboard .fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}

.user-dashboard .fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}

.user-dashboard .fc-time-grid .fc-event,
.user-dashboard .fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}

.user-dashboard .fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}

.user-dashboard .fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.user-dashboard .fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.user-dashboard .fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */
}

.user-dashboard .fc-time-grid-event.fc-selected {
  /* need to allow touch resizers to extend outside event's bounding box */
  /* common fc-selected styles hide the fc-bg, so don't need this anyway */
  overflow: visible;
}

.user-dashboard .fc-time-grid-event.fc-selected .fc-bg {
  display: none;
  /* hide semi-white background, to appear darker */
}

.user-dashboard .fc-time-grid-event .fc-content {
  overflow: hidden;
  /* for when .fc-selected */
}

.user-dashboard .fc-time-grid-event .fc-time,
.user-dashboard .fc-time-grid-event .fc-title {
  padding: 0 1px;
}

.user-dashboard .fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap;
}

.user-dashboard .fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}

.user-dashboard .fc-time-grid-event.fc-short .fc-time,
.user-dashboard .fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}

.user-dashboard .fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}

.user-dashboard .fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}

.user-dashboard .fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
  /* seperate with a dash, wrapped in nbsp's */
}

.user-dashboard .fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}

.user-dashboard .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}

.user-dashboard .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "=";
}

.user-dashboard .fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px;
}

.user-dashboard .fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0;
}

.user-dashboard .fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */
}

.user-dashboard .fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

.user-dashboard .fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

.user-dashboard .fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}

.user-dashboard .fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */
}

.user-dashboard .fc-list-view {
  border-width: 1px;
  border-style: solid;
}

.user-dashboard .fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */
}

.user-dashboard .fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px;
}

.user-dashboard .fc-list-table tr:first-child td {
  border-top-width: 0;
}

.user-dashboard .fc-list-heading {
  border-bottom-width: 1px;
}

.user-dashboard .fc-list-heading td {
  font-weight: bold;
}

.user-dashboard .fc-ltr .fc-list-heading-main {
  float: left;
}

.user-dashboard .fc-ltr .fc-list-heading-alt {
  float: right;
}

.user-dashboard .fc-rtl .fc-list-heading-main {
  float: right;
}

.user-dashboard .fc-rtl .fc-list-heading-alt {
  float: left;
}

.user-dashboard .fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */
}

.user-dashboard .fc-list-item:hover td {
  background-color: #f5f5f5;
}

.user-dashboard .fc-list-item-marker,
.user-dashboard .fc-list-item-time {
  white-space: nowrap;
  width: 1px;
}

.user-dashboard .fc-ltr .fc-list-item-marker {
  padding-right: 0;
}

.user-dashboard .fc-rtl .fc-list-item-marker {
  padding-left: 0;
}

.user-dashboard .fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit;
}

.user-dashboard .fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline;
}

.user-dashboard .fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.user-dashboard .fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table;
}

.user-dashboard .fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.user-dashboard .fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #eee;
}

.user-dashboard .counter_divbig {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  text-align: center;
  margin: 0 auto;
  background: black;
}

.user-dashboard .counter_divbig span {
  font-size: 20px;
  color: #fff;
  margin-top: 11px;
  display: inline-block;
}

.user-dashboard .counter_divbig_h4 {
  color: black;
  line-height: 0 !important;
}

.user-dashboard .pinkborder {
  border: 6px solid #E91E63;
}

.user-dashboard .greenborder {
  border: 6px solid #009688;
}

.user-dashboard .blueborder {
  border: 6px solid #3F51B5;
}

.user-dashboard .yellowborder {
  border: 6px solid #FFC107;
}

.user-dashboard .whiteborder {
  border: 6px solid #fff;
  height: 75px;
  width: 75px;
}

.user-dashboard .noticecard {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.user-dashboard .cardheight {
  min-height: 250px;
  border-radius: 5px;
  height: 450px;
}

.user-dashboard .togglediv ion-icon {
  font-size: 3rem;
  float: right;
  margin-right: 10px;
}

.user-dashboard #chart {
  max-width: 650px;
  margin: 35px auto;
}

.user-dashboard .globalTable {
  border: 1px solid lightgrey;
}

.user-dashboard .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.user-dashboard .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

.user-dashboard .globalTable .table-header .align input {
  width: 60%;
  line-height: 25px;
}

.user-dashboard .globalTable th input {
  text-align: center;
  width: 90%;
  font-weight: 400;
}

.user-dashboard .grid-card {
  min-height: 500px;
  border-radius: 15px;
}

.user-dashboard .noticecards {
  margin: auto;
}

@media only screen and (max-width: 768px) {
  .user-dashboard .noticecards {
    margin: -20px 0;
  }
}

.user-dashboard .examCard {
  min-height: 150px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 20px;
  width: 300px;
  border-radius: 10px;
  margin: 5px;
  cursor: default;
}

.user-dashboard .examCard .title-card {
  font-family: Vardana, Helvetica, sans-serif;
  font-size: 2rem;
  padding: 10px 0;
}

.user-dashboard .examCard .dueDate {
  font-size: 1.5rem;
  font-weight: bold;
}

.user-dashboard .examCard .subtitle-card {
  font-size: 1.5rem;
}

.user-dashboard .card-header-md {
  padding: 0;
}

.user-dashboard .mobparentClass {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.user-dashboard .label-md {
  margin: 0;
  margin-bottom: 10px;
}

.user-dashboard .examTitle {
  margin: auto;
  margin-top: 25px;
  text-align: center;
  font-size: 22px !important;
}

.user-dashboard .assignGridTitle {
  font-size: 11px;
  cursor: pointer;
  color: #0099ff;
  margin-top: 0.3rem !important;
}

.user-dashboard .inactiveText {
  font-size: 11px;
  color: #FF5630;
}

.user-dashboard .activeText {
  font-size: 11px;
}

@media (max-width: 768px) {
  .user-dashboard .countshow_div button {
    font-size: 12px;
  }
  .user-dashboard .noticeslide {
    width: 82%;
  }
  .user-dashboard .infographic1 {
    font-size: 12px !important;
  }
  .user-dashboard .infographic2 {
    font-size: 12px !important;
  }
  .user-dashboard .infographic3 {
    font-size: 12px !important;
  }
  .user-dashboard .infographic4 {
    font-size: 12px !important;
  }
}

.user-dashboard ion-spinner * {
  width: 28px;
  height: 28px;
  stroke: #444;
  fill: #222;
}

.user-dashboard [col-xl-3] {
  padding: 0px !important;
}

.user-dashboard .nodataimage {
  height: 250px;
  width: 100%;
}

.user-dashboard .success {
  margin-top: 2%;
  font-size: 14px;
  padding-top: 2%;
  text-align: center;
}

.user-dashboard .warning {
  margin-top: 2%;
  font-size: 14px;
  padding-top: 2%;
  text-align: center;
}

.user-dashboard .disabled.swiper-button-next {
  opacity: 0.2;
  cursor: default;
}

.user-dashboard .disabled.swiper-button-prev {
  cursor: default;
  opacity: 0.2;
}

.user-dashboard ion-slide.swiper-slide.swiper-slide-active ion-card {
  -webkit-transition: -webkit-transform 500ms;
  transition: -webkit-transform 500ms;
  transition: transform 500ms;
  transition: transform 500ms, -webkit-transform 500ms;
}

.user-dashboard .slide-zoom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.user-dashboard #calendar-container {
  height: 635px;
}

.user-dashboard .fc {
  direction: ltr;
  text-align: left;
}

.user-dashboard .fc-rtl {
  text-align: right;
}

.user-dashboard body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}

.user-dashboard .fc-unthemed th,
.user-dashboard .fc-unthemed td,
.user-dashboard .fc-unthemed thead,
.user-dashboard .fc-unthemed tbody,
.user-dashboard .fc-unthemed .fc-divider,
.user-dashboard .fc-unthemed .fc-row,
.user-dashboard .fc-unthemed .fc-content,
.user-dashboard .fc-unthemed .fc-popover,
.user-dashboard .fc-unthemed .fc-list-view,
.user-dashboard .fc-unthemed .fc-list-heading td {
  border-color: #ddd;
}

.user-dashboard .fc-unthemed .fc-popover {
  background-color: #fff;
}

.user-dashboard .fc-unthemed .fc-divider,
.user-dashboard .fc-unthemed .fc-popover .fc-header,
.user-dashboard .fc-unthemed .fc-list-heading td {
  background: #eee;
}

.user-dashboard .fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}

.user-dashboard .fc-unthemed td.fc-today {
  background: #fcf8e3;
}

.user-dashboard .fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3;
}

.user-dashboard .fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3;
}

.user-dashboard .fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}

.user-dashboard .fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.user-dashboard .fc-icon:after {
  position: relative;
}

.user-dashboard .fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

.user-dashboard .fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

.user-dashboard .fc-icon-left-double-arrow:after {
  content: "\000AB";
  font-size: 160%;
  top: -7%;
}

.user-dashboard .fc-icon-right-double-arrow:after {
  content: "\000BB";
  font-size: 160%;
  top: -7%;
}

.user-dashboard .fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%;
}

.user-dashboard .fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%;
}

.user-dashboard .fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%;
}

.user-dashboard .fc-icon-x:after {
  content: "\000D7";
  font-size: 200%;
  top: 6%;
}

.user-dashboard .fc button {
  /* force height to include the border and padding */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer;
}

.user-dashboard .fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}

.user-dashboard .fc-state-default {
  /* non-theme */
  border: 1px solid;
}

.user-dashboard .fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.user-dashboard .fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.user-dashboard .fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .2em;
  vertical-align: middle;
}

.user-dashboard .fc-state-default {
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.user-dashboard .fc-state-hover,
.user-dashboard .fc-state-down,
.user-dashboard .fc-state-active,
.user-dashboard .fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}

.user-dashboard .fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

.user-dashboard .fc-state-down,
.user-dashboard .fc-state-active {
  background-color: #cccccc;
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.user-dashboard .fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.user-dashboard .fc-button-group {
  display: inline-block;
}

.user-dashboard .fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px;
}

.user-dashboard .fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0;
}

.user-dashboard .fc-popover {
  position: absolute;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.user-dashboard .fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px;
}

.user-dashboard .fc-popover .fc-header .fc-title {
  margin: 0 2px;
}

.user-dashboard .fc-popover .fc-header .fc-close {
  cursor: pointer;
}

.user-dashboard .fc-ltr .fc-popover .fc-header .fc-title,
.user-dashboard .fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}

.user-dashboard .fc-rtl .fc-popover .fc-header .fc-title,
.user-dashboard .fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}

.user-dashboard .fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}

.user-dashboard .fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: .9em;
  margin-top: 2px;
}

.user-dashboard .fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */
}

.user-dashboard .fc-divider {
  border-style: solid;
  border-width: 1px;
}

.user-dashboard hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}

.user-dashboard .fc-clear {
  clear: both;
}

.user-dashboard .fc-bg,
.user-dashboard .fc-bgevent-skeleton,
.user-dashboard .fc-highlight-skeleton,
.user-dashboard .fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.user-dashboard .fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}

.user-dashboard .fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}

.user-dashboard .fc table {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}

.user-dashboard .fc th {
  text-align: center;
}

.user-dashboard .fc th,
.user-dashboard .fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}

.user-dashboard .fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}

.user-dashboard a[data-goto] {
  cursor: pointer;
}

.user-dashboard a[data-goto]:hover {
  text-decoration: underline;
}

.user-dashboard .fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}

.user-dashboard .fc-row table {
  /* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}

.user-dashboard .fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}

.user-dashboard .fc-row {
  position: relative;
}

.user-dashboard .fc-row .fc-bg {
  z-index: 1;
}

.user-dashboard .fc-row .fc-bgevent-skeleton,
.user-dashboard .fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}

.user-dashboard .fc-row .fc-bgevent-skeleton table,
.user-dashboard .fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}

.user-dashboard .fc-row .fc-highlight-skeleton td,
.user-dashboard .fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}

.user-dashboard .fc-row .fc-bgevent-skeleton {
  z-index: 2;
}

.user-dashboard .fc-row .fc-highlight-skeleton {
  z-index: 3;
}

.user-dashboard .fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}

.user-dashboard .fc-row .fc-helper-skeleton {
  z-index: 5;
}

.user-dashboard .fc-row .fc-content-skeleton td,
.user-dashboard .fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}

.user-dashboard .fc-row .fc-content-skeleton tbody td,
.user-dashboard .fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}

.user-dashboard .fc-scroller {
  -webkit-overflow-scrolling: touch;
}

.user-dashboard .fc-scroller > .fc-day-grid,
.user-dashboard .fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}

.user-dashboard .fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */
  font-weight: normal;
  /* undo jqui's ui-widget-header bold */
}

.user-dashboard .fc-event,
.user-dashboard .fc-event-dot {
  background-color: #3a87ad;
  /* default BACKGROUND color */
}

.user-dashboard .fc-event,
.user-dashboard .fc-event:hover,
.user-dashboard .ui-widget .fc-event {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}

.user-dashboard .fc-event[href],
.user-dashboard .fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}

.user-dashboard .fc-not-allowed,
.user-dashboard .fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}

.user-dashboard .fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #ffffff;
  opacity: .25;
}

.user-dashboard .fc-event .fc-content {
  position: relative;
  z-index: 2;
}

.user-dashboard .fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
}

.user-dashboard .fc-event .fc-resizer {
  display: none;
}

.user-dashboard .fc-event.fc-allow-mouse-resize .fc-resizer,
.user-dashboard .fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block;
}

.user-dashboard .fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}

.user-dashboard .fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.user-dashboard .fc-event.fc-selected.fc-dragging {
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

.user-dashboard .fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}

.user-dashboard .fc-ltr .fc-h-event.fc-not-start,
.user-dashboard .fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.user-dashboard .fc-ltr .fc-h-event.fc-not-end,
.user-dashboard .fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.user-dashboard .fc-ltr .fc-h-event .fc-start-resizer,
.user-dashboard .fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */
}

.user-dashboard .fc-ltr .fc-h-event .fc-end-resizer,
.user-dashboard .fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */
}

.user-dashboard .fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */
}

.user-dashboard .fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* vertically center */
  top: 50%;
  margin-top: -4px;
}

.user-dashboard .fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
.user-dashboard .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */
}

.user-dashboard .fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
.user-dashboard .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */
}

.user-dashboard .fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}

.user-dashboard tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */
}

.user-dashboard .fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: .25;
}

.user-dashboard .fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}

.user-dashboard .fc-day-grid-event .fc-time {
  font-weight: bold;
}

.user-dashboard .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
.user-dashboard .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */
}

.user-dashboard .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
.user-dashboard .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */
}

.user-dashboard a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none;
}

.user-dashboard a.fc-more:hover {
  text-decoration: underline;
}

.user-dashboard .fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}

.user-dashboard .fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}

.user-dashboard .fc-more-popover {
  z-index: 2;
  width: 220px;
}

.user-dashboard .fc-more-popover .fc-event-container {
  padding: 10px;
}

.user-dashboard .fc-now-indicator {
  position: absolute;
  border: 0 solid red;
}

.user-dashboard .fc-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.user-dashboard .fc-toolbar {
  text-align: center;
}

.user-dashboard .fc-toolbar.fc-header-toolbar {
  margin-bottom: 1em;
}

.user-dashboard .fc-toolbar.fc-footer-toolbar {
  margin-top: 1em;
}

.user-dashboard .fc-toolbar .fc-left {
  float: left;
}

.user-dashboard .fc-toolbar .fc-right {
  float: right;
}

.user-dashboard .fc-toolbar .fc-center {
  display: inline-block;
}

.user-dashboard .fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em;
}

.user-dashboard .fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0;
}

.user-dashboard .fc-toolbar h2 {
  margin: 0;
}

.user-dashboard .fc-toolbar button {
  position: relative;
}

.user-dashboard .fc-toolbar .fc-state-hover,
.user-dashboard .fc-toolbar .ui-state-hover {
  z-index: 2;
}

.user-dashboard .fc-toolbar .fc-state-down {
  z-index: 3;
}

.user-dashboard .fc-toolbar .fc-state-active,
.user-dashboard .fc-toolbar .ui-state-active {
  z-index: 4;
}

.user-dashboard .fc-toolbar button:focus {
  z-index: 5;
}

.user-dashboard .fc-view-container *,
.user-dashboard .fc-view-container *:before,
.user-dashboard .fc-view-container *:after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.user-dashboard .fc-view,
.user-dashboard .fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}

.user-dashboard .fc-basicWeek-view .fc-content-skeleton,
.user-dashboard .fc-basicDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}

.user-dashboard .fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}

.user-dashboard .fc-row.fc-rigid {
  overflow: hidden;
}

.user-dashboard .fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.user-dashboard .fc-day-top.fc-other-month {
  opacity: 0.3;
}

.user-dashboard .fc-basic-view .fc-week-number,
.user-dashboard .fc-basic-view .fc-day-number {
  padding: 2px;
}

.user-dashboard .fc-basic-view th.fc-week-number,
.user-dashboard .fc-basic-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */
}

.user-dashboard .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right;
}

.user-dashboard .fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left;
}

.user-dashboard .fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0;
}

.user-dashboard .fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px;
}

.user-dashboard .fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080;
}

.user-dashboard .fc-basic-view td.fc-week-number {
  text-align: center;
}

.user-dashboard .fc-basic-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}

.user-dashboard .fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}

.user-dashboard .fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}

.user-dashboard .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}

.user-dashboard .fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}

.user-dashboard .fc-ltr .fc-axis {
  text-align: right;
}

.user-dashboard .fc-rtl .fc-axis {
  text-align: left;
}

.user-dashboard .ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome jqui theme making it bold */
}

.user-dashboard .fc-time-grid-container,
.user-dashboard .fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}

.user-dashboard .fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

.user-dashboard .fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}

.user-dashboard .fc-time-grid > .fc-bg {
  z-index: 1;
}

.user-dashboard .fc-time-grid .fc-slats,
.user-dashboard .fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}

.user-dashboard .fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */
}

.user-dashboard .fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
}

.user-dashboard .fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1;
}

.user-dashboard .fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2;
}

.user-dashboard .fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3;
}

.user-dashboard .fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4;
}

.user-dashboard .fc-time-grid .fc-now-indicator-line {
  z-index: 5;
}

.user-dashboard .fc-time-grid .fc-helper-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6;
}

.user-dashboard .fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}

.user-dashboard .fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}

.user-dashboard .fc-time-grid .fc-slats .ui-widget-content {
  /* for jqui theme */
  background: none;
  /* see through to fc-bg */
}

.user-dashboard .fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}

.user-dashboard .fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}

.user-dashboard .fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}

.user-dashboard .fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}

.user-dashboard .fc-time-grid .fc-event,
.user-dashboard .fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}

.user-dashboard .fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}

.user-dashboard .fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.user-dashboard .fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.user-dashboard .fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */
}

.user-dashboard .fc-time-grid-event.fc-selected {
  /* need to allow touch resizers to extend outside event's bounding box */
  /* common fc-selected styles hide the fc-bg, so don't need this anyway */
  overflow: visible;
}

.user-dashboard .fc-time-grid-event.fc-selected .fc-bg {
  display: none;
  /* hide semi-white background, to appear darker */
}

.user-dashboard .fc-time-grid-event .fc-content {
  overflow: hidden;
  /* for when .fc-selected */
}

.user-dashboard .fc-time-grid-event .fc-time,
.user-dashboard .fc-time-grid-event .fc-title {
  padding: 0 1px;
}

.user-dashboard .fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap;
}

.user-dashboard .fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}

.user-dashboard .fc-time-grid-event.fc-short .fc-time,
.user-dashboard .fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}

.user-dashboard .fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}

.user-dashboard .fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}

.user-dashboard .fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
  /* seperate with a dash, wrapped in nbsp's */
}

.user-dashboard .fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}

.user-dashboard .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}

.user-dashboard .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "=";
}

.user-dashboard .fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #ffffff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px;
}

.user-dashboard .fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0;
}

.user-dashboard .fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */
}

.user-dashboard .fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

.user-dashboard .fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

.user-dashboard .fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}

.user-dashboard .fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */
}

.user-dashboard .fc-list-view {
  border-width: 1px;
  border-style: solid;
}

.user-dashboard .fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */
}

.user-dashboard .fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px;
}

.user-dashboard .fc-list-table tr:first-child td {
  border-top-width: 0;
}

.user-dashboard .fc-list-heading {
  border-bottom-width: 1px;
}

.user-dashboard .fc-list-heading td {
  font-weight: bold;
}

.user-dashboard .fc-ltr .fc-list-heading-main {
  float: left;
}

.user-dashboard .fc-ltr .fc-list-heading-alt {
  float: right;
}

.user-dashboard .fc-rtl .fc-list-heading-main {
  float: right;
}

.user-dashboard .fc-rtl .fc-list-heading-alt {
  float: left;
}

.user-dashboard .fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */
}

.user-dashboard .fc-list-item:hover td {
  background-color: #f5f5f5;
}

.user-dashboard .fc-list-item-marker,
.user-dashboard .fc-list-item-time {
  white-space: nowrap;
  width: 1px;
}

.user-dashboard .fc-ltr .fc-list-item-marker {
  padding-right: 0;
}

.user-dashboard .fc-rtl .fc-list-item-marker {
  padding-left: 0;
}

.user-dashboard .fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit;
}

.user-dashboard .fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline;
}

.user-dashboard .fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.user-dashboard .fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table;
}

.user-dashboard .fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.user-dashboard .fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #eee;
}

.user-dashboard .cardcalenderstyle {
  background-color: white;
  padding: 15px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.19);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.19);
  border-radius: 5px;
}

@media screen and (min-width: 768px) {
  .user-dashboard .paddingcalender {
    padding: 0 2%;
  }
}

@media screen and (max-width: 768px) {
  .user-dashboard .paddingcalender {
    padding: 0 5%;
  }
}

page-user-details .info-grid ion-col {
  padding: 0;
}

page-user-details .info-grid ion-col ion-row {
  margin: 10px;
  border: 1px lightgrey solid;
  background-color: #ffffff;
}

page-user-details .info-grid ion-col .label-md {
  margin: 0;
}

page-user-details .info-grid ion-col .label-md .heading {
  font-family: "Open Sans";
  font-size: 0.9em;
  color: black;
  width: 60%;
}

page-user-details .info-grid ion-col .heading {
  width: 50%;
  background-color: #ebedf0;
  font-weight: bold;
  padding: 20px;
}

page-user-details .info-grid ion-col .info {
  width: 50%;
  background-color: #ffffff;
  padding: 20px;
  text-align: right;
}

page-user-details .globalTable {
  border: 1px solid lightgrey;
  min-width: 801px;
}

page-user-details .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-user-details .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

page-user-details .globalTable .table-header .align input {
  width: 60%;
  line-height: 25px;
}

page-user-details .globalTable th input {
  text-align: center;
  width: 90%;
  font-weight: 400;
}

page-user-details .ui-dropdown .ui-dropdown-panel {
  z-index: 1017 !important;
  top: -102px !important;
  left: 0px !important;
  opacity: 1 !important;
}

page-user-learning-path .cardWidth {
  width: 20%;
  min-width: 300px;
}

page-user-report .globalTable {
  border: 1px solid lightgrey;
  min-width: 801px;
}

page-user-report .globalTable .align {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-user-report .globalTable .align .p-input-icon-left {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-left: 5px;
}

page-user-report .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-user-report .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

page-user-report .globalTable .table-header .align input {
  width: 60%;
  line-height: 25px;
}

page-user-report .globalTable th input {
  text-align: center;
  width: 90%;
  font-weight: 400;
}

page-user-report .globalTable .actionIcon {
  padding: 0 6px;
  font-size: 16px;
  cursor: pointer;
}

page-user-report .ui-dropdown .ui-dropdown-panel {
  z-index: 1017 !important;
  top: -102px !important;
  left: 0px !important;
  opacity: 1 !important;
}

page-users ion-icon {
  pointer-events: none;
}

page-users ion-fab {
  width: 40px !important;
  height: 40px !important;
  margin: 3%;
}

page-users .ui-dropdown .ui-dropdown-panel {
  z-index: 1017 !important;
  top: -102px !important;
  left: 0px !important;
  opacity: 1 !important;
}

page-verification-initiated-report .ui-dropdown .ui-dropdown-panel {
  z-index: 1017 !important;
  top: -102px !important;
  left: 0px !important;
  opacity: 1 !important;
}

page-verification-management .rej {
  background-color: #ffa9a9;
  color: #e83c3c;
}

page-verification-management .approv {
  background-color: #9decbe;
  color: #226f4e;
}

page-verification-management .noteclass {
  border: 1px solid #cccbcb;
  height: 60px;
  font-size: 12px;
  width: 100%;
  padding: 0 5px;
  overflow: auto;
}

page-verification-management ion-segment {
  border: 1px solid #172B4D !important;
  border-radius: 25px;
}

page-verification-management ion-segment-button {
  border-radius: 25px;
  border-bottom-style: none !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

page-verification-management .segment-md .segment-button.activated,
page-verification-management .segment-md .segment-button.segment-activated {
  border-color: #172B4D !important;
  background: #172B4D !important;
  color: #ffffff;
}

page-verification-management .toolbar-background {
  background: transparent;
  border: 0px;
}

page-verification-management .centerdiv {
  width: 80%;
  margin: 10px auto;
}

page-verification-management .carddiv ion-card {
  height: 330px;
  padding: 0;
  margin: 5px;
  overflow-y: auto;
}

page-verification-management .list-md .item-input:last-child {
  border-bottom: none;
}

page-verification-management .globalTable {
  min-width: 1000px;
}

page-verification-management .list-header-md {
  font-size: large;
}

page-verification-management .globalTable .table-header {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-verification-management .ui-dropdown-panel {
  z-index: 1017 !important;
  top: -102px !important;
  left: 0px !important;
  opacity: 1 !important;
}

page-verification-received-report .ui-dropdown .ui-dropdown-panel {
  z-index: 1017 !important;
  top: -102px !important;
  left: 0px !important;
  opacity: 1 !important;
}

page-verification-report page-verification-management .rej {
  background-color: #ffa9a9;
  color: #e83c3c;
}

page-verification-report page-verification-management .approv {
  background-color: #9decbe;
  color: #226f4e;
}

page-verification-report page-verification-management .noteclass {
  border: 1px solid #cccbcb;
  height: 60px;
  font-size: 12px;
  width: 100%;
  padding: 0 5px;
  overflow: auto;
}

page-verification-report page-verification-management ion-segment {
  border: 1px solid #172B4D !important;
  border-radius: 25px;
}

page-verification-report page-verification-management ion-segment-button {
  border-radius: 25px;
  border-bottom-style: none !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

page-verification-report page-verification-management .segment-md .segment-button.activated,
page-verification-report page-verification-management .segment-md .segment-button.segment-activated {
  border-color: #172B4D !important;
  background: #172B4D !important;
  color: #ffffff;
}

page-verification-report page-verification-management .toolbar-background {
  background: transparent;
  border: 0px;
}

page-verification-report page-verification-management .centerdiv {
  width: 80%;
  margin: 10px auto;
}

page-verification-report page-verification-management .carddiv ion-card {
  height: 330px;
  padding: 0;
  margin: 5px;
  overflow-y: auto;
}

page-verification-report page-verification-management .list-md .item-input:last-child {
  border-bottom: none;
}

page-verification-report page-verification-management .globalTable {
  min-width: 1000px;
}

page-verification-report page-verification-management .list-header-md {
  font-size: large;
}

page-verification-report page-verification-management .globalTable .table-header {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-verification-report page-verification-management .ui-dropdown-panel {
  z-index: 1017 !important;
  top: -102px !important;
  left: 0px !important;
  opacity: 1 !important;
}

page-verification-request .cardForm {
  width: 60%;
  margin: auto;
}

page-verification-request .reset:hover {
  background-color: #ececec !important;
}

page-verification-request .searchdiv {
  border: 2px solid #172B4D !important;
  margin: auto;
  padding: 30px;
  margin: 8% auto;
}

page-verification-request .listFile {
  border: 1px solid #dadada;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 1px 0;
  margin: 0 8px;
  height: 90px;
}

page-verification-request .importres {
  border-radius: 15px !important;
}

page-verification-request h5 {
  color: #ffffff;
}

page-verification-request .ui-dropdown .ui-dropdown-panel {
  z-index: 1017 !important;
  top: -102px !important;
  left: 0px !important;
  opacity: 1 !important;
}

page-view-assessment .Strip {
  width: 100%;
}

page-view-assessment .Strip .alignrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1% 0;
}

page-view-assessment .Strip .globalTable {
  border: 1px solid lightgrey;
  min-width: 901px !important;
}

page-view-assessment .Strip .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-view-assessment .Strip .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

page-view-assessment .Strip .globalTable .table-header .align input {
  width: 100%;
  line-height: 25px;
}

page-view-assessment .Strip .globalTable th input {
  text-align: center;
  width: 90%;
  font-weight: 400;
}

page-view-assessment .Strip .globalTable .alignIcon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
  -ms-flex-pack: end;
  justify-content: end;
  padding: 0;
  margin-top: 3px;
}

page-view-assessment .Strip .globalTable .actionIcon {
  padding: 0 6px;
  font-size: 16px;
  line-height: 25px;
}

page-view-assessment .Strip .globalTable a {
  color: black;
  cursor: pointer;
}

page-view-assessment .Strip .globalTable td button {
  height: 30px;
  border-radius: 5px;
}

page-view-assessment ion-segment {
  border: 1px solid #0099ff;
  border-radius: 25px;
}

page-view-assessment ion-segment-button {
  border-radius: 25px;
  border-bottom-style: none !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

page-view-assessment .centerdiv {
  width: 80%;
  margin: 10px auto;
}

page-view-assessment .segment-md .segment-button.activated,
page-view-assessment .segment-md .segment-button.segment-activated {
  border-color: #172B4D !important;
  background: #172B4D !important;
  color: #ffffff;
}

page-view-assessment .toolbar-background {
  background: transparent;
  border: 0px;
}

page-view-assessment .info-grid {
  padding: 10px;
}

page-view-assessment .info-box {
  border: 1px solid lightgrey;
  background-color: white;
  height: 350px;
  overflow: auto;
}

page-view-assessment .info-box .header {
  font-size: 18px;
  font-weight: bold;
  padding: 20px;
  text-align: left;
  border: none;
}

page-view-assessment .info-box .title {
  background-color: #ebedf0;
  font-weight: bold;
  padding: 10px 20px;
}

page-view-assessment .info-box .ui-widget-content {
  padding: 20px;
  border: none;
}

page-view-assessment .info-box .b-top {
  border-top: 1px solid lightgrey;
}

page-view-assessment .info-box .b-right {
  border-right: 1px solid lightgrey;
}

page-view-assessment .infodiv1,
page-view-assessment .infodiv2,
page-view-assessment .infodiv3 {
  line-height: 20px;
}

page-view-assessment .my-custom-class button {
  position: relative;
}

page-view-assessment .assessment-badge.submissionStatus-Submited {
  padding: 2px 10px;
  border-radius: 10px;
  border-color: #5ecf8d;
  color: white;
  text-align: center;
  background-color: #5ecf8d;
  font-weight: 500;
  font-size: 12px;
}

page-view-assessment .assessment-badge.submissionStatus-Pending {
  padding: 2px 10px;
  border-radius: 10px;
  color: white;
  text-align: center;
  border-color: #f55050;
  background-color: #f55050;
  font-weight: 500;
  font-size: 12px;
}

page-view-assessment #chart {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-view-assessment .mycustomdrop {
  width: 60%;
  margin-left: 20%;
  top: 20px;
  padding: 30px;
  position: -webkit-sticky;
  position: sticky;
  z-index: 999;
  background-color: white;
  -webkit-box-shadow: 0px 2px 9px #00000030 !important;
  box-shadow: 0px 2px 9px #00000030 !important;
  border-radius: 5px;
}

page-view-assessment .mycustomdrop ion-item {
  background-color: white;
}

page-view-assessment .ui-dropdown .ui-dropdown-panel {
  z-index: 1017 !important;
  top: -102px !important;
  left: 0px !important;
  opacity: 1 !important;
}

page-view-assessment .result_pass {
  background: #5ecf8d;
}

page-view-assessment .result_fail {
  background: #f55050;
}

page-view-assignments .Strip {
  width: 100%;
}

page-view-assignments .Strip .alignrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1% 0;
}

page-view-assignments .globalTable {
  min-width: 1100px;
  border: 1px solid lightgrey;
}

page-view-assignments .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-view-assignments .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

page-view-assignments .globalTable .table-header .align input {
  width: 60%;
  line-height: 25px;
}

page-view-assignments .globalTable th input {
  text-align: center;
  width: 90%;
  font-weight: 400;
}

page-view-assignments .globalTable .alignIcon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0;
  margin-top: 3px;
}

page-view-assignments .globalTable .alignIcon .icon1 {
  padding: 2px 0;
}

page-view-assignments .globalTable .alignIcon .icon2 {
  padding: 4px 10px 4px 5px;
}

page-view-assignments .globalTable .assignment-badge.submitStatus-Submited {
  padding: 2px 10px;
  border-radius: 10px;
  border-color: #5ECF8D;
  color: white;
  text-align: center;
  background-color: #5ECF8D;
  font-weight: 500;
  font-size: 12px;
}

page-view-assignments .globalTable .assignment-badge.submitStatus-Pending {
  padding: 2px 10px;
  border-radius: 10px;
  color: white;
  text-align: center;
  border-color: #F55050;
  background-color: #F55050;
  font-weight: 500;
  font-size: 12px;
}

page-view-assignments .globalTable .actionIcon {
  padding: 0 6px;
  font-size: 16px;
  line-height: 25px;
}

page-view-assignments .globalTable a {
  color: black;
  cursor: pointer;
}

page-view-assignments .globalTable td button {
  height: 30px;
  border-radius: 5px;
}

page-view-assignments .info-grid {
  padding: 10px;
}

page-view-assignments .info-box {
  border: 1px solid lightgrey;
  background-color: white;
  height: 300px;
  overflow: auto;
}

page-view-assignments .info-box .header {
  font-size: 18px;
  font-weight: bold;
  padding: 20px;
  text-align: left;
  border: none;
}

page-view-assignments .info-box .title {
  background-color: #ebedf0;
  font-weight: bold;
  padding: 10px 20px;
}

page-view-assignments .info-box .ui-widget-content {
  padding: 20px;
  border: none;
}

page-view-assignments .info-box .b-top {
  border-top: 1px solid lightgrey;
}

page-view-assignments .info-box .b-right {
  border-right: 1px solid lightgrey;
}

page-view-assignments .infodiv1, page-view-assignments .infodiv2, page-view-assignments .infodiv3 {
  line-height: 20px;
}

page-view-assignments .my-custom-class button {
  position: relative;
}

page-view-assignments .ui-dropdown .ui-dropdown-panel {
  z-index: 1017 !important;
  top: -102px !important;
  left: 0px !important;
  opacity: 1 !important;
}

page-view-learning-path .cardDisplay {
  border-bottom: 6px solid #4668a1;
  border-radius: 5px;
  height: 205px;
  min-width: 300px;
}

page-view-learning-path .cardDisplay .cardheader {
  cursor: pointer;
  height: 130px;
  overflow: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-view-learning-path .flexclass {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-view-learning-path .flexclass1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-transform: uppercase;
  padding: 10px;
  padding-top: 0;
}

page-view-learning-path .pathdes {
  padding: 10px;
}

page-view-question-bank .topStrip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}

page-view-question-bank .globalTable {
  margin: 2% 0;
  border: 1px solid lightgrey;
  min-width: 400px;
}

page-view-question-bank .globalTable .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-view-question-bank .globalTable .table-header .align {
  width: 100%;
  text-align: end;
}

page-view-question-bank .globalTable .table-header .align input {
  width: 80%;
  line-height: 25px;
}

page-view-question-bank .globalTable th input {
  text-align: center;
  width: 90%;
  font-weight: 400;
}

page-view-question-bank .globalTable .assignment-badge.status-Active {
  padding: 2px 10px;
  border-radius: 10px;
  border-color: #5ECF8D;
  color: white;
  text-align: center;
  background-color: #5ECF8D;
  font-weight: 500;
  font-size: 12px;
}

page-view-question-bank .globalTable .assignment-badge.status-Inactive {
  padding: 2px 10px;
  border-radius: 10px;
  color: white;
  text-align: center;
  border-color: #F55050;
  background-color: #F55050;
  font-weight: 500;
  font-size: 12px;
}

page-view-question-bank .globalTable .actionIcon {
  padding: 0 6px;
  font-size: 16px;
  cursor: pointer;
}

page-view-question-bank .rightCard {
  height: 100%;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-view-question-bank .customfabIcon button.customfabIcon.fab.fab-md.fab-md-vibrant {
  width: 55px !important;
  height: 55px !important;
}

page-view-question-bank ion-badge {
  float: right;
  padding: 6px 10px;
}

page-view-question-bank .ui-dropdown .ui-dropdown-panel {
  z-index: 1017 !important;
  top: -102px !important;
  left: 0px !important;
  opacity: 1 !important;
}

page-view-quiz-popup ion-item.item.item-block.item-md.item-radio.item-radio-md-green.item-radio-checked.item-radio-disabled {
  background-color: #daf3da;
}

page-view-quiz-popup .optionCOL {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

page-view-quiz-popup .optionCOL ion-item {
  margin: 1% 0;
}

page-view-quiz-popup .feedBack ion-item.item.item-block.item-md {
  background-color: aliceblue;
  color: #41b941;
}

page-view-quiz-popup .green {
  background-color: aliceblue;
  color: #41b941;
}

page-view-quiz-popup .red {
  background-color: #f0acac;
}

text-img {
  background-color: red;
  color: white;
}

text-img, text-img::after {
  width: 4rem;
  height: 4rem;
  border-radius: 2rem;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: font-size(xxx-large);
}

text-img::after {
  content: attr(value);
}