/*!
 * Bootstrap v3.4.1 (https://getbootstrap.com/)
 * Copyright 2023-2024 HeroDevs, Inc
 * Licensed under HeroDevs NES License
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
@import "blue.css";
@import "fonts_embedded.css";
@import "../lib/notification.css";
@import "../../node_modules/fullcalendar/dist/fullcalendar.css";
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
@font-face {
  font-family: "Glyphicons Halflings";
  src: url("../fonts/glyphicons-halflings-regular.eot");
  src: url("../fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\002a";
}
.glyphicon-plus:before {
  content: "\002b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.glyphicon-cd:before {
  content: "\e201";
}
.glyphicon-save-file:before {
  content: "\e202";
}
.glyphicon-open-file:before {
  content: "\e203";
}
.glyphicon-level-up:before {
  content: "\e204";
}
.glyphicon-copy:before {
  content: "\e205";
}
.glyphicon-paste:before {
  content: "\e206";
}
.glyphicon-alert:before {
  content: "\e209";
}
.glyphicon-equalizer:before {
  content: "\e210";
}
.glyphicon-king:before {
  content: "\e211";
}
.glyphicon-queen:before {
  content: "\e212";
}
.glyphicon-pawn:before {
  content: "\e213";
}
.glyphicon-bishop:before {
  content: "\e214";
}
.glyphicon-knight:before {
  content: "\e215";
}
.glyphicon-baby-formula:before {
  content: "\e216";
}
.glyphicon-tent:before {
  content: "\26fa";
}
.glyphicon-blackboard:before {
  content: "\e218";
}
.glyphicon-bed:before {
  content: "\e219";
}
.glyphicon-apple:before {
  content: "\f8ff";
}
.glyphicon-erase:before {
  content: "\e221";
}
.glyphicon-hourglass:before {
  content: "\231b";
}
.glyphicon-lamp:before {
  content: "\e223";
}
.glyphicon-duplicate:before {
  content: "\e224";
}
.glyphicon-piggy-bank:before {
  content: "\e225";
}
.glyphicon-scissors:before {
  content: "\e226";
}
.glyphicon-bitcoin:before {
  content: "\e227";
}
.glyphicon-btc:before {
  content: "\e227";
}
.glyphicon-xbt:before {
  content: "\e227";
}
.glyphicon-yen:before {
  content: "\00a5";
}
.glyphicon-jpy:before {
  content: "\00a5";
}
.glyphicon-ruble:before {
  content: "\20bd";
}
.glyphicon-rub:before {
  content: "\20bd";
}
.glyphicon-scale:before {
  content: "\e230";
}
.glyphicon-ice-lolly:before {
  content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}
.glyphicon-education:before {
  content: "\e233";
}
.glyphicon-option-horizontal:before {
  content: "\e234";
}
.glyphicon-option-vertical:before {
  content: "\e235";
}
.glyphicon-menu-hamburger:before {
  content: "\e236";
}
.glyphicon-modal-window:before {
  content: "\e237";
}
.glyphicon-oil:before {
  content: "\e238";
}
.glyphicon-grain:before {
  content: "\e239";
}
.glyphicon-sunglasses:before {
  content: "\e240";
}
.glyphicon-text-size:before {
  content: "\e241";
}
.glyphicon-text-color:before {
  content: "\e242";
}
.glyphicon-text-background:before {
  content: "\e243";
}
.glyphicon-object-align-top:before {
  content: "\e244";
}
.glyphicon-object-align-bottom:before {
  content: "\e245";
}
.glyphicon-object-align-horizontal:before {
  content: "\e246";
}
.glyphicon-object-align-left:before {
  content: "\e247";
}
.glyphicon-object-align-vertical:before {
  content: "\e248";
}
.glyphicon-object-align-right:before {
  content: "\e249";
}
.glyphicon-triangle-right:before {
  content: "\e250";
}
.glyphicon-triangle-left:before {
  content: "\e251";
}
.glyphicon-triangle-bottom:before {
  content: "\e252";
}
.glyphicon-triangle-top:before {
  content: "\e253";
}
.glyphicon-console:before {
  content: "\e254";
}
.glyphicon-superscript:before {
  content: "\e255";
}
.glyphicon-subscript:before {
  content: "\e256";
}
.glyphicon-menu-left:before {
  content: "\e257";
}
.glyphicon-menu-right:before {
  content: "\e258";
}
.glyphicon-menu-down:before {
  content: "\e259";
}
.glyphicon-menu-up:before {
  content: "\e260";
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #fff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #337ab7;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.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;
}
[role="button"] {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: 400;
  line-height: 1;
  color: #777777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
p {
  margin: 0 0 10px;
}
.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}
small,
.small {
  font-size: 85%;
}
mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #777777;
}
.text-primary {
  color: #337ab7;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #286090;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover,
a.text-success:focus {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}
.text-danger {
  color: #a94442;
}
a.text-danger:hover,
a.text-danger:focus {
  color: #843534;
}
.bg-primary {
  color: #fff;
  background-color: #337ab7;
}
a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #286090;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: 700;
}
dd {
  margin-left: 0;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: "\2014 \00A0";
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #eeeeee;
  border-left: 0;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: "";
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: "\00A0 \2014";
}
address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
  box-shadow: none;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.row-no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row-no-gutters [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
table {
  background-color: transparent;
}
table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  min-height: 0.01%;
  overflow-x: auto;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 34px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 30px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 46px;
  }
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-top: 4px \9;
  margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
.form-control-static {
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-right: 0;
  padding-left: 0;
}
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-lg {
  height: 46px;
  line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
  top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  background-image: none;
  border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  background-image: none;
  border-color: #204d74;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  background-image: none;
  border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  background-image: none;
  border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  background-image: none;
  border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  background-image: none;
  border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  font-weight: 400;
  color: #337ab7;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0;
  }
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  display: table-cell;
  float: none;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group .form-control:focus {
  z-index: 3;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}
.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.nav > li.disabled > a {
  color: #777777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #337ab7;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #337ab7;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}
@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-brand {
  float: left;
  height: 50px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
.navbar-brand > img {
  display: block;
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-right: 15px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 7.5px -15px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.navbar-form {
  padding: 10px 15px;
  margin-right: -15px;
  margin-left: -15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 8px;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}
.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}
.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
  }
}
@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    margin-right: -15px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
  color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}
.navbar-default .btn-link {
  color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}
.navbar-inverse {
  background-color: #222;
  border-color: #080808;
}
.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #080808;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-link {
  color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link {
  color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0";
}
.breadcrumb > .active {
  color: #777777;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eeeeee;
  border-color: #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777777;
  cursor: not-allowed;
  background-color: #fff;
}
.label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}
a.label:hover,
a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #777777;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}
.label-primary {
  background-color: #337ab7;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #286090;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #777777;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge,
.btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #337ab7;
  background-color: #fff;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee;
}
.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.jumbotron > hr {
  border-top-color: #d5d5d5;
}
.container .jumbotron,
.container-fluid .jumbotron {
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 6px;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-right: 60px;
    padding-left: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }
}
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
  margin-right: auto;
  margin-left: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #337ab7;
}
.thumbnail .caption {
  padding: 9px;
  color: #333333;
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}
.media-body {
  width: 10000px;
}
.media-object {
  display: block;
}
.media-object.img-thumbnail {
  max-width: none;
}
.media-right,
.media > .pull-right {
  padding-left: 10px;
}
.media-left,
.media > .pull-left {
  padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}
.media-middle {
  vertical-align: middle;
}
.media-bottom {
  vertical-align: bottom;
}
.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.media-list {
  padding-left: 0;
  list-style: none;
}
.list-group {
  padding-left: 0;
  margin-bottom: 20px;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.list-group-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  color: #777777;
  cursor: not-allowed;
  background-color: #eeeeee;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #777777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #c7ddef;
}
a.list-group-item,
button.list-group-item {
  color: #555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
  color: #555;
  text-decoration: none;
  background-color: #f5f5f5;
}
button.list-group-item {
  width: 100%;
  text-align: left;
}
.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info,
button.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}
a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-right: 15px;
  padding-left: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  margin-bottom: 0;
  border: 0;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}
.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.panel-primary {
  border-color: #337ab7;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.well-lg {
  padding: 24px;
  border-radius: 6px;
}
.well-sm {
  padding: 9px;
  border-radius: 3px;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.2;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  appearance: none;
}
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857143;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 12px;
  filter: alpha(opacity=0);
  opacity: 0;
}
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: 0.9;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857143;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow:after {
  content: "";
  border-width: 10px;
}
.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}
.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}
.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}
.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}
.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -moz-transition: -moz-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  filter: alpha(opacity=90);
  opacity: 0.9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  font-family: serif;
  line-height: 1;
}
.carousel-control .icon-prev:before {
  content: "\2039";
}
.carousel-control .icon-next:before {
  content: "\203a";
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px;
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after {
  clear: both;
}
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
.fade-in-and-out.ng-enter {
  max-height: 0;
  opacity: 0;
}
.fade-in-and-out.ng-enter.ng-enter-active {
  max-height: 999px;
  opacity: 1;
}
.fade-in-and-out.ng-leave {
  max-height: 999px;
  opacity: 1;
}
.fade-in-and-out.ng-leave.ng-leave-active {
  max-height: 0;
  opacity: 1;
}
.fade-in-and-out.ng-enter {
  -webkit-transition: 0.75s ease-in all;
  -moz-transition: 0.75s ease-in all;
  -ms-transition: 0.75s ease-in all;
  -o-transition: 0.75s ease-in all;
  transition: 0.75s ease-in all;
  overflow: hidden;
}
.fade-in-and-out.ng-leave {
  -webkit-transition: 0.25s ease-out all;
  -moz-transition: 0.25s ease-out all;
  -ms-transition: 0.25s ease-out all;
  -o-transition: 0.25s ease-out all;
  transition: 0.25s ease-out all;
  overflow: hidden;
}
.upswing-table-context .fa-cog {
  color: #1976d2;
  cursor: pointer;
}
.upswing-table-context .fa-cog.fa-cog-closed {
  color: #aaaaaa !important;
  cursor: not-allowed;
}
.upswing-table-context .dropleft {
  transform: translate3d(-163px, 0px, 0px);
  top: 0;
  left: 0;
}
.upswing-table-context .dropleft li a.alert-actions {
  color: #3d90c7;
  cursor: pointer;
}
.upswing-table-context .dropleft li a.alert-actions[disabled] {
  color: #dcdcdc;
  cursor: not-allowed;
}
/**********************************
FEATURES
**********************************/
.coaches-marquee#portal {
  background-color: #eaeaea;
}
.coaches-marquee#marketplace {
  background-color: #34495E;
}
.coaches-marquee h1 {
  margin-top: 30px;
  color: #515151;
  font-size: 70px;
  text-align: center;
  font-weight: 100;
}
.coaches-marquee h2 {
  margin-top: 30px;
  color: #515151;
  font-size: 50px;
  text-align: center;
  font-weight: 100;
}
.coaches-marquee h3 {
  color: #515151;
  font-size: 30px;
  text-align: center;
}
.coaches-marquee h4 {
  color: #515151;
  font-size: 25px;
  text-align: center;
}
.coaches-marquee h5 {
  color: #515151;
  font-size: 20px;
  font-weight: 700;
  text-align: left;
}
.coaches-marquee p {
  text-align: left;
  color: #515151;
  font-weight: 300;
}
.coaches-marquee#dashboard {
  background-color: #7d7dff;
}
.coaches-marquee#dashboard h1 {
  margin-top: 30px;
  color: #ffffff;
  font-size: 70px;
  text-align: center;
  font-weight: 100;
}
.coaches-marquee#dashboard h2 {
  margin-top: 30px;
  color: #ffffff;
  font-size: 50px;
  text-align: center;
  font-weight: 100;
}
.coaches-marquee#dashboard h3 {
  color: #ffffff;
  font-size: 30px;
  text-align: center;
}
.coaches-marquee#dashboard h4 {
  color: #ffffff;
  font-size: 25px;
  text-align: center;
}
.coaches-marquee#dashboard h5 {
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  text-align: left;
}
.coaches-marquee#dashboard p {
  text-align: left;
  color: #ffffff;
  font-weight: 300;
}
.coaches-section {
  padding-top: 25px;
  border-top: #BDC3C7 solid 1px;
}
.coaches-section .coaches-service-b-container {
  margin-bottom: 25px;
}
.availability-status-text {
  font-size: 0.75em;
  padding-top: 2px;
}
/**********************************
COACH RESOURCES
**********************************/
/*-- References Tab --*/
.content .coach-support-row .section-title h2 {
  font-family: 'Open Sans', serif;
  text-align: center;
  color: #333;
  font-size: 2.25em;
}
.content .coach-support-row .row .coach-support-block {
  float: left;
}
@media screen and (max-width: 767px) {
  .content .coach-support-row .row .coach-support-block {
    margin: 10px 0;
    width: 94%;
    margin-left: 3%;
    margin-right: 3%;
  }
}
@media screen and (min-width: 768px) {
  .content .coach-support-row .row .coach-support-block {
    margin: 1%;
    width: 31.3%;
    max-width: 320px;
  }
}
.content .coach-support-row .row .coach-support-block .coach-support-block-head {
  min-height: 200px;
  width: 100%;
  float: left;
  position: relative;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.26);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.content .coach-support-row .row .coach-support-block .coach-support-block-head:hover {
  color: #fff;
  text-decoration: none;
}
.content .coach-support-row .row .coach-support-block .coach-support-block-head .block-head-centering {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 200px;
  display: table;
  padding: 10px;
}
.content .coach-support-row .row .coach-support-block .coach-support-block-head .block-head-centering h3 {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  line-height: 1.5em;
  color: #fff;
}
.content .coach-support-row .row .coach-support-block .coach-support-block-body {
  width: 100%;
  padding: 10px;
  float: left;
  border: 1px solid #eee;
  background-color: #fafafa;
}
@media (min-width: 768px) and (max-width: 991px) {
  .content .coach-support-row .row .coach-support-block .coach-support-block-body p {
    min-height: 180px;
  }
}
@media (min-width: 992px) {
  .content .coach-support-row .row .coach-support-block .coach-support-block-body p {
    min-height: 90px;
  }
}
.content .coach-support-row .row .coach-support-block .coach-support-block-body .coach-support-button {
  margin: 20px 0 5px;
}
.content .coach-support-row .row .coach-support-block .coach-support-video-head {
  min-height: 120px;
  width: 100%;
  float: left;
  position: relative;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.26);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.content .coach-support-row .row .coach-support-block .coach-support-video-head .youtube-play-button {
  position: absolute;
  width: 20%;
  top: 34%;
  left: 40%;
  z-index: 3;
}
.content .coach-support-row .row .coach-support-block .coach-support-video-head .youtube-thumbnail {
  z-index: 1;
  width: 100%;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .content .coach-support-row .row .coach-support-block .coach-support-video-head .youtube-thumbnail {
    height: 300px;
  }
}
@media screen and (min-width: 768px) {
  .content .coach-support-row .row .coach-support-block .coach-support-video-head .youtube-thumbnail {
    height: 120px;
  }
}
@media screen and (min-width: 1000px) {
  .content .coach-support-row .row .coach-support-block .coach-support-video-head .youtube-thumbnail {
    height: 180px;
  }
}
@media screen and (max-width: 400px) {
  .content .coach-support-row .row .coach-support-block .coach-support-video-head .youtube-thumbnail {
    height: 150px;
  }
}
@media screen and (max-width: 500px) {
  .content .coach-support-row .row .coach-support-block .coach-support-video-head .youtube-thumbnail {
    height: 200px;
  }
}
.content .coach-support-row .row .coach-support-block .coach-support-video-body {
  width: 100%;
  padding: 10px;
  float: left;
  background-color: #2196f3;
  color: #fff;
  text-align: center;
  border-radius: 0 0 6px 6px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .content .coach-support-row .row .coach-support-block .coach-support-video-body p {
    min-height: 60px;
  }
}
.contentContainer .nav-tabs li.active a {
  background-color: #fcfcfc;
}
/*------------------------------------------------------------------
Project:  HighLand
Version:  1.3
Created:    18/10/2013
Last change:  07/03/2014
-------------------------------------------------------------------*/
/* ===== Buttons ===== */
/* 1. Default Button */
/* ===== Block header ===== */
.block-header h2 {
  margin: 40px 0;
  font-size: 24px;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  color: #515151;
  text-transform: uppercase;
  background: #eee;
}
.block-header h2 .title {
  background: #fff;
  padding: 0 15px 0 0;
}
.block-header h2 .decoration {
  background: #fff;
  padding-left: 3px;
  margin-left: 5px;
}
/* ===== Lead ===== */
.lead {
  font-weight: 300;
}
/* ===== Social links ===== */
.social-icons {
  margin-bottom: 15px;
}
.social-icons ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.social-icons ul li {
  text-align: center;
  float: left;
  margin: 0 5px 5px 0;
  opacity: 0.5;
  transition: 0.1s;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
}
.social-icons-small ul li {
  height: 20px;
  width: 20px;
  font-size: 16px;
  line-height: 20px;
}
.social-icons-default ul li {
  height: 30px;
  width: 30px;
  font-size: 22px;
  line-height: 30px;
}
.social-icons-large ul li {
  height: 40px;
  width: 40px;
  font-size: 28px;
  line-height: 40px;
}
.social-icons ul li:hover {
  opacity: 1;
  transition: 0.1s;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
}
.social-icons ul li a {
  color: #FFF;
  display: block;
}
.social-icons ul li.rss {
  background: #ff9900;
}
.social-icons ul li.facebook {
  background: #3B5998;
}
.social-icons ul li.twitter {
  background: #1dcaff;
}
.social-icons ul li.plus {
  background: #dd4b39;
}
.social-icons ul li.vk {
  background: #3f628a;
}
.social-icons ul li.pinterest {
  background: #c92026;
}
.social-icons ul li.vimeo {
  background: #446d82;
}
.social-icons ul li.github {
  background: #657e8c;
}
.social-icons ul li.linkedin {
  background: #0c7bb3;
}
.social-icons ul li.dropbox {
  background: #4fa3e3;
}
/* ===== Tags ===== */
.tags > a {
  padding: 3px 4px;
  margin: 4px 4px 4px 0;
  background: #f5f5f5;
  border: 1px solid #dedede;
  border-width: 0 1px 1px 0;
  color: #515151;
  text-decoration: none;
  font-size: 0.9em;
  white-space: nowrap;
  display: inline-block;
}
.tags > a:hover {
  background: #00B4FF;
  color: #FFF;
  border-color: #00B4FF;
}
.tags > a:before {
  font-family: FontAwesome;
  content: "\f02b";
  color: #999;
  margin-right: 5px;
}
.tags > a:hover:before {
  color: #FFF;
}
/**********************************
NAV BAR
**********************************/
.loggedin-navbar {
  background-color: #1976d2;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
}
.skip-link {
  background: #1976d2;
  border-radius: 0 0 5px 5px;
  color: #fff;
  font-weight: 700;
  left: 50%;
  padding: 8px 12px;
  position: absolute;
  transform: translateY(-100%);
  transition: transform 0.3s;
  z-index: 999999;
}
.skip-link:focus {
  transform: translateY(0%);
  color: #fff;
}
/**********************************
HOME
**********************************/
.homepage-hexagons {
  display: flex;
  flex-wrap: wrap;
}
.homepage-activity {
  margin: 5px 0;
}
.homepage-activity:focus {
  box-shadow: none;
}
.homepage-activity:focus .homepage-activity-box {
  box-shadow: 0 0 20px #1976d2;
}
.homepage-activity .hex-holder {
  float: left;
}
.homepage-activity .hex-holder .hex {
  background-color: #fff;
  position: relative;
}
@media (max-width: 430px) {
  .homepage-activity .hex-holder .hex {
    margin-top: 25px;
    width: 52px;
    height: 30px;
    font-size: 0.75em;
  }
}
@media (min-width: 431px) {
  .homepage-activity .hex-holder .hex {
    margin-top: 30px;
    width: 104px;
    height: 60px;
  }
}
.homepage-activity .hex-holder .hex:before {
  content: " ";
  width: 0;
  height: 0;
  position: absolute;
}
@media (max-width: 430px) {
  .homepage-activity .hex-holder .hex:before {
    border-bottom: 15px solid #fff;
    border-left: 26px solid transparent;
    border-right: 26px solid transparent;
    top: -15px;
  }
}
@media (min-width: 431px) {
  .homepage-activity .hex-holder .hex:before {
    border-bottom: 30px solid #fff;
    border-left: 52px solid transparent;
    border-right: 52px solid transparent;
    top: -30px;
  }
}
.homepage-activity .hex-holder .hex:after {
  content: "";
  width: 0;
  position: absolute;
}
@media (max-width: 430px) {
  .homepage-activity .hex-holder .hex:after {
    bottom: -15px;
    border-top: 15px solid #fff;
    border-left: 26px solid transparent;
    border-right: 26px solid transparent;
  }
}
@media (min-width: 431px) {
  .homepage-activity .hex-holder .hex:after {
    bottom: -30px;
    border-top: 30px solid #fff;
    border-left: 52px solid transparent;
    border-right: 52px solid transparent;
  }
}
.homepage-activity .hex-holder .hex.inner {
  background-color: #2196f3;
  z-index: 1;
  text-align: center;
}
@media (min-width: 431px) {
  .homepage-activity .hex-holder .hex.inner {
    -webkit-transform: scale(0.9, 0.9);
    -moz-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
  }
}
.homepage-activity .hex-holder .hex.inner:before {
  left: 0;
}
@media (max-width: 430px) {
  .homepage-activity .hex-holder .hex.inner:before {
    border-bottom: 15px solid #2196f3;
  }
}
@media (min-width: 431px) {
  .homepage-activity .hex-holder .hex.inner:before {
    border-bottom: 30px solid #2196f3;
  }
}
.homepage-activity .hex-holder .hex.inner:after {
  left: 0;
}
@media (max-width: 430px) {
  .homepage-activity .hex-holder .hex.inner:after {
    border-top: 15px solid #2196f3;
  }
}
@media (min-width: 431px) {
  .homepage-activity .hex-holder .hex.inner:after {
    border-top: 30px solid #2196f3;
  }
}
.homepage-activity .hex-holder .hex.inner.advising-bg {
  background-color: #D9534F;
}
@media (max-width: 430px) {
  .homepage-activity .hex-holder .hex.inner.advising-bg:before {
    border-bottom: 15px solid #D9534F;
  }
}
@media (min-width: 431px) {
  .homepage-activity .hex-holder .hex.inner.advising-bg:before {
    border-bottom: 30px solid #D9534F;
  }
}
@media (max-width: 430px) {
  .homepage-activity .hex-holder .hex.inner.advising-bg:after {
    border-top: 15px solid #D9534F;
  }
}
@media (min-width: 431px) {
  .homepage-activity .hex-holder .hex.inner.advising-bg:after {
    border-top: 30px solid #D9534F;
  }
}
.homepage-activity .hex-holder .hex.inner.paper-upload-bg {
  background-color: #00c853;
}
@media (max-width: 430px) {
  .homepage-activity .hex-holder .hex.inner.paper-upload-bg:before {
    border-bottom: 15px solid #00c853;
  }
}
@media (min-width: 431px) {
  .homepage-activity .hex-holder .hex.inner.paper-upload-bg:before {
    border-bottom: 30px solid #00c853;
  }
}
@media (max-width: 430px) {
  .homepage-activity .hex-holder .hex.inner.paper-upload-bg:after {
    border-top: 15px solid #00c853;
  }
}
@media (min-width: 431px) {
  .homepage-activity .hex-holder .hex.inner.paper-upload-bg:after {
    border-top: 30px solid #00c853;
  }
}
.homepage-activity .hex-holder .hex.inner.messages-bg {
  background-color: #f57c00;
}
@media (max-width: 430px) {
  .homepage-activity .hex-holder .hex.inner.messages-bg:before {
    border-bottom: 15px solid #f57c00;
  }
}
@media (min-width: 431px) {
  .homepage-activity .hex-holder .hex.inner.messages-bg:before {
    border-bottom: 30px solid #f57c00;
  }
}
@media (max-width: 430px) {
  .homepage-activity .hex-holder .hex.inner.messages-bg:after {
    border-top: 15px solid #f57c00;
  }
}
@media (min-width: 431px) {
  .homepage-activity .hex-holder .hex.inner.messages-bg:after {
    border-top: 30px solid #f57c00;
  }
}
.homepage-activity .hex-holder .hex.inner.calendar-bg {
  background-color: #7c4dff;
}
@media (max-width: 430px) {
  .homepage-activity .hex-holder .hex.inner.calendar-bg:before {
    border-bottom: 15px solid #7c4dff;
  }
}
@media (min-width: 431px) {
  .homepage-activity .hex-holder .hex.inner.calendar-bg:before {
    border-bottom: 30px solid #7c4dff;
  }
}
@media (max-width: 430px) {
  .homepage-activity .hex-holder .hex.inner.calendar-bg:after {
    border-top: 15px solid #7c4dff;
  }
}
@media (min-width: 431px) {
  .homepage-activity .hex-holder .hex.inner.calendar-bg:after {
    border-top: 30px solid #7c4dff;
  }
}
.homepage-activity .hex-holder .hex.inner.check-in-bg {
  background-color: #ffab00;
}
@media (max-width: 430px) {
  .homepage-activity .hex-holder .hex.inner.check-in-bg:before {
    border-bottom: 15px solid #ffab00;
  }
}
@media (min-width: 431px) {
  .homepage-activity .hex-holder .hex.inner.check-in-bg:before {
    border-bottom: 30px solid #ffab00;
  }
}
@media (max-width: 430px) {
  .homepage-activity .hex-holder .hex.inner.check-in-bg:after {
    border-top: 15px solid #ffab00;
  }
}
@media (min-width: 431px) {
  .homepage-activity .hex-holder .hex.inner.check-in-bg:after {
    border-top: 30px solid #ffab00;
  }
}
.homepage-activity .hex-holder .hex.inner.study-session-bg {
  background-color: #c62828;
}
@media (max-width: 430px) {
  .homepage-activity .hex-holder .hex.inner.study-session-bg:before {
    border-bottom: 15px solid #c62828;
  }
}
@media (min-width: 431px) {
  .homepage-activity .hex-holder .hex.inner.study-session-bg:before {
    border-bottom: 30px solid #c62828;
  }
}
@media (max-width: 430px) {
  .homepage-activity .hex-holder .hex.inner.study-session-bg:after {
    border-top: 15px solid #c62828;
  }
}
@media (min-width: 431px) {
  .homepage-activity .hex-holder .hex.inner.study-session-bg:after {
    border-top: 30px solid #c62828;
  }
}
.homepage-activity .hex-holder .hex.inner.office-hours-bg {
  background-color: #005db9;
}
@media (max-width: 430px) {
  .homepage-activity .hex-holder .hex.inner.office-hours-bg:before {
    border-bottom: 15px solid #005db9;
  }
}
@media (min-width: 431px) {
  .homepage-activity .hex-holder .hex.inner.office-hours-bg:before {
    border-bottom: 30px solid #005db9;
  }
}
@media (max-width: 430px) {
  .homepage-activity .hex-holder .hex.inner.office-hours-bg:after {
    border-top: 15px solid #005db9;
  }
}
@media (min-width: 431px) {
  .homepage-activity .hex-holder .hex.inner.office-hours-bg:after {
    border-top: 30px solid #005db9;
  }
}
.homepage-activity .hex-holder .hex.inner.notifications-bg {
  background-color: #FF5252;
}
@media (max-width: 430px) {
  .homepage-activity .hex-holder .hex.inner.notifications-bg:before {
    border-bottom: 15px solid #FF5252;
  }
}
@media (min-width: 431px) {
  .homepage-activity .hex-holder .hex.inner.notifications-bg:before {
    border-bottom: 30px solid #FF5252;
  }
}
@media (max-width: 430px) {
  .homepage-activity .hex-holder .hex.inner.notifications-bg:after {
    border-top: 15px solid #FF5252;
  }
}
@media (min-width: 431px) {
  .homepage-activity .hex-holder .hex.inner.notifications-bg:after {
    border-top: 30px solid #FF5252;
  }
}
.homepage-activity .homepage-activity-box {
  float: left;
  border-radius: 0 4px 4px 4px;
}
@media (max-width: 430px) {
  .homepage-activity .homepage-activity-box {
    width: 90%;
    margin-top: 30px;
    margin-left: -10%;
  }
}
@media (min-width: 431px) {
  .homepage-activity .homepage-activity-box {
    width: 80%;
    margin-top: 40px;
    margin-left: -40px;
  }
}
.homepage-activity .homepage-activity-box .homepage-activity-title {
  background-color: #616161;
  margin-bottom: 0;
  text-align: center;
  padding: 6px 6px 6px 46px;
  color: #fff;
  border-top-right-radius: 4px;
}
.homepage-activity .homepage-activity-box .homepage-activity-title h3 {
  font-size: 21px;
  margin: 6px;
}
@media (max-width: 430px) {
  .homepage-activity .homepage-activity-box .homepage-activity-title {
    font-size: 1em;
  }
}
@media (min-width: 431px) {
  .homepage-activity .homepage-activity-box .homepage-activity-title {
    font-size: 1.25em;
  }
}
@media (min-width: 1200px) {
  .homepage-activity .homepage-activity-box .homepage-activity-title {
    font-size: 1.5em;
  }
}
.homepage-activity .homepage-activity-box .homepage-activity-description {
  background-color: #e0e0e0;
  color: #616161;
  padding: 20px 40px;
  min-height: 100px;
  border-radius: 0 0 6px 6px;
}
@media (min-width: 992px) {
  .homepage-activity .homepage-activity-box .homepage-activity-description {
    min-height: 140px;
  }
}
@media (min-width: 1200px) {
  .homepage-activity .homepage-activity-box .homepage-activity-description {
    min-height: 100px;
  }
}
.hex .hex-icon {
  color: #fff;
}
#homepage-header {
  text-align: center;
}
/**********************************
PAGE
**********************************/
.activity-header {
  padding: 20px 0;
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}
.activity-header .hex-holder {
  float: left;
}
.activity-header .hex-holder .hex {
  background-color: #fff;
  position: relative;
  margin-top: 25px;
  width: 52px;
  height: 30px;
  font-size: 0.75em;
}
.activity-header .hex-holder .hex:before {
  content: " ";
  width: 0;
  height: 0;
  position: absolute;
  border-bottom: 15px solid #fff;
  border-left: 26px solid transparent;
  border-right: 26px solid transparent;
  top: -15px;
}
.activity-header .hex-holder .hex:after {
  content: "";
  width: 0;
  position: absolute;
  bottom: -15px;
  border-top: 15px solid #fff;
  border-left: 26px solid transparent;
  border-right: 26px solid transparent;
}
.activity-header .hex-holder .hex.inner {
  background-color: #2196f3;
  z-index: 1;
  text-align: center;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  transform: scale(1, 1);
}
.activity-header .hex-holder .hex.inner:before {
  left: 0;
  border-bottom: 15px solid #2196f3;
}
.activity-header .hex-holder .hex.inner:after {
  left: 0;
  border-top: 15px solid #2196f3;
}
.activity-header .hex-holder .hex.inner.advising-bg {
  background-color: #D9534F;
}
.activity-header .hex-holder .hex.inner.advising-bg:before {
  border-bottom: 15px solid #D9534F;
}
.activity-header .hex-holder .hex.inner.advising-bg:after {
  border-top: 15px solid #D9534F;
}
.activity-header .hex-holder .hex.inner.paper-upload-bg {
  background-color: #00c853;
}
.activity-header .hex-holder .hex.inner.paper-upload-bg:before {
  border-bottom: 15px solid #00c853;
}
.activity-header .hex-holder .hex.inner.paper-upload-bg:after {
  border-top: 15px solid #00c853;
}
.activity-header .hex-holder .hex.inner.messages-bg {
  background-color: #f57c00;
}
.activity-header .hex-holder .hex.inner.messages-bg:before {
  border-bottom: 15px solid #f57c00;
}
.activity-header .hex-holder .hex.inner.messages-bg:after {
  border-top: 15px solid #f57c00;
}
.activity-header .hex-holder .hex.inner.calendar-bg {
  background-color: #7c4dff;
}
.activity-header .hex-holder .hex.inner.calendar-bg:before {
  border-bottom: 15px solid #7c4dff;
}
.activity-header .hex-holder .hex.inner.calendar-bg:after {
  border-top: 15px solid #7c4dff;
}
.activity-header .hex-holder .hex.inner.check-in-bg {
  background-color: #ffab00;
}
.activity-header .hex-holder .hex.inner.check-in-bg:before {
  border-bottom: 15px solid #ffab00;
}
.activity-header .hex-holder .hex.inner.check-in-bg:after {
  border-top: 15px solid #ffab00;
}
.activity-header .hex-holder .hex.inner.study-session-bg {
  background-color: #c62828;
}
.activity-header .hex-holder .hex.inner.study-session-bg:before {
  border-bottom: 15px solid #c62828;
}
.activity-header .hex-holder .hex.inner.study-session-bg:after {
  border-top: 15px solid #c62828;
}
.activity-header .hex-holder .hex.inner.office-hours-bg {
  background-color: #005db9;
}
.activity-header .hex-holder .hex.inner.office-hours-bg:before {
  border-bottom: 15px solid #005db9;
}
.activity-header .hex-holder .hex.inner.office-hours-bg:after {
  border-top: 15px solid #005db9;
}
.activity-header .hex-holder .hex.inner.notifications-bg {
  background-color: #FF5252;
}
.activity-header .hex-holder .hex.inner.notifications-bg:before {
  border-bottom: 15px solid #FF5252;
}
.activity-header .hex-holder .hex.inner.notifications-bg:after {
  border-top: 15px solid #FF5252;
}
.activity-header .activity-page-textbox {
  float: left;
  width: 80%;
  margin-left: 10px;
}
.activity-header .activity-page-textbox .activity-page-title {
  float: left;
  width: 100%;
  border-bottom: 1px #d2d2d2 solid;
}
.activity-header .activity-page-textbox .activity-page-description {
  float: left;
}
/**********************************
DASHBOARD
**********************************/
.user-information-section {
  margin-top: 30px;
}
.user-information-section .user-information-section-margin {
  margin-bottom: 30px;
}
.user-information-section #profileTemplateImmediateAvailability .bootstrap-switch-handle-on {
  background-color: #00C853;
}
.user-information-section #profileTemplateImmediateAvailability .bootstrap-switch-handle-off {
  background-color: #FF5252;
}
.text-decoration-none {
  text-decoration: none !important;
}
/**********************************
NEW PROFILE VIEW
**********************************/
#profile #profile-info-layer {
  background-color: #FFFFFF;
  padding-top: 30px;
  height: 320px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}
#profile #profile-info-layer #profile-information-and-navigation {
  text-align: center;
}
#profile #profile-info-layer #profile-information-and-navigation h3#profile-name {
  margin-top: 15px;
  margin-bottom: 0px;
}
#profile #profile-info-layer #profile-information-and-navigation #action-button-holder {
  padding-top: 15px;
  display: inline-block;
}
#profile #profile-info-layer #profile-information-and-navigation #action-button-holder .action-button-container {
  width: 60px;
  float: left;
  margin-right: 10px;
}
#profile #profile-info-layer #profile-information-and-navigation #action-button-holder .action-button-container:last-of-type {
  margin-right: 0px;
}
#profile #profile-info-layer #profile-information-and-navigation #action-button-holder .action-button-container .action-button {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  padding: 0;
  margin: auto;
}
#profile #profile-info-layer #profile-information-and-navigation #action-button-holder .action-button-container .action-button.mod-padding {
  padding: 5px 0 0 0;
}
#profile #profile-info-layer #profile-information-and-navigation #action-button-holder .action-button-container .button-function {
  padding-top: 15px;
  font-size: 0.8em;
  color: #1976d2;
}
/**********************************
ACCOUNT PROFILE PAGE
**********************************/
.account-groups .account-group-line {
  padding: 5px 0 5px 0px;
}
.account-groups .account-group-line .account-group-label {
  width: 90px;
  color: #777777;
}
.account-groups .account-group-line .account-group-value {
  padding-left: 20px;
  vertical-align: top;
}
.account-groups .account-group-line .account-group-value .btn {
  vertical-align: inherit;
}
.modal-header .close:focus,
.modal-header .close:hover {
  outline: none;
}
.send-message-modal .modal-header,
.send-message-modal .close {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background-color: #1976D2;
  color: #fff;
  text-shadow: none;
}
.send-message-modal .modal-footer {
  display: inline-flex;
  border-top: none;
  width: 100%;
}
.send-message-modal .modal-footer .button-group {
  display: flex;
  margin-left: auto;
}
.send-message-modal .modal-footer .unavailable-warning {
  display: flex;
  text-align: left;
  font-weight: bold;
  color: red;
}
.general-modal-window .modal-dialog {
  margin: 30px auto;
}
@media (max-width: 767px) {
  .general-modal-window .modal-dialog {
    width: 320px;
  }
}
@media (min-width: 768px) {
  .general-modal-window .modal-dialog {
    width: 460px;
  }
}
.general-modal-window .modal-dialog .modal-body .data-line {
  margin: 0 0 10px 0;
}
.general-modal-window .modal-dialog .modal-body .data-line .display-inline {
  width: auto;
  display: inline-block;
}
.general-modal-window .modal-dialog .modal-body .data-line .smaller-select button {
  width: 100px;
  margin-bottom: 5px;
}
.general-modal-window .modal-dialog .modal-body .data-line .smaller-select ul {
  margin-left: 15px;
}
.general-modal-window .modal-dialog .modal-body .data-line .presentation-field {
  padding: 6px 0 0 10px;
  display: inline;
}
.general-modal-window .modal-dialog .modal-body .data-line input#cycle-duration {
  width: 90px;
}
.general-modal-window .modal-dialog .modal-body .row.file-upload button {
  margin: 10px 0 10px 15px;
  background-color: #2196F3;
  border-color: #2196F3;
  color: #FFFFFF;
}
.general-modal-window .modal-dialog .modal-body .row.file-upload button:hover,
.general-modal-window .modal-dialog .modal-body .row.file-upload button:focus,
.general-modal-window .modal-dialog .modal-body .row.file-upload button:active {
  background-color: #0d8aee;
  border-color: #0c7cd5;
}
.general-modal-window .modal-dialog .modal-body .row.file-upload button:disabled:hover,
.general-modal-window .modal-dialog .modal-body .row.file-upload button.disabled:hover,
.general-modal-window .modal-dialog .modal-body .row.file-upload buttonfieldset[disabled]:hover,
.general-modal-window .modal-dialog .modal-body .row.file-upload button:disabled:focus,
.general-modal-window .modal-dialog .modal-body .row.file-upload button.disabled:focus,
.general-modal-window .modal-dialog .modal-body .row.file-upload buttonfieldset[disabled]:focus,
.general-modal-window .modal-dialog .modal-body .row.file-upload button:disabled:active,
.general-modal-window .modal-dialog .modal-body .row.file-upload button.disabled:active,
.general-modal-window .modal-dialog .modal-body .row.file-upload buttonfieldset[disabled]:active {
  background-color: #2196F3;
  border-color: #2196F3;
}
.general-modal-window .modal-dialog .modal-body .row.file-upload .col-xs-12 {
  max-height: 150px;
  overflow-y: auto;
  margin: 0 0 10px 0;
}
.general-modal-window .modal-dialog .modal-body .row.file-upload .col-xs-12 .file-container {
  padding: 5px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background-color: #F5F5F5;
  height: 40px;
}
.general-modal-window .modal-dialog .modal-body .row.file-upload .col-xs-12 .file-container:not(:first-of-type) {
  margin-top: 5px;
}
.general-modal-window .modal-dialog .modal-body .row.file-upload .col-xs-12 .file-container span {
  line-height: 2;
}
.general-modal-window .modal-dialog .modal-body .row.file-upload .col-xs-12 .file-container button {
  float: right;
  margin-top: -1px;
}
.general-modal-window .modal-dialog .modal-body .row#need-to-know {
  width: 100%;
  border-radius: 4px;
  padding: 2px 10px 2px 10px;
  background-color: #e4e4e4;
  border: 1px #D9D9D9 solid;
  overflow-y: hidden;
  margin: 0 0 5px 0;
  text-align: center;
  max-height: 155px;
  opacity: 1;
  -webkit-transition: opacity 1s 0s ease-out, max-height 0.5s 0s ease-out, margin-bottom 0.5s 0s ease-out;
  transition: opacity 1s 0s ease-out, max-height 0.5s 0s ease-out, margin-bottom 0.5s 0s ease-out;
}
.general-modal-window .modal-dialog .modal-body .row#need-to-know.is-hidden {
  -webkit-transition: opacity 1s 0s ease-in, max-height 0.25s 0s ease-in, margin-bottom 0.25s 0s ease-in;
  /* Safari */
  transition: opacity 1s 0s ease-in, max-height 0.25s 0s ease-in, margin-bottom 0.25s 0s ease-in;
  max-height: 0px;
  opacity: 0;
  overflow-y: hidden;
  margin-bottom: 0px;
}
.general-modal-window .modal-dialog .modal-body .row#need-to-know p#title {
  color: red;
  font-weight: 600;
  margin-top: 10px;
}
.general-modal-window .modal-dialog .modal-footer .btn {
  width: 100%;
}
.general-modal-window .modal-dialog .modal-footer .btn#confirm-input-button {
  background-color: #2196F3;
  border-color: #2196F3;
  color: #FFFFFF;
}
.general-modal-window .modal-dialog .modal-footer .btn#confirm-input-button:hover,
.general-modal-window .modal-dialog .modal-footer .btn#confirm-input-button:focus,
.general-modal-window .modal-dialog .modal-footer .btn#confirm-input-button:active {
  background-color: #0d8aee;
  border-color: #0c7cd5;
}
.general-modal-window .modal-dialog .modal-footer .btn#confirm-input-button:disabled,
.general-modal-window .modal-dialog .modal-footer .btn#confirm-input-button.disabled,
.general-modal-window .modal-dialog .modal-footer .btn#confirm-input-buttonfieldset[disabled] {
  background-color: #EBEBEB;
  color: #B2B2B2;
  border-color: #EBEBEB;
  font-weight: 600;
}
.scheduling-modal-window .modal-dialog {
  margin: 30px auto;
}
@media (max-width: 767px) {
  .scheduling-modal-window .modal-dialog {
    width: 320px;
  }
}
@media (min-width: 768px) {
  .scheduling-modal-window .modal-dialog {
    width: 460px;
  }
}
.scheduling-modal-window .modal-dialog .scheduling-content .data-line {
  margin: 0 0 10px 0;
}
@media (min-width: 768px) {
  .scheduling-modal-window .modal-dialog .scheduling-content .data-line.subject {
    display: flex;
  }
}
@media (max-width: 767px) {
  .scheduling-modal-window .modal-dialog .scheduling-content .data-line.subject .subject-select {
    width: 288px;
  }
}
@media (min-width: 768px) {
  .scheduling-modal-window .modal-dialog .scheduling-content .data-line.subject .subject-select {
    margin: 0 0 0 10px;
    width: 363px;
  }
}
.scheduling-modal-window .modal-dialog .scheduling-content .data-line.subject .subject-select button {
  margin: 0 0 5px 0;
  width: 100%;
  text-align: left;
}
.scheduling-modal-window .modal-dialog .scheduling-content .data-line.subject .subject-select ul.dropdown-menu {
  width: 100%;
}
.scheduling-modal-window .modal-dialog .scheduling-content .data-line .presentation-label {
  font-weight: 600;
  padding-top: 8px;
}
.scheduling-modal-window .modal-dialog .scheduling-content .data-line .display-inline {
  width: auto;
  display: inline-block;
}
.scheduling-modal-window .modal-dialog .scheduling-content .data-line .smaller-select button {
  width: 100px;
  margin-bottom: 5px;
}
.scheduling-modal-window .modal-dialog .scheduling-content .data-line .smaller-select ul {
  margin-left: 15px;
}
.scheduling-modal-window .modal-dialog .scheduling-content .data-line .presentation-field {
  padding: 6px 0 0 10px;
  display: inline;
}
.scheduling-modal-window .modal-dialog .scheduling-content .data-line #session-full-check {
  font-size: 20px;
  color: #1976d2;
  cursor: help;
}
.scheduling-modal-window .modal-dialog .scheduling-content .row.file-upload button {
  margin: 10px 0 10px 15px;
  background-color: #2196F3;
  border-color: #2196F3;
  color: #FFFFFF;
}
.scheduling-modal-window .modal-dialog .scheduling-content .row.file-upload button:hover,
.scheduling-modal-window .modal-dialog .scheduling-content .row.file-upload button:focus,
.scheduling-modal-window .modal-dialog .scheduling-content .row.file-upload button:active,
.scheduling-modal-window .modal-dialog .scheduling-content .row.file-upload button.active {
  background-color: #0d8aee;
  border-color: #0c7cd5;
}
.scheduling-modal-window .modal-dialog .scheduling-content .row.file-upload button:disabled:hover,
.scheduling-modal-window .modal-dialog .scheduling-content .row.file-upload button.disabled:hover,
.scheduling-modal-window .modal-dialog .scheduling-content .row.file-upload buttonfieldset[disabled]:hover,
.scheduling-modal-window .modal-dialog .scheduling-content .row.file-upload button:disabled:focus,
.scheduling-modal-window .modal-dialog .scheduling-content .row.file-upload button.disabled:focus,
.scheduling-modal-window .modal-dialog .scheduling-content .row.file-upload buttonfieldset[disabled]:focus,
.scheduling-modal-window .modal-dialog .scheduling-content .row.file-upload button:disabled:active,
.scheduling-modal-window .modal-dialog .scheduling-content .row.file-upload button.disabled:active,
.scheduling-modal-window .modal-dialog .scheduling-content .row.file-upload buttonfieldset[disabled]:active,
.scheduling-modal-window .modal-dialog .scheduling-content .row.file-upload button:disabled.active,
.scheduling-modal-window .modal-dialog .scheduling-content .row.file-upload button.disabled.active,
.scheduling-modal-window .modal-dialog .scheduling-content .row.file-upload buttonfieldset[disabled].active {
  background-color: #2196F3;
  border-color: #2196F3;
}
.scheduling-modal-window .modal-dialog .scheduling-content .row.file-upload .col-xs-12 {
  max-height: 150px;
  overflow-y: auto;
  margin: 0 0 10px 0;
}
.scheduling-modal-window .modal-dialog .scheduling-content .row.file-upload .col-xs-12 .file-container {
  padding: 5px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background-color: #F5F5F5;
  height: 40px;
}
.scheduling-modal-window .modal-dialog .scheduling-content .row.file-upload .col-xs-12 .file-container:not(:first-of-type) {
  margin-top: 5px;
}
.scheduling-modal-window .modal-dialog .scheduling-content .row.file-upload .col-xs-12 .file-container span {
  line-height: 2;
}
.scheduling-modal-window .modal-dialog .scheduling-content .row.file-upload .col-xs-12 .file-container button {
  float: right;
  margin-top: -1px;
}
.scheduling-modal-window .modal-dialog .scheduling-content .row#need-to-know {
  width: 100%;
  border-radius: 4px;
  padding: 2px 10px 2px 10px;
  background-color: #e4e4e4;
  border: 1px #D9D9D9 solid;
  overflow-y: hidden;
  margin: 0 0 5px 0;
  text-align: center;
  max-height: 155px;
  opacity: 1;
  -webkit-transition: opacity 1s 0s ease-out, max-height 0.5s 0s ease-out, margin-bottom 0.5s 0s ease-out;
  transition: opacity 1s 0s ease-out, max-height 0.5s 0s ease-out, margin-bottom 0.5s 0s ease-out;
}
.scheduling-modal-window .modal-dialog .scheduling-content .row#need-to-know.is-hidden {
  -webkit-transition: opacity 1s 0s ease-in, max-height 0.25s 0s ease-in, margin-bottom 0.25s 0s ease-in;
  /* Safari */
  transition: opacity 1s 0s ease-in, max-height 0.25s 0s ease-in, margin-bottom 0.25s 0s ease-in;
  max-height: 0px;
  opacity: 0;
  overflow-y: hidden;
  margin-bottom: 0px;
}
.scheduling-modal-window .modal-dialog .scheduling-content .row#need-to-know p#title {
  color: red;
  font-weight: 600;
  margin-top: 10px;
}
.scheduling-modal-window .modal-dialog .modal-footer .btn {
  width: 100%;
}
.scheduling-modal-window .modal-dialog .modal-footer .btn#schedule-session-button {
  background-color: #2196F3;
  border-color: #2196F3;
  color: #FFFFFF;
}
.scheduling-modal-window .modal-dialog .modal-footer .btn#schedule-session-button:hover,
.scheduling-modal-window .modal-dialog .modal-footer .btn#schedule-session-button:focus,
.scheduling-modal-window .modal-dialog .modal-footer .btn#schedule-session-button:active,
.scheduling-modal-window .modal-dialog .modal-footer .btn#schedule-session-button.active {
  background-color: #0d8aee;
  border-color: #0c7cd5;
}
.scheduling-modal-window .modal-dialog .modal-footer .btn#schedule-session-button:disabled,
.scheduling-modal-window .modal-dialog .modal-footer .btn#schedule-session-button.disabled,
.scheduling-modal-window .modal-dialog .modal-footer .btn#schedule-session-buttonfieldset[disabled] {
  background-color: #EBEBEB;
  color: #B2B2B2;
  border-color: #EBEBEB;
  font-weight: 600;
}
.scheduling-modal-window .modal-dialog .modal-footer .btn#immediate-schedule-session-button {
  background-color: #4BD964;
  border-color: #4BD964;
  color: #FFFFFF;
}
.scheduling-modal-window .modal-dialog .modal-footer .btn#immediate-schedule-session-button:hover,
.scheduling-modal-window .modal-dialog .modal-footer .btn#immediate-schedule-session-button:focus,
.scheduling-modal-window .modal-dialog .modal-footer .btn#immediate-schedule-session-button:active,
.scheduling-modal-window .modal-dialog .modal-footer .btn#immediate-schedule-session-button.active {
  background-color: #36d552;
  border-color: #2ac746;
  color: #FFFFFF;
}
.scheduling-modal-window .modal-dialog .modal-footer .btn#immediate-schedule-session-button:disabled,
.scheduling-modal-window .modal-dialog .modal-footer .btn#immediate-schedule-session-button.disabled,
.scheduling-modal-window .modal-dialog .modal-footer .btn#immediate-schedule-session-buttonfieldset[disabled] {
  background-color: #EBEBEB;
  color: #B2B2B2;
  border-color: #EBEBEB;
  font-weight: 600;
}
#infographic-modal {
  overflow-y: auto;
  overflow-x: hidden;
  height: 85vh;
  padding: 0;
  margin: 0;
  border-radius: 5px;
  text-align: center;
}
#infographic-modal #infographic-close {
  position: fixed;
  right: 10px;
  top: 4px;
  color: white;
  font-weight: 100;
  font-size: 26px;
  opacity: 1;
  z-index: 1;
}
#infographic-modal #infographic-container {
  display: inline;
  text-align: center;
}
#infographic-modal #infographic-container img {
  transform: scale(1.03);
  margin: -2px 0 0 0;
}
#infographic-modal #infographic-container #btn-got-it {
  width: 45%;
  position: relative;
  bottom: 20px;
  z-index: 1;
}
.modify-availability .modal-body .form-control {
  margin: auto 0;
}
.modify-availability .modal-body div.need-to-know {
  width: 100%;
  border-radius: 4px;
  padding: 2px 10px 2px 10px;
  background-color: #e4e4e4;
  border: 1px #D9D9D9 solid;
  margin-bottom: 15px;
  overflow-x: hidden;
  overflow-y: auto;
}
.modify-availability .modal-body div.need-to-know.add-availability {
  height: 110px;
}
.modify-availability .modal-body div.need-to-know p {
  font-weight: lighter;
  margin-bottom: 5px;
}
.modify-availability .modal-body div.need-to-know p.overlapping-times-title {
  color: #FF5252;
}
.modify-availability .modal-body div.need-to-know p.no-results {
  font-weight: bold;
  margin: 40px 0 5px 10px;
  text-align: center;
  color: #808080;
}
.modify-availability .modal-body div.need-to-know ul.overlapping-times-list {
  list-style-type: none;
  margin-bottom: 5px;
  margin-left: -30px;
  color: #FF5252;
}
.modify-availability .modal-body div.form-group.needs-flex {
  display: flex;
}
.modify-availability .modal-body div.form-group.needs-flex > label {
  padding-top: 7px;
}
.modify-availability .modal-body div.form-group .button-container {
  margin-left: 110px;
}
.modify-availability .modal-body div.form-group > label {
  margin-right: 10px;
}
.modify-availability .modal-body div.form-group > label:first-of-type {
  font-weight: bold;
  width: 95px;
}
.modify-availability .modal-body div.form-group p {
  display: inline;
}
.modify-availability .modal-body div.form-group > div.overlapping-times-label {
  font-weight: bold;
}
.modify-availability .modal-body div.form-group ul.overlapping-times-list {
  list-style-type: none;
  margin-left: 75px;
}
.modify-availability .modal-body div.form-group .dropdown {
  padding-right: 5px;
  display: inline-block;
}
.modify-availability .modal-body div.form-group > input.form-control,
.modify-availability .modal-body div.form-group select.form-control {
  max-width: calc(100% - 110px);
}
.modify-availability .modal-body div.form-group #recurring-range-holder {
  height: 100px;
  overflow-y: auto;
  overflow-x: hidden;
}
.modify-availability .modal-body div.form-group #recurring-range-holder.no-avails {
  text-align: center;
}
.modify-availability .modal-body div.form-group #recurring-range-holder label {
  width: 100%;
  margin: 0 0 5px 115px;
  font-weight: normal;
}
.modify-availability .modal-footer .blue-alert {
  width: 100%;
}
.askup-workitem-modal .modal-dialog {
  width: 720px;
}
.vlc-whiteboard-addition-modal .modal-header {
  background-color: #FFFFFF;
  border: none;
  border-radius: 6px;
}
.vlc-whiteboard-addition-modal .modal-body {
  padding: 15px 25px 15px 25px;
}
.vlc-whiteboard-addition-modal .modal-body.upload-modal {
  height: 360px;
}
.vlc-whiteboard-addition-modal .modal-body.upload-modal .upload-div {
  height: 100%;
  text-align: center;
}
.vlc-whiteboard-addition-modal .modal-body h2 {
  color: #424242;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 12px;
}
.vlc-whiteboard-addition-modal .modal-body h2.leave-title {
  margin-top: 0px;
}
.vlc-whiteboard-addition-modal .modal-body p {
  font-size: 14px;
  color: #4A4A4A;
  text-align: center;
}
.vlc-whiteboard-addition-modal .modal-body #session-leave-button {
  border-radius: 6px;
  font-size: 16px;
}
.vlc-whiteboard-addition-modal .modal-body #session-leave-button span {
  font-size: 14px;
}
.vlc-whiteboard-addition-modal .modal-body #session-leave-button label {
  margin: auto;
}
.vlc-whiteboard-addition-modal .modal-body #button-container {
  display: flex;
  flex-direction: row;
  height: 34px;
  justify-content: space-evenly;
  margin-top: 15px;
}
.vlc-whiteboard-addition-modal .modal-body #button-container button {
  padding: 0px;
  width: 185px;
  cursor: pointer;
}
.vlc-whiteboard-addition-modal .modal-body #button-container button label {
  cursor: pointer;
}
.vlc-whiteboard-addition-modal .modal-body .wrs_editor {
  height: 200px;
}
.vlc-whiteboard-addition-modal .modal-body #upload-container {
  border: 4px dashed rgba(178, 178, 178, 0.5);
  border-radius: 2px;
}
.vlc-whiteboard-addition-modal .modal-body #upload-container.adding-file {
  border-color: #1976d2;
}
.vlc-whiteboard-addition-modal .modal-body #upload-container.ng-enter {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  -webkit-transition: 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
  -moz-transition: 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
}
.vlc-whiteboard-addition-modal .modal-body #upload-container.ng-enter.ng-enter-active {
  -webkit-transition-delay: 300ms;
  -moz-transition-delay: 300ms;
  transition-delay: 300ms;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.vlc-whiteboard-addition-modal .modal-body #upload-container.ng-leave {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-transition: 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
  -moz-transition: 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
}
.vlc-whiteboard-addition-modal .modal-body #upload-container.ng-leave.ng-leave-active {
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  transform: scale(0.5);
  opacity: 0;
}
.vlc-whiteboard-addition-modal .modal-body #upload-container #upload-icon {
  background-repeat: round;
  background-image: url('../../up/assets/img/vlc/file-upload.icon.png');
  height: 63px;
  width: 46px;
  margin: 74px 0 0 calc(50% - 23px);
}
.vlc-whiteboard-addition-modal .modal-body #upload-container #upload-button {
  margin-top: 15px;
}
.vlc-whiteboard-addition-modal .modal-body #upload-container #upload-size-max {
  font-style: italic;
  font-size: 12px;
}
.vlc-whiteboard-addition-modal .modal-body #upload-container p {
  margin-top: 15px;
  font-size: 16px;
  color: #B2B2B2;
}
.vlc-whiteboard-addition-modal .modal-body #upload-preview-container.ng-enter {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  -webkit-transition: 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
  -moz-transition: 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
}
.vlc-whiteboard-addition-modal .modal-body #upload-preview-container.ng-enter.ng-enter-active {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.vlc-whiteboard-addition-modal .modal-body #upload-preview-container #file-container {
  background: #FFFFFF;
  height: 204px;
  line-height: 204px;
  margin-left: auto;
  margin-right: auto;
}
.vlc-whiteboard-addition-modal .modal-body #upload-preview-container #file-container #image-container {
  max-height: 100%;
  max-width: 100%;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.5);
}
.vlc-whiteboard-addition-modal .modal-body #upload-preview-container #file-container #generic-file-container {
  height: 100%;
  width: 170px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.5);
  background-repeat: round;
  background-image: url('../../up/assets/img/vlc/file-upload.generic.png');
}
.vlc-whiteboard-addition-modal .modal-body #upload-preview-container p {
  font-size: 16px;
  color: #424242;
  margin-top: 15px;
}
.vlc-whiteboard-addition-modal .modal-body #upload-preview-container #add-to-whiteboard-button {
  width: 333px;
}
.vlc-whiteboard-addition-modal .modal-body #upload-preview-container #choose-other-image-button {
  width: 333px;
  color: #6A6A6A;
  margin-top: 10px;
}
.vlc-whiteboard-addition-modal .modal-body #upload-processing-container {
  padding-top: 120px;
  height: 100%;
}
.vlc-whiteboard-addition-modal .modal-body #upload-processing-container.ng-enter {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  -webkit-transition: 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
  -moz-transition: 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
}
.vlc-whiteboard-addition-modal .modal-body #upload-processing-container.ng-enter.ng-enter-active {
  -webkit-transition-delay: 300ms;
  -moz-transition-delay: 300ms;
  transition-delay: 300ms;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.vlc-whiteboard-addition-modal .modal-body #upload-processing-container .sk-folding-cube {
  margin: 0 auto;
  width: 40px;
  height: 40px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
.vlc-whiteboard-addition-modal .modal-body #upload-processing-container .sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transform: scale(1.1);
}
.vlc-whiteboard-addition-modal .modal-body #upload-processing-container .sk-folding-cube .sk-cube:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1976d2;
  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
  -moz-animation: sk-foldCubeAngle 2.4s infinite linear both;
  animation: sk-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
.vlc-whiteboard-addition-modal .modal-body #upload-processing-container .sk-folding-cube .sk-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
  -moz-transform: scale(1.1) rotateZ(90deg);
  transform: scale(1.1) rotateZ(90deg);
}
.vlc-whiteboard-addition-modal .modal-body #upload-processing-container .sk-folding-cube .sk-cube2:before {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.vlc-whiteboard-addition-modal .modal-body #upload-processing-container .sk-folding-cube .sk-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
  -moz-transform: scale(1.1) rotateZ(180deg);
  transform: scale(1.1) rotateZ(180deg);
}
.vlc-whiteboard-addition-modal .modal-body #upload-processing-container .sk-folding-cube .sk-cube3:before {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.vlc-whiteboard-addition-modal .modal-body #upload-processing-container .sk-folding-cube .sk-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
  -moz-transform: scale(1.1) rotateZ(270deg);
  transform: scale(1.1) rotateZ(270deg);
}
.vlc-whiteboard-addition-modal .modal-body #upload-processing-container .sk-folding-cube .sk-cube4:before {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
@-webkit-keyframes sk-foldCubeAngle {
  0%,
  10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    -moz-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    -moz-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    -moz-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
@keyframes sk-foldCubeAngle {
  0%,
  10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    -moz-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    -moz-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    -moz-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
.vlc-whiteboard-addition-modal .modal-body #upload-processing-container p {
  font-size: 16px;
  font-family: Helvetica;
  color: #9B9B9B;
  margin-top: 30px;
}
@keyframes scaleSuccessAnimation {
  0% {
    opacity: 0;
    transform: scale(1.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes drawCircle {
  0% {
    stroke-dashoffset: 151px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes drawCheck {
  0% {
    stroke-dashoffset: 36px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.vlc-whiteboard-addition-modal .modal-body #upload-success-container .animation-container #success-animation {
  margin-top: 75px;
}
.vlc-whiteboard-addition-modal .modal-body #upload-success-container .animation-container #success-animation #success-animation-circle {
  stroke-dasharray: 151px 151px;
  stroke: #50E3C2;
}
.vlc-whiteboard-addition-modal .modal-body #upload-success-container .animation-container #success-animation #success-animation-check {
  stroke-dasharray: 36px 36px;
  stroke: #50E3C2;
}
.vlc-whiteboard-addition-modal .modal-body #upload-success-container .animation-container #success-animation #success-animation-result {
  fill: #50E3C2;
  opacity: 0;
}
.vlc-whiteboard-addition-modal .modal-body #upload-success-container .animation-container #success-animation.animated {
  animation: 1s ease-out 0s 1 both scaleSuccessAnimation;
}
.vlc-whiteboard-addition-modal .modal-body #upload-success-container .animation-container #success-animation.animated #success-animation-circle {
  animation: 1s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 both drawCircle, 0.3s linear 0.9s 1 both fadeOut;
}
.vlc-whiteboard-addition-modal .modal-body #upload-success-container .animation-container #success-animation.animated #success-animation-check {
  animation: 1s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 both drawCheck, 0.3s linear 0.9s 1 both fadeOut;
}
.vlc-whiteboard-addition-modal .modal-body #upload-success-container .animation-container #success-animation.animated #success-animation-result {
  animation: 0.3s linear 0.9s both fadeIn;
}
.vlc-whiteboard-addition-modal .modal-body #upload-success-container p {
  font-size: 16px;
  color: #9B9B9B;
}
.vlc-whiteboard-addition-modal .modal-body #upload-error-container.ng-enter {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  -webkit-transition: 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
  -moz-transition: 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
}
.vlc-whiteboard-addition-modal .modal-body #upload-error-container.ng-enter.ng-enter-active {
  -webkit-transition-delay: 300ms;
  -moz-transition-delay: 300ms;
  transition-delay: 300ms;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.vlc-whiteboard-addition-modal .modal-body #upload-error-container.ng-leave {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-transition: 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
  -moz-transition: 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
}
.vlc-whiteboard-addition-modal .modal-body #upload-error-container.ng-leave.ng-leave-active {
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  transform: scale(0.5);
  opacity: 0;
}
.vlc-whiteboard-addition-modal .modal-body #upload-error-container #error-icon {
  background-repeat: round;
  background-image: url('../../up/assets/img/vlc/file-upload.failure.png');
  height: 150px;
  width: 150px;
  margin-left: calc(50% - 75px);
}
.vlc-whiteboard-addition-modal .modal-body #upload-error-container #error-text-container {
  height: 81px;
}
.vlc-whiteboard-addition-modal .modal-body #upload-error-container #error-text-container h3 {
  font-size: 20px;
  color: #4A4A4A;
  margin-bottom: 15px;
}
.vlc-whiteboard-addition-modal .modal-body #upload-error-container .filesize-popover {
  width: 700px;
  max-width: 700px;
}
.vlc-whiteboard-addition-modal .modal-body #upload-error-container button {
  width: 333px;
}
.vlc-whiteboard-addition-modal .modal-body #upload-error-container button#cancel-button {
  color: #9B9B9B;
  margin-top: 10px;
}
.vlc-whiteboard-addition-modal .modal-footer {
  border-color: #E1E1E1;
}
.vlc-whiteboard-addition-modal .modal-footer #cancel-button {
  display: block;
  margin-right: auto;
  margin-left: auto;
  color: #9B9B9B;
  font-size: 14px;
  font-weight: 300;
  width: 68%;
}
.vlc-whiteboard-addition-modal .modal-footer #accept-button {
  display: block;
  margin-right: auto;
  margin-left: auto;
  background-color: #1976d2;
  color: white;
  font-size: 14px;
  font-weight: bold;
  width: 68%;
}
.screen-sharing-window {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex !important;
  margin: auto;
  flex-direction: column;
  justify-content: space-around;
}
.screen-sharing-window.subscriber {
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  position: absolute;
  align-items: center;
}
.screen-sharing-window.subscriber .modal-dialog {
  display: table;
  margin: 0;
  padding-right: 0;
  width: fit-content;
  margin: auto;
}
.screen-sharing-window.subscriber .modal-dialog .close {
  opacity: 1;
  position: absolute;
  top: -20px;
  right: -19px;
  color: #DDD;
  overflow: visible;
  cursor: pointer;
  border: none;
  -webkit-appearance: none;
  border-radius: 15px;
  width: 30px;
  z-index: 1050;
  text-shadow: none;
  font-size: 30px;
  font-weight: 100;
  margin: 5px 5px 0 0;
  background: #9b9b9b;
  transition: transform 0.1s ease-out;
}
.screen-sharing-window.subscriber .modal-dialog .close:hover {
  transform: scale(1.25);
  transform-origin: center;
}
.screen-sharing-window.subscriber .modal-dialog .close:focus {
  outline: none;
}
.screen-sharing-window.starting {
  text-align: center;
}
.screen-sharing-window.starting .close {
  top: 0;
  text-shadow: none;
  font-size: 30px;
  right: 5px;
  font-weight: 100;
  position: absolute;
}
.screen-sharing-window.starting .confirm-btn-container {
  margin-top: 20px;
  margin-bottom: 10px;
}
.screen-sharing-window.starting .confirm-btn-container .confirm {
  border: 1px solid #FC7D0D;
  background: #FC7D0D;
  border-radius: 6px;
  width: 50%;
  font-size: 18px;
}
.screen-sharing-window.starting .dismiss-btn-container {
  margin-bottom: 20px;
}
.screen-sharing-window.starting .dismiss-btn-container .dismiss {
  border: 1px solid rgba(178, 178, 178, 0.5);
  width: 33%;
  font-size: 14px;
  color: #9B9B9B;
}
.screen-sharing-window.publisher .close {
  text-shadow: none;
  font-size: 30px;
  right: 5px;
  font-weight: 100;
  position: absolute;
}
.screen-sharing-window.publisher:focus {
  outline: none;
}
.screen-sharing-window.publisher .confirm {
  background-color: #2196F3;
  width: 50%;
  margin-top: 13px;
  margin-bottom: 13px;
  border: none;
}
.screen-sharing-window.ended .close {
  text-shadow: none;
  font-size: 30px;
  right: 5px;
  font-weight: 100;
  position: absolute;
  top: 0;
}
.screen-sharing-window.ended .confirm {
  background-color: #2196F3;
  width: 50%;
  margin-top: 13px;
  margin-bottom: 13px;
  border: none;
}
.screensharing-starting-image-container {
  width: 210px;
  height: 170px;
  display: flex;
  justify-content: center;
  margin: auto;
  margin-top: 20px;
}
.screensharing-starting-image-container.subscriber {
  background-image: linear-gradient(-180deg, #FFC107 0%, #FC7D0D 97%);
  border-radius: 30px;
}
.screensharing-starting-image-container .publisher {
  height: 150px;
  width: auto;
  box-shadow: 0 9px 20px 0 rgba(0, 0, 0, 0.13);
}
.dont-show-again-modal {
  margin-top: 30px;
}
.dont-show-again-modal div {
  margin: 10px 0;
  padding: 0 5px;
}
.dont-show-again-modal .allow-image {
  height: 20px;
  vertical-align: text-top;
  width: 60px;
}
.dont-show-again-modal .browser-camera-image {
  width: 100%;
}
.dont-show-again-modal .scroll-whiteboard-image {
  margin-left: 2.5%;
  width: 95%;
  height: 280px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.dont-show-again-modal .icon-outer-div {
  display: inline-block;
}
.dont-show-again-modal .icon-outer-div:first-of-type {
  margin-right: 50px;
}
.dont-show-again-modal .icon-outer-div .icon-background {
  background-color: #00C853;
  border-radius: 50px;
  display: table-cell;
  height: 50px;
  text-align: center;
  vertical-align: middle;
  width: 50px;
}
.dont-show-again-modal .icon-outer-div .icon-background .mic-icon {
  background-image: url('/up/assets/img/microphone-button.png');
  background-size: cover;
  height: 25px;
  margin: auto;
  width: 15px;
}
.dont-show-again-modal .icon-outer-div .icon-background .cam-icon {
  background-image: url('/up/assets/img/camera-button.png');
  background-size: cover;
  height: 15px;
  margin: auto;
  width: 22px;
}
.dont-show-again-modal .btn-got-it {
  background-color: #1976d2;
  color: white;
  width: 50%;
}
.dont-show-again-modal #dont-show-again {
  vertical-align: text-top;
}
.dont-show-again-modal .first-text {
  display: block;
  font-family: "NunitoSans";
  font-size: 20px;
  font-weight: bold;
}
.dont-show-again-modal .second-text {
  display: block;
  font-family: "NunitoSans";
  font-size: 16px;
}
.dont-show-again-modal .third-text {
  font-family: "NunitoSans";
  font-size: 14px;
}
.remove-user-modal p {
  font-family: NunitoSans;
  font-size: 20px;
  color: #4A4A4A;
  letter-spacing: 0;
  margin: 8px auto 11px auto;
}
.remove-user-modal textarea {
  width: 100%;
  resize: none;
  border: 1px solid #EBEBEB;
  border-radius: 5px;
}
.remove-user-modal .modal-footer {
  width: 100%;
  border-top: none;
  padding: 0px;
  text-align: center;
}
.remove-user-modal .modal-footer .btn {
  width: 50%;
  font-family: NunitoSans;
  font-size: 20px;
  margin-left: 0px;
}
.remove-user-modal .modal-footer .btn:first-of-type {
  color: #4A4A4A;
  background: #EBEBEB;
  border-radius: 0px 0px 0px 4px;
}
.remove-user-modal .modal-footer .btn:last-of-type {
  color: #FFFFFF;
  border-radius: 0px 0px 4px 0px;
}
.remove-user-modal .modal-footer .btn:only-of-type {
  margin: 10px;
  border-radius: 4px;
  background: #2196F3;
}
.modal-user-list .modal-footer {
  text-align: center !important;
}
.modal-user-list .modal-footer #close {
  width: 75%;
}
#delete-page-modal .modal-header {
  color: white;
  background-color: #d9534f;
  font-size: 18px;
  border-radius: 5px 5px 0px 0px;
}
#delete-page-modal .modal-header .close {
  color: white;
  opacity: 1;
  text-shadow: none;
  font-weight: normal;
  font-size: 28px;
}
#delete-page-modal .modal-header .close:focus,
#delete-page-modal .modal-header .close:hover {
  outline: none;
}
#delete-page-modal .modal-footer {
  width: 100%;
  border-top: none;
}
#delete-page-modal .modal-footer .btn {
  float: right;
  margin: 0 4px;
}
.modify-buffer-period .modal-body .form-control {
  margin: auto 0;
}
.modify-buffer-period .modal-body div.need-to-know {
  width: 100%;
  border-radius: 4px;
  padding: 2px 10px 2px 10px;
  background-color: #e4e4e4;
  border: 1px #D9D9D9 solid;
  margin-bottom: 15px;
  overflow-x: hidden;
  overflow-y: auto;
}
.modify-buffer-period .modal-body div.form-group .display-inline {
  width: auto;
  display: inline-block;
}
.modify-buffer-period .modal-body div.form-group > label {
  margin-right: 10px;
}
.modify-buffer-period .modal-body div.form-group > label:first-of-type {
  font-weight: bold;
  width: 95px;
}
.modify-buffer-period .modal-body div.form-group > select.form-control {
  max-width: calc(100% - 110px);
}
.modify-buffer-period .modal-footer .blue-alert {
  width: 100%;
}
/* ==== Features ==== */
.features-marquee#portal {
  background-color: #eaeaea;
}
.features-marquee#marketplace {
  background-color: #ffffff;
}
.features-marquee h1 {
  margin-top: 30px;
  color: #515151;
  font-size: 70px;
  text-align: center;
  font-weight: 100;
}
.features-marquee h2 {
  margin-top: 30px;
  color: #515151;
  font-size: 50px;
  text-align: center;
  font-weight: 100;
}
.features-marquee h3 {
  color: #515151;
  font-size: 30px;
  text-align: center;
}
.features-marquee h4 {
  color: #515151;
  font-size: 25px;
  text-align: center;
}
.features-marquee h5 {
  color: #515151;
  font-size: 20px;
  font-weight: 700;
  text-align: left;
}
.features-marquee p {
  text-align: left;
  color: #515151;
  font-weight: 300;
}
.features-marquee#dashboard {
  height: 100%;
  background: url(/assets/img/virtual-learning-students.jpg) no-repeat center center;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg3.jpg', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg3.jpg', sizingMethod='scale')";
  border-bottom: 1px solid #eee;
  color: #fff;
}
.features-marquee#dashboard h1 {
  margin-top: 30px;
  color: #ffffff;
  font-size: 70px;
  text-align: center;
  font-weight: 100;
}
.features-marquee#dashboard h2 {
  margin-top: 30px;
  color: #ffffff;
  font-size: 50px;
  text-align: center;
  font-weight: 100;
}
.features-marquee#dashboard h3 {
  color: #ffffff;
  font-size: 30px;
  text-align: center;
}
.features-marquee#dashboard h4 {
  color: #ffffff;
  font-size: 25px;
  text-align: center;
}
.features-marquee#dashboard h5 {
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  text-align: left;
}
.features-marquee#dashboard p {
  text-align: left;
  color: #ffffff;
  font-weight: 300;
}
.features-section {
  padding-top: 25px;
  border-top: #BDC3C7 solid 1px;
}
.features-section .features-service-b-container {
  margin-bottom: 25px;
}
/* ==== Newsroom ==== */
.news-marquee#news-gray {
  background-color: #eaeaea;
}
.news-marquee#news-white {
  background-color: #ffffff;
}
.news-marquee h1 {
  margin-top: 30px;
  color: #515151;
  font-size: 70px;
  text-align: center;
  font-weight: 100;
}
.news-marquee h2 {
  margin-top: 30px;
  color: #515151;
  font-size: 50px;
  text-align: center;
  font-weight: 100;
}
.news-marquee h3 {
  color: #515151;
  font-size: 30px;
  text-align: center;
}
.news-marquee h4 {
  color: #515151;
  font-size: 25px;
  text-align: center;
}
.news-marquee h5 {
  color: #515151;
  font-size: 20px;
  font-weight: 700;
  text-align: left;
}
.news-marquee p {
  text-align: left;
  color: #515151;
  font-weight: 300;
}
.news-marquee#dashboard {
  height: 100%;
  background: url(/assets/img/newsroom.jpg) no-repeat center center;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg3.jpg', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg3.jpg', sizingMethod='scale')";
  border-bottom: 1px solid #eee;
  color: #fff;
}
.news-marquee#dashboard h1 {
  margin-top: 30px;
  color: #ffffff;
  font-size: 70px;
  text-align: center;
  font-weight: 100;
}
.news-marquee#dashboard h2 {
  margin-top: 30px;
  color: #ffffff;
  font-size: 50px;
  text-align: center;
  font-weight: 100;
}
.news-marquee#dashboard h3 {
  color: #ffffff;
  font-size: 30px;
  text-align: center;
}
.news-marquee#dashboard h4 {
  color: #ffffff;
  font-size: 25px;
  text-align: center;
}
.news-marquee#dashboard h5 {
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  text-align: left;
}
.news-marquee#dashboard p {
  text-align: left;
  color: #ffffff;
  font-weight: 300;
}
/*!
 * Social Buttons for Twitter Bootstrap v1.0.0
 *
 * Copyright 2013 Adam Neumann
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 */
.btn-facebook {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #2b4b90;
  *background-color: #133783;
  background-image: -moz-linear-gradient(top, #3b5998, #133783);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3b5998), to(#133783));
  background-image: -webkit-linear-gradient(top, #3b5998, #133783);
  background-image: -o-linear-gradient(top, #3b5998, #133783);
  background-image: linear-gradient(to bottom, #3b5998, #133783);
  background-repeat: repeat-x;
  border-color: #133783 #133783 #091b40;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3b5998', endColorstr='#ff133783', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active,
.btn-facebook.active,
.btn-facebook.disabled,
.btn-facebook[disabled] {
  color: #ffffff;
  background-color: #133783;
  *background-color: #102e6d;
}
.btn-facebook:active,
.btn-facebook.active {
  background-color: #0d2456 \9;
}
.btn-twitter {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #1c95d0;
  *background-color: #0271bf;
  background-image: -moz-linear-gradient(top, #2daddc, #0271bf);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2daddc), to(#0271bf));
  background-image: -webkit-linear-gradient(top, #2daddc, #0271bf);
  background-image: -o-linear-gradient(top, #2daddc, #0271bf);
  background-image: linear-gradient(to bottom, #2daddc, #0271bf);
  background-repeat: repeat-x;
  border-color: #0271bf #0271bf #014473;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2daddc', endColorstr='#ff0271bf', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-twitter:hover,
.btn-twitter:focus,
.btn-twitter:active,
.btn-twitter.active,
.btn-twitter.disabled,
.btn-twitter[disabled] {
  color: #ffffff;
  background-color: #0271bf;
  *background-color: #0262a6;
}
.btn-twitter:active,
.btn-twitter.active {
  background-color: #01538d \9;
}
.btn-github {
  color: #000000;
  text-shadow: 0 0.7px 0 rgba(0, 0, 0, 0.1);
  background-color: #f2f2f2;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #fafafa, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #fafafa, #e6e6e6);
  background-image: -o-linear-gradient(top, #fafafa, #e6e6e6);
  background-image: linear-gradient(to bottom, #fafafa, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #c0c0c0;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-github:hover,
.btn-github:focus,
.btn-github:active,
.btn-github.active,
.btn-github.disabled,
.btn-github[disabled] {
  color: #000000;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}
.btn-github:active,
.btn-github.active {
  background-color: #cdcdcd \9;
}
.btn-pinterest {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #c51e25;
  *background-color: #ab171e;
  background-image: -moz-linear-gradient(top, #d62229, #ab171e);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d62229), to(#ab171e));
  background-image: -webkit-linear-gradient(top, #d62229, #ab171e);
  background-image: -o-linear-gradient(top, #d62229, #ab171e);
  background-image: linear-gradient(to bottom, #d62229, #ab171e);
  background-repeat: repeat-x;
  border-color: #ab171e #ab171e #680e12;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd62229', endColorstr='#ffab171e', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-pinterest:hover,
.btn-pinterest:focus,
.btn-pinterest:active,
.btn-pinterest.active,
.btn-pinterest.disabled,
.btn-pinterest[disabled] {
  color: #ffffff;
  background-color: #ab171e;
  *background-color: #95141a;
}
.btn-pinterest:active,
.btn-pinterest.active {
  background-color: #7e1116 \9;
}
.btn-linkedin {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #60a9ce;
  *background-color: #4393bb;
  background-image: -moz-linear-gradient(top, #73b8db, #4393bb);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#73b8db), to(#4393bb));
  background-image: -webkit-linear-gradient(top, #73b8db, #4393bb);
  background-image: -o-linear-gradient(top, #73b8db, #4393bb);
  background-image: linear-gradient(to bottom, #73b8db, #4393bb);
  background-repeat: repeat-x;
  border-color: #4393bb #4393bb #2f6783;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff73b8db', endColorstr='#ff4393bb', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-linkedin:hover,
.btn-linkedin:focus,
.btn-linkedin:active,
.btn-linkedin.active,
.btn-linkedin.disabled,
.btn-linkedin[disabled] {
  color: #ffffff;
  background-color: #4393bb;
  *background-color: #3c84a8;
}
.btn-linkedin:active,
.btn-linkedin.active {
  background-color: #367595 \9;
}
.btn-google-plus {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #d34332;
  *background-color: #c53727;
  background-image: -moz-linear-gradient(top, #dd4b39, #c53727);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dd4b39), to(#c53727));
  background-image: -webkit-linear-gradient(top, #dd4b39, #c53727);
  background-image: -o-linear-gradient(top, #dd4b39, #c53727);
  background-image: linear-gradient(to bottom, #dd4b39, #c53727);
  background-repeat: repeat-x;
  border-color: #c53727 #c53727 #85251a;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdd4b39', endColorstr='#ffc53727', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-google-plus:hover,
.btn-google-plus:focus,
.btn-google-plus:active,
.btn-google-plus.active,
.btn-google-plus.disabled,
.btn-google-plus[disabled] {
  color: #ffffff;
  background-color: #c53727;
  *background-color: #b03123;
}
.btn-google-plus:active,
.btn-google-plus.active {
  background-color: #9a2b1f \9;
}
.btn-instagram {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5c88ab;
  *background-color: #3f729b;
  background-image: -moz-linear-gradient(top, #6f97b6, #3f729b);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6f97b6), to(#3f729b));
  background-image: -webkit-linear-gradient(top, #6f97b6, #3f729b);
  background-image: -o-linear-gradient(top, #6f97b6, #3f729b);
  background-image: linear-gradient(to bottom, #6f97b6, #3f729b);
  background-repeat: repeat-x;
  border-color: #3f729b #3f729b #294a65;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6f97b6', endColorstr='#ff3f729b', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-instagram:hover,
.btn-instagram:focus,
.btn-instagram:active,
.btn-instagram.active,
.btn-instagram.disabled,
.btn-instagram[disabled] {
  color: #ffffff;
  background-color: #3f729b;
  *background-color: #386589;
}
.btn-instagram:active,
.btn-instagram.active {
  background-color: #305777 \9;
}
.btn-dropbox {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #2e95e0;
  *background-color: #2181cf;
  background-image: -moz-linear-gradient(top, #37a3eb, #2181cf);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#37a3eb), to(#2181cf));
  background-image: -webkit-linear-gradient(top, #37a3eb, #2181cf);
  background-image: -o-linear-gradient(top, #37a3eb, #2181cf);
  background-image: linear-gradient(to bottom, #37a3eb, #2181cf);
  background-repeat: repeat-x;
  border-color: #2181cf #2181cf #16588d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff37a3eb', endColorstr='#ff2181cf', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-dropbox:hover,
.btn-dropbox:focus,
.btn-dropbox:active,
.btn-dropbox.active,
.btn-dropbox.disabled,
.btn-dropbox[disabled] {
  color: #ffffff;
  background-color: #2181cf;
  *background-color: #1d73b9;
}
.btn-dropbox:active,
.btn-dropbox.active {
  background-color: #1a66a3 \9;
}
.btn-bitbucket {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #285991;
  *background-color: #205081;
  background-image: -moz-linear-gradient(top, #2d5f9c, #205081);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2d5f9c), to(#205081));
  background-image: -webkit-linear-gradient(top, #2d5f9c, #205081);
  background-image: -o-linear-gradient(top, #2d5f9c, #205081);
  background-image: linear-gradient(to bottom, #2d5f9c, #205081);
  background-repeat: repeat-x;
  border-color: #205081 #205081 #112a44;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2d5f9c', endColorstr='#ff205081', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-bitbucket:hover,
.btn-bitbucket:focus,
.btn-bitbucket:active,
.btn-bitbucket.active,
.btn-bitbucket.disabled,
.btn-bitbucket[disabled] {
  color: #ffffff;
  background-color: #205081;
  *background-color: #1b436d;
}
.btn-bitbucket:active,
.btn-bitbucket.active {
  background-color: #163758 \9;
}
.btn-dribbble {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #de447f;
  *background-color: #cb396f;
  background-image: -moz-linear-gradient(top, #ea4c89, #cb396f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ea4c89), to(#cb396f));
  background-image: -webkit-linear-gradient(top, #ea4c89, #cb396f);
  background-image: -o-linear-gradient(top, #ea4c89, #cb396f);
  background-image: linear-gradient(to bottom, #ea4c89, #cb396f);
  background-repeat: repeat-x;
  border-color: #cb396f #cb396f #91264e;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffea4c89', endColorstr='#ffcb396f', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-dribbble:hover,
.btn-dribbble:focus,
.btn-dribbble:active,
.btn-dribbble.active,
.btn-dribbble.disabled,
.btn-dribbble[disabled] {
  color: #ffffff;
  background-color: #cb396f;
  *background-color: #ba3163;
}
.btn-dribbble:active,
.btn-dribbble.active {
  background-color: #a62b59 \9;
}
.btn-flickr {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #f63198;
  *background-color: #ff0084;
  background-image: -moz-linear-gradient(top, #f051a5, #ff0084);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f051a5), to(#ff0084));
  background-image: -webkit-linear-gradient(top, #f051a5, #ff0084);
  background-image: -o-linear-gradient(top, #f051a5, #ff0084);
  background-image: linear-gradient(to bottom, #f051a5, #ff0084);
  background-repeat: repeat-x;
  border-color: #ff0084 #ff0084 #b3005c;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff051a5', endColorstr='#ffff0084', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-flickr:hover,
.btn-flickr:focus,
.btn-flickr:active,
.btn-flickr.active,
.btn-flickr.disabled,
.btn-flickr[disabled] {
  color: #ffffff;
  background-color: #ff0084;
  *background-color: #e60077;
}
.btn-flickr:active,
.btn-flickr.active {
  background-color: #cc006a \9;
}
.btn-foursquare {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #079dcd;
  *background-color: #0072b1;
  background-image: -moz-linear-gradient(top, #0cbadf, #0072b1);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0cbadf), to(#0072b1));
  background-image: -webkit-linear-gradient(top, #0cbadf, #0072b1);
  background-image: -o-linear-gradient(top, #0cbadf, #0072b1);
  background-image: linear-gradient(to bottom, #0cbadf, #0072b1);
  background-repeat: repeat-x;
  border-color: #0072b1 #0072b1 #004165;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0cbadf', endColorstr='#ff0072b1', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-foursquare:hover,
.btn-foursquare:focus,
.btn-foursquare:active,
.btn-foursquare.active,
.btn-foursquare.disabled,
.btn-foursquare[disabled] {
  color: #ffffff;
  background-color: #0072b1;
  *background-color: #006298;
}
.btn-foursquare:active,
.btn-foursquare.active {
  background-color: #00517e \9;
}
.btn-renren {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #3773ab;
  *background-color: #33669a;
  background-image: -moz-linear-gradient(top, #397cb6, #33669a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#397cb6), to(#33669a));
  background-image: -webkit-linear-gradient(top, #397cb6, #33669a);
  background-image: -o-linear-gradient(top, #397cb6, #33669a);
  background-image: linear-gradient(to bottom, #397cb6, #33669a);
  background-repeat: repeat-x;
  border-color: #33669a #33669a #204061;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff397cb6', endColorstr='#ff33669a', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-renren:hover,
.btn-renren:focus,
.btn-renren:active,
.btn-renren.active,
.btn-renren.disabled,
.btn-renren[disabled] {
  color: #ffffff;
  background-color: #33669a;
  *background-color: #2d5987;
}
.btn-renren:active,
.btn-renren.active {
  background-color: #264d74 \9;
}
.btn-skype {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #43bbe8;
  *background-color: #00aff0;
  background-image: -moz-linear-gradient(top, #70c3e2, #00aff0);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#70c3e2), to(#00aff0));
  background-image: -webkit-linear-gradient(top, #70c3e2, #00aff0);
  background-image: -o-linear-gradient(top, #70c3e2, #00aff0);
  background-image: linear-gradient(to bottom, #70c3e2, #00aff0);
  background-repeat: repeat-x;
  border-color: #00aff0 #00aff0 #0077a3;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff70c3e2', endColorstr='#ff00aff0', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-skype:hover,
.btn-skype:focus,
.btn-skype:active,
.btn-skype.active,
.btn-skype.disabled,
.btn-skype[disabled] {
  color: #ffffff;
  background-color: #00aff0;
  *background-color: #009cd7;
}
.btn-skype:active,
.btn-skype.active {
  background-color: #008abd \9;
}
.btn-stackexchange {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #3a70b0;
  *background-color: #185397;
  background-image: -moz-linear-gradient(top, #5184c1, #185397);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5184c1), to(#185397));
  background-image: -webkit-linear-gradient(top, #5184c1, #185397);
  background-image: -o-linear-gradient(top, #5184c1, #185397);
  background-image: linear-gradient(to bottom, #5184c1, #185397);
  background-repeat: repeat-x;
  border-color: #185397 #185397 #0e2f55;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5184c1', endColorstr='#ff185397', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-stackexchange:hover,
.btn-stackexchange:focus,
.btn-stackexchange:active,
.btn-stackexchange.active,
.btn-stackexchange.disabled,
.btn-stackexchange[disabled] {
  color: #ffffff;
  background-color: #185397;
  *background-color: #154781;
}
.btn-stackexchange:active,
.btn-stackexchange.active {
  background-color: #113b6b \9;
}
.btn-trello {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #438ab4;
  *background-color: #27709b;
  background-image: -moz-linear-gradient(top, #569cc4, #27709b);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#569cc4), to(#27709b));
  background-image: -webkit-linear-gradient(top, #569cc4, #27709b);
  background-image: -o-linear-gradient(top, #569cc4, #27709b);
  background-image: linear-gradient(to bottom, #569cc4, #27709b);
  background-repeat: repeat-x;
  border-color: #27709b #27709b #18445e;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff569cc4', endColorstr='#ff27709b', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-trello:hover,
.btn-trello:focus,
.btn-trello:active,
.btn-trello.active,
.btn-trello.disabled,
.btn-trello[disabled] {
  color: #ffffff;
  background-color: #27709b;
  *background-color: #226187;
}
.btn-trello:active,
.btn-trello.active {
  background-color: #1d5372 \9;
}
.btn-tumblr {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #34526e;
  *background-color: #2a4763;
  background-image: -moz-linear-gradient(top, #3a5976, #2a4763);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3a5976), to(#2a4763));
  background-image: -webkit-linear-gradient(top, #3a5976, #2a4763);
  background-image: -o-linear-gradient(top, #3a5976, #2a4763);
  background-image: linear-gradient(to bottom, #3a5976, #2a4763);
  background-repeat: repeat-x;
  border-color: #2a4763 #2a4763 #13202d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3a5976', endColorstr='#ff2a4763', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-tumblr:hover,
.btn-tumblr:focus,
.btn-tumblr:active,
.btn-tumblr.active,
.btn-tumblr.disabled,
.btn-tumblr[disabled] {
  color: #ffffff;
  background-color: #2a4763;
  *background-color: #223a51;
}
.btn-tumblr:active,
.btn-tumblr.active {
  background-color: #1b2d3f \9;
}
.btn-vk {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #50739a;
  *background-color: #426187;
  background-image: -moz-linear-gradient(top, #5a7fa6, #426187);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5a7fa6), to(#426187));
  background-image: -webkit-linear-gradient(top, #5a7fa6, #426187);
  background-image: -o-linear-gradient(top, #5a7fa6, #426187);
  background-image: linear-gradient(to bottom, #5a7fa6, #426187);
  background-repeat: repeat-x;
  border-color: #426187 #426187 #293c54;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5a7fa6', endColorstr='#ff426187', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-vk:hover,
.btn-vk:focus,
.btn-vk:active,
.btn-vk.active,
.btn-vk.disabled,
.btn-vk[disabled] {
  color: #ffffff;
  background-color: #426187;
  *background-color: #3a5576;
}
.btn-vk:active,
.btn-vk.active {
  background-color: #314865 \9;
}
.btn-weibo {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #f14f4f;
  *background-color: #e64141;
  background-image: -moz-linear-gradient(top, #f85959, #e64141);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f85959), to(#e64141));
  background-image: -webkit-linear-gradient(top, #f85959, #e64141);
  background-image: -o-linear-gradient(top, #f85959, #e64141);
  background-image: linear-gradient(to bottom, #f85959, #e64141);
  background-repeat: repeat-x;
  border-color: #e64141 #e64141 #c11919;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff85959', endColorstr='#ffe64141', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-weibo:hover,
.btn-weibo:focus,
.btn-weibo:active,
.btn-weibo.active,
.btn-weibo.disabled,
.btn-weibo[disabled] {
  color: #ffffff;
  background-color: #e64141;
  *background-color: #e32a2a;
}
.btn-weibo:active,
.btn-weibo.active {
  background-color: #d81c1c \9;
}
.btn-xing {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #155c5d;
  *background-color: #074c4d;
  background-image: -moz-linear-gradient(top, #1f6768, #074c4d);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1f6768), to(#074c4d));
  background-image: -webkit-linear-gradient(top, #1f6768, #074c4d);
  background-image: -o-linear-gradient(top, #1f6768, #074c4d);
  background-image: linear-gradient(to bottom, #1f6768, #074c4d);
  background-repeat: repeat-x;
  border-color: #074c4d #074c4d #010707;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1f6768', endColorstr='#ff074c4d', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-xing:hover,
.btn-xing:focus,
.btn-xing:active,
.btn-xing.active,
.btn-xing.disabled,
.btn-xing[disabled] {
  color: #ffffff;
  background-color: #074c4d;
  *background-color: #053536;
}
.btn-xing:active,
.btn-xing.active {
  background-color: #031e1e \9;
}
.btn-youtube {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #a72121;
  *background-color: #6e0610;
  background-image: -moz-linear-gradient(top, #cd332d, #6e0610);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cd332d), to(#6e0610));
  background-image: -webkit-linear-gradient(top, #cd332d, #6e0610);
  background-image: -o-linear-gradient(top, #cd332d, #6e0610);
  background-image: linear-gradient(to bottom, #cd332d, #6e0610);
  background-repeat: repeat-x;
  border-color: #6e0610 #6e0610 #250205;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcd332d', endColorstr='#ff6e0610', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-youtube:hover,
.btn-youtube:focus,
.btn-youtube:active,
.btn-youtube.active,
.btn-youtube.disabled,
.btn-youtube[disabled] {
  color: #ffffff;
  background-color: #6e0610;
  *background-color: #56050c;
}
.btn-youtube:active,
.btn-youtube.active {
  background-color: #3e0309 \9;
}
/**********************************
PAGE: MEET THE COACHES
**********************************/
.pagewrap {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media (max-width: 575px) {
  #coachpage-adi-kulkarni {
    background: url('/assets/img/coaches/adi-kulkarni.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 122px;
    height: 122px;
    margin: 10px;
  }
  #coachpage-allison-banister {
    background: url('/assets/img/coaches/allison-banister.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 122px;
    height: 122px;
    margin: 10px;
  }
  #coachpage-amen-purificacion {
    background: url('/assets/img/coaches/amen-purificacion.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 122px;
    height: 122px;
    margin: 10px;
  }
  #coachpage-anastasia-walker {
    background: url('/assets/img/coaches/anastasia-walker.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 122px;
    height: 122px;
    margin: 10px;
  }
  #coachpage-annie-zhou {
    background: url('/assets/img/coaches/annie-zhou.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 122px;
    height: 122px;
    margin: 10px;
  }
  #coachpage-brian-hanyok {
    background: url('/assets/img/coaches/brian-hanyok.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 122px;
    height: 122px;
    margin: 10px;
  }
  #coachpage-bryan-fiori-ryan {
    background: url('/assets/img/coaches/bryan-fiori-ryan.png') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 122px;
    height: 122px;
    margin: 10px;
  }
  #coachpage-carlowin-bautista {
    background: url('/assets/img/coaches/carlowin-bautista.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 122px;
    height: 122px;
    margin: 10px;
  }
  #coachpage-chaina-dobbins {
    background: url('/assets/img/coaches/chaina-dobbins.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 122px;
    height: 122px;
    margin: 10px;
  }
  #coachpage-chelsea-kamplain {
    background: url('/assets/img/coaches/chelsea-kamplain.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 122px;
    height: 122px;
    margin: 10px;
  }
  #coachpage-erinn-rossignol {
    background: url('/assets/img/coaches/erinn-rossignol.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 122px;
    height: 122px;
    margin: 10px;
  }
  #coachpage-george-sullivan {
    background: url('/assets/img/coaches/george-sullivan.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 122px;
    height: 122px;
    margin: 10px;
  }
  #coachpage-graham-palmer {
    background: url('/assets/img/coaches/graham-palmer.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 122px;
    height: 122px;
    margin: 10px;
  }
  #coachpage-heather-hardway {
    background: url('/assets/img/coaches/heather-hardway.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 122px;
    height: 122px;
    margin: 10px;
  }
  #coachpage-jaclyn-arnson {
    background: url('/assets/img/coaches/jaclyn-arnson.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 122px;
    height: 122px;
    margin: 10px;
  }
  #coachpage-jen-bowen {
    background: url('/assets/img/coaches/jen-bowen.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 122px;
    height: 122px;
    margin: 10px;
  }
  #coachpage-jess-dyer {
    background: url('/assets/img/coaches/jess-dyer.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 122px;
    height: 122px;
    margin: 10px;
  }
  #coachpage-joaquin-urdinez {
    background: url('/assets/img/coaches/joaquin-urdinez.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 122px;
    height: 122px;
    margin: 10px;
  }
  #coachpage-kelly-b {
    background: url('/assets/img/coaches/kelly-b.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 122px;
    height: 122px;
    margin: 10px;
  }
  #coachpage-kristen-engel {
    background: url('/assets/img/coaches/kristen-engel.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 122px;
    height: 122px;
    margin: 10px;
  }
  #coachpage-lauren-vu {
    background: url('/assets/img/coaches/lauren-vu.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 122px;
    height: 122px;
    margin: 10px;
  }
  #coachpage-lizzy-brogan {
    background: url('/assets/img/coaches/lizzy-brogan.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 122px;
    height: 122px;
    margin: 10px;
  }
  #coachpage-marcus-hines {
    background: url('/assets/img/coaches/marcus-hines.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 122px;
    height: 122px;
    margin: 10px;
  }
  #coachpage-matt-schreiber {
    background: url('/assets/img/coaches/matt-schreiber.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 122px;
    height: 122px;
    margin: 10px;
  }
  #coachpage-nick-karzmer {
    background: url('/assets/img/coaches/nick-karzmer.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 122px;
    height: 122px;
    margin: 10px;
  }
  #coachpage-nick-liu {
    background: url('/assets/img/coaches/nick-liu.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 122px;
    height: 122px;
    margin: 10px;
  }
  #coachpage-pierre-liebenberg {
    background: url('/assets/img/coaches/pierre-liebenberg.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 122px;
    height: 122px;
    margin: 10px;
  }
  #coachpage-rob-sukumar {
    background: url('/assets/img/coaches/rob-sukumar.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 122px;
    height: 122px;
    margin: 10px;
  }
  #coachpage-sarah-braden {
    background: url('/assets/img/coaches/sarah-braden.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 122px;
    height: 122px;
    margin: 10px;
  }
  #coachpage-shalini-ganna {
    background: url('/assets/img/coaches/shalini-ganna.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 122px;
    height: 122px;
    margin: 10px;
  }
  #coachpage-shweta-thyagarajan {
    background: url('/assets/img/coaches/shweta-thyagarajan.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 122px;
    height: 122px;
    margin: 10px;
  }
  #coachpage-tanisha-brown {
    background: url('/assets/img/coaches/tanisha-brown.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 122px;
    height: 122px;
    margin: 10px;
  }
  #coach-container {
    margin: 0 auto;
    width: 284px;
    height: 2556px;
    position: relative;
  }
  .coachpage-blue-back {
    background: #0062cf;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    color: #fff;
    padding: 2px 5px;
    width: 122px;
    height: 122px;
    margin: 10px;
  }
  .coachpage-blue-back h4 {
    font-size: 14px;
  }
  .coachpage-blue-back h5 {
    font-size: 10px;
  }
  .coachpage-light-blue-back {
    background: #50a6ea;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    color: #fff;
    padding: 2px 5px;
    width: 122px;
    height: 122px;
    margin: 10px;
  }
  .coachpage-light-blue-back h4 {
    font-size: 14px;
  }
  .coachpage-light-blue-back h5 {
    font-size: 10px;
  }
  .coachpage-dark-blue-back {
    background: #223b85;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    color: #fff;
    padding: 2px 5px;
    width: 122px;
    height: 122px;
    margin: 10px;
  }
  .coachpage-dark-blue-back h4 {
    font-size: 14px;
  }
  .coachpage-dark-blue-back h5 {
    font-size: 10px;
  }
  .meet-the-coaches-cloud {
    width: 264px;
    height: 264px;
    margin: 10px;
    left: 0px;
    top: 284px;
    position: absolute;
  }
  .adi-kulkarni-flip {
    left: 0px;
    top: 0px;
    position: absolute;
  }
  .allison-banister-flip {
    left: 142px;
    top: 0px;
    position: absolute;
  }
  .amen-purificacion-flip {
    left: 0px;
    top: 142px;
    position: absolute;
  }
  .anastasia-walker-flip {
    left: 142px;
    top: 142px;
    position: absolute;
  }
  .annie-zhou-flip {
    left: 0px;
    top: 568px;
    position: absolute;
  }
  .brian-hanyok-flip {
    left: 142px;
    top: 568px;
    position: absolute;
  }
  .bryan-fiori-ryan-flip {
    left: 0px;
    top: 710px;
    position: absolute;
  }
  .carlowin-bautista-flip {
    left: 142px;
    top: 710px;
    position: absolute;
  }
  .chaina-dobbins-flip {
    left: 0px;
    top: 852px;
    position: absolute;
  }
  .chelsea-kamplain-flip {
    left: 142px;
    top: 852px;
    position: absolute;
  }
  .erinn-rossignol-flip {
    left: 0px;
    top: 994px;
    position: absolute;
  }
  .george-sullivan-flip {
    left: 142px;
    top: 994px;
    position: absolute;
  }
  .graham-palmer-flip {
    left: 0px;
    top: 1136px;
    position: absolute;
  }
  .heather-hardway-flip {
    left: 142px;
    top: 1136px;
    position: absolute;
  }
  .jaclyn-arnson-flip {
    left: 0px;
    top: 1278px;
    position: absolute;
  }
  .jen-bowen-flip {
    left: 142px;
    top: 1278px;
    position: absolute;
  }
  .jess-dyer-flip {
    left: 0px;
    top: 1420px;
    position: absolute;
  }
  .joaquin-urdinez-flip {
    left: 142px;
    top: 1420px;
    position: absolute;
  }
  .kelly-b-flip {
    left: 0px;
    top: 1562px;
    position: absolute;
  }
  .kristen-engel-flip {
    left: 142px;
    top: 1562px;
    position: absolute;
  }
  .lauren-vu-flip {
    left: 0px;
    top: 1704px;
    position: absolute;
  }
  .lizzy-brogan-flip {
    left: 142px;
    top: 1704px;
    position: absolute;
  }
  .marcus-hines-flip {
    left: 0px;
    top: 1846px;
    position: absolute;
  }
  .matt-schreiber-flip {
    left: 142px;
    top: 1846px;
    position: absolute;
  }
  .nick-karzmer-flip {
    left: 0px;
    top: 1988px;
    position: absolute;
  }
  .nick-liu-flip {
    left: 142px;
    top: 1988px;
    position: absolute;
  }
  .pierre-liebenberg-flip {
    left: 0px;
    top: 2130px;
    position: absolute;
  }
  .rob-sukumar-flip {
    left: 142px;
    top: 2130px;
    position: absolute;
  }
  .sarah-braden-flip {
    left: 0px;
    top: 2272px;
    position: absolute;
  }
  .shalini-ganna-flip {
    left: 142px;
    top: 2272px;
    position: absolute;
  }
  .shweta-thyagarajan-flip {
    left: 0px;
    top: 2414px;
    position: absolute;
  }
  .tanisha-brown-flip {
    left: 142px;
    top: 2414px;
    position: absolute;
  }
}
@media (min-width: 576px) {
  #coachpage-adi-kulkarni {
    background: url('/assets/img/coaches/adi-kulkarni.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 172px;
    height: 172px;
    margin: 10px;
  }
  #coachpage-allison-banister {
    background: url('/assets/img/coaches/allison-banister.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 172px;
    height: 172px;
    margin: 10px;
  }
  #coachpage-amen-purificacion {
    background: url('/assets/img/coaches/amen-purificacion.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 172px;
    height: 172px;
    margin: 10px;
  }
  #coachpage-anastasia-walker {
    background: url('/assets/img/coaches/anastasia-walker.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 172px;
    height: 172px;
    margin: 10px;
  }
  #coachpage-annie-zhou {
    background: url('/assets/img/coaches/annie-zhou.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 172px;
    height: 172px;
    margin: 10px;
  }
  #coachpage-brian-hanyok {
    background: url('/assets/img/coaches/brian-hanyok.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 172px;
    height: 172px;
    margin: 10px;
  }
  #coachpage-bryan-fiori-ryan {
    background: url('/assets/img/coaches/bryan-fiori-ryan.png') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 172px;
    height: 172px;
    margin: 10px;
  }
  #coachpage-carlowin-bautista {
    background: url('/assets/img/coaches/carlowin-bautista.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 172px;
    height: 172px;
    margin: 10px;
  }
  #coachpage-chaina-dobbins {
    background: url('/assets/img/coaches/chaina-dobbins.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 172px;
    height: 172px;
    margin: 10px;
  }
  #coachpage-chelsea-kamplain {
    background: url('/assets/img/coaches/chelsea-kamplain.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 172px;
    height: 172px;
    margin: 10px;
  }
  #coachpage-erinn-rossignol {
    background: url('/assets/img/coaches/erinn-rossignol.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 172px;
    height: 172px;
    margin: 10px;
  }
  #coachpage-george-sullivan {
    background: url('/assets/img/coaches/george-sullivan.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 172px;
    height: 172px;
    margin: 10px;
  }
  #coachpage-graham-palmer {
    background: url('/assets/img/coaches/graham-palmer.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 172px;
    height: 172px;
    margin: 10px;
  }
  #coachpage-heather-hardway {
    background: url('/assets/img/coaches/heather-hardway.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 172px;
    height: 172px;
    margin: 10px;
  }
  #coachpage-jaclyn-arnson {
    background: url('/assets/img/coaches/jaclyn-arnson.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 172px;
    height: 172px;
    margin: 10px;
  }
  #coachpage-jen-bowen {
    background: url('/assets/img/coaches/jen-bowen.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 172px;
    height: 172px;
    margin: 10px;
  }
  #coachpage-jess-dyer {
    background: url('/assets/img/coaches/jess-dyer.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 172px;
    height: 172px;
    margin: 10px;
  }
  #coachpage-joaquin-urdinez {
    background: url('/assets/img/coaches/joaquin-urdinez.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 172px;
    height: 172px;
    margin: 10px;
  }
  #coachpage-kelly-b {
    background: url('/assets/img/coaches/kelly-b.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 172px;
    height: 172px;
    margin: 10px;
  }
  #coachpage-kristen-engel {
    background: url('/assets/img/coaches/kristen-engel.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 172px;
    height: 172px;
    margin: 10px;
  }
  #coachpage-lauren-vu {
    background: url('/assets/img/coaches/lauren-vu.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 172px;
    height: 172px;
    margin: 10px;
  }
  #coachpage-lizzy-brogan {
    background: url('/assets/img/coaches/lizzy-brogan.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 172px;
    height: 172px;
    margin: 10px;
  }
  #coachpage-marcus-hines {
    background: url('/assets/img/coaches/marcus-hines.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 172px;
    height: 172px;
    margin: 10px;
  }
  #coachpage-matt-schreiber {
    background: url('/assets/img/coaches/matt-schreiber.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 172px;
    height: 172px;
    margin: 10px;
  }
  #coachpage-nick-karzmer {
    background: url('/assets/img/coaches/nick-karzmer.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 172px;
    height: 172px;
    margin: 10px;
  }
  #coachpage-nick-liu {
    background: url('/assets/img/coaches/nick-liu.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 172px;
    height: 172px;
    margin: 10px;
  }
  #coachpage-pierre-liebenberg {
    background: url('/assets/img/coaches/pierre-liebenberg.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 172px;
    height: 172px;
    margin: 10px;
  }
  #coachpage-rob-sukumar {
    background: url('/assets/img/coaches/rob-sukumar.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 172px;
    height: 172px;
    margin: 10px;
  }
  #coachpage-sarah-braden {
    background: url('/assets/img/coaches/sarah-braden.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 172px;
    height: 172px;
    margin: 10px;
  }
  #coachpage-shalini-ganna {
    background: url('/assets/img/coaches/shalini-ganna.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 172px;
    height: 172px;
    margin: 10px;
  }
  #coachpage-shweta-thyagarajan {
    background: url('/assets/img/coaches/shweta-thyagarajan.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 172px;
    height: 172px;
    margin: 10px;
  }
  #coachpage-tanisha-brown {
    background: url('/assets/img/coaches/tanisha-brown.jpg') center;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    width: 172px;
    height: 172px;
    margin: 10px;
  }
  #coach-container {
    margin: 0 auto;
    width: 384px;
    height: 3456px;
    position: relative;
  }
  .coachpage-blue-back {
    background: #0062cf;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    color: #fff;
    padding: 10px;
    width: 172px;
    height: 172px;
    margin: 10px;
  }
  .coachpage-light-blue-back {
    background: #50a6ea;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    color: #fff;
    padding: 10px;
    width: 172px;
    height: 172px;
    margin: 10px;
  }
  .coachpage-dark-blue-back {
    background: #223b85;
    background-size: cover;
    box-shadow: 0px 1px 5px #888888;
    color: #fff;
    padding: 10px;
    width: 172px;
    height: 172px;
    margin: 10px;
  }
  .meet-the-coaches-cloud {
    width: 364px;
    height: 364px;
    margin: 10px;
    left: 0px;
    top: 384px;
    position: absolute;
  }
  .adi-kulkarni-flip {
    left: 0px;
    top: 0px;
    position: absolute;
  }
  .allison-banister-flip {
    left: 192px;
    top: 0px;
    position: absolute;
  }
  .amen-purificacion-flip {
    left: 0px;
    top: 192px;
    position: absolute;
  }
  .anastasia-walker-flip {
    left: 192px;
    top: 192px;
    position: absolute;
  }
  .annie-zhou-flip {
    left: 0px;
    top: 768px;
    position: absolute;
  }
  .brian-hanyok-flip {
    left: 192px;
    top: 768px;
    position: absolute;
  }
  .bryan-fiori-ryan-flip {
    left: 0px;
    top: 960px;
    position: absolute;
  }
  .carlowin-bautista-flip {
    left: 192px;
    top: 960px;
    position: absolute;
  }
  .chaina-dobbins-flip {
    left: 0px;
    top: 1152px;
    position: absolute;
  }
  .chelsea-kamplain-flip {
    left: 192px;
    top: 1152px;
    position: absolute;
  }
  .erinn-rossignol-flip {
    left: 0px;
    top: 1344px;
    position: absolute;
  }
  .george-sullivan-flip {
    left: 192px;
    top: 1344px;
    position: absolute;
  }
  .graham-palmer-flip {
    left: 0px;
    top: 1536px;
    position: absolute;
  }
  .heather-hardway-flip {
    left: 192px;
    top: 1536px;
    position: absolute;
  }
  .jaclyn-arnson-flip {
    left: 0px;
    top: 1728px;
    position: absolute;
  }
  .jen-bowen-flip {
    left: 192px;
    top: 1728px;
    position: absolute;
  }
  .jess-dyer-flip {
    left: 0px;
    top: 1920px;
    position: absolute;
  }
  .joaquin-urdinez-flip {
    left: 192px;
    top: 1920px;
    position: absolute;
  }
  .kelly-b-flip {
    left: 0px;
    top: 2112px;
    position: absolute;
  }
  .kristen-engel-flip {
    left: 192px;
    top: 2112px;
    position: absolute;
  }
  .lauren-vu-flip {
    left: 0px;
    top: 2304px;
    position: absolute;
  }
  .lizzy-brogan-flip {
    left: 192px;
    top: 2304px;
    position: absolute;
  }
  .marcus-hines-flip {
    left: 0px;
    top: 2496px;
    position: absolute;
  }
  .matt-schreiber-flip {
    left: 192px;
    top: 2496px;
    position: absolute;
  }
  .nick-karzmer-flip {
    left: 0px;
    top: 2688px;
    position: absolute;
  }
  .nick-liu-flip {
    left: 192px;
    top: 2688px;
    position: absolute;
  }
  .pierre-liebenberg-flip {
    left: 0px;
    top: 2880px;
    position: absolute;
  }
  .rob-sukumar-flip {
    left: 192px;
    top: 2880px;
    position: absolute;
  }
  .sarah-braden-flip {
    left: 0px;
    top: 3072px;
    position: absolute;
  }
  .shalini-ganna-flip {
    left: 192px;
    top: 3072px;
    position: absolute;
  }
  .shweta-thyagarajan-flip {
    left: 0px;
    top: 3264px;
    position: absolute;
  }
  .tanisha-brown-flip {
    left: 192px;
    top: 3264px;
    position: absolute;
  }
}
@media (min-width: 768px) {
  #coach-container {
    margin: 0 auto;
    width: 576px;
    height: 2304px;
    position: relative;
  }
  .meet-the-coaches-cloud {
    width: 364px;
    height: 364px;
    margin: 10px;
    left: 192px;
    top: 384px;
    position: absolute;
  }
  .adi-kulkarni-flip {
    left: 0px;
    top: 0px;
    position: absolute;
  }
  .allison-banister-flip {
    left: 192px;
    top: 0px;
    position: absolute;
  }
  .amen-purificacion-flip {
    left: 384px;
    top: 0px;
    position: absolute;
  }
  .anastasia-walker-flip {
    left: 0px;
    top: 192px;
    position: absolute;
  }
  .annie-zhou-flip {
    left: 192px;
    top: 192px;
    position: absolute;
  }
  .brian-hanyok-flip {
    left: 384px;
    top: 192px;
    position: absolute;
  }
  .bryan-fiori-ryan-flip {
    left: 0px;
    top: 384px;
    position: absolute;
  }
  .carlowin-bautista-flip {
    left: 0px;
    top: 576px;
    position: absolute;
  }
  .chaina-dobbins-flip {
    left: 0px;
    top: 768px;
    position: absolute;
  }
  .chelsea-kamplain-flip {
    left: 192px;
    top: 768px;
    position: absolute;
  }
  .erinn-rossignol-flip {
    left: 384px;
    top: 768px;
    position: absolute;
  }
  .george-sullivan-flip {
    left: 0px;
    top: 960px;
    position: absolute;
  }
  .graham-palmer-flip {
    left: 192px;
    top: 960px;
    position: absolute;
  }
  .heather-hardway-flip {
    left: 384px;
    top: 960px;
    position: absolute;
  }
  .jaclyn-arnson-flip {
    left: 0px;
    top: 1152px;
    position: absolute;
  }
  .jen-bowen-flip {
    left: 192px;
    top: 1152px;
    position: absolute;
  }
  .jess-dyer-flip {
    left: 384px;
    top: 1152px;
    position: absolute;
  }
  .joaquin-urdinez-flip {
    left: 0px;
    top: 1344px;
    position: absolute;
  }
  .kelly-b-flip {
    left: 192px;
    top: 1344px;
    position: absolute;
  }
  .kristen-engel-flip {
    left: 384px;
    top: 1344px;
    position: absolute;
  }
  .lauren-vu-flip {
    left: 0px;
    top: 1536px;
    position: absolute;
  }
  .lizzy-brogan-flip {
    left: 192px;
    top: 1536px;
    position: absolute;
  }
  .marcus-hines-flip {
    left: 384px;
    top: 1536px;
    position: absolute;
  }
  .matt-schreiber-flip {
    left: 0px;
    top: 1728px;
    position: absolute;
  }
  .nick-karzmer-flip {
    left: 192px;
    top: 1728px;
    position: absolute;
  }
  .nick-liu-flip {
    left: 384px;
    top: 1728px;
    position: absolute;
  }
  .pierre-liebenberg-flip {
    left: 0px;
    top: 1920px;
    position: absolute;
  }
  .rob-sukumar-flip {
    left: 192px;
    top: 1920px;
    position: absolute;
  }
  .sarah-braden-flip {
    left: 384px;
    top: 1920px;
    position: absolute;
  }
  .shalini-ganna-flip {
    left: 0px;
    top: 2112px;
    position: absolute;
  }
  .shweta-thyagarajan-flip {
    left: 192px;
    top: 2112px;
    position: absolute;
  }
  .tanisha-brown-flip {
    left: 384px;
    top: 2112px;
    position: absolute;
  }
}
@media (min-width: 960px) {
  #coach-container {
    margin: 0 auto;
    width: 768px;
    height: 1728px;
    position: relative;
  }
  .meet-the-coaches-cloud {
    width: 364px;
    height: 364px;
    margin: 10px;
    left: 192px;
    top: 384px;
    position: absolute;
  }
  .adi-kulkarni-flip {
    left: 0px;
    top: 0px;
    position: absolute;
  }
  .allison-banister-flip {
    left: 192px;
    top: 0px;
    position: absolute;
  }
  .amen-purificacion-flip {
    left: 384px;
    top: 0px;
    position: absolute;
  }
  .anastasia-walker-flip {
    left: 576px;
    top: 0px;
    position: absolute;
  }
  .annie-zhou-flip {
    left: 0px;
    top: 192px;
    position: absolute;
  }
  .brian-hanyok-flip {
    left: 192px;
    top: 192px;
    position: absolute;
  }
  .bryan-fiori-ryan-flip {
    left: 384px;
    top: 192px;
    position: absolute;
  }
  .carlowin-bautista-flip {
    left: 576px;
    top: 192px;
    position: absolute;
  }
  .chaina-dobbins-flip {
    left: 0px;
    top: 384px;
    position: absolute;
  }
  .chelsea-kamplain-flip {
    left: 576px;
    top: 384px;
    position: absolute;
  }
  .erinn-rossignol-flip {
    left: 0px;
    top: 576px;
    position: absolute;
  }
  .george-sullivan-flip {
    left: 576px;
    top: 576px;
    position: absolute;
  }
  .graham-palmer-flip {
    left: 0px;
    top: 768px;
    position: absolute;
  }
  .heather-hardway-flip {
    left: 192px;
    top: 768px;
    position: absolute;
  }
  .jaclyn-arnson-flip {
    left: 384px;
    top: 768px;
    position: absolute;
  }
  .jen-bowen-flip {
    left: 576px;
    top: 768px;
    position: absolute;
  }
  .jess-dyer-flip {
    left: 0px;
    top: 960px;
    position: absolute;
  }
  .joaquin-urdinez-flip {
    left: 192px;
    top: 960px;
    position: absolute;
  }
  .kelly-b-flip {
    left: 384px;
    top: 960px;
    position: absolute;
  }
  .kristen-engel-flip {
    left: 576px;
    top: 960px;
    position: absolute;
  }
  .lauren-vu-flip {
    left: 0px;
    top: 1152px;
    position: absolute;
  }
  .lizzy-brogan-flip {
    left: 192px;
    top: 1152px;
    position: absolute;
  }
  .marcus-hines-flip {
    left: 384px;
    top: 1152px;
    position: absolute;
  }
  .matt-schreiber-flip {
    left: 576px;
    top: 1152px;
    position: absolute;
  }
  .nick-karzmer-flip {
    left: 0px;
    top: 1344px;
    position: absolute;
  }
  .nick-liu-flip {
    left: 192px;
    top: 1344px;
    position: absolute;
  }
  .pierre-liebenberg-flip {
    left: 384px;
    top: 1344px;
    position: absolute;
  }
  .rob-sukumar-flip {
    left: 576px;
    top: 1344px;
    position: absolute;
  }
  .sarah-braden-flip {
    left: 0px;
    top: 1536px;
    position: absolute;
  }
  .shalini-ganna-flip {
    left: 192px;
    top: 1536px;
    position: absolute;
  }
  .shweta-thyagarajan-flip {
    left: 384px;
    top: 1536px;
    position: absolute;
  }
  .tanisha-brown-flip {
    left: 576px;
    top: 1536px;
    position: absolute;
  }
}
@media (min-width: 1152px) {
  #coach-container {
    margin: 0 auto;
    width: 960px;
    height: 1328px;
    position: relative;
  }
  .meet-the-coaches-cloud {
    width: 364px;
    height: 364px;
    margin: 10px;
    left: 384px;
    top: 384px;
    position: absolute;
  }
  .adi-kulkarni-flip {
    left: 0px;
    top: 0px;
    position: absolute;
  }
  .allison-banister-flip {
    left: 192px;
    top: 0px;
    position: absolute;
  }
  .amen-purificacion-flip {
    left: 384px;
    top: 0px;
    position: absolute;
  }
  .anastasia-walker-flip {
    left: 576px;
    top: 0px;
    position: absolute;
  }
  .annie-zhou-flip {
    left: 768px;
    top: 0px;
    position: absolute;
  }
  .brian-hanyok-flip {
    left: 0px;
    top: 192px;
    position: absolute;
  }
  .bryan-fiori-ryan-flip {
    left: 192px;
    top: 192px;
    position: absolute;
  }
  .carlowin-bautista-flip {
    left: 384px;
    top: 192px;
    position: absolute;
  }
  .chaina-dobbins-flip {
    left: 576px;
    top: 192px;
    position: absolute;
  }
  .chelsea-kamplain-flip {
    left: 768px;
    top: 192px;
    position: absolute;
  }
  .erinn-rossignol-flip {
    left: 0px;
    top: 384px;
    position: absolute;
  }
  .george-sullivan-flip {
    left: 192px;
    top: 384px;
    position: absolute;
  }
  .graham-palmer-flip {
    left: 768px;
    top: 384px;
    position: absolute;
  }
  .heather-hardway-flip {
    left: 0px;
    top: 576px;
    position: absolute;
  }
  .jaclyn-arnson-flip {
    left: 192px;
    top: 576px;
    position: absolute;
  }
  .jen-bowen-flip {
    left: 768px;
    top: 576px;
    position: absolute;
  }
  .jess-dyer-flip {
    left: 0px;
    top: 768px;
    position: absolute;
  }
  .joaquin-urdinez-flip {
    left: 192px;
    top: 768px;
    position: absolute;
  }
  .kelly-b-flip {
    left: 384px;
    top: 768px;
    position: absolute;
  }
  .kristen-engel-flip {
    left: 576px;
    top: 768px;
    position: absolute;
  }
  .lauren-vu-flip {
    left: 768px;
    top: 768px;
    position: absolute;
  }
  .lizzy-brogan-flip {
    left: 0px;
    top: 960px;
    position: absolute;
  }
  .marcus-hines-flip {
    left: 192px;
    top: 960px;
    position: absolute;
  }
  .matt-schreiber-flip {
    left: 384px;
    top: 960px;
    position: absolute;
  }
  .nick-karzmer-flip {
    left: 576px;
    top: 960px;
    position: absolute;
  }
  .nick-liu-flip {
    left: 768px;
    top: 960px;
    position: absolute;
  }
  .pierre-liebenberg-flip {
    left: 0px;
    top: 1152px;
    position: absolute;
  }
  .rob-sukumar-flip {
    left: 192px;
    top: 1152px;
    position: absolute;
  }
  .sarah-braden-flip {
    left: 384px;
    top: 1152px;
    position: absolute;
  }
  .shalini-ganna-flip {
    left: 576px;
    top: 1152px;
    position: absolute;
  }
  .shweta-thyagarajan-flip {
    left: 768px;
    top: 1152px;
    position: absolute;
  }
  .tanisha-brown-flip {
    left: 0px;
    top: 1344px;
    position: absolute;
  }
}
/* entire container, keeps perspective */
.flip-container {
  perspective: 1000;
}
/* flip the pane when hovered */
.flip-container:hover .flipper,
.flip-container.hover .flipper {
  transform: rotateY(180deg);
}
.flip-container,
.front,
.back {
  width: 192px;
  height: 192px;
  position: absolute;
}
/* flip speed goes here */
.flipper {
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
}
/* hide back of pane during swap */
.front,
.back {
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
/* front pane, placed above back */
.front {
  z-index: 2;
  /* for firefox 31 */
  transform: rotateY(0deg);
}
/* back, initially hidden pane */
.back {
  transform: rotateY(180deg);
}
body {
  color: #424242;
  -webkit-overflow-scrolling: touch;
}
.homepage-section {
  margin-top: 80px;
}
.homepage-fa {
  color: #2196f3;
}
/**********************************
ASSETS
**********************************/
.new-button {
  color: #ffffff;
  background-color: #2196f3;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
  margin-top: 25px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.26);
  -webkit-transition: all 0.5s;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s;
}
.new-button.file-conversion {
  margin-top: 0;
  margin-bottom: 10px;
}
.new-button-dark {
  color: #ffffff;
  background-color: #0d47a1;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
  margin-top: 25px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.26);
  -webkit-transition: all 0.5s;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s;
}
.new-button-white {
  text-decoration: none;
  color: #2196f3;
  background-color: #fff;
  border: solid 2px #2196f3;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
  margin-top: 25px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.26);
  -webkit-transition: all 0.5s;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s;
}
.new-button-white:hover {
  text-decoration: none;
}
#watch-video-button:hover {
  text-decoration: none;
}
.new-button-red {
  color: #ffffff;
  background-color: #ff5252;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
  margin-top: 25px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.26);
  -webkit-transition: all 0.5s;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s;
}
.button-red-small {
  color: #ffffff;
  background-color: #ff5252;
  padding: 8px 16px;
  font-size: 12px;
  line-height: 1;
  border-radius: 6px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.26);
  -webkit-transition: all 0.5s;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s;
  border-width: 0px;
}
.red-form-button {
  color: #ffffff;
  background-color: #ff5252;
  padding: 8px 16px;
  font-size: 14px;
  border-radius: 6px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.26);
  -webkit-transition: all 0.5s;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s;
  border-width: 0px;
}
.download-handbook-file {
  display: block;
  margin: 5px auto;
}
.button-lightblue-small {
  color: #ffffff;
  background-color: #2196f3;
  padding: 8px 16px;
  font-size: 12px;
  line-height: 1;
  border-radius: 6px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.26);
  -webkit-transition: all 0.5s;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s;
}
.button-darkblue-small {
  color: #ffffff;
  background-color: #0d47a1;
  padding: 8px 16px;
  font-size: 12px;
  line-height: 1;
  border-radius: 6px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.26);
  -webkit-transition: all 0.5s;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s;
}
.new-button-white .fa {
  margin-left: 5px;
}
@media (max-width: 767px) {
  .new-button,
  .new-button-dark,
  .new-button-white,
  .new-button-red {
    font-size: 1.3em;
  }
}
@media (min-width: 768px) {
  .new-button,
  .new-button-dark,
  .new-button-white,
  .new-button-red {
    font-size: 1.3em;
  }
}
.case-study-button {
  color: #ffffff;
  background-color: #2196f3;
  padding: 8px 16px;
  font-size: 12px;
  line-height: 1;
  border-radius: 6px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.26);
  -webkit-transition: all 0.5s;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s;
}
.case-study-button:hover,
.case-study-button:focus,
.button-lightblue-small:hover,
.button-lightblue-small:focus,
.new-button:hover,
.new-button:focus {
  background-color: #1f8be0;
  color: #fff;
  text-decoration: none;
}
.new-button-dark:hover,
.new-button-dark:focus,
.button-darkblue-small:hover,
.button-darkblue-small:focus {
  background-color: #0b3d8b;
  color: #fff;
  text-decoration: none;
}
.new-button-white:hover,
.new-button-white:focus {
  color: #1f8be0;
  text-decoration: none;
}
.new-button-red:hover,
.new-button-red:focus,
.button-red-small:hover,
.button-red-small:focus {
  background-color: #f44336;
  color: #fff;
  text-decoration: none;
}
/**********************************
VIDEO
**********************************/
.video-close {
  position: absolute;
  right: -10px;
  top: -10px;
  border-radius: 100%;
  background-color: #fff !important;
}
/**********************************
NAVBAR
**********************************/
.new-navbar-inverse {
  border: none;
  background-color: #0d47a1;
  border-color: #22262a;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
}
.new-navbar-inverse #logo {
  height: 50px;
  margin-top: -17px;
  background: none;
}
.new-navbar-inverse #logo.session {
  margin-top: -16px;
  margin-left: -10px;
}
.new-navbar-inverse .nav-right .dropdown-menu {
  background-color: #fff;
  border: 1px solid #D6D6D6;
  border-top-color: #eee;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.new-navbar-inverse .nav-right .dropdown-menu li > a {
  color: #515151;
  padding: 10px 20px;
  font-size: 14px;
}
.new-navbar-inverse .nav-right .dropdown-menu li > a:hover,
f .new-navbar-inverse .nav-right .dropdown-menu li > a:focus {
  color: #fff;
  background-color: #2196f3;
}
.new-navbar-inverse .nav-right .dropdown-menu li.active > a:focus {
  background-color: #2196f3;
}
.new-navbar-inverse .nav-left .dropdown-menu {
  background-color: #fff;
  border: 1px solid #D6D6D6;
  border-top-color: #eee;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.new-navbar-inverse .nav-left .dropdown-menu li > a {
  color: #515151;
  padding: 10px 20px;
  font-size: 14px;
}
.new-navbar-inverse .nav-left .dropdown-menu li > a:hover,
f .new-navbar-inverse .nav-left .dropdown-menu li > a:focus {
  color: #fff;
  background-color: #2196f3;
}
.new-navbar-inverse .nav-left .dropdown-menu li.active > a:focus {
  background-color: #2196f3;
}
.new-navbar-inverse .navbar-nav > li > a {
  color: #fff;
}
.new-navbar-inverse .navbar-nav > li > a:hover,
.new-navbar-inverse .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: #2196f3;
}
.new-navbar-inverse .navbar-toggle:hover,
.new-navbar-inverse .navbar-toggle:focus {
  background-color: #2196f3;
}
.new-navbar-inverse .navbar-toggle {
  border-color: #fff;
}
.new-navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-form {
  border: none;
  box-shadow: none;
}
.new-navbar-inverse .navbar-nav > .open > a,
.new-navbar-inverse .navbar-nav > .open > a:hover,
.new-navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #2196f3;
  color: #ffffff;
}
@media (max-width: 767px) {
  /* Adjusting for mobile */
  /* Navigation */
  .new-navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .new-navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .new-navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #2196f3;
  }
  .new-navbar-inverse .nav-right .dropdown-menu {
    background-color: #2196f3;
    border: 1px solid #2196f3;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #ffffff;
  }
  .new-navbar-inverse .nav-left .dropdown-menu {
    background-color: #2196f3;
    border: 1px solid #2196f3;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #ffffff;
  }
  .new-navbar-inverse .navbar-nav .open .dropdown-menu li a:hover {
    background-color: #1f8be0;
  }
  .new-navbar-inverse .nav-right .dropdown-menu li > a {
    color: #fff;
  }
  .new-navbar-inverse .nav-left .dropdown-menu li > a {
    color: #fff;
  }
  .new-navbar-inverse .navbar-nav > .open > a,
  .new-navbar-inverse .navbar-nav > .open > a:hover,
  .new-navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #0d47a1;
    color: #ffffff;
  }
}
@media (min-width: 768px) {
  .sign-up-button {
    margin-left: 30px;
    border-left: #0d3b8b 1px solid;
    border-right: #0d3b8b 1px solid;
  }
  .login-button {
    background-color: #ff5252;
    border-right: #0d3b8b 1px solid;
  }
  .login-button:hover,
  .login-button:focus {
    background-color: #f44336 !important;
  }
  li.nav-button:hover > ul.dropdown-menu {
    display: block;
    margin-top: 0;
  }
}
.login-button a:hover,
.login-button a:focus {
  background-color: #f44336;
}
/**********************************
HOMEPAGE
**********************************/
.title-box {
  width: 100%;
  height: 100%;
  display: block;
  max-height: 540px;
}
.homepage-title-box {
  margin-bottom: 40px;
}
.homepage-title-text {
  color: #2196f3;
}
@media (max-width: 767px) {
  .homepage-title-text {
    font-size: 1.75em;
  }
}
@media (min-width: 768px) {
  .homepage-title-text {
    font-size: 2.5em;
  }
}
.homepage-subtitle-text {
  color: #333;
}
@media (max-width: 767px) {
  .homepage-subtitle-text {
    font-size: 1.25em;
  }
}
@media (min-width: 768px) {
  .homepage-subtitle-text {
    font-size: 2em;
  }
}
.homepage-header-title-text {
  font-weight: 700;
  color: #2196f3;
  margin: auto;
  text-align: center;
}
@media (max-width: 767px) {
  .homepage-header-title-text {
    font-size: 1.75em;
  }
}
@media (min-width: 768px) {
  .homepage-header-title-text {
    font-size: 2.5em;
  }
}
.homepage-header-subtitle-text {
  color: #0d47a1;
  max-width: 760px;
  margin: 20px auto 0 auto;
  text-align: center;
}
@media (max-width: 767px) {
  .homepage-header-subtitle-text {
    font-size: 1.25em;
  }
}
@media (min-width: 768px) {
  .homepage-header-subtitle-text {
    font-size: 1.75em;
  }
}
.homepage-header-buttons {
  margin-top: 20px;
}
.homepage-header-buttons .new-button,
.homepage-header-buttons .new-button-white {
  min-width: 190px;
}
/*---Carousel ---*/
.homepage-carousel {
  width: 100%;
  max-height: 540px;
  overflow: hidden;
}
.homepage-carousel img {
  margin: auto;
  width: 400px;
}
#slides_control {
  position: relative;
  width: 100%;
}
#slides_control > div {
  max-height: 540px;
}
.carousel-inner {
  background-image: url('/assets/img/homepage/carousel/icon-background.png');
  padding: 30px;
  min-height: 600px;
  height: 100%;
}
@media (max-width: 767px) {
  .homepage-carousel {
    margin-bottom: -20px;
  }
}
@media (max-width: 400px) {
  .carousel-inner {
    padding: 30px;
  }
}
@media (min-width: 401px) and (max-width: 600px) {
  .carousel-inner {
    padding: 40px;
  }
}
@media (min-width: 601px) {
  .carousel-inner {
    padding: 80px;
  }
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  width: 100%;
  line-height: 1;
}
.carousel {
  max-height: 540px;
}
.carousel-control {
  color: #2196f3;
  opacity: 1;
  -webkit-transition: all 0.5s;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #1f8be0;
  opacity: 1;
}
.carousel-control.left {
  background-image: none;
}
.carousel-control.right {
  background-image: none;
}
.carousel-indicators li {
  border: 1px solid #2196f3;
}
.carousel-indicators .active {
  background-color: #2196f3;
}
/*---Upswing Solutions ---*/
.upswing-solutions {
  height: 100px;
  background-position: top center;
  border-top: 4px solid #fff;
  position: relative;
}
.upswing-solutions ul {
  margin: 0;
  position: relative;
  z-index: 1;
  padding: 0;
}
.upswing-solutions li {
  list-style: none;
  position: relative;
  z-index: 1;
  min-height: 2px;
  padding: 0;
  float: left;
}
@media (max-width: 767px) {
  .upswing-solutions li {
    width: 100%;
    margin: 0 0 26px;
  }
  .upswing-solutions ul li:first-of-type .subtitle-box-blue {
    border-top: 4px solid white;
  }
  .upswing-solutions {
    border-top: 0px solid #fff;
  }
}
@media (min-width: 768px) {
  .upswing-solutions li {
    width: 33.33333%;
    margin: 0;
  }
}
.subtitle-box {
  width: 100%;
  float: left;
  color: #fff;
  text-align: center;
}
@media (max-width: 767px) {
  .subtitle-box {
    font-size: 1.2em;
    height: 150px;
    margin-top: 35px;
  }
  .subtitle-box:first-of-type {
    font-size: 1.2em;
    height: 150px;
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .subtitle-box {
    font-size: 1.2em;
    height: 166px;
    margin-top: -15px;
  }
}
.upswing-solutions subtitle-box {
  display: block;
  min-height: 200px;
  font: 0/0 a;
  color: transparent;
  background-repeat: no-repeat;
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
}
.upswing-solutions a {
  text-decoration: none;
  color: #fff;
}
.upswing-solutions a:hover {
  text-decoration: none;
  color: #fff;
}
.subtitle-box-blue {
  background-color: #2196f3;
  width: 100%;
  height: 173px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.26);
  -webkit-transition: all 1s;
  /* For Safari 3.1 to 6.0 */
  transition: all 1s;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .subtitle-box-blue {
    padding: 6% 5%;
  }
}
@media (min-width: 768px) {
  .subtitle-box-blue {
    padding: 8% 5%;
  }
}
@media (min-width: 1440px) {
  .subtitle-box-blue {
    padding: 6% 5%;
  }
}
.subtitle-box-blue:hover {
  background-color: #1f8be0;
}
.subtitle-box-solution-title {
  margin: auto;
  margin-bottom: -15px;
  background-color: #0d47a1;
  width: 50%;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.26);
  height: 30px;
  line-height: 32px;
  font-family: 'Microsoft Tai Le', sans-serif;
  font-weight: 900;
  position: relative;
  z-index: 2;
}
@media (min-width: 768px) {
  .subtitle-box-text {
    height: 96px;
  }
}
@media (min-width: 992px) {
  .subtitle-box-text {
    height: 72px;
  }
}
@media (min-width: 1440px) {
  .subtitle-box-text {
    height: 52px;
  }
}
.play-button img {
  margin: 4% auto;
  width: 30px;
}
/*---Upswing Features---*/
.features-column {
  text-align: center;
}
.features-column:last-of-type {
  border-right: none;
}
@media (max-width: 767px) {
  .features-column {
    margin-top: 40px;
    border: none;
  }
  .features-column:first-of-type {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .features-column {
    margin-top: 0;
    border-right: 1px solid #9e9e9e;
    color: #9e9e9e;
  }
}
.features-column h5 {
  font-weight: 900;
  font-size: 1.1em;
  color: #0d47a1;
}
.features-column p {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .features-column p {
    min-height: 60px;
  }
}
/*---College Motto---*/
.upswing-motto {
  text-align: center;
}
@media (max-width: 400px) {
  .upswing-motto {
    margin: 80px 20px;
  }
}
@media (min-width: 401px) AND (max-width: 767px) {
  .upswing-motto {
    margin: 80px 40px;
  }
}
@media (min-width: 768px) {
  .upswing-motto {
    margin: 80px;
  }
}
.upswing-motto .upswing-motto-top {
  color: #2196f3;
  font-size: 1.5em;
  font-style: italic;
}
.upswing-motto .upswing-motto-bottom {
  color: #333;
}
@media (max-width: 767px) {
  .upswing-motto .upswing-motto-bottom {
    font-size: 1.25em;
  }
}
@media (min-width: 768px) {
  .upswing-motto .upswing-motto-bottom {
    font-size: 2em;
  }
}
/*---College Quote---*/
.homepage-quote-back {
  width: 100%;
  background-color: #fff;
  background-image: url('/assets/img/homepage/library-books-bw.jpg');
  background-size: cover;
  color: #fff;
}
.homepage-quote-back-overlay {
  background-color: rgba(76, 78, 81, 0.85);
  width: 100%;
  height: 100%;
  padding: 50px;
}
@media (max-width: 400px) {
  .homepage-quote-back-overlay {
    padding: 30px;
  }
}
@media (min-width: 401px) {
  .homepage-quote-back-overlay {
    padding: 50px;
  }
}
#homepage-quote {
  max-width: 1200px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  #homepage-quote {
    font-size: 1.25em;
  }
}
@media (min-width: 768px) {
  #homepage-quote {
    font-size: 2.25em;
  }
}
#homepage-quote-reference {
  margin: 0 auto;
  max-width: 1200px;
  font-weight: 100;
  color: #bbdefb;
}
@media (max-width: 767px) {
  #homepage-quote-reference {
    font-size: 1em;
  }
}
@media (min-width: 768px) {
  #homepage-quote-reference {
    font-size: 2em;
  }
}
/*---Homepage Bottom---*/
.homepage-bottom {
  background-color: #efefef;
  overflow: hidden;
}
/**********************************
LOGIN PAGE
**********************************/
.login-box-content {
  margin-top: 0;
  margin: 18px 0;
  position: relative;
  text-align: center;
}
.login-box-content:before {
  content: "";
  display: block;
  border-top: solid 1px #e3e3e3;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  z-index: 1;
}
.login-box-content span {
  position: relative;
  background: #fff;
  z-index: 2;
  padding-left: 18px;
  padding-right: 18px;
  color: #999;
}
.block-inverse {
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.26);
}
@media (max-width: 767px) {
  .body-inverse .new-button,
  .body-inverse .new-button-dark {
    margin-top: 5px;
    min-width: 160px;
  }
}
@media (min-width: 768px) {
  .body-inverse .new-button,
  .body-inverse .new-button-dark {
    margin-top: 5px;
    min-width: 250px;
  }
}
.body-inverse p {
  margin-bottom: 18px;
}
.login-box .block-inverse .body-inverse {
  padding: 0 20px 20px;
}
/**********************************
SIGN UP PAGE
**********************************/
sign-up-icon {
  color: #2196f3;
}
sign-up-bold {
  font-weight: 900;
  color: #2196f3;
}
/**********************************
AFFILIATE PAGES
**********************************/
#page-title {
  width: 100%;
  background-color: #2196f3;
  padding: 50px 0 60px;
  color: #fff;
  font-size: 40px;
  line-height: 48px;
}
#page-title-text {
  margin: 0 auto;
  clear: both;
}
#page-content-area {
  background-color: #fff;
  border: 1px solid #eee;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.26);
  margin-top: -20px;
  margin-bottom: 5%;
  overflow: hidden;
}
@media (max-width: 767px) {
  #page-content-area {
    padding: 40px 20px;
  }
}
@media (min-width: 768px) {
  #page-content-area {
    padding: 40px 80px;
  }
}
.page-content-bottom {
  width: 100%;
  display: block;
  clear: left;
}
#content p {
  line-height: 30px;
}
#content h2 {
  color: #0d47a1;
  font-weight: 400;
  font-size: 28px;
  line-height: 36px;
}
#content h5 {
  font-weight: 900;
}
.all-clients {
  display: block;
}
.single-client {
  float: left;
  text-align: center;
  margin: 15px 1%;
  max-height: 410px;
  position: relative;
  background-color: #fff;
  border: 1px solid #eee;
}
@media (max-width: 767px) {
  .single-client {
    width: 98%;
  }
}
@media (min-width: 768px) {
  .single-client {
    width: 48%;
  }
}
@media (min-width: 992px) {
  .single-client {
    width: 31.3%;
  }
}
.single-client img {
  max-width: 80%;
  height: auto !important;
  display: block;
  margin: 0 auto;
  padding: 10px;
}
.single-client h5 {
  font-weight: 900;
}
.single-client-description {
  height: 230px;
  padding: 15px 25px;
  font-size: 14px;
  line-height: 21px;
  color: #384047;
  background-color: #fafafa;
  overflow: hidden;
}
.page-bottom-learn-more {
  margin-top: 20px;
  padding: 20px 30px 30px;
  float: left;
  background-color: #2196f3;
  color: #fff;
}
.page-bottom-learn-more h3 {
  text-align: center;
}
.page-bottom-learn-more p {
  font-size: 1.25em;
}
/**********************************
SOLUTIONS
**********************************/
.solution-block {
  float: left;
}
@media (max-width: 767px) {
  .solution-block {
    margin: 10px 0;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .solution-block {
    margin: 1%;
    width: 31.3%;
  }
}
.solution-block-head {
  min-height: 200px;
  width: 100%;
  float: left;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.26);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.adviseup-block {
  background-color: #ff5252;
}
.adviseup-block:hover {
  background-color: #f44336;
}
.mentorup-block {
  background-color: #0d47a1;
}
.mentorup-block:hover {
  background-color: #0b3d8b;
}
.tutorup-block {
  background-color: #2196f3;
}
.tutorup-block:hover {
  background-color: #1f8be0;
}
.solution-block-head h3 {
  text-align: center;
  color: #fff;
  margin: 0;
  line-height: 200px;
}
.solution-block-head:hover {
  color: #fff;
  text-decoration: none;
}
.solution-block-body {
  width: 100%;
  padding: 10px;
  float: left;
  border: 1px solid #eee;
  background-color: #fafafa;
}
@media (min-width: 768px) and (max-width: 991px) {
  .solution-block-body p {
    min-height: 180px;
  }
}
.solution-button {
  margin: 20px 0 5px;
}
.askup-get-started {
  background: #2196f3;
  border-radius: 6px;
  padding: 2px;
}
.center-askup-button {
  text-align: center;
}
.center-askup-youtube {
  display: inline-block;
}
.center-askup-youtube h3 {
  width: 420px;
  text-align: left;
}
/**********************************
FEATURES
**********************************/
.features-row {
  padding: 40px 0;
}
.features-screenshot {
  max-width: 100%;
  margin-top: 30px;
}
@media (max-width: 1199px) {
  .features-screenshot {
    margin-top: 30px;
  }
}
@media (min-width: 1200px) {
  .features-screenshot {
    margin-top: 0;
  }
}
/**********************************
CASE STUDY
**********************************/
.content-subtitle {
  line-height: 24px;
  color: #a6a6a6;
  font-weight: 100;
  margin-bottom: 20px;
  font-size: 1.15em;
}
.quote-box {
  width: 100%;
  background-color: #2196f3;
  margin: 20px 0;
  padding: 20px 30px;
  font-size: 1.5em;
}
.quote-content {
  color: #fff;
  font-style: italic;
  font-weight: 100;
}
.quote-reference {
  font-size: 0.8em;
  font-weight: 900;
  color: #0D47A1;
}
/**********************************
SOLUTIONS
**********************************/
.solution-screenshot-box {
  margin: auto;
  max-width: 60%;
  overflow: hidden;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.26);
}
.solution-screenshot {
  width: 100%;
}
/**********************************
COACHES PAGE
**********************************/
.coaches-page-top-btn {
  margin-top: 0;
}
/**********************************
FOOTER
**********************************/
.new-footer {
  background-color: #2196f3;
}
.new-footer a {
  color: #fff;
}
.new-legal {
  background-color: #0d47a1;
}
/**********************************
THANK YOU
**********************************/
.thank-you-subtitle {
  max-width: 800px;
  margin: 0px auto 20px auto;
  font-weight: 300;
  color: #555;
  font-size: 1.4em;
  margin-bottom: 20px;
}
.thank-you-row h3 {
  font-weight: 700;
  text-align: center;
  color: #1976d2;
  font-size: 2.5em;
}
.thank-you-row p {
  font-size: 1.3em;
  text-align: left;
}
.thank-you-row div div a {
  text-decoration: underline;
}
.thank-you-row img {
  max-width: 100%;
}
.thank-you-row div div {
  text-align: center;
}
@media (max-width: 767px) {
  .thank-you-subtitle {
    font-size: 1.3em;
  }
  .thank-you-row h3 {
    font-size: 2.2em;
    text-align: left;
  }
  .thank-you-row p {
    font-size: 1.2em;
  }
}
/**********************************
NEWS
**********************************/
.heading-image-background {
  min-height: 200px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.heading-image-background h3 {
  color: white;
  text-decoration: none;
  padding-top: 40px;
  width: 80%;
  margin: 0 auto;
  text-align: left;
}
.heading-image-background p {
  color: white;
  text-decoration: none;
  padding-top: 0px;
  width: 80%;
  margin: 0 auto;
  text-align: left;
  font-weight: 300;
  font-size: 1.2em;
}
.news-row a,
.news-row a:hover {
  text-decoration: none;
}
.heading-image-background h3:hover {
  color: white;
  text-decoration: underline;
}
.news-box {
  background: #eee;
  margin-top: -10px;
  margin-bottom: 20px;
  padding: 10px 30px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  text-align: left;
}
.news-box .new-button {
  margin-top: 10px;
  margin-bottom: 10px;
  transition: 0.25s all;
}
#roi-student-services {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.8)), url(/assets/img/thank-you/high-impact-services-video.jpg);
  background-size: 100%;
  background-position: top center;
}
#upswing-ebook-image {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.8)), url(/assets/img/thank-you/upswing-ebook.jpg);
  background-size: 100%;
  background-position: top center;
}
#summer-slide-webinar {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.8)), url(/assets/img/thank-you/summer-slide.jpg);
  background-size: 100%;
  background-position: top center;
}
#combine-support-data {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.8)), url(/assets/img/thank-you/combine-data-support.png);
  background-size: 100%;
  background-position: center center;
}
.news-row h3 {
  font-weight: 700;
  text-align: left;
  color: #fff;
  font-size: 2.8em;
}
.news-row p {
  font-size: 1.3em;
  text-align: left;
}
.news-row img {
  max-width: 100%;
}
.news-row div div {
  text-align: center;
}
@media (max-width: 767px) {
  .news-row h3 {
    font-size: 2.2em;
    text-align: left;
  }
  .news-row p {
    font-size: 1.2em;
  }
}
.news-page-quote {
  color: #aaa;
  font-size: 1.2em;
  font-family: 'Open Sans', sans-serif;
  width: 90%;
  margin: 10px auto;
}
/**********************************
ERROR PAGES
**********************************/
.error-page-header {
  font-family: 'Roboto Slab', serif;
  text-align: center;
  font-size: 10em;
}
.error-page-subheader {
  font-family: 'Open Sans', sans-serif;
  text-align: center;
  font-weight: 300;
  margin-bottom: 30px;
  line-height: 1.4;
}
.error-page-paragraph {
  font-size: 1.3em;
  line-height: 1.5;
}
.school-error-page {
  font-family: 'Open Sans', sans-serif;
  text-align: center;
  font-weight: 400;
  font-size: 2.6em;
  margin: 50px 20px;
  line-height: 1.4;
}
@media (max-width: 768px) {
  .error-page-paragraph {
    width: 95%;
    margin: 0 auto;
  }
  .school-error-page {
    font-size: 2.2em;
  }
}
@media (max-width: 400px) {
  .error-page-subheader {
    font-size: 1.8em;
  }
  .error-page-paragraph {
    font-size: 1.2em;
  }
  .school-error-page {
    font-size: 1.8em;
  }
}
/**********************************
ALL WEBINARS
**********************************/
.webinars-row {
  padding: 10px 0;
}
.webinars-row h1 {
  text-align: center;
}
.webinars-row .content-subtitle {
  text-align: center;
}
.webinar-about {
  font-size: 1.1em;
  text-align: left;
}
.webinars-image {
  max-width: 100%;
  margin-top: 30px;
}
.coach-webinar-graphic {
  background: #2196f3;
  border-radius: 1em;
  width: 100%;
  text-align: center;
  padding: 0px 10px;
}
.coach-webinar-graphic img {
  width: 55%;
  margin-top: 20px;
}
#content .coach-webinar-graphic h2,
#content .coach-webinar-graphic h3 {
  padding: 0 10px;
}
#content .coach-webinar-graphic h2 {
  font-weight: 700;
  color: #fff;
}
#content .coach-webinar-graphic h3 {
  font-weight: 300;
  color: #ddd;
  padding-bottom: 12px;
}
#content .webinars-row ul li a {
  text-decoration: underline;
}
.webinar-button {
  text-align: center;
}
@media (max-width: 1199px) {
  .webinars-image {
    margin-top: 30px;
  }
}
@media (min-width: 1200px) {
  .webinars-image {
    margin-top: 0;
  }
}
/**********************************
WEBINAR
**********************************/
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#webinar-page-request h2 {
  text-align: center;
  color: #000;
}
.webinar-subtitle {
  line-height: 24px;
  color: #a6a6a6;
  font-weight: 100;
  margin: 20px 0;
  font-size: 1.15em;
}
/**********************************
COACH HANDBOOK
**********************************/
.handbook-wrapper #page-content-area {
  padding: 0 70px 0px 70px;
  border: none;
  margin: 0 auto;
  box-shadow: none;
}
@media (max-width: 767px) {
  .handbook-wrapper #page-content-area {
    padding: 0 10px 50px 10px;
  }
}
@media (max-width: 550px) {
  .handbook-wrapper #page-content-area {
    padding-bottom: 25px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media (max-width: 550px) {
  .handbook-wrapper #page-content-area .content {
    padding: 0;
  }
}
.handbook-wrapper #page-content-area .content .handbook-row .row {
  margin-left: 0px;
  margin-right: 0px;
}
.handbook-wrapper #page-content-area .content .handbook-row .row div {
  text-align: center;
}
.handbook-wrapper #page-content-area .content .handbook-row h2 {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  text-align: left;
  color: #333;
  padding-top: 0px;
  font-size: 2em;
}
@media (max-width: 550px) {
  .handbook-wrapper #page-content-area .content .handbook-row h2 {
    font-size: 1.6em;
    margin: 5px -15px 0 -15px;
  }
}
@media (max-width: 550px) {
  .handbook-wrapper #page-content-area .content .handbook-row h2 {
    font-size: 1.6em;
    margin: 5px -15px 0 -15px;
  }
}
.handbook-wrapper #page-content-area .content .handbook-row h3 {
  font-family: "Open Sans", sans-serif;
  text-align: left;
  color: #999;
  padding-top: 0px;
}
.handbook-wrapper #page-content-area .content .handbook-row p,
.handbook-wrapper #page-content-area .content .handbook-row ul,
.handbook-wrapper #page-content-area .content .handbook-row ol {
  font-size: 1.6rem;
  text-align: left;
}
@media (max-width: 550px) {
  .handbook-wrapper #page-content-area .content .handbook-row p,
  .handbook-wrapper #page-content-area .content .handbook-row ul,
  .handbook-wrapper #page-content-area .content .handbook-row ol {
    font-size: 1.1em;
  }
}
@media (max-width: 550px) {
  .handbook-wrapper #page-content-area .content .handbook-row p {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.handbook-wrapper #page-content-area .content .handbook-row .handbook-image {
  width: 100%;
  margin: 20px auto;
  display: block;
}
@media (max-width: 1199px) {
  .handbook-wrapper #page-content-area .content .handbook-row .handbook-image {
    margin: 10px auto;
  }
}
.handbook-wrapper #page-content-area .content .handbook-row .coach-support-block {
  float: left;
}
@media screen and (max-width: 767px) {
  .handbook-wrapper #page-content-area .content .handbook-row .coach-support-block {
    margin: 10px 0;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .handbook-wrapper #page-content-area .content .handbook-row .coach-support-block {
    width: 100%;
    margin: 20px auto;
  }
}
.handbook-wrapper #page-content-area .content .handbook-row .coach-support-block .coach-support-block-head {
  min-height: 200px;
  width: 100%;
  float: left;
  position: relative;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.26);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.handbook-wrapper #page-content-area .content .handbook-row .coach-support-block .coach-support-block-head:hover {
  color: #fff;
  text-decoration: none;
}
.handbook-wrapper #page-content-area .content .handbook-row .coach-support-block .coach-support-block-head .block-head-centering {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 200px;
  display: table;
  padding: 10px;
}
.handbook-wrapper #page-content-area .content .handbook-row .coach-support-block .coach-support-block-head .block-head-centering h3 {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  line-height: 1.5em;
  color: #fff;
}
.handbook-wrapper #page-content-area .content .handbook-row .coach-support-block .coach-support-block-body {
  width: 100%;
  padding: 10px;
  float: left;
  border: 1px solid #eee;
  background-color: #fafafa;
}
@media (min-width: 768px) and (max-width: 991px) {
  .handbook-wrapper #page-content-area .content .handbook-row .coach-support-block .coach-support-block-body p {
    min-height: 180px;
  }
}
@media (min-width: 992px) {
  .handbook-wrapper #page-content-area .content .handbook-row .coach-support-block .coach-support-block-body p {
    min-height: 90px;
  }
}
.handbook-wrapper #page-content-area .content .handbook-row .coach-support-block .coach-support-block-body .coach-support-button {
  margin: 20px 0 5px;
}
.handbook-wrapper #page-content-area .content .handbook-row .coach-support-block .coach-support-video-head {
  min-height: 120px;
  width: 100%;
  float: left;
  position: relative;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.26);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.handbook-wrapper #page-content-area .content .handbook-row .coach-support-block .coach-support-video-head .youtube-play-button {
  position: absolute;
  width: 20%;
  top: 34%;
  left: 40%;
  z-index: 3;
}
.handbook-wrapper #page-content-area .content .handbook-row .coach-support-block .coach-support-video-head .youtube-thumbnail {
  z-index: 1;
  width: 100%;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .handbook-wrapper #page-content-area .content .handbook-row .coach-support-block .coach-support-video-head .youtube-thumbnail {
    height: 300px;
  }
}
@media screen and (min-width: 768px) {
  .handbook-wrapper #page-content-area .content .handbook-row .coach-support-block .coach-support-video-head .youtube-thumbnail {
    height: 120px;
  }
}
@media screen and (min-width: 1000px) {
  .handbook-wrapper #page-content-area .content .handbook-row .coach-support-block .coach-support-video-head .youtube-thumbnail {
    height: 180px;
  }
}
@media screen and (max-width: 400px) {
  .handbook-wrapper #page-content-area .content .handbook-row .coach-support-block .coach-support-video-head .youtube-thumbnail {
    height: 150px;
  }
}
@media screen and (max-width: 500px) {
  .handbook-wrapper #page-content-area .content .handbook-row .coach-support-block .coach-support-video-head .youtube-thumbnail {
    height: 200px;
  }
}
.handbook-wrapper #page-content-area .content .handbook-row .coach-support-block .coach-support-video-body {
  width: 100%;
  padding: 10px;
  float: left;
  background-color: #2196f3;
  color: #fff;
  text-align: center;
  border-radius: 0 0 6px 6px;
}
.handbook-wrapper #page-content-area .content .handbook-row .coach-support-block .coach-support-video-body p {
  margin: 5px 0;
}
@media (min-width: 768px) and (max-width: 991px) {
  .handbook-wrapper #page-content-area .content .handbook-row .coach-support-block .coach-support-video-body p {
    min-height: 60px;
  }
}
.handbook-wrapper #page-content-area .content .handbook-row .handbook-caption {
  color: #ccc;
  font-size: 1em;
  text-align: left;
}
.handbook-nav-bar ul {
  list-style: none;
  margin: 0;
  padding: 0;
  background: #333;
  display: inline-block;
  width: 100%;
}
.handbook-nav-bar ul li {
  display: inline-block;
  font-family: "Open Sans", sans-serif;
  font-size: 1.2em;
  text-align: center;
}
.handbook-nav-bar #current-nav {
  float: left;
}
.handbook-nav-bar #current-nav h1 {
  font-size: 1.65em;
  padding: 10px 5px 10px 85px;
  font-weight: 700;
  margin: 0;
  color: #fff;
}
@media (max-width: 1199px) {
  .handbook-nav-bar #current-nav h1 {
    font-size: 1.4em;
    padding: 10px 5px 10px 25px;
  }
}
@media (max-width: 767px) {
  .handbook-nav-bar #current-nav h1 {
    font-size: 1.25em;
    padding: 14px 5px 14px 25px;
  }
}
@media (max-width: 550px) {
  .handbook-nav-bar #current-nav h1 {
    font-size: 1em;
    padding: 10px 5px 10px 15px;
  }
}
.handbook-nav-bar #table-of-contents {
  float: right;
  color: #fff;
}
.handbook-nav-bar ul li a {
  display: block;
}
.handbook-nav-bar .btn {
  font-size: 0.9em;
  text-transform: uppercase;
  font-weight: 700;
  background: #ff5252;
  padding-top: 7px;
  padding-bottom: 7px;
  margin: 8px 20px 5px 5px;
}
@media (max-width: 767px) {
  .handbook-nav-bar .btn {
    padding: 8px 14px;
  }
}
@media (max-width: 550px) {
  .handbook-nav-bar .btn {
    padding: 4px 8px;
    font-size: 0.7em;
    margin-right: 10px;
    margin-top: 7px;
  }
}
.handbook-next-nav {
  margin-top: 30px;
}
.handbook-next-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  background: #2196f3;
  display: inline-block;
  width: 100%;
  text-align: center;
}
.handbook-next-nav ul li {
  display: inline-block;
  width: 50%;
  float: left;
}
.handbook-next-nav ul li.handbook-previous-section {
  background: #1976d2;
}
.handbook-next-nav ul li.handbook-next-section {
  background: #2196f3;
}
.handbook-next-nav ul li h1 {
  color: white;
  margin: 14px;
  font-weight: 700;
  font-size: 2.2em;
}
@media (max-width: 767px) {
  .handbook-next-nav ul li h1 {
    font-size: 2em;
    max-width: 175px;
    margin: 20px auto;
  }
}
.handbook-next-nav ul li a:hover {
  text-decoration: none;
}
.coach-writing-description {
  min-height: none;
}
.coach-support-button a:hover {
  text-decoration: none;
}
/**********************************
NEW ANA PAGE
**********************************/
.full-bleed-ana-video {
  border-radius: 4px 4px 0 0;
  margin-top: -30px;
  width: 100%;
}
.ana-wrapper h3 {
  font-weight: 700;
}
.ana-wrapper h4 {
  font-weight: 300;
}
#ana-page-bottom-learn-more {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  text-align: center;
  background: #2980b9;
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.26);
  padding: 10px;
}
#ana-page-bottom-learn-more .text-center,
#ana-page-bottom-learn-more p {
  display: inline;
}
#ana-page-bottom-learn-more p {
  vertical-align: middle;
  margin-right: 20px;
  font-weight: 700;
}
#ana-page-bottom-learn-more #ana-button-outline {
  margin-top: 0px;
  background: transparent;
  background: #27ae60;
  color: #fff;
  font-size: 17px;
  padding: 10px 25px;
  letter-spacing: 0.4px;
}
#ana-page-bottom-learn-more #ana-button-outline .fa {
  margin-left: 10px;
}
#hiding-hfc #hfc-frame {
  display: none !important;
}
/**********************************
UPSWING RESOURCE PAGE
**********************************/
.single-resource {
  background-color: #ffffff;
  border: 1px solid #eeeeee;
  float: left;
  margin: 15px 1%;
  position: relative;
  text-align: center;
}
@media (max-width: 767px) {
  .single-resource {
    width: 98%;
  }
}
@media (min-width: 768px) {
  .single-resource {
    width: 48%;
  }
}
@media (min-width: 992px) {
  .single-resource {
    width: 31.3%;
  }
}
.single-resource.ng-enter,
.single-resource.ng-leave {
  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
}
.single-resource.ng-enter,
.single-resource.ng-leave.ng-leave-active {
  opacity: 0;
}
.single-resource.ng-leave,
.single-resource.ng-enter.ng-enter-active {
  opacity: 1;
}
.single-resource .resources-logo {
  margin: 40px 0px;
}
.single-resource .resources-description {
  background-color: #fafafa;
  color: #384047;
  font-size: 14px;
  height: 185px;
  line-height: 21px;
  overflow: hidden;
  padding: 15px 25px;
}
.single-resource .resources-description-button {
  background-color: #fafafa;
  color: #384047;
  font-size: 14px;
  height: 100px;
  line-height: 21px;
  overflow: hidden;
  padding: 15px 25px;
}
.single-resource .resources-description-button .ana-learn-button {
  margin-bottom: 5px;
  margin-top: 0px;
}
.single-resource .resources-description-button .resources-learn-button {
  background: #2196f3;
  box-shadow: 0px 2px 25px -4px rgba(0, 0, 0, 0.75);
  color: #ffffff;
  letter-spacing: 1px;
  padding: 6px 25px;
  transition: all 0.25s;
}
.single-resource .resources-description-button .resources-learn-button:hover {
  box-shadow: 0px 2px 15px -4px rgba(0, 0, 0, 0.75);
  color: #ffffff;
}
/**********************************
ANA REFERRAL PAGE
**********************************/
#referral-background {
  height: 100%;
  background: #eee;
  padding: 10px;
}
@media screen and (max-width: 650px) {
  #referral-background {
    min-height: 800px;
  }
}
@media screen and (max-width: 350px) {
  #referral-background {
    padding: 0px;
    min-height: 700px;
  }
}
#referral-background #referral-content {
  background: #fff;
  margin: 100px auto;
  width: 80%;
  min-width: 320px;
  max-width: 600px;
  padding: 40px 60px;
  border-radius: 1px;
  box-shadow: 0px 0px 12px -1px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 650px) {
  #referral-background #referral-content {
    padding: 20px;
    margin: 50px auto;
    width: 96%;
  }
}
@media screen and (max-width: 350px) {
  #referral-background #referral-content {
    padding: 10px;
    margin: 0px auto;
  }
}
#referral-background #referral-content h2 {
  color: #111;
  font-weight: 300;
  margin-top: 8px;
}
#referral-background #referral-content p {
  color: #333;
  padding-bottom: 0px;
}
/**********************************
 LETS MAKE GOOGLE MAPS RESPONSIVE!
**********************************/
.google-maps {
  position: relative;
  padding-bottom: 75%;
  height: 0;
  overflow: hidden;
  margin: 5px;
  border-radius: 5px;
}
.google-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
/**********************************
         HUBSPOT FORMS 
**********************************/
.hubspot-form {
  background-color: #ececec;
  padding-top: 15px;
  border-radius: 5px;
}
header.add {
  background-color: #1976d2;
}
header.add button.dropdown-toggle {
  background-color: transparent;
  border: none;
  margin-top: 17px;
}
header.add button.dropdown-toggle span {
  width: 0;
}
header.add button.dropdown-toggle span::before {
  top: 12px;
  transform: rotate(45deg);
}
header.add button.dropdown-toggle span::after {
  top: 12px;
  transform: rotate(-45deg);
}
header.add nav {
  bottom: 0;
  display: block;
  left: 0;
  opacity: 1;
  position: fixed;
  right: 0;
  top: 54px;
  transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  visibility: visible;
}
header.add nav ul {
  background-color: #1976d2;
  border-top: 1px solid #146dc5;
  display: inline-block;
  height: auto;
  overflow-x: auto;
  padding-right: 0;
  padding-top: 0;
  position: relative;
  top: 0;
  transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  width: 100%;
}
header.add nav ul li {
  border: none;
}
header.add nav ul li.has-menu {
  background: none;
}
header.add nav ul li:hover {
  border: none;
}
header.add nav ul li a i.has-menu {
  transition: transform 0.1s ease;
  -webkit-transition: transform 0.1s ease;
}
header.add nav ul li a i.has-menu.toggled {
  transform: rotate(-90deg);
}
header.navbar-wp-update {
  background-color: #2196f3;
  display: inline-block;
  padding: 20px 50px 20px 100px;
  position: fixed;
  text-decoration: none;
  top: 0;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  width: 100%;
  z-index: 999;
}
header a:hover {
  color: #ffffff;
}
header a.brand-logo {
  display: inline-block;
  width: 190px;
}
header a img {
  height: auto;
  max-width: 100%;
  vertical-align: top;
}
header h1 {
  margin-top: 0;
}
header button.dropdown-toggle {
  background-color: transparent;
  border-radius: 3px;
  border: none;
  display: block;
  float: right;
  font-size: 0;
  height: 30px;
  margin-top: 17px;
  padding: 4px;
  position: relative;
  width: 30px;
  z-index: 9;
}
header button.dropdown-toggle span {
  background-color: #ffffff;
  display: block;
  height: 4px;
}
header button.dropdown-toggle span::before,
header button.dropdown-toggle span::after {
  background-color: #ffffff;
  content: '';
  height: 4px;
  left: 4px;
  position: absolute;
  right: 4px;
  transition: transform 0.1s ease;
  -webkit-transition: transform 0.1s ease;
}
header button.dropdown-toggle span::before {
  bottom: 4px;
}
header button.dropdown-toggle span::after {
  top: 4px;
}
header nav {
  display: inline-block;
  float: right;
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 400;
  text-decoration: none;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}
header nav ul {
  float: left;
  list-style: none;
  margin: 0;
  padding-inline-start: 0;
  padding-right: 100px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}
header nav ul li {
  display: inline-block;
  float: left;
  position: relative;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}
header nav ul li:last-of-type {
  background-color: #ff5252;
  border-radius: 4px;
}
header nav ul li:last-of-type a {
  padding: 10px 20px;
}
header nav ul li:hover a {
  text-decoration: none;
}
header nav ul li a {
  color: #ffffff;
  display: block;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 16px;
  padding: 15px 17px;
  position: relative;
  text-decoration: none;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}
header nav ul li a::before {
  content: '';
  background-color: #1976d2;
  bottom: 0;
  height: 3px;
  left: 15px;
  position: absolute;
  right: 15px;
  transform: scale(0);
}
header nav ul li a i {
  height: 10px;
  width: 11px;
}
header nav ul li a i.has-menu {
  background: url(https://upswingio.wpengine.com/wp-content/uploads/2018/10/drop-icon.png) no-repeat;
  background-position: right center;
  background-size: 14px;
  margin-left: 6px;
}
header nav ul li:hover ul {
  margin-top: 0;
  opacity: 1;
  visibility: visible;
}
header nav ul li ul {
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  margin-top: 30px;
  min-width: 200px;
  opacity: 0;
  padding: 0;
  position: absolute;
  right: 0;
  text-decoration: none;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  visibility: hidden;
}
header nav ul li ul::before {
  content: '';
  border-bottom: 10px solid #FFFFFF;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  height: 20px;
  position: absolute;
  right: 50px;
  top: -20px;
  width: 20px;
}
header nav ul li ul li {
  background-color: #ffffff;
  border-bottom: 1px solid #f6f6f6;
  font-weight: 300;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  width: 100%;
}
header nav ul li ul li:first-of-type {
  border-radius: 8px 8px 0 0;
}
header nav ul li ul li:last-of-type {
  background-color: #ffffff;
  border-radius: 0 0 8px 8px;
  margin: unset;
}
header nav ul li ul li:last-of-type a.login {
  padding: 10px 20px;
}
header nav ul li ul li:hover {
  background-color: #2196f3;
  border-bottom: 1px solid #2196f3;
}
header nav ul li ul li:hover a {
  border-bottom: none;
  color: #FFFFFF;
  text-decoration: none;
}
header nav ul li ul li a {
  border-bottom: none;
  color: #000000;
  display: block;
  font-size: 16px;
  padding: 7px 20px;
  text-decoration: none;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  width: 100%;
}
@media (max-width: 1200px) {
  header.navbar-wp-update {
    max-height: 84px;
  }
  header.navbar-wp-update a.brand-logo {
    width: 140px;
  }
  header.navbar-wp-update nav ul li a {
    font-size: 14px !important;
    padding: 9px;
  }
  header.navbar-wp-update nav ul li a.login {
    padding: 10px 20px;
  }
}
@media (min-width: 1201px) {
  header.navbar-wp-update {
    max-height: 92px;
  }
  header.navbar-wp-update nav ul li:last-of-type {
    margin-top: 5px;
  }
  header.navbar-wp-update nav ul li ul li {
    margin-top: 0px;
  }
}
@media (max-width: 991px) {
  header.navbar-wp-update {
    max-height: 64px;
    padding: 0 20px 0 20px;
  }
  header.navbar-wp-update a.brand-logo {
    padding: 10px 0;
    width: 150px;
  }
  header.navbar-wp-update nav ul {
    margin-top: 10px;
    padding-right: 0;
  }
  header.navbar-wp-update nav ul li.has-menu {
    background-size: 15px;
  }
}
@media (min-width: 767px) {
  header.add nav {
    all: unset;
  }
  header.add nav ul {
    background-color: #2196f3;
    border: none;
    height: unset;
    padding-right: 20px;
    position: fixed;
    right: 0;
    top: auto;
    width: auto;
  }
  header.add nav ul.resize {
    padding: 0;
    right: auto;
    width: 20%;
  }
}
@media (min-width: 991px) {
  header.add nav ul {
    padding-right: 100px;
  }
}
@media (max-width: 767px) {
  header.navbar-wp-update nav ul {
    opacity: 0;
    transition: unset;
    visibility: hidden;
  }
  header.navbar-wp-update.add {
    background-color: #1976d2;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
  }
  header.navbar-wp-update.add a {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
  }
  header.navbar-wp-update.add a.brand-logo {
    width: 130px;
  }
  header.navbar-wp-update.add nav ul {
    opacity: 1;
    transition: unset;
    visibility: visible;
  }
  header.navbar-wp-update.add nav ul li {
    border: none;
    transition: none;
    width: 100%;
  }
  header.navbar-wp-update.add nav ul li.has-menu {
    background: unset;
    background-size: 15px;
  }
  header.navbar-wp-update.add nav ul li:last-of-type a {
    padding: 10px 25px 10px 10px;
    transition: none;
  }
  header.navbar-wp-update.add nav ul li a::before,
  header.navbar-wp-update.add nav ul li a::after {
    opacity: 0;
    visibility: hidden;
  }
  header.navbar-wp-update.add nav ul li ul {
    background-color: transparent;
    border-top: none;
    box-shadow: none;
    height: 0;
    margin-top: 0;
    min-width: 100%;
    opacity: 1;
    position: relative;
    right: 0;
    transition: height 0.1s ease;
    -webkit-transition: height 0.1s ease;
    visibility: visible;
  }
  header.navbar-wp-update.add nav ul li ul::before {
    border: unset;
    content: '';
    height: 0;
    opacity: 0;
    visibility: hidden;
    width: 0;
  }
  header.navbar-wp-update.add nav ul li ul.sub-menu.menu-toggled {
    height: auto;
    transition: height 0.1s ease;
    -webkit-transition: height 0.1s ease;
  }
  header.navbar-wp-update.add nav ul li ul.sub-menu li {
    background: unset;
  }
  header.navbar-wp-update.add nav ul li ul.sub-menu li a {
    padding: 10px 25px;
  }
  header.navbar-wp-update.add nav ul li ul li a {
    border-radius: 0;
    color: white;
  }
}
@media (min-width: 768px) {
  header button.dropdown-toggle {
    display: none;
  }
}
footer.footer {
  background-color: #0d47a1;
  padding: 70px 0;
}
footer.footer img {
  width: 160px;
}
footer.footer a,
footer.footer address,
footer.footer p {
  color: #ffffff;
  display: block;
  font-size: 15px;
}
footer.footer address {
  font-style: normal;
  margin: 25px 0;
}
footer.footer p {
  margin-bottom: 0;
}
footer.footer h6 {
  color: #ffffff;
  margin-bottom: 30px;
  text-transform: uppercase;
}
footer.footer ul {
  list-style: none;
  margin: 0;
}
footer.footer ul li {
  font-size: 14px;
  line-height: 1.8;
}
footer.footer .footer-box {
  display: flex;
  flex-flow: row wrap;
  justify-content: initial;
}
footer.footer .footer-box .col {
  margin-bottom: 20px;
  width: 33.33%;
}
footer.footer .copy-cont {
  background-color: #0e4397;
  padding: 20px 0;
  text-align: center;
}
footer.footer .copy-cont p {
  color: #ffffff;
  display: inline-block;
  font-size: 12px;
  margin-bottom: 0;
}
footer.footer .copy-cont ul {
  display: inline-block;
}
footer.footer .copy-cont ul li {
  display: inline-block;
}
footer.footer .copy-cont ul li a {
  color: #ffffff;
  display: block;
  font-size: 12px;
  padding: 0 5px;
}
footer.footer .copy-cont ul li:not(:first-child) a:before {
  content: '|';
  left: -6px;
  position: relative;
}
footer.footer .social-icons {
  display: flex;
  flex-flow: row wrap;
  max-width: 270px;
  width: 100%;
}
footer.footer .social-icons li {
  width: 25%;
}
footer.footer .social-icons li a {
  font-size: 35px;
  max-width: 44px;
  width: 100%;
}
@media (max-width: 767px) {
  footer.footer .footer-box {
    margin: 0 20px;
  }
  footer.footer .footer-box .col {
    margin-bottom: 20px;
    width: 100%;
  }
  footer.footer .social-icons {
    max-width: 100%;
  }
  footer.footer .social-icons li {
    display: inline-block;
    padding-right: 30px;
    width: auto;
  }
  footer.footer .social-icons li a {
    font-size: 20px;
  }
}
/**********************************
ASKUP
**********************************/
.work-item-activity-container {
  margin-top: 10px;
}
.original-submission-block {
  background-color: #ebebeb;
  padding: 5px;
  border-radius: 5px;
  overflow: auto;
  margin: 10px 0;
}
.current-submission-block {
  align-items: center;
  background-color: #fff0cc;
  border-radius: 5px;
  display: flex;
  margin-bottom: 10px;
  overflow: auto;
  padding: 5px;
}
.current-submission-block:last-of-type {
  margin-bottom: 0px;
}
.previous-submission-block {
  align-items: center;
  background-color: #ebebeb;
  border-radius: 5px;
  display: flex;
  margin-bottom: 10px;
  overflow: auto;
  padding: 5px;
}
.submission-was-recreated {
  background-color: #FFAB91;
  padding: 5px;
  border-radius: 5px;
  overflow: auto;
  margin: 10px 0;
}
.submission-is-a-recreation {
  background-color: #A5D6A7;
  padding: 5px;
  border-radius: 5px;
  overflow: auto;
  margin: 10px 0;
}
.submission-row {
  margin-bottom: 5px;
  max-width: 400px;
  word-wrap: break-word;
}
.submission-row span {
  white-space: pre-wrap;
}
.file-upload-block {
  background-color: #deedff;
  padding: 5px;
  border-radius: 5px;
  overflow: auto;
  margin-bottom: 10px;
}
.work-item-history-block {
  background-color: #8A9CB2;
  padding: 5px;
  border-radius: 5px;
  overflow: auto;
  margin-bottom: 10px;
}
.workitem-column {
  display: flex;
  flex-direction: column;
}
.workitem-row {
  display: flex;
  flex-direction: row;
  height: 100%;
}
.workitem-row .row-item {
  flex: 1;
  margin: 12px;
  max-width: 45%;
}
.workitem-row .divider {
  border-left: 2px solid #000000;
  height: 70%;
  margin: 8px;
}
#workitem-reason-container .btn-reason {
  background-color: #ffffff;
  border-color: #535353;
  color: #535353;
  margin: 5px;
}
#workitem-reason-container .btn-reason:hover,
#workitem-reason-container .btn-reason.active {
  border-color: #2196f3;
  color: #2196f3;
}
#workitem-reason-container .btn-input {
  border-radius: 6px 0 0 6px;
  display: table-cell;
}
/**********************************
VIRTUAL LEARNING CENTER V. 2.0
**********************************/
.vlc-navbar {
  left: 0;
  position: fixed;
  background-color: #F7F7F7;
  border: solid #E4E4E4;
  display: inline-flex;
  font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
}
.vlc-navbar .icon {
  color: #9b9b9b;
  cursor: pointer;
  text-align: center;
}
.vlc-navbar .icon:active,
.vlc-navbar .icon.active,
.vlc-navbar .icon:hover {
  color: #2196F3;
}
.vlc-navbar .icon button:focus {
  color: #1976d2;
}
.vlc-navbar .icon:disabled,
.vlc-navbar .icon[disabled] {
  cursor: not-allowed;
  color: #9b9b9b;
}
.vlc-navbar .icon div.icon-image {
  background-repeat: round;
  -webkit-transition: background-image 0.05s ease-in;
  transition: background-image 0.05s ease-in;
}
.vlc-navbar .icon span.icon-label {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  font-size: 10px;
  line-height: 12px;
}
.vlc-navbar .icon div.white-board-function-menu {
  position: absolute;
  cursor: default;
}
.vlc-navbar .icon div.white-board-function-menu .config-container {
  height: 40px;
  background: #FAFAFA;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border: #E4E4E4 solid 1px;
  -webkit-filter: drop-shadow(0px 2px 5px #EBEBEB);
  filter: drop-shadow(0px 2px 5px #EBEBEB);
}
.vlc-navbar .icon div.white-board-function-menu .config-container:before {
  content: '';
  position: absolute;
  border-style: solid;
  display: block;
  width: 0;
  z-index: 2;
}
.vlc-navbar .icon div.white-board-function-menu .config-container:after {
  content: '';
  position: absolute;
  border-style: solid;
  display: block;
  width: 0;
  z-index: 3;
}
.vlc-navbar .icon div.white-board-function-menu .config-container .content {
  padding-top: 7.5px;
  height: 100%;
}
.vlc-navbar .icon div.white-board-function-menu .config-container .content .overlaying-layer {
  width: 50%;
  height: 0px;
  position: absolute;
  cursor: pointer;
}
.vlc-navbar .icon div.white-board-function-menu .config-container .content .nib-container {
  float: left;
  cursor: pointer;
  height: 100%;
  width: 32px;
  margin-left: 2px;
}
.vlc-navbar .icon div.white-board-function-menu .config-container .content .nib-container:hover .circle.nib-size,
.vlc-navbar .icon div.white-board-function-menu .config-container .content .nib-container:focus .circle.nib-size {
  background-color: rgba(0, 0, 0, 0.6);
}
.vlc-navbar .icon div.white-board-function-menu .config-container .content .nib-container.active .circle.nib-size.pen {
  border: 1.5px solid #2196f3;
}
.vlc-navbar .icon div.white-board-function-menu .config-container .content .nib-container.active .circle.nib-size.highlight {
  border: 3px solid #2196f3;
}
.vlc-navbar .icon div.white-board-function-menu .config-container .content .nib-container:nth-of-type(1).active .circle.nib-size {
  border: 1px solid #2196f3;
}
.vlc-navbar .icon div.white-board-function-menu .config-container .content .nib-container:nth-of-type(1).active .circle.nib-size.pen {
  border: 1px solid #2196f3;
}
.vlc-navbar .icon div.white-board-function-menu .config-container .content .nib-container:nth-of-type(1).active .circle.nib-size.highlight {
  border: 2px solid #2196f3;
}
.vlc-navbar .icon div.white-board-function-menu .config-container .content .nib-container:nth-of-type(1) .circle.nib-size {
  margin-left: 15px;
}
.vlc-navbar .icon div.white-board-function-menu .config-container .content .nib-container:nth-of-type(1) .circle.nib-size.pen {
  margin-top: 11px;
}
.vlc-navbar .icon div.white-board-function-menu .config-container .content .nib-container:nth-of-type(1) .circle.nib-size.highlight {
  margin-top: 10px;
}
.vlc-navbar .icon div.white-board-function-menu .config-container .content .nib-container:nth-of-type(2) .circle.nib-size.pen {
  margin-top: 10px;
}
.vlc-navbar .icon div.white-board-function-menu .config-container .content .nib-container:nth-of-type(2) .circle.nib-size.highlight {
  margin-top: 8px;
}
.vlc-navbar .icon div.white-board-function-menu .config-container .content .nib-container:nth-of-type(3) .circle.nib-size.pen {
  margin-top: 9px;
}
.vlc-navbar .icon div.white-board-function-menu .config-container .content .nib-container:nth-of-type(3) .circle.nib-size.highlight {
  margin-top: 6px;
}
.vlc-navbar .icon div.white-board-function-menu .config-container .content .nib-container:nth-of-type(4) .circle.nib-size.pen {
  margin-top: 8px;
}
.vlc-navbar .icon div.white-board-function-menu .config-container .content .nib-container:nth-of-type(4) .circle.nib-size.highlight {
  margin-top: 4px;
  margin-left: 8px;
}
.vlc-navbar .icon div.white-board-function-menu .config-container .content .nib-container:nth-of-type(5) .circle.nib-size.pen {
  margin-top: 7px;
}
.vlc-navbar .icon div.white-board-function-menu .config-container .content .nib-container:nth-of-type(5) .circle.nib-size.highlight {
  margin-top: 2px;
  margin-left: 5px;
}
.vlc-navbar .icon div.white-board-function-menu .config-container .content .nib-container:nth-of-type(6) .circle.nib-size.pen {
  margin-top: 6px;
}
.vlc-navbar .icon div.white-board-function-menu .config-container .content .nib-container:nth-of-type(6) .circle.nib-size.highlight {
  margin-left: 4px;
}
.vlc-navbar .icon div.white-board-function-menu .config-container .content .circle {
  border-radius: 50%;
  margin-left: 10px;
  float: left;
  cursor: pointer;
}
.vlc-navbar .icon div.white-board-function-menu .config-container .content .circle.standard {
  height: 24px;
  width: 24px;
}
.vlc-navbar .icon div.white-board-function-menu .config-container .content .circle.nib-size {
  background-color: #000000;
  -webkit-transition: border 0.05s ease-in;
  transition: border 0.05s ease-in;
}
.vlc-navbar .icon div.white-board-function-menu .config-container .content .circle.color:first-of-type {
  margin-left: 8px;
}
.vlc-navbar .icon div.white-board-function-menu .config-container .content .circle.color:hover,
.vlc-navbar .icon div.white-board-function-menu .config-container .content .circle.color:focus {
  height: 26px;
  width: 26px;
  margin-left: 9px;
  margin-top: -1px;
  margin-right: -1px;
}
.vlc-navbar .icon div.white-board-function-menu .config-container .content .circle.color:hover:first-of-type,
.vlc-navbar .icon div.white-board-function-menu .config-container .content .circle.color:focus:first-of-type {
  margin-left: 7px;
}
.vlc-navbar .icon div.white-board-function-menu .config-container .content .circle.active-circle {
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background-color: #FFFFFF;
  margin-left: 22px;
  margin-top: 6px;
  visibility: hidden;
}
.vlc-navbar .icon div.white-board-function-menu .config-container .content .circle.active-circle.short-margin {
  margin-left: 14px;
}
.vlc-navbar .icon div.white-board-function-menu .config-container .content .circle.active-circle.active {
  visibility: visible;
}
.vlc-navbar .icon div.white-board-function-menu .config-container .content.one-part {
  width: 100%;
}
.vlc-navbar .icon div.white-board-function-menu .config-container .content.two-part {
  width: 50%;
  float: left;
}
.vlc-navbar .icon div.white-board-function-menu .config-container .content.two-part:first-of-type {
  border-right: 1px solid #E4E4E4;
}
.vlc-navbar.top {
  right: 0;
  top: 0;
  z-index: 1000;
  height: 75px;
  border-width: 0 0 1px 0;
  padding: 18px 0 0 0;
}
.vlc-navbar.top #direct-board-edit-container {
  display: inline-flex;
  padding: 0 20px 0 10px;
  float: left;
}
.vlc-navbar.top #direct-board-edit-container button {
  background: inherit;
  border: none;
}
.vlc-navbar.top #direct-board-edit-container .icon {
  margin: 0 0 0 20px;
}
.vlc-navbar.top #direct-board-edit-container .btn-upswing {
  height: 40px;
  width: 132px;
  border-radius: 6px;
  background-color: #1976d2;
  border-color: #1976d2;
}
.vlc-navbar.top #direct-board-edit-container .btn-upswing i {
  float: left;
  font-size: 20px;
  margin-left: -3px;
  padding-right: 3px;
}
.vlc-navbar.top #direct-board-edit-container .btn-upswing span {
  font-size: 16px;
}
.vlc-navbar.top #direct-board-edit-container #select-icon div.icon-image {
  background-image: url('/up/assets/img/vlc/select-cursor.inactive.png');
  width: 18px;
  height: 25px;
  margin-left: 4px;
}
.vlc-navbar.top #direct-board-edit-container #select-icon button:hover div.icon-image,
.vlc-navbar.top #direct-board-edit-container #select-icon button:focus div.icon-image {
  background-image: url('/up/assets/img/vlc/select-cursor.hover.png');
}
.vlc-navbar.top #direct-board-edit-container #select-icon:active div.icon-image,
.vlc-navbar.top #direct-board-edit-container #select-icon.active div.icon-image {
  background-image: url('/up/assets/img/vlc/select-cursor.active.png');
}
.vlc-navbar.top #direct-board-edit-container #select-icon:disabled div.icon-image,
.vlc-navbar.top #direct-board-edit-container #select-icon[disabled] div.icon-image {
  background-image: url('/up/assets/img/vlc/select-cursor.inactive.png');
}
.vlc-navbar.top #direct-board-edit-container #pen-icon div.icon-image {
  background-image: url('/up/assets/img/vlc/pen.inactive.png');
  width: 25px;
  height: 25px;
  margin-left: 6px;
}
.vlc-navbar.top #direct-board-edit-container #pen-icon button:hover div.icon-image,
.vlc-navbar.top #direct-board-edit-container #pen-icon button:focus div.icon-image {
  background-image: url('/up/assets/img/vlc/pen.hover.png');
}
.vlc-navbar.top #direct-board-edit-container #pen-icon:active div.icon-image,
.vlc-navbar.top #direct-board-edit-container #pen-icon.active div.icon-image {
  background-image: url('/up/assets/img/vlc/pen.active.png');
}
.vlc-navbar.top #direct-board-edit-container #pen-icon:disabled div.icon-image,
.vlc-navbar.top #direct-board-edit-container #pen-icon[disabled] div.icon-image {
  background-image: url('/up/assets/img/vlc/pen.inactive.png');
}
.vlc-navbar.top #direct-board-edit-container #text-icon div.icon-image {
  background-image: url('/up/assets/img/vlc/text-box-tool.inactive.png');
  width: 18px;
  height: 21px;
  margin-left: 1px;
  margin-bottom: 4px;
}
.vlc-navbar.top #direct-board-edit-container #text-icon button:hover div.icon-image,
.vlc-navbar.top #direct-board-edit-container #text-icon button:focus div.icon-image {
  background-image: url('/up/assets/img/vlc/text-box-tool.hover.png');
}
.vlc-navbar.top #direct-board-edit-container #text-icon:active div.icon-image,
.vlc-navbar.top #direct-board-edit-container #text-icon.active div.icon-image {
  background-image: url('/up/assets/img/vlc/text-box-tool.active.png');
}
.vlc-navbar.top #direct-board-edit-container #text-icon:disabled div.icon-image,
.vlc-navbar.top #direct-board-edit-container #text-icon[disabled] div.icon-image {
  background-image: url('/up/assets/img/vlc/text-box-tool.inactive.png');
}
.vlc-navbar.top #direct-board-edit-container #highlight-icon div.icon-image {
  background-image: url('/up/assets/img/vlc/highlighter.inactive.png');
  width: 25px;
  height: 25px;
  margin-left: 12px;
}
.vlc-navbar.top #direct-board-edit-container #highlight-icon:active div.icon-image,
.vlc-navbar.top #direct-board-edit-container #highlight-icon.active div.icon-image {
  background-image: url('/up/assets/img/vlc/highlighter.active.png');
}
.vlc-navbar.top #direct-board-edit-container #highlight-icon button:hover div.icon-image,
.vlc-navbar.top #direct-board-edit-container #highlight-icon button:focus div.icon-image {
  background-image: url('/up/assets/img/vlc/highlighter.hover.png');
}
.vlc-navbar.top #direct-board-edit-container #highlight-icon button:disabled div.icon-image,
.vlc-navbar.top #direct-board-edit-container #highlight-icon button[disabled] div.icon-image {
  background-image: url('/up/assets/img/vlc/highlighter.inactive.png');
}
.vlc-navbar.top #direct-board-edit-container #shape-icon div.icon-image {
  background-image: url('/up/assets/img/vlc/shape-tool.inactive.png');
  width: 25px;
  height: 25px;
  margin-left: 2px;
}
.vlc-navbar.top #direct-board-edit-container #shape-icon button:hover div.icon-image,
.vlc-navbar.top #direct-board-edit-container #shape-icon button:focus div.icon-image {
  background-image: url('/up/assets/img/vlc/shape-tool.hover.png');
}
.vlc-navbar.top #direct-board-edit-container #shape-icon:active div.icon-image,
.vlc-navbar.top #direct-board-edit-container #shape-icon.active div.icon-image {
  background-image: url('/up/assets/img/vlc/shape-tool.active.png');
}
.vlc-navbar.top #direct-board-edit-container #shape-icon:disabled div.icon-image,
.vlc-navbar.top #direct-board-edit-container #shape-icon[disabled] div.icon-image {
  background-image: url('/up/assets/img/vlc/shape-tool.inactive.png');
}
.vlc-navbar.top #direct-board-edit-container #eraser-icon div.icon-image {
  background-image: url('/up/assets/img/vlc/eraser.inactive.png');
  width: 25px;
  height: 25px;
  margin-left: 4px;
}
.vlc-navbar.top #direct-board-edit-container #eraser-icon button:hover div.icon-image,
.vlc-navbar.top #direct-board-edit-container #eraser-icon button:focus div.icon-image {
  background-image: url('/up/assets/img/vlc/eraser.hover.png');
}
.vlc-navbar.top #direct-board-edit-container #eraser-icon:active div.icon-image,
.vlc-navbar.top #direct-board-edit-container #eraser-icon.active div.icon-image {
  background-image: url('/up/assets/img/vlc/eraser.active.png');
}
.vlc-navbar.top #direct-board-edit-container #eraser-icon:disabled div.icon-image,
.vlc-navbar.top #direct-board-edit-container #eraser-icon[disabled] div.icon-image {
  background-image: url('/up/assets/img/vlc/eraser.inactive.png');
}
.vlc-navbar.top #direct-board-edit-container #note-icon div.icon-image {
  background-image: url('/up/assets/img/vlc/note-tool.inactive.png');
  width: 25px;
  height: 25px;
}
.vlc-navbar.top #direct-board-edit-container #note-icon button:hover div.icon-image,
.vlc-navbar.top #direct-board-edit-container #note-icon button:focus div.icon-image {
  background-image: url('/up/assets/img/vlc/note-tool.hover.png');
}
.vlc-navbar.top #direct-board-edit-container #note-icon:active div.icon-image,
.vlc-navbar.top #direct-board-edit-container #note-icon.active div.icon-image {
  background-image: url('/up/assets/img/vlc/note-tool.active.png');
}
.vlc-navbar.top #direct-board-edit-container #note-icon:disabled div.icon-image,
.vlc-navbar.top #direct-board-edit-container #note-icon[disabled] div.icon-image {
  background-image: url('/up/assets/img/vlc/note-tool.inactive.png');
}
.vlc-navbar.top #direct-board-edit-container #pointer-icon div.icon-image {
  background-image: url('/up/assets/img/vlc/pointer.inactive.png');
  height: 25px;
  width: 40px;
  margin-left: 6px;
}
.vlc-navbar.top #direct-board-edit-container #pointer-icon:active div.icon-image,
.vlc-navbar.top #direct-board-edit-container #pointer-icon.active div.icon-image {
  background-image: url('/up/assets/img/vlc/pointer.active.png');
}
.vlc-navbar.top #direct-board-edit-container #pointer-icon button:hover div.icon-image,
.vlc-navbar.top #direct-board-edit-container #pointer-icon button:focus div.icon-image {
  background-image: url('/up/assets/img/vlc/pointer.active.png');
}
.vlc-navbar.top #direct-board-edit-container #pointer-icon:disabled div.icon-image,
.vlc-navbar.top #direct-board-edit-container #pointer-icon[disabled] div.icon-image {
  background-image: url('/up/assets/img/vlc/pointer.inactive.png');
}
@media (min-width: 1201px) {
  .vlc-navbar.top .general-board-edit {
    display: inline-flex;
    float: left;
  }
  .vlc-navbar.top .general-board-edit .icon {
    margin: 0 0 0 20px;
  }
}
@media (max-width: 1200px) {
  .vlc-navbar.top .general-board-edit {
    width: none;
    display: none;
  }
}
.vlc-navbar.top .general-board-edit button {
  background: inherit;
  border: none;
}
.vlc-navbar.top .general-board-edit #undo-icon div.icon-image {
  background-image: url('/up/assets/img/vlc/undo.inactive.png');
  width: 25px;
  height: 25px;
}
.vlc-navbar.top .general-board-edit #undo-icon:hover div.icon-image,
.vlc-navbar.top .general-board-edit #undo-icon:focus div.icon-image {
  background-image: url('/up/assets/img/vlc/undo.hover.png');
}
.vlc-navbar.top .general-board-edit #undo-icon:active div.icon-image,
.vlc-navbar.top .general-board-edit #undo-icon.active div.icon-image {
  background-image: url('/up/assets/img/vlc/undo.active.png');
}
.vlc-navbar.top .general-board-edit #undo-icon:disabled div.icon-image,
.vlc-navbar.top .general-board-edit #undo-icon[disabled] div.icon-image {
  background-image: url('/up/assets/img/vlc/undo.inactive.png');
}
.vlc-navbar.top .general-board-edit #redo-icon div.icon-image {
  background-image: url('/up/assets/img/vlc/redo.inactive.png');
  width: 25px;
  height: 25px;
}
.vlc-navbar.top .general-board-edit #redo-icon:hover div.icon-image,
.vlc-navbar.top .general-board-edit #redo-icon:focus div.icon-image {
  background-image: url('/up/assets/img/vlc/redo.hover.png');
}
.vlc-navbar.top .general-board-edit #redo-icon:active div.icon-image,
.vlc-navbar.top .general-board-edit #redo-icon.active div.icon-image {
  background-image: url('/up/assets/img/vlc/redo.active.png');
}
.vlc-navbar.top .general-board-edit #redo-icon:disabled div.icon-image,
.vlc-navbar.top .general-board-edit #redo-icon[disabled] div.icon-image {
  background-image: url('/up/assets/img/vlc/redo.inactive.png');
}
.vlc-navbar.top .general-board-edit #grid-icon div.icon-image {
  background-image: url('/up/assets/img/vlc/grid.4x4.inactive.png');
  width: 25px;
  height: 25px;
}
.vlc-navbar.top .general-board-edit #grid-icon button:hover div.icon-image,
.vlc-navbar.top .general-board-edit #grid-icon button:focus div.icon-image {
  background-image: url('/up/assets/img/vlc/grid.4x4.hover.png');
}
.vlc-navbar.top .general-board-edit #grid-icon:active div.icon-image,
.vlc-navbar.top .general-board-edit #grid-icon.active div.icon-image {
  background-image: url('/up/assets/img/vlc/grid.4x4.active.png');
}
.vlc-navbar.top .general-board-edit #grid-icon:disabled div.icon-image,
.vlc-navbar.top .general-board-edit #grid-icon[disabled] div.icon-image {
  background-image: url('/up/assets/img/vlc/grid.4x4.inactive.png');
}
.vlc-navbar.top .general-board-edit #equation-editor-icon div.icon-image {
  background-image: url('/up/assets/img/vlc/equation-editor.inactive.png');
  width: 45px;
  height: 25px;
  margin-left: 10px;
}
.vlc-navbar.top .general-board-edit #equation-editor-icon button:hover div.icon-image,
.vlc-navbar.top .general-board-edit #equation-editor-icon button:focus div.icon-image {
  background-image: url('/up/assets/img/vlc/equation-editor.hover.png');
}
.vlc-navbar.top .general-board-edit #equation-editor-icon:active div.icon-image,
.vlc-navbar.top .general-board-edit #equation-editor-icon.active div.icon-image {
  background-image: url('/up/assets/img/vlc/equation-editor.active.png');
}
.vlc-navbar.top .general-board-edit #equation-editor-icon:disabled div.icon-image,
.vlc-navbar.top .general-board-edit #equation-editor-icon[disabled] div.icon-image {
  background-image: url('/up/assets/img/vlc/equation-editor.inactive.png');
}
.vlc-navbar.top .general-board-edit #wolfram-alpha-icon div.icon-image {
  background-image: url('/up/assets/img/vlc/wolfram-alpha.inactive.png');
  width: 25px;
  height: 25px;
  margin-left: 23px;
}
.vlc-navbar.top .general-board-edit #wolfram-alpha-icon button:hover div.icon-image,
.vlc-navbar.top .general-board-edit #wolfram-alpha-icon button:focus div.icon-image {
  background-image: url('/up/assets/img/vlc/wolfram-alpha.hover.png');
}
.vlc-navbar.top .general-board-edit #wolfram-alpha-icon:active div.icon-image,
.vlc-navbar.top .general-board-edit #wolfram-alpha-icon.active div.icon-image {
  background-image: url('/up/assets/img/vlc/wolfram-alpha.active.png');
}
.vlc-navbar.top .general-board-edit #wolfram-alpha-icon:disabled div.icon-image,
.vlc-navbar.top .general-board-edit #wolfram-alpha-icon[disabled] div.icon-image {
  background-image: url('/up/assets/img/vlc/wolfram-alpha.inactive.png');
}
.vlc-navbar.top .general-board-edit #file-drawer-icon div.icon-image {
  background-image: url('/up/assets/img/vlc/file-drawer.inactive.png');
  width: 25px;
  height: 25px;
  margin-left: 14px;
}
.vlc-navbar.top .general-board-edit #file-drawer-icon button:hover div.icon-image,
.vlc-navbar.top .general-board-edit #file-drawer-icon button:focus div.icon-image {
  background-image: url('/up/assets/img/vlc/file-drawer.hover.png');
}
.vlc-navbar.top .general-board-edit #file-drawer-icon:active div.icon-image,
.vlc-navbar.top .general-board-edit #file-drawer-icon.active div.icon-image {
  background-image: url('/up/assets/img/vlc/file-drawer.active.png');
}
.vlc-navbar.top .general-board-edit #file-drawer-icon:disabled div.icon-image,
.vlc-navbar.top .general-board-edit #file-drawer-icon[disabled] div.icon-image {
  background-image: url('/up/assets/img/vlc/file-drawer.inactive.png');
}
.vlc-navbar.top .general-board-edit #download-icon div.icon-image {
  background-image: url('/up/assets/img/vlc/download.inactive.png');
  width: 25px;
  height: 25px;
  margin-left: auto;
  margin-right: auto;
}
.vlc-navbar.top .general-board-edit #download-icon button:hover div.icon-image,
.vlc-navbar.top .general-board-edit #download-icon button:focus div.icon-image {
  background-image: url('/up/assets/img/vlc/download.hover.png');
}
.vlc-navbar.top .general-board-edit #download-icon:active div.icon-image,
.vlc-navbar.top .general-board-edit #download-icon.active div.icon-image {
  background-image: url('/up/assets/img/vlc/download.active.png');
}
.vlc-navbar.top .general-board-edit #download-icon:disabled div.icon-image,
.vlc-navbar.top .general-board-edit #download-icon[disabled] div.icon-image {
  background-image: url('/up/assets/img/vlc/download.inactive.png');
}
.vlc-navbar.top .general-board-edit .screensharing-container .icon {
  margin-top: -10px;
}
.vlc-navbar.top .general-board-edit .screensharing-container div.icon-image {
  background-image: url('/assets/img/icons/screensharing-icon.png');
  width: 50px;
  height: 35px;
  margin: 0 auto;
}
.vlc-navbar.top .general-board-edit .screensharing-container #share-icon button:hover div.icon-image,
.vlc-navbar.top .general-board-edit .screensharing-container #install-icon button:hover div.icon-image,
.vlc-navbar.top .general-board-edit .screensharing-container #share-icon button:focus div.icon-image,
.vlc-navbar.top .general-board-edit .screensharing-container #install-icon button:focus div.icon-image {
  background-image: url('/assets/img/icons/screensharing-icon-blue.png');
}
.vlc-navbar.top .general-board-edit .screensharing-container #share-icon:active div.icon-image,
.vlc-navbar.top .general-board-edit .screensharing-container #install-icon:active div.icon-image,
.vlc-navbar.top .general-board-edit .screensharing-container #share-icon.active div.icon-image,
.vlc-navbar.top .general-board-edit .screensharing-container #install-icon.active div.icon-image {
  background-image: url('/assets/img/icons/screensharing-icon-blue.png');
}
.vlc-navbar.top .general-board-edit .screensharing-container #share-icon:disabled div.icon-image,
.vlc-navbar.top .general-board-edit .screensharing-container #install-icon:disabled div.icon-image,
.vlc-navbar.top .general-board-edit .screensharing-container #share-icon[disabled] div.icon-image,
.vlc-navbar.top .general-board-edit .screensharing-container #install-icon[disabled] div.icon-image {
  background-image: url('/up/assets/img/icons/screensharing-icon.png');
}
.vlc-navbar.top .general-board-edit .screensharing-container #active-icon .icon-label {
  -webkit-animation: pulse-text 2s infinite;
  -moz-animation: pulse-text 2s infite;
  animation: pulse-text 2s infinite;
}
@keyframes pulse-text {
  0% {
    color: #9b9b9b;
  }
  100% {
    color: #08c757;
  }
}
.vlc-navbar.top .general-board-edit .screensharing-container #active-icon div.icon-image {
  -webkit-animation: pulse-image 2s infinite;
  -moz-animation: pulse-image 2s infinite;
  animation: pulse-image 2s infinite;
}
@keyframes pulse-image {
  0% {
    background-image: url('/assets/img/icons/screensharing-icon.png');
  }
  100% {
    background-image: url('/assets/img/icons/screensharing-icon-green.png');
  }
}
.vlc-navbar.top .general-board-edit .screensharing-container #active-icon button:hover .icon-label,
.vlc-navbar.top .general-board-edit .screensharing-container #active-icon button:focus .icon-label {
  -webkit-animtation: none;
  -moz-animation: none;
  animation: none;
  color: red;
}
.vlc-navbar.top .general-board-edit .screensharing-container #active-icon button:hover .icon-label.view,
.vlc-navbar.top .general-board-edit .screensharing-container #active-icon button:focus .icon-label.view {
  color: #08c757;
}
.vlc-navbar.top .general-board-edit .screensharing-container #active-icon button:hover div.icon-image,
.vlc-navbar.top .general-board-edit .screensharing-container #active-icon button:focus div.icon-image {
  -webkit-animation: none;
  -moz-animation: none;
  animation: none;
  background-image: url('/assets/img/icons/screensharing-icon-red.png');
}
.vlc-navbar.top .general-board-edit .screensharing-container #active-icon button:hover div.icon-image.view,
.vlc-navbar.top .general-board-edit .screensharing-container #active-icon button:focus div.icon-image.view {
  background-image: url('/assets/img/icons/screensharing-icon-green.png');
}
.vlc-navbar.top .general-board-edit .screensharing-container #viewing-icon .icon-label {
  color: #08c757;
}
.vlc-navbar.top .general-board-edit .screensharing-container #viewing-icon div.icon-image {
  background-image: url('/assets/img/icons/screensharing-icon-green.png');
}
.vlc-navbar.top #user-mod-container {
  display: inline-flex;
  overflow-x: auto;
}
.vlc-navbar.top #user-mod-container .icon {
  margin: 3.5px 10px 0 0;
}
.vlc-navbar.top #user-mod-container .action-button {
  height: 40px;
  width: 101px;
  font-size: 14px;
  padding: 6px 9px;
}
.vlc-navbar.top #user-mod-container #add-user-icon div.icon-image {
  background-image: url('/up/assets/img/vlc/add-participant.inactive.png');
  width: 30px;
  height: 30px;
}
.vlc-navbar.top #user-mod-container #add-user-icon:hover div.icon-image,
.vlc-navbar.top #user-mod-container #add-user-icon:focus div.icon-image {
  background-image: url('/up/assets/img/vlc/add-participant.hover.png');
}
.vlc-navbar.top #user-mod-container #add-user-icon:active div.icon-image,
.vlc-navbar.top #user-mod-container #add-user-icon.active div.icon-image {
  background-image: url('/up/assets/img/vlc/add-participant.active.png');
}
.vlc-navbar.top div.white-board-function-menu {
  height: 68px;
  margin-top: 12px;
}
.vlc-navbar.top div.white-board-function-menu#drawing-menu {
  width: 420px;
  margin-left: -100px;
}
.vlc-navbar.top div.white-board-function-menu#drawing-menu .config-container:before,
.vlc-navbar.top div.white-board-function-menu#drawing-menu .config-container:after {
  left: 95px;
}
.vlc-navbar.top div.white-board-function-menu#highlighter-menu {
  width: 420px;
  margin-left: -248px;
}
.vlc-navbar.top div.white-board-function-menu#highlighter-menu .config-container:before,
.vlc-navbar.top div.white-board-function-menu#highlighter-menu .config-container:after {
  left: 245px;
}
.vlc-navbar.top div.white-board-function-menu#shape-menu {
  width: 420px;
  margin-left: -230px;
}
.vlc-navbar.top div.white-board-function-menu#shape-menu .config-container:before,
.vlc-navbar.top div.white-board-function-menu#shape-menu .config-container:after {
  left: 221px;
}
.vlc-navbar.top div.white-board-function-menu#shape-menu .config-container .content:first-of-type .shape-icon {
  height: 25px;
  width: 25px;
  float: left;
  margin-left: 23px;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
}
.vlc-navbar.top div.white-board-function-menu#shape-menu .config-container .content:first-of-type .shape-icon#rectangle {
  background-image: url('/up/assets/img/vlc/rectangle.inactive.png');
}
.vlc-navbar.top div.white-board-function-menu#shape-menu .config-container .content:first-of-type .shape-icon#rectangle:hover,
.vlc-navbar.top div.white-board-function-menu#shape-menu .config-container .content:first-of-type .shape-icon#rectangle:focus {
  background-image: url('/up/assets/img/vlc/rectangle.hover.png');
}
.vlc-navbar.top div.white-board-function-menu#shape-menu .config-container .content:first-of-type .shape-icon#rectangle:active,
.vlc-navbar.top div.white-board-function-menu#shape-menu .config-container .content:first-of-type .shape-icon#rectangle.active {
  background-image: url('/up/assets/img/vlc/rectangle.active.png');
}
.vlc-navbar.top div.white-board-function-menu#shape-menu .config-container .content:first-of-type .shape-icon#oval {
  background-image: url('/up/assets/img/vlc/oval.inactive.png');
}
.vlc-navbar.top div.white-board-function-menu#shape-menu .config-container .content:first-of-type .shape-icon#oval:hover,
.vlc-navbar.top div.white-board-function-menu#shape-menu .config-container .content:first-of-type .shape-icon#oval:focus {
  background-image: url('/up/assets/img/vlc/oval.hover.png');
}
.vlc-navbar.top div.white-board-function-menu#shape-menu .config-container .content:first-of-type .shape-icon#oval:active,
.vlc-navbar.top div.white-board-function-menu#shape-menu .config-container .content:first-of-type .shape-icon#oval.active {
  background-image: url('/up/assets/img/vlc/oval.active.png');
}
.vlc-navbar.top div.white-board-function-menu#shape-menu .config-container .content:first-of-type .shape-icon#triangle {
  background-image: url('/up/assets/img/vlc/triangle.inactive.png');
}
.vlc-navbar.top div.white-board-function-menu#shape-menu .config-container .content:first-of-type .shape-icon#triangle:hover,
.vlc-navbar.top div.white-board-function-menu#shape-menu .config-container .content:first-of-type .shape-icon#triangle:focus {
  background-image: url('/up/assets/img/vlc/triangle.hover.png');
}
.vlc-navbar.top div.white-board-function-menu#shape-menu .config-container .content:first-of-type .shape-icon#triangle:active,
.vlc-navbar.top div.white-board-function-menu#shape-menu .config-container .content:first-of-type .shape-icon#triangle.active {
  background-image: url('/up/assets/img/vlc/triangle.active.png');
}
.vlc-navbar.top div.white-board-function-menu#shape-menu .config-container .content:first-of-type .shape-icon#line {
  background-image: url('/up/assets/img/vlc/line.inactive.png');
  margin-left: 25px;
}
.vlc-navbar.top div.white-board-function-menu#shape-menu .config-container .content:first-of-type .shape-icon#line:hover,
.vlc-navbar.top div.white-board-function-menu#shape-menu .config-container .content:first-of-type .shape-icon#line:focus {
  background-image: url('/up/assets/img/vlc/line.hover.png');
}
.vlc-navbar.top div.white-board-function-menu#shape-menu .config-container .content:first-of-type .shape-icon#line:active,
.vlc-navbar.top div.white-board-function-menu#shape-menu .config-container .content:first-of-type .shape-icon#line.active {
  background-image: url('/up/assets/img/vlc/line.active.png');
}
.vlc-navbar.top div.white-board-function-menu#writing-menu {
  width: 420px;
  margin-left: -140px;
}
.vlc-navbar.top div.white-board-function-menu#writing-menu .config-container:before,
.vlc-navbar.top div.white-board-function-menu#writing-menu .config-container:after {
  left: 128px;
}
.vlc-navbar.top div.white-board-function-menu#writing-menu .content:first-of-type .style-icon {
  height: 28px;
  margin-top: 1px;
  float: left;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
}
.vlc-navbar.top div.white-board-function-menu#writing-menu .content:first-of-type .style-icon#bold {
  width: 17px;
  margin-left: 15px;
  background-image: url('/up/assets/img/vlc/bold.inactive.png');
}
.vlc-navbar.top div.white-board-function-menu#writing-menu .content:first-of-type .style-icon#bold:hover,
.vlc-navbar.top div.white-board-function-menu#writing-menu .content:first-of-type .style-icon#bold:focus,
.vlc-navbar.top div.white-board-function-menu#writing-menu .content:first-of-type .style-icon#bold.active {
  background-image: url('/up/assets/img/vlc/bold.hover.png');
}
.vlc-navbar.top div.white-board-function-menu#writing-menu .content:first-of-type .style-icon#bold:active {
  background-image: url('/up/assets/img/vlc/bold.active.png');
}
.vlc-navbar.top div.white-board-function-menu#writing-menu .content:first-of-type .style-icon#italicize {
  width: 7px;
  margin-left: 14px;
  background-image: url('/up/assets/img/vlc/italic.inactive.png');
}
.vlc-navbar.top div.white-board-function-menu#writing-menu .content:first-of-type .style-icon#italicize:hover,
.vlc-navbar.top div.white-board-function-menu#writing-menu .content:first-of-type .style-icon#italicize:focus,
.vlc-navbar.top div.white-board-function-menu#writing-menu .content:first-of-type .style-icon#italicize.active {
  background-image: url('/up/assets/img/vlc/italic.hover.png');
}
.vlc-navbar.top div.white-board-function-menu#writing-menu .content:first-of-type .style-icon#italicize:active {
  background-image: url('/up/assets/img/vlc/italic.active.png');
}
.vlc-navbar.top div.white-board-function-menu#writing-menu .content:first-of-type .style-icon#underline {
  width: 18px;
  margin-left: 15px;
  background-image: url('/up/assets/img/vlc/underline.inactive.png');
}
.vlc-navbar.top div.white-board-function-menu#writing-menu .content:first-of-type .style-icon#underline:hover,
.vlc-navbar.top div.white-board-function-menu#writing-menu .content:first-of-type .style-icon#underline:focus,
.vlc-navbar.top div.white-board-function-menu#writing-menu .content:first-of-type .style-icon#underline.active {
  background-image: url('/up/assets/img/vlc/underline.hover.png');
}
.vlc-navbar.top div.white-board-function-menu#writing-menu .content:first-of-type .style-icon#underline:active {
  background-image: url('/up/assets/img/vlc/underline.active.png');
}
.vlc-navbar.top div.white-board-function-menu#writing-menu .content:first-of-type .size-icon {
  height: 19px;
  width: 19px;
  margin-top: 2.5px;
  float: left;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
}
.vlc-navbar.top div.white-board-function-menu#writing-menu .content:first-of-type .size-icon#increase {
  margin-left: 15px;
  background-image: url('/up/assets/img/vlc/increase-size.inactive.png');
}
.vlc-navbar.top div.white-board-function-menu#writing-menu .content:first-of-type .size-icon#increase:hover,
.vlc-navbar.top div.white-board-function-menu#writing-menu .content:first-of-type .size-icon#increase:focus {
  background-image: url('/up/assets/img/vlc/increase-size.hover.png');
}
.vlc-navbar.top div.white-board-function-menu#writing-menu .content:first-of-type .size-icon#increase:active {
  background-image: url('/up/assets/img/vlc/increase-size.active.png');
}
.vlc-navbar.top div.white-board-function-menu#writing-menu .content:first-of-type .size-icon#decrease {
  margin-left: 10px;
  background-image: url('/up/assets/img/vlc/decrease-size.inactive.png');
}
.vlc-navbar.top div.white-board-function-menu#writing-menu .content:first-of-type .size-icon#decrease:hover,
.vlc-navbar.top div.white-board-function-menu#writing-menu .content:first-of-type .size-icon#decrease:focus {
  background-image: url('/up/assets/img/vlc/decrease-size.hover.png');
}
.vlc-navbar.top div.white-board-function-menu#writing-menu .content:first-of-type .size-icon#decrease:active {
  background-image: url('/up/assets/img/vlc/decrease-size.active.png');
}
.vlc-navbar.top div.white-board-function-menu#writing-menu .content:first-of-type label {
  display: hidden;
}
.vlc-navbar.top div.white-board-function-menu#writing-menu .content:first-of-type input[type=number] {
  width: 35px;
  color: #4A4A4A;
  background: #FFFFFF;
  border: 1px solid #E4E4E4;
  border-radius: 4px;
  text-align: center;
}
.vlc-navbar.top div.white-board-function-menu#writing-menu .content:first-of-type input[type=number]::-webkit-inner-spin-button,
.vlc-navbar.top div.white-board-function-menu#writing-menu .content:first-of-type input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}
.vlc-navbar.top div.white-board-function-menu#grid-menu {
  width: 150px;
  margin-left: -65px;
}
.vlc-navbar.top div.white-board-function-menu#grid-menu .config-container:before,
.vlc-navbar.top div.white-board-function-menu#grid-menu .config-container:after {
  left: 55px;
}
.vlc-navbar.top div.white-board-function-menu#grid-menu .config-container .content .grid-icon {
  margin-left: 11.5px;
  width: 23px;
  height: 23px;
  float: left;
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}
.vlc-navbar.top div.white-board-function-menu#grid-menu .config-container .content #no-grid {
  background-image: url('/up/assets/img/vlc/grid.none.inactive.png');
}
.vlc-navbar.top div.white-board-function-menu#grid-menu .config-container .content #no-grid:hover,
.vlc-navbar.top div.white-board-function-menu#grid-menu .config-container .content #no-grid:focus {
  background-image: url('/up/assets/img/vlc/grid.none.hover.png');
}
.vlc-navbar.top div.white-board-function-menu#grid-menu .config-container .content #no-grid:active,
.vlc-navbar.top div.white-board-function-menu#grid-menu .config-container .content #no-grid.active {
  background-image: url('/up/assets/img/vlc/grid.none.active.png');
}
.vlc-navbar.top div.white-board-function-menu#grid-menu .config-container .content #two-by-two-grid {
  background-image: url('/up/assets/img/vlc/grid.2x2.inactive.png');
}
.vlc-navbar.top div.white-board-function-menu#grid-menu .config-container .content #two-by-two-grid:hover,
.vlc-navbar.top div.white-board-function-menu#grid-menu .config-container .content #two-by-two-grid:focus {
  background-image: url('/up/assets/img/vlc/grid.2x2.hover.png');
}
.vlc-navbar.top div.white-board-function-menu#grid-menu .config-container .content #two-by-two-grid:active,
.vlc-navbar.top div.white-board-function-menu#grid-menu .config-container .content #two-by-two-grid.active {
  background-image: url('/up/assets/img/vlc/grid.2x2.active.png');
}
.vlc-navbar.top div.white-board-function-menu#grid-menu .config-container .content #three-by-three-grid {
  background-image: url('/up/assets/img/vlc/grid.3x3.inactive.png');
}
.vlc-navbar.top div.white-board-function-menu#grid-menu .config-container .content #three-by-three-grid:hover,
.vlc-navbar.top div.white-board-function-menu#grid-menu .config-container .content #three-by-three-grid:focus {
  background-image: url('/up/assets/img/vlc/grid.3x3.hover.png');
}
.vlc-navbar.top div.white-board-function-menu#grid-menu .config-container .content #three-by-three-grid:active,
.vlc-navbar.top div.white-board-function-menu#grid-menu .config-container .content #three-by-three-grid.active {
  background-image: url('/up/assets/img/vlc/grid.3x3.active.png');
}
.vlc-navbar.top div.white-board-function-menu#grid-menu .config-container .content #four-by-four-grid {
  background-image: url('/up/assets/img/vlc/grid.4x4.inactive.png');
}
.vlc-navbar.top div.white-board-function-menu#grid-menu .config-container .content #four-by-four-grid:hover,
.vlc-navbar.top div.white-board-function-menu#grid-menu .config-container .content #four-by-four-grid:focus {
  background-image: url('/up/assets/img/vlc/grid.4x4.hover.png');
}
.vlc-navbar.top div.white-board-function-menu#grid-menu .config-container .content #four-by-four-grid:active,
.vlc-navbar.top div.white-board-function-menu#grid-menu .config-container .content #four-by-four-grid.active {
  background-image: url('/up/assets/img/vlc/grid.4x4.active.png');
}
.vlc-navbar.top div.white-board-function-menu#download-menu {
  width: 150px;
  margin-left: -50px;
}
.vlc-navbar.top div.white-board-function-menu#download-menu .config-container {
  height: auto;
}
.vlc-navbar.top div.white-board-function-menu#download-menu .config-container:before,
.vlc-navbar.top div.white-board-function-menu#download-menu .config-container:after {
  left: 50px;
}
.vlc-navbar.top div.white-board-function-menu#download-menu .config-container .content {
  display: flex;
  flex-direction: row;
}
.vlc-navbar.top div.white-board-function-menu#download-menu .config-container .content .icon {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 50px;
}
@media (max-width: 1200px) {
  .vlc-navbar.top div.white-board-function-menu#download-menu .config-container .content .icon .icon-image {
    margin-left: 11.5px;
  }
}
.vlc-navbar.top div.white-board-function-menu#download-menu .config-container .content .icon .icon-image#download-whiteboard {
  background-image: url('/up/assets/img/vlc/whiteboard.inactive.png');
}
.vlc-navbar.top div.white-board-function-menu#download-menu .config-container .content .icon .icon-image#download-chat {
  background-image: url('/up/assets/img/vlc/chat.inactive.png');
}
.vlc-navbar.top div.white-board-function-menu#download-menu .config-container .content .icon:hover #download-chat,
.vlc-navbar.top div.white-board-function-menu#download-menu .config-container .content .icon:focus #download-chat {
  background-image: url('/up/assets/img/vlc/chat.hover.png');
}
.vlc-navbar.top div.white-board-function-menu#download-menu .config-container .content .icon:hover #download-whiteboard,
.vlc-navbar.top div.white-board-function-menu#download-menu .config-container .content .icon:focus #download-whiteboard {
  background-image: url('/up/assets/img/vlc/whiteboard.hover.png');
}
.vlc-navbar.top div.white-board-function-menu#download-menu .config-container .content .icon.active #download-chat,
.vlc-navbar.top div.white-board-function-menu#download-menu .config-container .content .icon:active #download-chat {
  background-image: url('/up/assets/img/vlc/chat.active.png');
}
.vlc-navbar.top div.white-board-function-menu#download-menu .config-container .content .icon.active #download-whiteboard,
.vlc-navbar.top div.white-board-function-menu#download-menu .config-container .content .icon:active #download-whiteboard {
  background-image: url('/up/assets/img/vlc/whiteboard.active.png');
}
.vlc-navbar.top div.white-board-function-menu#user-menu {
  right: 1%;
  position: fixed;
}
@media screen and (max-width: 601px) {
  .vlc-navbar.top div.white-board-function-menu#user-menu {
    display: none;
  }
}
.vlc-navbar.top div.white-board-function-menu#user-menu .config-container {
  height: auto;
  max-height: 200px;
  max-width: 400px;
  position: absolute;
  right: 0px;
  width: auto;
}
@media (min-width: 602px) and (max-width: 992px) {
  .vlc-navbar.top div.white-board-function-menu#user-menu .config-container {
    margin-top: 23px;
  }
}
@media (min-width: 993px) {
  .vlc-navbar.top div.white-board-function-menu#user-menu .config-container {
    margin-top: 38px;
  }
}
.vlc-navbar.top div.white-board-function-menu#user-menu .config-container .content {
  padding-top: 12.5px;
}
.vlc-navbar.top div.white-board-function-menu#user-menu .config-container:before,
.vlc-navbar.top div.white-board-function-menu#user-menu .config-container:after {
  border-style: none;
  border-width: none;
  border-color: none;
  content: '';
  display: none;
  margin-top: none;
  position: absolute;
  top: 0;
  width: 0;
  z-index: 0;
}
.vlc-navbar.top div.white-board-function-menu#user-menu .config-container #user-mod-container {
  float: none;
  width: 100%;
}
.vlc-navbar.top div.white-board-function-menu#user-menu .config-container #user-mod-container .user-container {
  margin: 2px 12.5px;
}
.vlc-navbar.top div.white-board-function-menu#user-menu .config-container #user-mod-container .user-container .user-icon {
  opacity: 0.3;
  width: 100%;
}
.vlc-navbar.top div.white-board-function-menu#user-menu .config-container #user-mod-container .user-container .user-icon.present {
  opacity: 1;
}
.vlc-navbar.top div.white-board-function-menu#user-menu .config-container #user-mod-container .user-container .user-icon .block-inverse {
  border-width: 4px;
  display: flex;
  margin: auto;
  height: 61px;
  width: 61px;
}
@media (min-width: 1400px) and (max-width: 2000px) {
  .vlc-navbar.top div.white-board-function-menu#user-menu .config-container #user-mod-container .user-container .user-icon .block-inverse {
    width: 74px;
    height: 74px;
  }
}
@media (min-width: 2001px) {
  .vlc-navbar.top div.white-board-function-menu#user-menu .config-container #user-mod-container .user-container .user-icon .block-inverse {
    width: 88px;
    height: 88px;
  }
}
.vlc-navbar.top div.white-board-function-menu#user-menu .config-container #user-mod-container .user-container .user-icon .block-inverse .head-inverse {
  background-color: unset;
  border-bottom: none;
  border-radius: unset;
  padding: 0px;
  width: 100%;
}
.vlc-navbar.top div.white-board-function-menu#user-menu .config-container #user-mod-container .user-container .user-icon .block-inverse profile-picture div {
  height: 100%;
  width: 100%;
}
.vlc-navbar.top div.white-board-function-menu#user-menu .config-container #user-mod-container .user-container .user-info {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
  padding: 0px 5px 10px 5px;
  width: 98px;
}
.vlc-navbar.top div.white-board-function-menu#user-menu .config-container #user-mod-container .user-container .user-info .user-name {
  color: #4A4A4A;
  font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
  font-weight: 500;
}
.vlc-navbar.top div.white-board-function-menu#user-menu .config-container #user-mod-container .user-container .user-info .user-type {
  font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
  font-size: 10px;
  color: #B1B1B5;
}
.vlc-navbar.top div.white-board-function-menu#user-menu .config-container #user-mod-container .user-container .user-info p {
  margin-bottom: 0px;
}
.vlc-navbar.top div.white-board-function-menu#user-menu .config-container #user-mod-container .user-container .user-info .user-time {
  font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
  font-size: 10px;
  color: #B1B1B5;
}
@media (min-width: 601px) and (max-width: 992px) and (max-height: 730px) {
  .vlc-navbar.top div.white-board-function-menu#user-menu .config-container #user-mod-container .user-container .user-info .user-time {
    display: none;
  }
}
.vlc-navbar.top div.white-board-function-menu#user-menu .config-container #user-mod-container .user-container .user-info .remove-user {
  align-self: center;
  background-image: url('/up/assets/img/vlc/remove-page.inactive.png');
  background-size: cover;
  bottom: 10px;
  cursor: pointer;
  height: 20px;
  position: absolute;
  width: 22px;
}
.vlc-navbar.top div.white-board-function-menu#user-menu .config-container #user-mod-container .user-container .user-info .remove-user:hover,
.vlc-navbar.top div.white-board-function-menu#user-menu .config-container #user-mod-container .user-container .user-info .remove-user:focus {
  background-image: url('/up/assets/img/vlc/remove-page.hover.png');
}
.vlc-navbar.top div.white-board-function-menu#user-menu .config-container #user-mod-container .user-container .user-info .remove-user:active {
  background-image: url('/up/assets/img/vlc/remove-page.click.png');
}
.vlc-navbar.top div.white-board-function-menu#user-menu .config-container #user-mod-container .user-container .user-info .remove-user.spacing {
  visibility: collapse;
}
.vlc-navbar.top div.white-board-function-menu .config-container {
  margin-top: 24px;
  height: 40px;
}
.vlc-navbar.top div.white-board-function-menu .config-container:before {
  border-width: 0 23px 24px;
  border-color: #E4E4E4 transparent;
  margin-top: 0px;
  top: 0px;
}
.vlc-navbar.top div.white-board-function-menu .config-container:after {
  border-width: 0 23px 24px;
  border-color: #FAFAFA transparent;
  margin-top: 1px;
  top: 0px;
}
@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .vlc-navbar.top div.white-board-function-menu .config-container:before {
    margin-top: -25px;
  }
  .vlc-navbar.top div.white-board-function-menu .config-container:after {
    margin-top: -23px;
  }
}
@media (min-width: 1201px) {
  .vlc-navbar.side {
    display: none;
  }
}
@media (max-width: 1200px) {
  .vlc-navbar.side {
    top: 74px;
    width: 75px;
    height: calc(100% - 74px);
    display: block;
    animation: 1s appear;
    z-index: 1001;
    border-width: 0 1px 1px 0;
  }
  .vlc-navbar.side .general-board-edit {
    width: 100%;
    height: 300px;
    display: block;
  }
  .vlc-navbar.side .general-board-edit .icon {
    width: 100%;
    margin-top: 10px;
  }
  .vlc-navbar.side .general-board-edit #undo-icon div.icon-image {
    background-image: url('/up/assets/img/vlc/undo.inactive.png');
    width: 25px;
    height: 25px;
    margin-left: 23.5px;
  }
  .vlc-navbar.side .general-board-edit #undo-icon:hover div.icon-image,
  .vlc-navbar.side .general-board-edit #undo-icon:focus div.icon-image {
    background-image: url('/up/assets/img/vlc/undo.hover.png');
  }
  .vlc-navbar.side .general-board-edit #undo-icon:active div.icon-image,
  .vlc-navbar.side .general-board-edit #undo-icon.active div.icon-image {
    background-image: url('/up/assets/img/vlc/undo.active.png');
  }
  .vlc-navbar.side .general-board-edit #undo-icon:disabled div.icon-image,
  .vlc-navbar.side .general-board-edit #undo-icon[disabled] div.icon-image {
    background-image: url('/up/assets/img/vlc/undo.inactive.png');
  }
  .vlc-navbar.side .general-board-edit #redo-icon div.icon-image {
    background-image: url('/up/assets/img/vlc/redo.inactive.png');
    width: 25px;
    height: 25px;
    margin-left: 23.5px;
  }
  .vlc-navbar.side .general-board-edit #redo-icon:hover div.icon-image,
  .vlc-navbar.side .general-board-edit #redo-icon:focus div.icon-image {
    background-image: url('/up/assets/img/vlc/redo.hover.png');
  }
  .vlc-navbar.side .general-board-edit #redo-icon:active div.icon-image,
  .vlc-navbar.side .general-board-edit #redo-icon.active div.icon-image {
    background-image: url('/up/assets/img/vlc/redo.active.png');
  }
  .vlc-navbar.side .general-board-edit #redo-icon:disabled div.icon-image,
  .vlc-navbar.side .general-board-edit #redo-icon[disabled] div.icon-image {
    background-image: url('/up/assets/img/vlc/redo.inactive.png');
  }
  .vlc-navbar.side .general-board-edit #grid-icon div.icon-image {
    background-image: url('/up/assets/img/vlc/grid.4x4.inactive.png');
    height: 25px;
    width: 25px;
  }
  .vlc-navbar.side .general-board-edit #grid-icon:hover div.icon-image,
  .vlc-navbar.side .general-board-edit #grid-icon:focus div.icon-image {
    background-image: url('/up/assets/img/vlc/grid.4x4.hover.png');
  }
  .vlc-navbar.side .general-board-edit #grid-icon:active div.icon-image,
  .vlc-navbar.side .general-board-edit #grid-icon.active div.icon-image {
    background-image: url('/up/assets/img/vlc/grid.4x4.active.png');
  }
  .vlc-navbar.side .general-board-edit #grid-icon:disabled div.icon-image,
  .vlc-navbar.side .general-board-edit #grid-icon[disabled] div.icon-image {
    background-image: url('/up/assets/img/vlc/grid.4x4.inactive.png');
  }
  .vlc-navbar.side .general-board-edit #equation-editor-icon div.icon-image {
    background-image: url('/up/assets/img/vlc/equation-editor.inactive.png');
    height: 25px;
    width: 45px;
  }
  .vlc-navbar.side .general-board-edit #equation-editor-icon:hover div.icon-image,
  .vlc-navbar.side .general-board-edit #equation-editor-icon:focus div.icon-image {
    background-image: url('/up/assets/img/vlc/equation-editor.hover.png');
  }
  .vlc-navbar.side .general-board-edit #equation-editor-icon:active div.icon-image,
  .vlc-navbar.side .general-board-edit #equation-editor-icon.active div.icon-image {
    background-image: url('/up/assets/img/vlc/equation-editor.active.png');
  }
  .vlc-navbar.side .general-board-edit #equation-editor-icon:disabled div.icon-image,
  .vlc-navbar.side .general-board-edit #equation-editor-icon[disabled] div.icon-image {
    background-image: url('/up/assets/img/vlc/equation-editor.inactive.png');
  }
  .vlc-navbar.side .general-board-edit #wolfram-alpha-icon div.icon-image {
    background-image: url('/up/assets/img/vlc/wolfram-alpha.inactive.png');
    height: 25px;
    width: 25px;
  }
  .vlc-navbar.side .general-board-edit #wolfram-alpha-icon:hover div.icon-image,
  .vlc-navbar.side .general-board-edit #wolfram-alpha-icon:focus div.icon-image {
    background-image: url('/up/assets/img/vlc/wolfram-alpha.hover.png');
  }
  .vlc-navbar.side .general-board-edit #wolfram-alpha-icon:active div.icon-image,
  .vlc-navbar.side .general-board-edit #wolfram-alpha-icon.active div.icon-image {
    background-image: url('/up/assets/img/vlc/wolfram-alpha.active.png');
  }
  .vlc-navbar.side .general-board-edit #wolfram-alpha-icon:disabled div.icon-image,
  .vlc-navbar.side .general-board-edit #wolfram-alpha-icon[disabled] div.icon-image {
    background-image: url('/up/assets/img/vlc/wolfram-alpha.inactive.png');
  }
  .vlc-navbar.side .general-board-edit #file-drawer-icon div.icon-image {
    background-image: url('/up/assets/img/vlc/file-drawer.inactive.png');
    width: 25px;
    height: 25px;
    margin-left: 23.5px;
  }
  .vlc-navbar.side .general-board-edit #file-drawer-icon:hover div.icon-image,
  .vlc-navbar.side .general-board-edit #file-drawer-icon:focus div.icon-image {
    background-image: url('/up/assets/img/vlc/file-drawer.hover.png');
  }
  .vlc-navbar.side .general-board-edit #file-drawer-icon:active div.icon-image,
  .vlc-navbar.side .general-board-edit #file-drawer-icon.active div.icon-image {
    background-image: url('/up/assets/img/vlc/file-drawer.active.png');
  }
  .vlc-navbar.side .general-board-edit #file-drawer-icon:disabled div.icon-image,
  .vlc-navbar.side .general-board-edit #file-drawer-icon[disabled] div.icon-image {
    background-image: url('/up/assets/img/vlc/file-drawer.inactive.png');
  }
  .vlc-navbar.side .general-board-edit #download-icon div.icon-image {
    background-image: url('/up/assets/img/vlc/download.inactive.png');
    height: 25px;
    width: 25px;
  }
  .vlc-navbar.side .general-board-edit #download-icon:hover div.icon-image,
  .vlc-navbar.side .general-board-edit #download-icon:focus div.icon-image {
    background-image: url('/up/assets/img/vlc/download.hover.png');
  }
  .vlc-navbar.side .general-board-edit #download-icon:active div.icon-image,
  .vlc-navbar.side .general-board-edit #download-icon.active div.icon-image {
    background-image: url('/up/assets/img/vlc/download.active.png');
  }
  .vlc-navbar.side .general-board-edit #download-icon:disabled div.icon-image,
  .vlc-navbar.side .general-board-edit #download-icon[disabled] div.icon-image {
    background-image: url('/up/assets/img/vlc/download.inactive.png');
  }
  .vlc-navbar.side .general-board-edit .screensharing-container .icon {
    margin-top: 10px;
  }
  .vlc-navbar.side .general-board-edit .screensharing-container .icon .icon-label {
    display: block;
    word-wrap: break-word;
  }
  .vlc-navbar.side div.white-board-function-menu {
    height: 68px;
  }
  .vlc-navbar.side div.white-board-function-menu#grid-menu {
    width: 150px;
    margin-left: 95px;
    margin-top: -73px;
  }
  .vlc-navbar.side div.white-board-function-menu#grid-menu .config-container:before,
  .vlc-navbar.side div.white-board-function-menu#grid-menu .config-container:after {
    left: -1px;
    margin-top: 0px;
    top: 26px;
  }
  .vlc-navbar.side div.white-board-function-menu#grid-menu .config-container .content .grid-icon {
    margin-left: 11.5px;
    width: 23px;
    height: 23px;
    float: left;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
  }
  .vlc-navbar.side div.white-board-function-menu#grid-menu .config-container .content #no-grid {
    background-image: url('/up/assets/img/vlc/grid.none.inactive.png');
  }
  .vlc-navbar.side div.white-board-function-menu#grid-menu .config-container .content #no-grid:hover,
  .vlc-navbar.side div.white-board-function-menu#grid-menu .config-container .content #no-grid:focus {
    background-image: url('/up/assets/img/vlc/grid.none.hover.png');
  }
  .vlc-navbar.side div.white-board-function-menu#grid-menu .config-container .content #no-grid:active,
  .vlc-navbar.side div.white-board-function-menu#grid-menu .config-container .content #no-grid.active {
    background-image: url('/up/assets/img/vlc/grid.none.active.png');
  }
  .vlc-navbar.side div.white-board-function-menu#grid-menu .config-container .content #two-by-two-grid {
    background-image: url('/up/assets/img/vlc/grid.2x2.inactive.png');
  }
  .vlc-navbar.side div.white-board-function-menu#grid-menu .config-container .content #two-by-two-grid:hover,
  .vlc-navbar.side div.white-board-function-menu#grid-menu .config-container .content #two-by-two-grid:focus {
    background-image: url('/up/assets/img/vlc/grid.2x2.hover.png');
  }
  .vlc-navbar.side div.white-board-function-menu#grid-menu .config-container .content #two-by-two-grid:active,
  .vlc-navbar.side div.white-board-function-menu#grid-menu .config-container .content #two-by-two-grid.active {
    background-image: url('/up/assets/img/vlc/grid.2x2.active.png');
  }
  .vlc-navbar.side div.white-board-function-menu#grid-menu .config-container .content #three-by-three-grid {
    background-image: url('/up/assets/img/vlc/grid.3x3.inactive.png');
  }
  .vlc-navbar.side div.white-board-function-menu#grid-menu .config-container .content #three-by-three-grid:hover,
  .vlc-navbar.side div.white-board-function-menu#grid-menu .config-container .content #three-by-three-grid:focus {
    background-image: url('/up/assets/img/vlc/grid.3x3.hover.png');
  }
  .vlc-navbar.side div.white-board-function-menu#grid-menu .config-container .content #three-by-three-grid:active,
  .vlc-navbar.side div.white-board-function-menu#grid-menu .config-container .content #three-by-three-grid.active {
    background-image: url('/up/assets/img/vlc/grid.3x3.active.png');
  }
  .vlc-navbar.side div.white-board-function-menu#grid-menu .config-container .content #four-by-four-grid {
    background-image: url('/up/assets/img/vlc/grid.4x4.inactive.png');
  }
  .vlc-navbar.side div.white-board-function-menu#grid-menu .config-container .content #four-by-four-grid:hover,
  .vlc-navbar.side div.white-board-function-menu#grid-menu .config-container .content #four-by-four-grid:focus {
    background-image: url('/up/assets/img/vlc/grid.4x4.hover.png');
  }
  .vlc-navbar.side div.white-board-function-menu#grid-menu .config-container .content #four-by-four-grid:active,
  .vlc-navbar.side div.white-board-function-menu#grid-menu .config-container .content #four-by-four-grid.active {
    background-image: url('/up/assets/img/vlc/grid.4x4.active.png');
  }
  .vlc-navbar.side div.white-board-function-menu#download-menu {
    width: 125px;
    margin-left: 95px;
    margin-top: -73px;
  }
  .vlc-navbar.side div.white-board-function-menu#download-menu .config-container:before,
  .vlc-navbar.side div.white-board-function-menu#download-menu .config-container:after {
    left: -1px;
    margin-top: 24px;
    top: 2px;
  }
  .vlc-navbar.side div.white-board-function-menu#download-menu .config-container .content .icon {
    margin: -2px 0 0 10px;
  }
  .vlc-navbar.side div.white-board-function-menu#download-menu .config-container .content .icon .icon-image {
    width: 20px;
    height: 20px;
    margin: 0 auto;
  }
  .vlc-navbar.side div.white-board-function-menu#download-menu .config-container .content .icon .icon-image#download-whiteboard {
    background-image: url('/up/assets/img/vlc/whiteboard.inactive.png');
  }
  .vlc-navbar.side div.white-board-function-menu#download-menu .config-container .content .icon .icon-image#download-chat {
    background-image: url('/up/assets/img/vlc/chat.inactive.png');
  }
  .vlc-navbar.side div.white-board-function-menu#download-menu .config-container .content .icon:hover #download-chat,
  .vlc-navbar.side div.white-board-function-menu#download-menu .config-container .content .icon.focus #download-chat {
    background-image: url('/up/assets/img/vlc/chat.hover.png');
  }
  .vlc-navbar.side div.white-board-function-menu#download-menu .config-container .content .icon:hover #download-whiteboard,
  .vlc-navbar.side div.white-board-function-menu#download-menu .config-container .content .icon.focus #download-whiteboard {
    background-image: url('/up/assets/img/vlc/whiteboard.hover.png');
  }
  .vlc-navbar.side div.white-board-function-menu#download-menu .config-container .content .icon.active #download-chat,
  .vlc-navbar.side div.white-board-function-menu#download-menu .config-container .content .icon:active #download-chat {
    background-image: url('/up/assets/img/vlc/chat.active.png');
  }
  .vlc-navbar.side div.white-board-function-menu#download-menu .config-container .content .icon.active #download-whiteboard,
  .vlc-navbar.side div.white-board-function-menu#download-menu .config-container .content .icon:active #download-whiteboard {
    background-image: url('/up/assets/img/vlc/whiteboard.active.png');
  }
  .vlc-navbar.side div.white-board-function-menu .config-container:before {
    margin-left: -19px;
    border-width: 18px 21px 18px 0;
    border-color: transparent #E4E4E4;
    top: 25px;
  }
  .vlc-navbar.side div.white-board-function-menu .config-container:after {
    margin-left: -18px;
    border-width: 18px 21px 18px 0;
    border-color: transparent #FAFAFA;
    top: 2px;
  }
  .vlc-navbar.side div.white-board-function-menu .config-container .download-sub-section {
    width: 60px;
  }
  .vlc-navbar.side div.white-board-function-menu .config-container .download-sub-section span.icon-label {
    padding-left: 10px;
  }
}
@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .vlc-navbar.side div.white-board-function-menu#grid-menu .config-container:before,
  .vlc-navbar.side div.white-board-function-menu#download-menu .config-container:before,
  .vlc-navbar.side div.white-board-function-menu#grid-menu .config-container:after,
  .vlc-navbar.side div.white-board-function-menu#download-menu .config-container:after {
    margin-top: 0px;
    top: 1px;
  }
}
@supports (-moz-binding: unset) {
  .vlc-navbar div.white-board-function-menu#drawing-menu .config-container:before,
  .vlc-navbar div.white-board-function-menu#highlighter-menu .config-container:before,
  .vlc-navbar div.white-board-function-menu#shape-menu .config-container:before,
  .vlc-navbar div.white-board-function-menu#writing-menu .config-container:before,
  .vlc-navbar div.white-board-function-menu#grid-menu .config-container:before,
  .vlc-navbar div.white-board-function-menu#download-menu .config-container:before {
    margin-top: -26px;
  }
  .vlc-navbar div.white-board-function-menu#drawing-menu .config-container:after,
  .vlc-navbar div.white-board-function-menu#highlighter-menu .config-container:after,
  .vlc-navbar div.white-board-function-menu#shape-menu .config-container:after,
  .vlc-navbar div.white-board-function-menu#writing-menu .config-container:after,
  .vlc-navbar div.white-board-function-menu#grid-menu .config-container:after,
  .vlc-navbar div.white-board-function-menu#download-menu .config-container:after {
    margin-top: -24px;
  }
  .vlc-navbar.side div.white-board-function-menu#grid-menu .config-container:before,
  .vlc-navbar.side div.white-board-function-menu#download-menu .config-container:before,
  .vlc-navbar.side div.white-board-function-menu#grid-menu .config-container:after,
  .vlc-navbar.side div.white-board-function-menu#download-menu .config-container:after {
    left: -1px !important;
    margin-top: 0px !important;
    top: 1px !important;
  }
}
.vlc-navbar .report-issue-button {
  height: 40px;
  width: 132px;
  border-radius: 6px;
  font-size: 16px;
  margin-right: 30px;
}
.vlc-navbar .present-user-icons {
  transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
  margin-right: 20px;
  height: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.vlc-navbar .present-user-icons.ng-leave.ng-leave-active,
.vlc-navbar .present-user-icons.ng-move,
.vlc-navbar .present-user-icons.ng-enter {
  left: -10px;
  transform: scale(0);
  opacity: 0;
}
.vlc-navbar .present-user-icons.ng-leave,
.vlc-navbar .present-user-icons.ng-move.ng-move-active,
.vlc-navbar .present-user-icons.ng-enter.ng-enter-active {
  opacity: 1;
  transform: scale(1);
}
.vlc-navbar .user-count-container {
  display: flex;
  margin-right: 50px;
  margin-top: 2px;
  position: relative;
  right: 0px;
  transition: all 400ms cubic-bezier(0.25, 0.1, 0.25, 1);
}
.vlc-navbar .user-count-container.ng-leave.ng-leave-active,
.vlc-navbar .user-count-container.ng-move,
.vlc-navbar .user-count-container.ng-enter {
  opacity: 0;
  transform: scale(0);
}
.vlc-navbar .user-count-container.ng-leave,
.vlc-navbar .user-count-container.ng-move.ng-move-active,
.vlc-navbar .user-count-container.ng-enter.ng-enter-active {
  opacity: 1;
  transform: scale(1);
}
.vlc-navbar .user-count-container .icon:hover {
  color: #9b9b9b;
}
.vlc-navbar .user-count-container .user-count-icon {
  transition: all 400ms cubic-bezier(0.25, 0.1, 0.25, 1);
  margin-left: 0px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  text-align: center;
  background-color: #B2B2B2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #FFFFFF;
  transition: background-color 0.2s cubic-bezier(0.57, 0.07, 0.44, 2);
}
.vlc-navbar .user-count-container .user-count-icon.ng-leave.ng-leave-active,
.vlc-navbar .user-count-container .user-count-icon.ng-move,
.vlc-navbar .user-count-container .user-count-icon.ng-enter {
  margin-left: -50px;
  opacity: 0;
  transform: scale(0);
}
.vlc-navbar .user-count-container .user-count-icon.ng-leave,
.vlc-navbar .user-count-container .user-count-icon.ng-move.ng-move-active,
.vlc-navbar .user-count-container .user-count-icon.ng-enter.ng-enter-active {
  margin-left: 0px;
  opacity: 1;
  transform: scale(1);
}
.vlc-navbar .user-count-container .user-count-icon:active,
.vlc-navbar .user-count-container .user-count-icon:hover {
  background-color: #2196F3;
}
.vlc-navbar .user-count-container:before,
.vlc-navbar .user-count-container:after {
  content: '';
}
.vlc-navbar .user-count-container.active:before {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 0px 24px 24px;
  border-color: #E4E4E4 transparent;
  display: block;
  top: 56px;
  right: -10px;
}
.vlc-navbar .user-count-container.active:after {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 0 24px 24px;
  border-color: #FAFAFA transparent;
  display: block;
  width: 0;
  top: 57px;
  right: -10px;
}
.vlc-navbar .leave-button {
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  height: 40px;
  width: 125px;
}
.vlc-navbar .leave-button label {
  cursor: pointer;
  margin: auto;
}
.vlc-navbar .complete-button {
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  height: 40px;
  width: 125px;
}
.vlc-navbar .complete-button label {
  cursor: pointer;
  margin: auto;
}
.vlc-navbar .complete-button .icon-container {
  display: flex;
  flex-direction: row;
  -webkit-transition: all 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: all 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
  width: 100%;
}
.vlc-navbar .complete-button .icon-container .icon-complete {
  align-self: center;
  background-image: url(../img/icons/complete-inactive.png);
  background-repeat: no-repeat;
  background-size: contain;
  flex-direction: column;
  height: 20px;
  position: relative;
  -webkit-transition: all 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: all 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
  width: 21px;
}
.vlc-navbar .complete-button .icon-container .icon-complete.session-ended {
  background-image: url(../img/icons/complete-hover.png);
}
@keyframes completeButtonAnimation {
  0% {
    margin-left: 0%;
  }
  6% {
    margin-left: 0%;
  }
  8% {
    margin-left: 40%;
  }
  16.6% {
    margin-left: 40%;
    transform: scale(1);
  }
  24.9% {
    margin-left: 40%;
    transform: scale(1.5);
  }
  31.2% {
    margin-left: 40%;
    transform: scale(1.35);
  }
  50% {
    margin-left: 40%;
    transform: scale(0);
  }
  75% {
    margin-left: 40%;
    transform: scale(0);
  }
  100% {
    margin-left: 40%;
    opacity: 1;
    transform: scale(1);
  }
}
.vlc-navbar .complete-button .icon-container .icon-complete.move.animated {
  animation: completeButtonAnimation 2.25s ease-in-out 200ms 1 both;
}
@keyframes fadeInOut {
  0% {
    visibility: visible;
    opacity: 0;
    transform: scale(0);
  }
  50% {
    visibility: visible;
    opacity: 0.75;
    transform: scale(0.5);
  }
  100% {
    visibility: hidden;
    opacity: 0;
    transform: scale(1);
  }
}
.vlc-navbar .complete-button .circle {
  background: #FFFFFF;
  border-radius: 50%;
  height: 20px;
  margin-left: -21px;
  position: relative;
  visibility: hidden;
  width: 21px;
}
.vlc-navbar .complete-button .circle.circle-animated {
  animation: fadeInOut 600ms ease-in-out 1300ms 1 both;
}
.vlc-navbar .complete-button:hover .icon-complete,
.vlc-navbar .complete-button:active .icon-complete {
  background-image: url(../img/icons/complete-hover.png);
}
.vlc-navbar .divider {
  align-self: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  margin-bottom: 9px;
}
@media (max-width: 1200px) {
  .vlc-navbar .divider {
    display: none;
  }
}
.vlc-navbar .divider .vertical-bar {
  border-right: 1px solid #EBEBEB;
  height: 48px;
  position: relative;
}
#session-event-source-closed-error {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1001;
  text-align: center;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
}
#session-container {
  background-color: #FFFFFF;
  font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
  height: calc(100% - 75px);
  margin-left: -150px;
  margin-top: 75px;
  position: fixed;
  width: 100%;
}
@media (max-width: 768px) {
  #session-container {
    margin-top: 25px;
  }
}
@media (max-width: 767px) {
  #session-container {
    margin-left: 0px;
  }
}
#session-container #data-editing-container #whiteboard-holder {
  height: 100%;
  width: 100%;
  font-size: 24px;
  color: #2196f3;
  overflow-y: auto;
  touch-action: none;
}
@media (max-width: 1200px) {
  #session-container #data-editing-container #whiteboard-holder {
    margin-left: 75px;
    width: calc(100% - 75px);
  }
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container.drawing-active.black {
  cursor: url('/up/assets/img/vlc/cursor.pen-black.png') 0 23, default;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container.drawing-active.blue {
  cursor: url('/up/assets/img/vlc/cursor.pen-blue.png') 0 23, default;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container.drawing-active.teal {
  cursor: url('/up/assets/img/vlc/cursor.pen-teal.png') 0 23, default;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container.drawing-active.yellow {
  cursor: url('/up/assets/img/vlc/cursor.pen-yellow.png') 0 23, default;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container.drawing-active.orange {
  cursor: url('/up/assets/img/vlc/cursor.pen-orange.png') 0 23, default;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container.drawing-active.red {
  cursor: url('/up/assets/img/vlc/cursor.pen-red.png') 0 23, default;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container.highlighting-active.blue {
  cursor: url('/up/assets/img/vlc/cursor.highlight-blue.png') 0 23, default;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container.highlighting-active.green {
  cursor: url('/up/assets/img/vlc/cursor.highlight-green.png') 0 23, default;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container.highlighting-active.yellow {
  cursor: url('/up/assets/img/vlc/cursor.highlight-yellow.png') 0 23, default;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container.highlighting-active.orange {
  cursor: url('/up/assets/img/vlc/cursor.highlight-orange.png') 0 23, default;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container.highlighting-active.coral {
  cursor: url('/up/assets/img/vlc/cursor.highlight-coral.png') 0 23, default;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container.highlighting-active.purple {
  cursor: url('/up/assets/img/vlc/cursor.highlight-purple.png') 0 23, default;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container.adding-shape.black.rectangle {
  cursor: url('/up/assets/img/vlc/cursor.rectangle-black.png') 0 23, default;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container.adding-shape.black.oval {
  cursor: url('/up/assets/img/vlc/cursor.oval-black.png') 0 23, default;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container.adding-shape.black.triangle {
  cursor: url('/up/assets/img/vlc/cursor.triangle-black.png') 0 23, default;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container.adding-shape.black.line {
  cursor: url('/up/assets/img/vlc/cursor.line-black.png') 0 23, default;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container.adding-shape.blue.rectangle {
  cursor: url('/up/assets/img/vlc/cursor.rectangle-blue.png') 0 23, default;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container.adding-shape.blue.oval {
  cursor: url('/up/assets/img/vlc/cursor.oval-blue.png') 0 23, default;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container.adding-shape.blue.triangle {
  cursor: url('/up/assets/img/vlc/cursor.triangle-blue.png') 0 23, default;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container.adding-shape.blue.line {
  cursor: url('/up/assets/img/vlc/cursor.line-blue.png') 0 23, default;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container.adding-shape.teal.rectangle {
  cursor: url('/up/assets/img/vlc/cursor.rectangle-teal.png') 0 23, default;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container.adding-shape.teal.oval {
  cursor: url('/up/assets/img/vlc/cursor.oval-teal.png') 0 23, default;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container.adding-shape.teal.triangle {
  cursor: url('/up/assets/img/vlc/cursor.triangle-teal.png') 0 23, default;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container.adding-shape.teal.line {
  cursor: url('/up/assets/img/vlc/cursor.line-teal.png') 0 23, default;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container.adding-shape.yellow.rectangle {
  cursor: url('/up/assets/img/vlc/cursor.rectangle-yellow.png') 0 23, default;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container.adding-shape.yellow.oval {
  cursor: url('/up/assets/img/vlc/cursor.oval-yellow.png') 0 23, default;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container.adding-shape.yellow.triangle {
  cursor: url('/up/assets/img/vlc/cursor.triangle-yellow.png') 0 23, default;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container.adding-shape.yellow.line {
  cursor: url('/up/assets/img/vlc/cursor.line-yellow.png') 0 23, default;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container.adding-shape.orange.rectangle {
  cursor: url('/up/assets/img/vlc/cursor.rectangle-orange.png') 0 23, default;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container.adding-shape.orange.oval {
  cursor: url('/up/assets/img/vlc/cursor.oval-orange.png') 0 23, default;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container.adding-shape.orange.triangle {
  cursor: url('/up/assets/img/vlc/cursor.triangle-orange.png') 0 23, default;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container.adding-shape.orange.line {
  cursor: url('/up/assets/img/vlc/cursor.line-orange.png') 0 23, default;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container.adding-shape.red.rectangle {
  cursor: url('/up/assets/img/vlc/cursor.rectangle-red.png') 0 23, default;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container.adding-shape.red.oval {
  cursor: url('/up/assets/img/vlc/cursor.oval-red.png') 0 23, default;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container.adding-shape.red.triangle {
  cursor: url('/up/assets/img/vlc/cursor.triangle-red.png') 0 23, default;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container.adding-shape.red.line {
  cursor: url('/up/assets/img/vlc/cursor.line-red.png') 0 23, default;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container.eraser-active {
  cursor: url('/up/assets/img/vlc/cursor.eraser.png') 2 16, default;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container.pointer-active.coach {
  cursor: url('/up/assets/img/vlc/arrow-coach.cur'), auto;
  /*IE and Edge*/
  cursor: url('/up/assets/img/vlc/arrow-coach.png') 0 0, default;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container.pointer-active.student-1 {
  cursor: url('/up/assets/img/vlc/arrow-1.cur'), auto;
  /*IE and Edge*/
  cursor: url('/up/assets/img/vlc/arrow-1.png') 0 0, default;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container.pointer-active.student-2 {
  cursor: url('/up/assets/img/vlc/arrow-2.cur'), auto;
  /*IE and Edge*/
  cursor: url('/up/assets/img/vlc/arrow-2.png') 0 0, default;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container.pointer-active.student-3 {
  cursor: url('/up/assets/img/vlc/arrow-3.cur'), auto;
  /*IE and Edge*/
  cursor: url('/up/assets/img/vlc/arrow-3.png') 0 0, default;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container.pointer-active.student-4 {
  cursor: url('/up/assets/img/vlc/arrow-4.cur'), auto;
  /*IE and Edge*/
  cursor: url('/up/assets/img/vlc/arrow-4.png') 0 0, default;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container.pointer-active.student-5 {
  cursor: url('/up/assets/img/vlc/arrow-5.cur'), auto;
  /*IE and Edge*/
  cursor: url('/up/assets/img/vlc/arrow-5.png') 0 0, default;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container.pointer-active.student-6 {
  cursor: url('/up/assets/img/vlc/arrow-6.cur'), auto;
  /*IE and Edge*/
  cursor: url('/up/assets/img/vlc/arrow-6.png') 0 0, default;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container.pointer-active.student-7 {
  cursor: url('/up/assets/img/vlc/arrow-7.cur'), auto;
  /*IE and Edge*/
  cursor: url('/up/assets/img/vlc/arrow-7.png') 0 0, default;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container.pointer-active.student-8 {
  cursor: url('/up/assets/img/vlc/arrow-8.cur'), auto;
  /*IE and Edge*/
  cursor: url('/up/assets/img/vlc/arrow-8.png') 0 0, default;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container.pointer-active.student-9 {
  cursor: url('/up/assets/img/vlc/arrow-9.cur'), auto;
  /*IE and Edge*/
  cursor: url('/up/assets/img/vlc/arrow-9.png') 0 0, default;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container.pointer-active.student-10 {
  cursor: url('/up/assets/img/vlc/arrow-10.cur'), auto;
  /*IE and Edge*/
  cursor: url('/up/assets/img/vlc/arrow-10.png') 0 0, default;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container.pointer-active.student-11 {
  cursor: url('/up/assets/img/vlc/arrow-11.cur'), auto;
  /*IE and Edge*/
  cursor: url('/up/assets/img/vlc/arrow-11.png') 0 0, default;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container svg.whiteboard_svg {
  height: 200%;
  width: 100%;
  left: 0px;
  top: 0px;
  position: absolute;
  z-index: 1;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container svg.whiteboard_svg #object-layer .selected {
  outline: #ebebeb solid 3px;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container svg.whiteboard_svg #object-layer .erase-hover {
  outline: #bbdefb solid 3px;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container svg.whiteboard_svg #object-layer .resize-div {
  fill: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13);
  position: absolute;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container svg.whiteboard_svg #object-layer .resize-div.n,
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container svg.whiteboard_svg #object-layer .resize-div.s {
  cursor: ns-resize;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container svg.whiteboard_svg #object-layer .resize-div.ne,
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container svg.whiteboard_svg #object-layer .resize-div.sw {
  cursor: nesw-resize;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container svg.whiteboard_svg #object-layer .resize-div.e,
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container svg.whiteboard_svg #object-layer .resize-div.w {
  cursor: ew-resize;
}
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container svg.whiteboard_svg #object-layer .resize-div.se,
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container svg.whiteboard_svg #object-layer .resize-div.nw,
#session-container #data-editing-container #whiteboard-holder vlc-whiteboard .whiteboard_container svg.whiteboard_svg #object-layer .resize-div.line-resize {
  cursor: nwse-resize;
}
#session-container #data-editing-container #whiteboard-holder #page-tracking-container {
  background-color: transparent;
  position: fixed;
  bottom: 10px;
  height: 40px;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
}
#session-container #data-editing-container #whiteboard-holder #page-tracking-container.moderator {
  position: fixed;
}
@media (max-width: 600px) {
  #session-container #data-editing-container #whiteboard-holder #page-tracking-container {
    left: 55%;
    transform: translateX(0%);
  }
}
#session-container #data-editing-container #whiteboard-holder #page-tracking-container .icon-image {
  background-color: inherit;
  background-repeat: round;
  border: none;
  float: left;
  height: 20px;
  margin-top: 10px;
  -webkit-transition: background-image 0.05s ease-in;
  transition: background-image 0.05s ease-in;
  width: 20px;
}
#session-container #data-editing-container #whiteboard-holder #page-tracking-container .icon-image:not(:first-of-type) {
  margin-left: 6px;
}
#session-container #data-editing-container #whiteboard-holder #page-tracking-container .icon-image#last-page {
  height: 17px;
  width: 10px;
  margin-top: 11.5px;
  background-image: url('/up/assets/img/vlc/chevron-left.inactive.png');
}
#session-container #data-editing-container #whiteboard-holder #page-tracking-container .icon-image#last-page:hover,
#session-container #data-editing-container #whiteboard-holder #page-tracking-container .icon-image#last-page:focus {
  background-image: url('/up/assets/img/vlc/chevron-left.hover.png');
}
#session-container #data-editing-container #whiteboard-holder #page-tracking-container .icon-image#last-page:active,
#session-container #data-editing-container #whiteboard-holder #page-tracking-container .icon-image#last-page.active {
  background-image: url('/up/assets/img/vlc/chevron-left.active.png');
}
#session-container #data-editing-container #whiteboard-holder #page-tracking-container .icon-image#next-page {
  height: 17px;
  width: 10px;
  margin-top: 11.5px;
  background-image: url('/up/assets/img/vlc/chevron-right.inactive.png');
}
#session-container #data-editing-container #whiteboard-holder #page-tracking-container .icon-image#next-page:hover,
#session-container #data-editing-container #whiteboard-holder #page-tracking-container .icon-image#next-page:focus {
  background-image: url('/up/assets/img/vlc/chevron-right.hover.png');
}
#session-container #data-editing-container #whiteboard-holder #page-tracking-container .icon-image#next-page:active,
#session-container #data-editing-container #whiteboard-holder #page-tracking-container .icon-image#next-page.active {
  background-image: url('/up/assets/img/vlc/chevron-right.active.png');
}
#session-container #data-editing-container #whiteboard-holder #page-tracking-container .icon-image#add-page {
  background-image: url('/up/assets/img/vlc/add-page.inactive.png');
}
#session-container #data-editing-container #whiteboard-holder #page-tracking-container .icon-image#add-page:hover,
#session-container #data-editing-container #whiteboard-holder #page-tracking-container .icon-image#add-page:focus {
  background-image: url('/up/assets/img/vlc/add-page.hover.png');
}
#session-container #data-editing-container #whiteboard-holder #page-tracking-container .icon-image#add-page:active {
  background-image: url('/up/assets/img/vlc/add-page.click.png');
}
#session-container #data-editing-container #whiteboard-holder #page-tracking-container .icon-image#delete-page {
  background-image: url('/up/assets/img/vlc/remove-page.inactive.png');
}
#session-container #data-editing-container #whiteboard-holder #page-tracking-container .icon-image#delete-page:hover,
#session-container #data-editing-container #whiteboard-holder #page-tracking-container .icon-image#delete-page:focus {
  background-image: url('/up/assets/img/vlc/remove-page.hover.png');
}
#session-container #data-editing-container #whiteboard-holder #page-tracking-container .icon-image#delete-page:active {
  background-image: url('/up/assets/img/vlc/remove-page.click.png');
}
#session-container #data-editing-container #whiteboard-holder #page-tracking-container .icon-image:disabled,
#session-container #data-editing-container #whiteboard-holder #page-tracking-container .icon-image[disabled] {
  cursor: no-drop;
}
#session-container #data-editing-container #whiteboard-holder #page-tracking-container .page-number {
  background-color: white;
  border: 1px solid #D8D8D8;
  border-radius: 100px;
  color: #b2b2b2;
  float: left;
  font-size: 10px;
  height: 20px;
  margin-top: 10px;
  margin-left: 6px;
  padding-top: 1.5px;
  text-align: center;
  width: 20px;
}
#session-container #data-editing-container #whiteboard-holder #page-tracking-container .page-number:hover,
#session-container #data-editing-container #whiteboard-holder #page-tracking-container .page-number.active,
#session-container #data-editing-container #whiteboard-holder #page-tracking-container .page-number:focus {
  border: 1px solid #2196f3;
  background: #2196f3;
  color: #ffffff;
}
#session-container #data-editing-container #whiteboard-holder #page-tracking-container .page-number:active {
  border: 1px solid #b2b2b2;
  background: #b2b2b2;
  color: #ffffff;
}
#session-container #data-editing-container #whiteboard-holder #page-tracking-container .page-number:disabled,
#session-container #data-editing-container #whiteboard-holder #page-tracking-container .page-number[disabled] {
  cursor: no-drop;
}
#session-container #data-editing-container #whiteboard-holder #whiteboard-floating-menu {
  background: #fafafa;
  box-shadow: 0 -2px 5px 0 #ebebeb;
  color: #424242;
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  letter-spacing: 0.2px;
  position: fixed;
  top: 0;
  opacity: 0;
  pointer-events: none;
  box-sizing: border-box;
  font-size: 12px;
  z-index: 1;
  /* Creates a small triangle extender for the tooltip */
  /* Northward tooltips */
  /* Eastward tooltips */
  /* Southward tooltips */
  /* Westward tooltips */
  /* Southeast, Northeast tooltips */
  /* Southwest, Northwest tooltips */
}
#session-container #data-editing-container #whiteboard-holder #whiteboard-floating-menu:before {
  width: 0;
  position: absolute;
  pointer-events: none;
  z-index: 2;
  content: '';
  margin-left: calc(50% - 10px);
  border-style: solid;
  border-width: 12px 10px 0;
  border-color: #000000 transparent;
}
#session-container #data-editing-container #whiteboard-holder #whiteboard-floating-menu:after {
  width: 0;
  position: absolute;
  pointer-events: none;
  z-index: 3;
  content: '';
  margin-left: calc(50% - 10px);
  border-style: solid;
  border-width: 12px 10px 0;
  border-color: #fafafa transparent;
}
#session-container #data-editing-container #whiteboard-holder #whiteboard-floating-menu.active {
  opacity: 1;
  pointer-events: all;
}
#session-container #data-editing-container #whiteboard-holder #whiteboard-floating-menu.n:after,
#session-container #data-editing-container #whiteboard-holder #whiteboard-floating-menu.n:before {
  top: 100%;
  left: 0;
}
#session-container #data-editing-container #whiteboard-holder #whiteboard-floating-menu.e:after,
#session-container #data-editing-container #whiteboard-holder #whiteboard-floating-menu.e:before {
  top: 50%;
  left: -8px;
}
#session-container #data-editing-container #whiteboard-holder #whiteboard-floating-menu.s:after,
#session-container #data-editing-container #whiteboard-holder #whiteboard-floating-menu.s:before {
  top: -8px;
  left: 0;
}
#session-container #data-editing-container #whiteboard-holder #whiteboard-floating-menu.w:after,
#session-container #data-editing-container #whiteboard-holder #whiteboard-floating-menu.w:before {
  top: 50%;
  left: 100%;
}
#session-container #data-editing-container #whiteboard-holder #whiteboard-floating-menu.se,
#session-container #data-editing-container #whiteboard-holder #whiteboard-floating-menu.ne {
  margin-left: 21px;
}
#session-container #data-editing-container #whiteboard-holder #whiteboard-floating-menu.se:after,
#session-container #data-editing-container #whiteboard-holder #whiteboard-floating-menu.ne:after {
  margin-left: -64px;
  border-color: transparent #fafafa;
  border-width: 14px 15px 15px 0;
}
#session-container #data-editing-container #whiteboard-holder #whiteboard-floating-menu.se:before,
#session-container #data-editing-container #whiteboard-holder #whiteboard-floating-menu.ne:before {
  margin-left: -15px;
  border-color: transparent #e4e4e4;
  border-width: 14px 15px 15px 0;
}
#session-container #data-editing-container #whiteboard-holder #whiteboard-floating-menu.sw,
#session-container #data-editing-container #whiteboard-holder #whiteboard-floating-menu.nw {
  margin-left: -25px;
}
#session-container #data-editing-container #whiteboard-holder #whiteboard-floating-menu.sw:after,
#session-container #data-editing-container #whiteboard-holder #whiteboard-floating-menu.nw:after {
  margin-left: -1px;
  border-color: transparent #fafafa;
  border-width: 15px 0px 14px 15px;
}
#session-container #data-editing-container #whiteboard-holder #whiteboard-floating-menu.sw:before,
#session-container #data-editing-container #whiteboard-holder #whiteboard-floating-menu.nw:before {
  margin-left: 50px;
  border-color: transparent #e4e4e4;
  border-width: 15px 0px 14px 15px;
}
#session-container #data-editing-container #whiteboard-holder #whiteboard-floating-menu.ne,
#session-container #data-editing-container #whiteboard-holder #whiteboard-floating-menu.nw {
  margin-top: 25px;
}
#session-container #data-editing-container #whiteboard-holder #whiteboard-floating-menu .object-option {
  border-right: 1px solid #e4e4e4;
  cursor: pointer;
  display: inline-block;
  height: 29px;
  padding: 7px;
  text-align: center;
  width: 50px;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
}
#session-container #data-editing-container #whiteboard-holder #whiteboard-floating-menu .object-option:first-of-type {
  margin-left: 0px;
  border-radius: 4px 0 0 4px;
}
#session-container #data-editing-container #whiteboard-holder #whiteboard-floating-menu .object-option:last-of-type {
  margin-right: 0px;
  border-right: none;
  border-radius: 0 4px 4px 0;
}
#session-container #data-editing-container #whiteboard-holder #whiteboard-floating-menu .object-option:hover,
#session-container #data-editing-container #whiteboard-holder #whiteboard-floating-menu .object-option:focus {
  color: #2196f1;
}
#session-container #data-editing-container #whiteboard-holder #whiteboard-floating-menu .object-option.active {
  color: #ffffff;
  background-color: #c8c8c8;
}
#session-container #data-editing-container #whiteboard-holder #whiteboard-floating-menu .object-option:active {
  color: #000000;
}
#session-container #data-editing-container #whiteboard-holder #whiteboard-text-editing-container {
  background-color: #ffffff;
  border: 2px solid #ebebeb;
  display: none;
  font-family: courier !important;
  left: 0;
  outline: none;
  padding: 10px;
  position: absolute;
  top: 0;
  -moz-transform-origin: left top;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  width: 0;
  z-index: 1;
  word-wrap: break-word;
}
#session-container #data-editing-container #whiteboard-holder #whiteboard-text-editing-container.display {
  display: inline;
}
#session-container #session-timer {
  position: absolute;
  bottom: 0;
  margin-left: 12px;
  background-color: #efefef;
  padding: 6px 12px;
  font-size: 24px;
  color: #7c7c7c;
  z-index: 2;
}
#session-container #session-timer.warning {
  color: #ff5252;
}
@media (max-width: 1200px) {
  #session-container #session-timer {
    margin-left: 80px;
  }
}
/**********************************
VIRTUAL LEARNING CENTER
**********************************/
.session-nav-button {
  float: right;
  font-size: 30px;
  margin-right: 5px;
  padding-top: 1px;
}
.session-dropdown-btn {
  width: 145px;
  margin: 8px 5px 0 0;
}
.session-dropdown-btn.old-vlc {
  margin: 0px;
}
#communication-container {
  display: flex;
  flex-direction: column;
  position: relative;
  right: -27%;
  width: 25%;
  height: 96%;
  min-width: 220px;
  z-index: 2;
  float: right;
  margin: 15px;
  transition: right 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: right 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition: right 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
@media (min-width: 600px) and (max-width: 852px) {
  #communication-container {
    right: -230px;
  }
}
#communication-container.active {
  right: 0%;
}
#communication-container.no-audio-or-video .media-container {
  height: 0;
  min-height: 0;
}
#communication-container.no-audio-or-video .media-container .publisher-section {
  display: none;
}
#communication-container.no-audio-or-video .media-container .video-chat-options {
  display: none;
}
#communication-container.no-audio-or-video .media-container .toggle.audio-video {
  display: none;
}
#communication-container.no-audio-or-video .chat-container {
  height: 100%;
  margin: 0;
}
.toggle {
  position: relative;
  margin-bottom: 2px;
  height: 30px;
  top: 5px;
  display: flex;
  flex-direction: column;
  transition: left 0.2s ease-in-out;
  cursor: pointer;
  box-shadow: #ebebeb 0px 2px 9px 0px;
  border-radius: 6px;
  background-color: #ebebeb;
  border: 1px solid rgba(175, 175, 175, 0.4);
  z-index: -1;
}
.toggle#video-setup {
  background-color: #1976d2;
}
.toggle#video-setup .fa {
  color: white !important;
}
.toggle button {
  background: inherit;
  border: inherit;
  border-radius: inherit;
  height: 100%;
  width: 100%;
}
.toggle button:focus {
  outline: none;
}
.toggle button:focus .fa {
  color: #1976d2;
}
.toggle.disabled {
  background-color: #ff5252;
}
.toggle.disabled .toggle-container .icon.mute-button {
  background-image: url(/assets/img/icons/mute-button.png);
}
.toggle.disabled .toggle-container .icon.camera-button {
  background-image: url(/assets/img/icons/camera-inactive.png);
}
.toggle.enabled {
  background-color: #08c757;
}
.toggle.active {
  left: -35px;
}
.toggle.active:hover {
  left: -40px;
}
.toggle.active:hover .fa {
  animation: activeMove 2s infinite 200ms;
  -moz-animation: activeMove 2s infinite 200ms;
  -webkit-animation: activeMove 2s infinite 200ms;
}
.toggle.active button:focus .fa {
  animation: activeMove 2s infinite 200ms;
  -moz-animation: activeMove 2s infinite 200ms;
  -webkit-animation: activeMove 2s infinite 200ms;
}
.toggle:hover {
  left: -54px;
}
.toggle:hover .fa {
  animation: inactiveMove 2s infinite 350ms;
  -moz-animation: inactiveMove 2s infinite 350ms;
  -webkit-animation: inactiveMove 2s infinite 350ms;
}
.toggle button:focus .fa {
  animation: inactiveMove 2s infinite 350ms;
  -moz-animation: inactiveMove 2s infinite 350ms;
  -webkit-animation: inactiveMove 2s infinite 350ms;
}
@media (min-width: 601px) and (max-width: 992px) {
  .toggle {
    left: -40px;
  }
}
@media (min-width: 993px) and (max-width: 1450px) {
  .toggle {
    left: -50px;
  }
}
@media (min-width: 1451px) {
  .toggle {
    left: -60px;
  }
}
.toggle .toggle-container {
  align-self: flex-start;
  border-radius: 6px;
  color: #FFFFFF;
  flex-direction: column;
  height: 100%;
  padding-right: 45px;
  width: 60px;
}
.toggle .toggle-container:not(:hover) {
  cursor: normal;
}
.toggle .toggle-container.chat-panel {
  transform: rotateY(180deg);
  transition: transform 200ms ease-in-out;
}
.toggle .toggle-container.active {
  transform: rotateY(0deg);
}
.toggle .toggle-container .fa {
  margin-top: 5.5px;
  margin-left: 46px;
  color: #b2b2b2;
}
.toggle .toggle-container .fa.active {
  margin-left: 5px;
}
.toggle .toggle-container .icon {
  background-size: contain;
  background-repeat: no-repeat;
  background-position-y: center;
  height: 75%;
  width: 17px;
  margin: 5px 0 0 4px;
}
.toggle .toggle-container .icon.mute-button {
  background-image: url(/assets/img/icons/microphone-active.png);
}
.toggle .toggle-container .icon.camera-button {
  background-image: url(/assets/img/icons/camera-active.png);
}
@-webkit-keyframes activeMove {
  from {
    margin-left: 4px;
    opacity: 1;
  }
  to {
    margin-left: 24px;
    opacity: 0;
  }
}
@-webkit-keyframes inactiveMove {
  from {
    margin-left: 20px;
    opacity: 0;
  }
  to {
    margin-left: 46px;
    opacity: 1;
  }
}
@keyframes activeMove {
  from {
    margin-left: 4px;
    opacity: 1;
  }
  to {
    margin-left: 24px;
    opacity: 0;
  }
}
@keyframes inactiveMove {
  from {
    margin-left: 20px;
    opacity: 0;
  }
  to {
    margin-left: 46px;
    opacity: 1;
  }
}
.media-container {
  background-color: black;
  border-radius: 6px;
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.33);
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: 325px;
  min-height: 200px;
  min-width: 210px;
  position: relative;
  width: 100%;
}
.media-container:hover .option-panel {
  opacity: 1;
}
@media (min-width: 0px) and (max-width: 600px) {
  .media-container {
    display: none;
  }
}
@media (min-width: 993px) {
  .media-container .OT_video-poster {
    background-image: none;
    display: flex;
  }
}
@media (min-width: 1280px) {
  .media-container {
    max-height: 450px;
  }
}
.chat-container {
  background: #F5F5F5;
  box-shadow: 0 2px 9px 0 #ebebeb;
  border-radius: 6px;
  height: 60%;
  margin: 15px auto auto auto;
  min-height: 60%;
  position: relative;
  width: 100%;
}
.chat-container.ana {
  margin: auto;
}
.chat-container ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.chat-container ::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}
.chat-container ::-webkit-scrollbar {
  width: 2px;
}
.chat-container ::-webkit-scrollbar-track {
  background-color: #f5f5f5;
  border-radius: 4px;
}
.chat-container ::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 600px) {
  .chat-container {
    display: none;
  }
}
.chat-container #msg-panel {
  height: 100%;
  border: none;
  flex: 0 1 auto;
  border-radius: 6px;
  border: 1px solid #E4E4E4;
}
.chat-container #msg-panel #chat-window {
  height: calc(100% - 119px);
  padding-top: 10px;
}
.chat-container #msg-panel #fileWindow {
  height: calc(100% - 70px);
}
.chat-container #msg-panel #chat-window-header {
  font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
  height: 55px;
  min-height: 50px;
  padding: 0 10px;
  font-size: 20px;
}
.chat-container #msg-panel #chat-window-header .heading {
  display: inline-block;
  padding-top: 6px;
}
.chat-container #msg-panel #chat-window-header .heading p {
  margin: -5px 0px 0px 4px;
  font-size: 12px;
  color: #9e9e9e;
}
.chat-container #msg-panel #chat-window-header .icon-container {
  padding-top: 10px;
}
.chat-container #msg-panel #chat-window-header .icon-container .icon {
  height: auto;
  width: auto;
}
.chat-container #msg-panel #chat-window-header .icon-container .icon:hover,
.chat-container #msg-panel #chat-window-header .icon-container .icon.active {
  cursor: pointer;
  color: #2196f3;
}
.chat-container #msg-panel #chat-window-header .icon-container .icon button {
  background: inherit;
  border: none;
}
.chat-container #msg-panel #chat-window-header .icon-container .icon button:focus {
  color: #2196f3;
}
.chat-container #msg-panel #chat-window-header .icon-container .system-preferences-menu {
  position: absolute;
  cursor: default;
  min-height: 84px;
  left: 5px;
  right: 5px;
  top: 70px;
  z-index: 4;
}
.chat-container #msg-panel #chat-window-header .icon-container .system-preferences-menu .config-container {
  position: relative;
  height: 100%;
  background: #FAFAFA;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border: #E4E4E4 solid 1px;
  -webkit-filter: drop-shadow(0px 2px 5px #EBEBEB);
  filter: drop-shadow(0px 2px 5px #EBEBEB);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.chat-container #msg-panel #chat-window-header .icon-container .system-preferences-menu .config-container:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  border-top: 1px solid #e4e4e4;
  border-left: 1px solid #e4e4e4;
  top: -11px;
  right: 6px;
  background: #fafafa;
  transform: rotate(45deg);
  z-index: 2;
}
.chat-container #msg-panel #chat-window-header .icon-container .system-preferences-menu .config-container .content {
  padding-top: 7.5px;
  height: 100%;
}
.chat-container #msg-panel #chat-window-header .icon-container .system-preferences-menu .config-container .content .heading {
  width: 100%;
  text-align: left;
  padding: 6px 12px 0 12px;
}
@media screen and (max-width: 980px) {
  .chat-container #msg-panel #chat-window-header .icon-container .system-preferences-menu .config-container .content .heading {
    font-size: 16px;
  }
}
.chat-container #msg-panel #chat-window-header .icon-container .system-preferences-menu .config-container .content p {
  width: 80%;
  padding-left: 12px;
  font-size: 14px;
  display: inline-block;
  width: calc(100% - 12px - 46px);
}
@media screen and (max-width: 980px) {
  .chat-container #msg-panel #chat-window-header .icon-container .system-preferences-menu .config-container .content p {
    font-size: 12px;
  }
}
.chat-container #msg-panel #chat-window-header .icon-container .system-preferences-menu .config-container .content .bootstrap-switch {
  float: right;
  margin: 8px 4px 0 0;
  border-radius: 50px;
}
.chat-container #msg-panel #chat-window-header .icon-container .system-preferences-menu .config-container .content .bootstrap-switch .bootstrap-switch-container {
  border-radius: 50px;
}
.chat-container #msg-panel #chat-window-header .icon-container .system-preferences-menu .config-container .content .overlaying-layer {
  width: 50%;
  height: 0px;
  position: absolute;
  cursor: pointer;
}
.chat-container #chat-window-overlay {
  height: calc(100% - 55px);
  width: 100%;
  z-index: 3;
  border-radius: 0 0 6px 6px;
  position: absolute;
  background-color: rgba(178, 178, 178, 0.6);
}
.chat-container #communication-footer {
  position: absolute;
  bottom: 20px;
  left: 0px;
  width: 100%;
  min-height: 51px;
  max-height: 150px;
  border-radius: 0 0 6px 6px;
}
.chat-container #communication-footer .input-group {
  width: 100%;
  height: 50px;
  bottom: 0;
  display: flex;
  position: absolute;
}
.chat-container #communication-footer .input-group .input-container {
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: row;
  justify-content: flex-end;
}
.chat-container #communication-footer .input-group .input-container .input-group-btn {
  bottom: 0px;
  right: 41px;
  position: absolute;
}
.chat-container #communication-footer .input-group .input-container .input-group-btn .message-send-btn {
  background-color: #2196f3;
  color: #FFFFFF;
  padding: 0px 11px 0px 9px;
  border-radius: 30px;
  height: 36px;
  width: 36px;
}
.chat-container #communication-footer .input-group .input-container .input-group-btn .message-send-btn:hover,
.chat-container #communication-footer .input-group .input-container .input-group-btn .message-send-btn:focus {
  outline: none;
  background-color: #1f8be0;
  color: #FFFFFF;
}
.chat-container #communication-footer .input-group .input-container .input-group-btn .message-send-btn:before {
  content: '';
  transform: scale(0);
  -webkit-transform: scale(0);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #2196f3;
  height: 100%;
  border-radius: 30px;
  transition: transform 0.3s cubic-bezier(0.57, 0.07, 0.44, 2);
  z-index: -1;
}
.chat-container #communication-footer .input-group .input-container .input-group-btn .message-send-btn.empty {
  background-color: #D8D8D8;
}
.chat-container #communication-footer .input-group .input-container .input-group-btn .message-send-btn.changed {
  transition: all 0.3s cubic-bezier(0.5, 0.07, 0.44, 2);
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
}
.chat-container #communication-footer .input-group .input-container .input-group-btn .message-send-btn.changed:before {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
}
.chat-container #communication-footer #chat-input {
  display: block;
  width: 100%;
  min-height: 52px;
  max-height: 150px;
  box-sizing: border-box;
  position: absolute;
  overflow: hidden;
  resize: none;
  font-size: 14px;
  padding: 24px 54px 0px 15px;
  border-radius: 0 0 6px 6px;
  border: 1px solid #E4E4E4;
  border-bottom: none;
}
.chat-container #communication-footer #chat-input::placeholder {
  color: #C8C8C8;
}
.chat-container #communication-footer #chat-input:focus {
  outline: 0;
  border-color: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.chat-container #communication-footer #typing-notification {
  font-size: 12px;
}
.chat-container #communication-footer #typing-notification span {
  margin-top: 4px;
  color: #b2b2b2;
}
.chat-container .chat-icon {
  float: left;
  cursor: pointer;
  width: 31px;
}
.chat-container .chat-icon.active {
  color: #2196f3;
  background-color: #E5E5E5;
}
.chat-container .msg-container-base {
  height: 100%;
  padding: 0 10px 10px;
  overflow-x: hidden;
  border: 1px solid #e4e4e4;
  background: #f5f5f5;
  border-bottom: none;
}
.chat-container .msg-container-base.ana {
  max-height: 500px;
  background-color: #ffffff;
}
.chat-container .msg-container-base .user-icon {
  margin: 0px 10px 0 0px;
  width: 29px;
}
.chat-container .msg-container-base .user-icon.self {
  margin: 0px 0px 0px 14px;
}
.chat-container .msg-container-base .user-icon.present {
  opacity: 1;
}
.chat-container .msg-container-base .msg-container {
  display: flex;
  overflow: visible;
  padding: 12.5px;
  position: relative;
}
.chat-container .msg-container-base .msg-container .icon-container {
  display: flex;
  flex-direction: column;
  flex-flow: column-reverse;
  margin: 0px;
  z-index: 2;
}
.chat-container .chat-msg {
  min-height: 30px;
  width: -moz-min-content;
  width: -webkit-min-content;
  width: auto;
  padding: 5px 10px;
  margin-bottom: 5px;
  border-radius: 18px;
  text-align: left;
  word-wrap: break-word;
  color: #737373;
  background: #FFFFFF;
}
@media (min-width: 601px) and (max-width: 992px) {
  .chat-container .chat-msg {
    max-width: 109px;
  }
}
@media (min-width: 993px) {
  .chat-container .chat-msg {
    max-width: 146px;
  }
}
@media (min-width: 1258px) {
  .chat-container .chat-msg {
    max-width: 210px;
  }
}
@media (min-width: 1440px) {
  .chat-container .chat-msg {
    max-width: 257px;
  }
}
.chat-container .chat-msg.chat-msg-receive {
  margin-right: 15px;
  float: left;
}
.chat-container .chat-msg.chat-msg-receive.ana {
  background: #e5e6ea;
  color: #000000;
}
.chat-container .chat-msg.chat-msg-receive.ana:before {
  border-left: 18px solid #e5e6ea;
}
.chat-container .chat-msg.chat-msg-receive.ana:after {
  background-color: #ffffff;
}
.chat-container .chat-msg.chat-msg-receive.ana p {
  color: #000000;
}
.chat-container .chat-msg.chat-msg-receive:before {
  content: "";
  display: unset;
  height: 16px;
  bottom: 5px;
  left: 3px;
  position: absolute;
  border-left: 18px solid #FFFFFF;
  border-bottom-right-radius: 16px 14px;
  background-color: #FFFFFF;
  color: #FFFFFF;
  z-index: 0;
}
.chat-container .chat-msg.chat-msg-receive:after {
  content: "";
  width: 18px;
  height: 17px;
  bottom: 4px;
  left: -3px;
  position: absolute;
  border-bottom-right-radius: 21px;
  background: #f5f5f5;
  z-index: 0;
}
.chat-container .chat-msg.chat-msg-receive .chat-msg-author {
  padding-left: 5px;
  margin-right: 5px;
  text-align: left;
}
.chat-container .chat-msg.chat-msg-sent {
  margin-left: 15px;
  float: right;
}
.chat-container .chat-msg.chat-msg-sent.ana {
  background: #1976d2;
  color: #FFFFFF;
}
.chat-container .chat-msg.chat-msg-sent.ana:before {
  border-right: 21px solid #ffffff;
}
.chat-container .chat-msg.chat-msg-sent.ana:after {
  background: #1976d2;
}
.chat-container .chat-msg.chat-msg-sent.ana p {
  white-space: pre-line;
  color: #FFFFFF;
}
.chat-container .chat-msg.chat-msg-sent:before {
  content: "";
  height: 17px;
  bottom: 5px;
  right: -6px;
  position: absolute;
  border-right: 21px solid #f5f5f5;
  border-bottom-left-radius: 15px 13px;
  color: #f5f5f5;
  z-index: 1;
}
.chat-container .chat-msg.chat-msg-sent:after {
  content: "";
  height: 16px;
  width: 25px;
  right: -2px;
  bottom: 5px;
  position: absolute;
  border-bottom-left-radius: 16px;
  background: #FFFFFF;
  z-index: 0;
}
.chat-container .chat-msg.chat-msg-sent .chat-msg-author {
  padding-right: 5px;
  text-align: right;
}
.chat-container .chat-msg.chat-msg-sent time {
  float: right;
}
.chat-container .chat-msg p {
  letter-spacing: 0;
  padding: 0px 5px 0px 5px;
  margin: 0 0 0.2rem;
  font-size: 14px;
  word-wrap: break-word;
  color: #424242;
}
.chat-container .chat-msg time {
  font-size: 11px;
  color: #CCCCCC;
}
.chat-container .chat-msg .chat-msg-author {
  display: block;
  font-size: 14px;
  color: #383838;
}
.chat-container .chat-file-download {
  background-color: #d8d8d8;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
@media (min-width: 1201px) {
  .chat-container .chat-file-download {
    font-size: 12px;
  }
}
@media (max-width: 1200px) {
  .chat-container .chat-file-download {
    font-size: 10px;
  }
}
.chat-container .chat-file-download .file-download {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.chat-container .chat-file-download .file-download .icon {
  padding: 10px;
}
.chat-container .chat-file-download .file-download .icon div.icon-image {
  background-repeat: no-repeat;
  background-size: contain;
}
.chat-container .chat-file-download .file-download .icon.paper-clip {
  background-color: #2196f3;
  border-radius: 6px 0 0 6px;
}
.chat-container .chat-file-download .file-download .icon.paper-clip div.icon-image {
  background-image: url('/up/assets/img/vlc/paperclip.png');
  height: 20px;
  width: 20px;
}
.chat-container .chat-file-download .file-download .icon.download {
  background-color: #838383;
  border: none;
  border-radius: 50%;
  height: 34px;
  margin: auto 3px;
}
.chat-container .chat-file-download .file-download .icon.download:hover,
.chat-container .chat-file-download .file-download .icon.download:focus {
  background-color: #2196f3;
  cursor: pointer;
}
.chat-container .chat-file-download .file-download .icon.download div.icon-image {
  background-image: url('/up/assets/img/vlc/download.png');
  height: 20px;
  width: 15px;
}
.chat-container .chat-file-download .file-download .icon img {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.chat-container .chat-file-download .file-download .details {
  margin: auto 8px;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.chat-container .chat-file-download .file-download .details .line {
  overflow: hidden;
  text-overflow: ellipsis;
}
.chat-container profile-picture {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-size: cover;
  cursor: default;
}
.chat-container .chat-info {
  display: flex;
  position: absolute;
  top: -8px;
}
.chat-container .chat-info.left {
  justify-content: flex-start;
  left: 74px;
}
.chat-container .chat-info.right {
  justify-content: flex-end;
  right: 38px;
}
.chat-container .chat-info .chat-name {
  color: #424242;
}
.chat-container .chat-info .chat-timestamp {
  font-size: 12px;
  color: #777777;
  padding-top: 2px;
  padding-left: 12px;
}
.chat-container #transcriptDownload {
  width: 100%;
  height: 100%;
  display: flex;
  cursor: pointer;
}
.chat-container #transcriptDownload .disabled {
  cursor: not-allowed;
}
.chat-container .greyText {
  margin-top: 0.25em;
  color: #737373;
}
#primary-video-panel-container {
  display: flex;
  width: 100%;
  height: 100%;
  margin-top: -80px;
  border-radius: 4px;
  flex-direction: column;
  transition: position 400ms cubic-bezier(0.25, 0.1, 0.25, 1);
}
#primary-video-panel-container.group-session {
  position: relative;
  margin-top: 0px;
}
#primary-video-panel-container.group-session .OT_subscriber {
  border-radius: 0px 0px 6px 6px;
}
#primary-video-panel-container.group-session .OT_widget-container {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
#primary-video-panel-container.moderator-view {
  margin-top: 0px;
}
#primary-video-panel-container .OT_subscriber {
  border-radius: 6px;
}
#primary-video-panel-container .OT_subscriber.group-session {
  border-radius: 0px 0px 6px 6px;
}
#primary-video-panel-container .OT_widget-container {
  border-radius: 4px;
  z-index: 0;
}
#primary-video-panel-container .option-panel .video-chat-options .btn-group {
  background: rgba(169, 169, 169, 0.54);
  margin-bottom: 3px;
}
#primary-video-panel-container .option-panel .video-chat-options .btn-group .icon-container:last-of-type {
  margin-top: 2px;
}
.video-chat-options {
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
  z-index: 1;
  justify-content: flex-end;
}
.video-chat-options .spacing-container {
  height: 220px;
  width: 100%;
}
.video-chat-options .spacing-container.ng-leave.ng-leave-active,
.video-chat-options .spacing-container.ng-move,
.video-chat-options .spacing-container.ng-enter {
  height: 0%;
  transform: scale(0);
  transition: all 400ms cubic-bezier(0.25, 0.1, 0.25, 1);
}
.video-chat-options .spacing-container.ng-leave,
.video-chat-options .spacing-container.ng-move.ng-move-active,
.video-chat-options .spacing-container.ng-enter.ng-enter-active {
  height: 32%;
  transform: scale(1);
  transition: all 100ms cubic-bezier(0.25, 0.1, 0.25, 1);
}
.video-chat-options .options-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
}
.video-chat-options .options-container .active-speaker-label {
  display: inline-flex;
  height: 28px;
  width: auto;
  padding-left: 5px;
  padding-right: 3px;
  margin: 10px 10px 0px auto;
  border-radius: 6px;
  justify-content: flex-end;
  align-self: flex-end;
  color: #D8D8D8;
  background: rgba(100, 100, 100, 0.75);
  z-index: 300;
}
.video-chat-options .options-container p {
  margin: auto;
  padding-right: 3px;
}
.video-chat-options .options-container .active-speaker-indicators {
  margin: 3px auto auto 2px;
}
.video-chat-options .options-container .active-speaker-indicators .subscriber-muted-icon {
  background: #fc5356;
  border-radius: 5px;
  flex-direction: row;
  justify-content: center;
  position: relative;
}
.video-chat-options .options-container .active-speaker-indicators .subscriber-muted-icon .icon {
  height: 19px;
  margin: 2px 4px 2px 3px;
  width: 16px;
}
.video-chat-options .options-container .active-speaker-indicators .subscriber-hidden-icon {
  background: #fc5356;
  border-radius: 5px;
  flex-direction: row;
  justify-content: center;
  position: relative;
}
.video-chat-options .options-container .active-speaker-indicators .subscriber-hidden-icon .icon {
  height: 19px;
  width: 20px;
  margin: 2px;
}
.option-panel {
  display: flex;
  width: 100%;
  margin-bottom: 3px;
  margin-top: auto;
  border-radius: 3px;
  align-self: center;
  flex-direction: row;
  justify-content: center;
  transition: all 0.15s ease-in;
  opacity: 0;
  bottom: 0px;
  position: absolute;
}
.option-panel .btn-group {
  background: rgba(169, 169, 169, 0.54);
  border-radius: 5px;
  display: flex;
  height: 25px;
  margin-bottom: 3px;
  width: 59px;
}
.option-panel .btn-group .icon-container {
  cursor: pointer;
  height: 25px;
  width: 30px;
}
.option-panel .btn-group .icon-container:hover {
  background: rgba(50, 50, 50, 0.75);
}
.option-panel .btn-group .icon-container:first-of-type {
  border-radius: 5px 0px 0px 5px;
  border-right: 1px solid rgba(255, 255, 255, 0.52);
}
.option-panel .btn-group .icon-container:first-of-type .icon {
  margin-right: 0px;
  border-radius: 5px 0px 0px 5px;
}
.option-panel .btn-group .icon-container:last-of-type {
  border-radius: 0px 5px 5px 0px;
}
.option-panel .btn-group .icon-container:last-of-type .icon {
  border-radius: 0px 5px 5px 0px;
}
.option-panel .btn-group .icon-container .icon {
  height: 25px;
  width: 29px;
  margin-left: 0px;
}
.option-panel .btn-group .icon-container .icon.disabled {
  background-color: #FF5252;
}
.mini-video-panel {
  background-color: #FFFFFF;
  border-radius: 6px;
  display: none;
  flex-direction: column;
  height: auto;
  margin: 10px 0px 10px 10px;
  max-width: 20%;
  min-height: 60px;
  min-width: 50px;
  opacity: 0;
  position: relative;
  transform: scale(0);
  transition: all 400ms cubic-bezier(0.25, 0.1, 0.25, 1);
  width: 100%;
  z-index: 1;
}
.mini-video-panel.ng-leave.ng-leave-active,
.mini-video-panel.ng-hide,
.mini-video-panel.ng-move,
.mini-video-panel.ng-enter {
  z-index: -1;
  left: -108px;
  opacity: 0;
  transform: scale(0);
}
.mini-video-panel.ng-leave,
.mini-video-panel.ng-show,
.mini-video-panel.ng-move.ng-move-active,
.mini-video-panel.ng-enter.ng-enter-active {
  z-index: 0;
  left: 0px;
  opacity: 1;
  transform: scale(1);
}
.mini-video-panel.visible {
  opacity: 1;
  transform: scale(1);
  display: flex;
}
.mini-video-panel.visible.ng-leave.ng-leave-active,
.mini-video-panel.visible.ng-hide,
.mini-video-panel.visible.ng-move,
.mini-video-panel.visible.ng-enter {
  z-index: -1;
  left: -108px;
  opacity: 0;
  transform: scale(0);
}
.mini-video-panel.visible.ng-leave,
.mini-video-panel.visible.ng-show,
.mini-video-panel.visible.ng-move.ng-move-active,
.mini-video-panel.visible.ng-enter.ng-enter-active {
  z-index: 0;
  left: 0px;
  opacity: 1;
  transform: scale(1);
}
.mini-video-panel.pull-left {
  order: -1;
}
.mini-video-panel .video-chat-options {
  display: flex;
  height: 100%;
  flex-direction: column;
  z-index: 2;
}
.video-elements {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin-top: -128px;
}
.video-elements .connection-warning-container {
  position: absolute;
  z-index: 1000;
  bottom: 0;
  width: 100%;
  font-size: 0.9em;
}
.video-elements .connection-warning-container .connection-warning {
  padding: 0.5em 0.8em;
  margin: 0.25em;
  background-color: #faa;
  float: right;
  height: 2em;
  line-height: 1.25em;
  border-radius: 1em;
  overflow: clip;
  white-space: nowrap;
}
.video-elements .connection-warning-container .connection-warning.hidden {
  display: none;
}
.video-elements .connection-warning-container .connection-warning.collapsed {
  width: 2em;
  transition: width 0.5s;
}
.video-elements .connection-warning-container .connection-warning.collapsed:hover {
  width: 20em;
  transition: width 0.5s;
}
.video-elements .connection-warning-container .connection-warning.collapsed:hover .hidden-connection-warning-text {
  white-space: nowrap;
  display: inline-block;
  margin-left: 0.25em;
}
.video-elements .connection-warning-container .connection-warning.expanded {
  width: 20em;
  transition: width 0.5s;
}
.video-elements .connection-warning-container .connection-warning .connection-warning-text {
  padding-left: 0.25em;
}
.video-elements .connection-warning-container .connection-warning .hidden-connection-warning-text {
  display: none;
}
.video-overlay {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: absolute;
  width: 100%;
}
.video-overlay .publisher-section-placeholder {
  height: 30%;
  min-height: 80px;
  width: 100%;
}
.publisher-section {
  z-index: 300;
}
.publisher-section.group-session {
  height: 30%;
  min-height: 80px;
  width: 100%;
}
.publisher-section .publishers {
  display: flex;
  max-width: 100%;
  min-height: 70px;
  overflow-x: hidden;
  top: 0px;
  transition: all 400ms cubic-bezier(0.25, 0.1, 0.25, 1);
  width: 100%;
  z-index: 1;
}
.publisher-section .publishers.ng-leave.ng-leave-active,
.publisher-section .publishers.ng-move,
.publisher-section .publishers.ng-enter {
  opacity: 0;
  transform: scale(0);
}
.publisher-section .publishers.ng-leave,
.publisher-section .publishers.ng-move.ng-move-active,
.publisher-section .publishers.ng-enter.ng-enter-active {
  opacity: 1;
  transform: scale(1);
}
.publisher-section .publishers.one-on-one {
  box-shadow: none;
  background: none;
  justify-content: start;
}
.publisher-section .publishers.group-session {
  height: 100%;
  border-radius: 6px 6px 0px 0px;
  -webkit-box-shadow: inset -4px -15px 25px -11px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset -4px -15px 25px -11px rgba(0, 0, 0, 0.4);
  box-shadow: inset -4px -15px 25px -11px rgba(0, 0, 0, 0.4);
  background: rgba(255, 255, 255, 0.55);
  transition: all 400ms cubic-bezier(0.25, 0.1, 0.25, 1);
}
.publisher-section .publishers.group-session.ng-leave.ng-leave-active,
.publisher-section .publishers.group-session.ng-move,
.publisher-section .publishers.group-session.ng-enter {
  opacity: 0;
  transform: scale(0);
}
.publisher-section .publishers.group-session.ng-leave,
.publisher-section .publishers.group-session.ng-move.ng-move-active,
.publisher-section .publishers.group-session.ng-enter.ng-enter-active {
  opacity: 1;
  transform: scale(1);
}
.publisher-section .publishers .publisher-icons {
  height: 30px;
  position: absolute;
  cursor: pointer;
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.7));
  -webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.7));
  z-index: 2;
}
.publisher-section .publishers .OT_widget-container {
  background-color: #FFFFFF;
  border-radius: 5px;
}
.publisher-section .publishers .OT_video-element {
  border-radius: 5px;
}
.publisher-section .publishers .OT_audio-only .OT_video-poster {
  display: flex;
  opacity: 1;
}
.publisher-section .publishers .OT_audio-only .OT_video-element {
  display: block;
  opacity: 0;
}
.publisher-section .publishers .OT_audio-level-meter,
.publisher-section .publishers .OT_video-disabled-indicator {
  display: none;
}
.publisher-section .publishers .video-chat-options {
  position: relative;
}
.publisher-section .publishers .OT_publisher,
.publisher-section .publishers .OT_subscriber {
  border-radius: 6px;
  border: 2px solid #FFFFFF;
  height: 0;
  overflow: hidden;
}
.publisher-section .publishers .mini-video-panel .option-panel {
  opacity: 1;
  margin-bottom: 0px;
}
.publisher-section .publishers .mini-video-panel .option-panel .btn-group {
  display: flex;
  left: 0px;
  bottom: -5px;
  position: absolute;
  border: none;
  background: none;
}
.publisher-section .publishers .mini-video-panel .option-panel .btn-group .indicator-container {
  display: flex;
}
.publisher-section .publishers .mini-video-panel .option-panel .btn-group .icon-container {
  height: 19px;
  width: 19px;
  margin: auto 0px 4px 2px;
  border-right: none;
  border-radius: 5px;
  background-color: #FF5252;
}
@media (max-width: 993px) {
  .publisher-section .publishers .mini-video-panel .option-panel .btn-group .icon-container {
    height: 15px;
    width: 14px;
  }
}
.publisher-section .publishers .mini-video-panel .option-panel .btn-group .icon-container .icon {
  width: 20px;
  padding: 0px;
  margin-bottom: -1px;
  border: none;
  transform: scale(0.7);
  cursor: default;
  position: relative;
  margin-left: -1px;
  margin-top: -3px;
}
@media (max-width: 993px) {
  .publisher-section .publishers .mini-video-panel .option-panel .btn-group .icon-container .icon {
    transform: scale(0.55);
    margin-left: -3px;
    margin-top: -5px;
  }
}
.publisher-section .publishers video-panel-indicators {
  height: 100%;
  padding-bottom: 2px;
  padding-left: 2px;
  position: absolute;
  width: 100%;
}
.vlcReportIssueForm .modal-body {
  padding-left: 30px;
  padding-right: 30px;
  border-bottom: 1px solid #ebebeb;
}
.vlcReportIssueForm .modal-body label {
  margin-bottom: 10px;
  display: block;
}
.vlcReportIssueForm .modal-body .issueTypesContainer {
  margin-bottom: 20px;
}
.vlcReportIssueForm .modal-body .issueTypesContainer button {
  border: 2px solid #888;
  border-radius: 0;
  padding: 10px;
  background-color: #fff;
  margin-right: 10px;
  margin-bottom: 10px;
  font-weight: bold;
  color: #444;
}
.vlcReportIssueForm .modal-body .issueTypesContainer button.selected {
  background-color: #1976d2;
  border: 2px solid #1976d2;
  color: #fff;
}
.vlcReportIssueForm .modal-body textarea {
  border: 3px solid #EBEBEB;
  border-radius: 6px;
  height: 100px;
  resize: vertical;
  width: 100%;
}
.vlcReportIssueForm .modal-footer button {
  width: 100%;
  padding: 10px;
}
.user-icon {
  margin: 0px 10px 0 0;
  width: 34px;
  opacity: 0.5;
}
.user-icon.present {
  opacity: 1;
}
.user-icon .block-inverse {
  cursor: pointer;
  border-radius: 50%;
  border: 2px solid;
  box-shadow: none;
}
.user-icon .block-inverse.coach-or-advisor {
  border-color: #2196F3;
}
.user-icon .block-inverse.student-1 {
  border-color: #50E3C2;
}
.user-icon .block-inverse.student-2 {
  border-color: #FFC107;
}
.user-icon .block-inverse.student-3 {
  border-color: #FF5252;
}
.user-icon .block-inverse.student-4 {
  border-color: #BBDEFB;
}
.user-icon .block-inverse.student-5 {
  border-color: #F8E71C;
}
.user-icon .block-inverse.student-6 {
  border-color: #00C853;
}
.user-icon .block-inverse.student-7 {
  border-color: #BD10E0;
}
.user-icon .block-inverse.student-8 {
  border-color: #0D47A1;
}
.user-icon .block-inverse.student-9 {
  border-color: #D80C81;
}
.user-icon .block-inverse.student-10 {
  border-color: #7ED321;
}
.user-icon .block-inverse.student-11 {
  border-color: #FF8AE2;
}
.user-icon .block-inverse .head-inverse {
  padding: 0px;
  border-radius: 50%;
  border-bottom: 0px;
}
.user-icon .block-inverse .head-inverse .img-responsive {
  border-radius: 50%;
  width: 25px;
  height: 25px;
}
.user-icon.navbar-icon {
  transition: margin-right 0.4s cubic-bezier(0.57, 0.07, 0.44, 2) 0.2s, opacity 0.4s cubic-bezier(0.57, 0.07, 0.44, 2) 0.1s;
  position: relative;
  margin-right: 10px;
}
.user-icon.navbar-icon.ng-leave.ng-leave-active,
.user-icon.navbar-icon.ng-move,
.user-icon.navbar-icon.ng-enter {
  margin-right: -35px;
  opacity: 0;
}
.user-icon.navbar-icon.ng-leave,
.user-icon.navbar-icon.ng-move.ng-move-active,
.user-icon.navbar-icon.ng-enter.ng-enter-active {
  margin-right: 0px;
  opacity: 1;
}
.user-icon.navbar-icon .block-inverse .head-inverse .img-responsive {
  width: 30px;
  height: 30px;
}
transcript-download .chat-download {
  display: flex;
  position: relative;
  margin-bottom: 5px;
  border: 1px solid #EBEBEB;
  background-color: #FFFFFF;
  z-index: 3;
}
transcript-download .chat-download.top {
  height: 37px;
  width: 37px;
  top: -44px;
  right: 10px;
  float: right;
  border-radius: 18px;
}
transcript-download .chat-download.top .icon {
  margin: auto;
  transform: scale(0.8);
}
transcript-download .chat-download.top:hover {
  z-index: 4;
}
transcript-download .chat-download.left {
  right: 60px;
  bottom: 6px;
}
.max-input .tooltip-inner {
  margin-top: 24px;
  height: 40px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  color: #383838;
  background: #FAFAFA;
  border: #E4E4E4 solid 1px;
  -webkit-filter: drop-shadow(0px 2px 5px #EBEBEB);
  filter: drop-shadow(0px 2px 5px #EBEBEB);
}
.max-input .tooltip-arrow {
  border-top-color: #E4E4E4 !important;
}
#audio-video-settings .error {
  background-color: #FFADAD;
  border-radius: 5px;
  color: #333;
  margin-top: 5px;
  padding: 10px 15px;
}
#audio-video-settings .indicator {
  background-color: #d8d8d8;
  border-radius: 20px;
  display: inline-block;
  height: 20px;
  margin-left: 2px;
  width: 10px;
}
#audio-video-settings .indicator.active {
  background-color: #1976d2;
}
#audio-video-settings .flex {
  display: flex;
}
#audio-video-settings #camera-preview {
  background-color: #4a4a4a;
  border-radius: 10px;
  height: 200px;
  position: relative;
}
#audio-video-settings #camera-preview .OT_publisher {
  margin: 1% auto;
}
#audio-video-settings #camera-preview .icon-container {
  bottom: 0;
  justify-content: center;
  margin: 0 164px;
  position: absolute;
  z-index: 3;
}
#audio-video-settings #camera-preview .icon-container .icon {
  align-items: center;
  background: none;
  border: 0.5px solid white;
  border-radius: 50%;
  color: white;
  display: flex;
  font-size: 20px;
  height: 40px;
  justify-content: center;
  margin: 2px 5px;
  width: 40px;
}
#audio-video-settings #camera-preview .icon-container .icon.disabled {
  background-color: #c62827;
}
#audio-video-settings #camera-preview .icon-container .icon.muted .video-camera {
  height: 25px;
  width: 25px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position-y: center;
  background-image: url('/assets/img/icons/camera-inactive.png');
}
#audio-video-settings #camera-preview .icon-container .icon:hover {
  cursor: pointer;
}
#payment-view-for-coaches #date-select-container {
  margin: 10px;
  text-align: center;
}
#payment-view-for-coaches #date-select-container .arrow-button#previous-payment {
  margin-left: 4px;
}
#payment-view-for-coaches #date-select-container .arrow-button#next-payment {
  margin-right: 4px;
}
#payment-view-for-coaches #date-select-container #payment-select {
  margin-top: -2px;
  height: 30px;
  width: 280px;
}
@media (max-width: 500px) {
  #payment-view-for-coaches #date-select-container #payment-select {
    width: 250px;
  }
}
#payment-view-for-coaches #payment-duration-statement {
  background-color: #fcf4de;
  color: #565553;
  min-height: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 5px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.26);
  border: 1px solid #eeeeee;
  font-weight: bold;
  font-size: 16px;
}
#payment-view-for-coaches #payment-duration-statement .fa {
  color: #ffba00;
}
#payment-view-for-coaches .general-panel-structure {
  border-radius: 5px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.26);
  border: 1px solid #eeeeee;
  margin-top: 15px;
  background-color: #fcfcfc;
}
#payment-view-for-coaches .general-panel-structure .title-line {
  font-weight: bold;
  text-align: center;
  margin-bottom: 15px;
}
#payment-view-for-coaches .general-panel-structure .payment-summary-container {
  margin-bottom: 10px;
}
#payment-view-for-coaches .general-panel-structure .payment-summary-container .category-value-container {
  display: inline-block;
  width: 100%;
}
#payment-view-for-coaches .general-panel-structure .payment-summary-container .category-value-container .category-title {
  text-align: left;
}
#payment-view-for-coaches .general-panel-structure .payment-summary-container .category-value-container .category-title.bold {
  font-weight: bold;
}
#payment-view-for-coaches .general-panel-structure .payment-summary-container .category-value-container .category-value {
  text-align: right;
}
#payment-view-for-coaches .general-panel-structure .payment-summary-container .category-value-container .category-value .label.label-current {
  background-color: #1e8bf1;
}
#payment-view-for-coaches .general-panel-structure .payment-summary-container .category-value-container .category-value .label.label-pending-payment {
  background-color: #ff4748;
}
#payment-view-for-coaches .general-panel-structure .payment-summary-container .category-value-container .category-value .label.label-processed {
  background-color: #00bc46;
}
#payment-view-for-coaches .general-panel-structure .no-items-to-display {
  text-align: center;
  padding-bottom: 10px;
}
.coach-payment-context .label-upcoming {
  background-color: #0e3f96;
}
.coach-payment-context .label-current {
  background-color: #1e8bf1;
}
.coach-payment-context .label-retired {
  background-color: #ff4748;
}
.coach-payment-context .label-cancelled {
  background-color: #bf4748;
}
.coach-payment-context .label-pending-payment {
  background-color: #ff4748;
}
.coach-payment-context .label-processed {
  background-color: #00bc46;
}
.coach-payment-context .fa-cog {
  color: #1976d2;
  cursor: pointer;
}
.coach-payment-context .fa-cog.fa-cog-closed {
  color: #aaaaaa;
  cursor: not-allowed;
}
.coach-payment-context .dropleft {
  transform: translate3d(-163px, 0px, 0px);
  top: 0;
  left: 0;
}
.coach-payment-context .dropleft li a.alert-actions {
  color: #3d90c7;
  cursor: pointer;
}
.coach-payment-context .dropleft li a.alert-actions[disabled] {
  color: #dcdcdc;
  cursor: not-allowed;
}
.icon-container {
  display: inline-block;
  margin: auto;
}
.icon-container .icon {
  height: 19px;
  width: 18px;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-container .icon.course-outline {
  background-image: url(/assets/img/icons/course-outline.svg);
}
.icon-container .icon.chevron-right {
  background-image: url(/assets/img/icons/chevron-right.svg);
}
.icon-container .icon.camera-button {
  background-image: url(/assets/img/icons/camera-button.svg);
}
.icon-container .icon.mute-button {
  background-image: url(/assets/img/icons/mute-button.svg);
}
.icon-container .icon.maximize {
  background-image: url(/assets/img/icons/maximize.svg);
}
.icon-container .icon.minimize {
  background-image: url(/assets/img/icons/minimize.svg);
}
.icon-container .icon.ready {
  background-color: #2196F3;
}
.writing-lab-navbar {
  background-color: #1976d2;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
}
@media (min-width: 768px) {
  .writing-lab-navbar .navbar-right {
    margin-right: 15px;
  }
}
.writing-lab-navbar .dropdown .nav-button .writing-lab-nav-button {
  color: #fff;
}
.writing-lab-navbar .dropdown .nav-button .writing-lab-nav-button:hover,
.writing-lab-navbar .dropdown .nav-button .writing-lab-nav-button:focus {
  background-color: #176abd;
}
.writing-lab-navbar .dropdown .nav-button .writing-lab-nav-button.active {
  background-color: #145ea8;
}
@media (min-width: 769px) {
  .writing-lab-navbar .dropdown .nav-button .writing-lab-nav-button#logout-button {
    background-color: #FF5252;
  }
  .writing-lab-navbar .dropdown .nav-button .writing-lab-nav-button#logout-button:hover,
  .writing-lab-navbar .dropdown .nav-button .writing-lab-nav-button#logout-button:focus {
    background-color: #cc4141;
  }
}
.writing-lab-navbar .navbar-toggle {
  border-color: #fff;
}
.writing-lab-navbar .navbar-toggle:hover,
.writing-lab-navbar .navbar-toggle:focus {
  background-color: #1976D2;
}
.writing-lab-navbar .navbar-toggle .icon-bar {
  background-color: #fff;
}
@media (max-width: 768px) {
  .writing-lab-side-nav {
    height: 100%;
    /* 100% Full-height */
    width: 0;
    /* 0 width - active class */
    position: fixed;
    /* Stay in place */
    z-index: 2;
    /* Stay on top */
    padding-bottom: 50px;
    left: 0;
    background-color: #2196f3;
    overflow-x: hidden;
    /* Disable horizontal scroll */
    overflow-y: scroll;
    padding-top: 15px;
    /* Place content 60px from the top */
    transition: 0.5s width ease-in-out;
    /* 0.5 second transition effect to slide in the sidenav */
  }
  .writing-lab-side-nav.active {
    width: 110%;
  }
}
@media (min-width: 769px) {
  .writing-lab-side-nav {
    display: none;
  }
}
.writing-lab-side-nav > ul {
  list-style-type: none;
}
.writing-lab-side-nav > ul > li {
  margin-bottom: 10px;
}
.writing-lab-side-nav > ul > li.active > a {
  border-left: #fff 3px solid;
  padding-left: 5px;
}
.writing-lab-side-nav > ul > li.active ul {
  display: block;
}
.writing-lab-side-nav > ul > li > a {
  color: #fff;
  font-size: 20px;
}
.writing-lab-side-nav > ul > li > a:hover,
.writing-lab-side-nav > ul > li > a:focus {
  font-weight: 600;
  text-decoration: none;
}
.writing-lab-side-nav > ul > li ul {
  display: none;
  list-style-type: none;
}
.writing-lab-side-nav > ul > li ul li {
  font-size: 15px;
}
.writing-lab-side-nav > ul > li ul li a {
  color: #fff;
}
.writing-lab-side-nav > ul > li ul li a:hover,
.writing-lab-side-nav > ul > li ul li a:focus {
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
}
.writing-lab-side-nav > ul > li ul li.active > a {
  border-left: #fff 3px solid;
  padding-left: 5px;
}
.writing-lab-side-nav #close-button {
  color: #fff;
  position: absolute;
  right: 10%;
  font-size: 27px;
  top: 8px;
  outline-style: none;
}
.writing-lab-side-nav #close-button:hover,
.writing-lab-side-nav #close-button:focus {
  cursor: pointer;
}
#writing-lab-home-container {
  margin-top: 50px;
  padding-left: 10%;
  padding-right: 10%;
}
#writing-lab-home-container #title-area {
  text-align: center;
}
#writing-lab-home-container #title-area h3 {
  color: #818490;
  font-size: 15px;
}
#writing-lab-home-container #content-area {
  padding-top: 25px;
}
#writing-lab-home-container #content-area .unit-container {
  cursor: pointer;
  float: left;
  margin-bottom: 50px;
  max-height: 255px;
}
@media (max-width: 999px) {
  #writing-lab-home-container #content-area .unit-container {
    width: 100%;
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1000px) {
  #writing-lab-home-container #content-area .unit-container {
    width: 30%;
    margin-left: 2.5%;
    min-height: 255px;
  }
}
#writing-lab-home-container #content-area .unit-container:hover,
#writing-lab-home-container #content-area .unit-container:focus {
  text-decoration: none;
  box-shadow: none;
}
#writing-lab-home-container #content-area .unit-container:hover .icon-container,
#writing-lab-home-container #content-area .unit-container:focus .icon-container {
  box-shadow: 5px 15px 29px rgba(0, 0, 0, 0.5);
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  transform: scale(1.05);
}
#writing-lab-home-container #content-area .unit-container .icon-container {
  background-color: #fff;
  border-radius: 3px;
  border: 1pt solid rgba(187, 222, 251, 0.6);
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  min-height: 200px;
  max-height: 200px;
  position: relative;
  transition: all 0.2s ease-in-out;
  width: 100%;
  z-index: 1;
}
#writing-lab-home-container #content-area .unit-container .icon-container .icon {
  background: none;
  display: block;
  height: 90px;
  margin: 0 auto;
  padding: 5px;
  position: relative;
  top: 50px;
  width: auto;
}
#writing-lab-home-container #content-area .unit-container .unit-description-box {
  background-color: rgba(187, 222, 251, 0.3);
  border: 1pt solid rgba(187, 222, 251, 0.6);
  border-radius: 3px;
  width: 100%;
  max-height: 55px;
  padding-bottom: 75px;
  top: -10px;
  z-index: 0;
  position: relative;
}
#writing-lab-home-container #content-area .unit-container .unit-description-box h3 {
  font-size: 15px;
  height: 35px;
  margin: 0 auto;
  padding: 20px;
  text-align: center;
  color: #3674a3;
}
#writing-lab-home-container #content-area .unit-container .unit-description-box .unit-description {
  color: #6b6e7a;
  display: block;
  font-size: 12px;
  margin-bottom: 10px;
  margin: 0 auto;
  position: relative;
  text-align: center;
  width: 100%;
  padding-right: 10px;
}
.writing-lab-section-container {
  margin-top: 50px;
}
.writing-lab-section-container .title-area {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  position: absolute;
  text-align: center;
}
@media (max-width: 767px) {
  .writing-lab-section-container .title-area {
    width: 90%;
    margin-top: 10px;
  }
}
@media (min-width: 768px) and (max-width: 999px) {
  .writing-lab-section-container .title-area {
    -webkit-transform: none;
    transform: none;
    left: 0;
    width: 80%;
    margin-left: 17%;
  }
}
@media (min-width: 1000px) and (max-width: 1443px) {
  .writing-lab-section-container .title-area {
    -webkit-transform: none;
    transform: none;
    left: 0;
    width: 80%;
    margin-left: 15%;
  }
}
.writing-lab-section-container .title-area h1 {
  font-weight: 400;
  margin-bottom: 5px;
  margin-top: 15px;
  color: #3A3B3B;
}
.writing-lab-section-container .title-area h3 {
  color: #818490;
  font-size: 15px;
  margin-top: 10px;
}
.writing-lab-section-container .writing-lab-sidebar {
  margin-bottom: 20px;
  margin-top: 20px;
  padding-left: 20px;
  z-index: 2;
}
.writing-lab-section-container .writing-lab-sidebar .nav > li > a {
  border-left: 2px solid transparent;
  color: #818490;
  font-size: 13px;
  font-weight: 400;
  padding: 4px 20px;
}
.writing-lab-section-container .writing-lab-sidebar .nav > li > a:hover,
.writing-lab-section-container .writing-lab-sidebar .nav > li > a:focus {
  background-color: transparent;
  border-left-color: #2196FC;
  color: #2196FC;
  cursor: pointer;
  text-decoration: none;
}
.writing-lab-section-container .writing-lab-sidebar .nav .nav > li > a {
  font-size: 12px;
  padding-bottom: 1px;
  padding-left: 30px;
  padding-top: 1px;
}
.writing-lab-section-container .writing-lab-sidebar .nav .nav > .active > a {
  font-weight: 500;
}
.writing-lab-section-container .writing-lab-sidebar .nav .nav > .active:hover > a,
.writing-lab-section-container .writing-lab-sidebar .nav .nav > .active:focus > a {
  font-weight: 500;
}
.writing-lab-section-container .writing-lab-sidebar .nav ul.nav {
  display: none;
}
.writing-lab-section-container .writing-lab-sidebar .nav > .active > a {
  background-color: transparent;
  border-left-color: #2196FC;
  color: #2196FC;
  font-weight: 700;
  text-decoration: none;
}
.writing-lab-section-container .writing-lab-sidebar .nav > .active:hover > a,
.writing-lab-section-container .writing-lab-sidebar .nav > .active:focus > a {
  font-weight: 700;
}
.writing-lab-section-container .writing-lab-sidebar .nav > .active > ul.nav {
  display: block;
}
.writing-lab-section-container .content-area {
  text-align: center;
  width: 100%;
  margin-top: 110px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .writing-lab-section-container .content-area {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 768px) and (max-width: 1443px) {
  .writing-lab-section-container .content-area {
    width: 80%;
    margin-left: 15%;
  }
}
@media (min-width: 1444px) {
  .writing-lab-section-container .content-area {
    width: 80%;
    margin-left: 10%;
    margin-top: 130px;
  }
}
.writing-lab-section-container .content-area .HYPE_scene {
  overflow: visible !important;
}
@media (min-width: 320px) and (max-width: 767px) {
  .writing-lab-section-container .content-area .HYPE_scene {
    transform: scale(0.6);
  }
}
@media (min-width: 480px) and (max-width: 1050) {
  .writing-lab-section-container .content-area .HYPE_scene {
    transform: scale(0.75);
  }
}
@media (min-width: 768px) and (max-width: 1443px) {
  .writing-lab-section-container .content-area .HYPE_scene {
    top: 70px;
  }
}
@media (min-width: 1444px) {
  .writing-lab-section-container .content-area .HYPE_scene {
    transform: scale(1.2);
    top: 10px;
  }
}
.writing-lab-section-container .content-area h4 {
  text-align: justify;
  color: #3A3B3B;
  width: 75%;
  display: block;
  margin: 0 auto;
  padding-top: 10px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .writing-lab-section-container .content-area h4 {
    font-size: 14px;
    width: 95%;
  }
}
@media (min-width: 768px) and (max-width: 1443px) {
  .writing-lab-section-container .content-area h4 {
    font-size: 15px;
  }
}
.writing-lab-section-container .content-area ul {
  list-style-type: none;
  text-align: justify;
}
@media (min-width: 320px) and (max-width: 991px) {
  .writing-lab-section-container .content-area ul {
    -webkit-padding-start: 0px;
  }
}
.writing-lab-section-container .content-area ul li a {
  font-weight: 300;
}
.writing-lab-section-container .content-area ul li a:hover,
.writing-lab-section-container .content-area ul li a:focus {
  cursor: pointer;
  text-decoration: none;
}
.writing-lab-section-container .content-area .writing-lab-outer-video-container {
  width: 75%;
  position: relative;
  border: 1px solid rgba(187, 222, 251, 0.2);
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.12);
  border-radius: 3px;
  display: block;
  margin: 0 auto;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .writing-lab-section-container .content-area .writing-lab-outer-video-container {
    width: 95%;
  }
}
.writing-lab-section-container .content-area .writing-lab-outer-video-container .writing-lab-video-container {
  height: 0;
  width: 100%;
  transform: scale(0.98);
  margin-top: 4px;
  margin-bottom: 4px;
  overflow: hidden;
  padding-bottom: 56.25%;
}
.writing-lab-section-container .content-area .writing-lab-outer-video-container .writing-lab-video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.writing-lab-unit-subtopic-list-item {
  background-color: rgba(187, 222, 251, 0.3);
  border-radius: 3px;
  border: 1pt solid rgba(187, 222, 251, 0.6);
  height: 255px;
  margin-bottom: 2.5%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center;
  width: 75%;
  min-width: 275px;
  float: none;
}
@media (min-width: 1000px) and (max-width: 1201px) {
  .writing-lab-unit-subtopic-list-item {
    float: left;
    width: 45%;
    margin-left: 2.5%;
  }
}
@media (min-width: 1202px) {
  .writing-lab-unit-subtopic-list-item {
    float: left;
    width: 30%;
    margin-left: 2.5%;
  }
}
.writing-lab-unit-subtopic-list-item .writing-lab-unit-subtopic {
  background-color: #fff;
  border: 1pt solid rgba(187, 222, 251, 0.2);
  /*box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.12);*/
  border-bottom: 1pt solid rgba(187, 222, 251, 0.6);
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  color: #2196f3;
  display: block;
  font-size: 15px;
  height: 200px;
  margin: 0 auto;
  padding-top: 85px;
  position: absolute;
  text-align: center;
  transition: all 0.2s ease-in-out;
  width: 100%;
}
.writing-lab-unit-subtopic-list-item .writing-lab-unit-subtopic:hover {
  box-shadow: 5px 15px 29px rgba(0, 0, 0, 0.5);
  transform: scale(1.05);
}
.writing-lab-unit-subtopic-list-item .writing-lab-unit-subtopic-description {
  color: #818490;
  display: block;
  font-size: 12px;
  margin: 0 auto;
  position: relative;
  text-align: center;
  top: 210px;
  width: 90%;
}
#cite-up-container {
  padding-top: 90px;
  min-height: 400px;
}
@media screen and (max-width: 768px) {
  #cite-up-container {
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  #cite-up-container {
    margin-left: 300px;
  }
}
#cite-up-container h3.message {
  text-align: center;
}
@media screen and (min-width: 769px) {
  #cite-up-container h3.message {
    margin-left: -300px;
  }
}
#cite-up-container h3.message.ng-enter {
  -webkit-transition-delay: 2s;
  /* Safari */
  transition-delay: 2s;
  animation: 1s appear;
}
#cite-up-container h3.message.ng-leave {
  animation: 0s disappear;
}
#cite-up-container .flipper {
  float: left;
  max-width: 375px;
  position: relative;
  height: auto;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  margin: 1%;
  vertical-align: top;
  border-radius: 1px;
  -webkit-border-radius: 1px;
  box-shadow: -2px 3px 5px 0px rgba(0, 0, 0, 0.27);
  -webkit-box-shadow: -2px 3px 5px 0px rgba(0, 0, 0, 0.27);
}
@media screen and (max-width: 768px) {
  #cite-up-container .flipper {
    max-width: 325px;
  }
}
@media screen and (min-width: 769px) {
  #cite-up-container .flipper {
    max-width: 375px;
  }
}
#cite-up-container .flipper .card-side {
  position: relative;
  width: auto;
  max-width: 375px;
  height: auto;
  min-height: 180px;
  display: inline-block;
  vertical-align: top;
}
#cite-up-container .flipper .card-side.front,
#cite-up-container .flipper .card-side.back {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  top: 0px;
  left: 0px;
  background-color: #fff;
}
#cite-up-container .flipper .card-side.front .flip-button,
#cite-up-container .flipper .card-side.back .flip-button {
  text-align: center;
  background-color: #fff;
  top: 5px;
  right: 5px;
  position: absolute;
  width: 30px;
  height: 30px;
  line-height: 5px;
  font-weight: 400;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  font-size: 15px;
  border: 0px solid #EFEFEF;
  font-family: 'Helvetica Neue', 'arial', 'sans serif';
  cursor: pointer;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  z-index: 71;
}
#cite-up-container .flipper .card-side.front .flip-button.mla,
#cite-up-container .flipper .card-side.back .flip-button.mla {
  color: #2196F3;
}
#cite-up-container .flipper .card-side.front .flip-button.apa,
#cite-up-container .flipper .card-side.back .flip-button.apa {
  color: #FF5252;
}
#cite-up-container .flipper .card-side.front .flip-button.cms,
#cite-up-container .flipper .card-side.back .flip-button.cms {
  color: #00C853;
}
#cite-up-container .flipper .card-side.front .flip-button:focus,
#cite-up-container .flipper .card-side.back .flip-button:focus {
  box-shadow: 0px 1px 2px #1976d2;
}
#cite-up-container .flipper .card-side.front .middle-card-text,
#cite-up-container .flipper .card-side.back .middle-card-text {
  float: right;
  font-family: 'Helvetica Neue', 'arial', 'sans-serif';
  margin-bottom: 45px;
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  font-size: 14px;
  color: #000;
  text-align: left;
}
#cite-up-container .flipper .card-side.front .middle-card-text.example-text.mla p strong,
#cite-up-container .flipper .card-side.back .middle-card-text.example-text.mla p strong {
  color: #2196F3;
  font-weight: normal;
}
#cite-up-container .flipper .card-side.front .middle-card-text.example-text.apa p strong,
#cite-up-container .flipper .card-side.back .middle-card-text.example-text.apa p strong {
  color: #FF626D;
  font-weight: normal;
}
#cite-up-container .flipper .card-side.front .middle-card-text.example-text.cms p strong,
#cite-up-container .flipper .card-side.back .middle-card-text.example-text.cms p strong {
  color: #00C853;
  font-weight: normal;
}
#cite-up-container .flipper .card-side.front .middle-card-text.citation-style.mla p strong,
#cite-up-container .flipper .card-side.back .middle-card-text.citation-style.mla p strong {
  color: #2196F3;
  font-weight: normal;
}
#cite-up-container .flipper .card-side.front .middle-card-text.citation-style.apa p strong,
#cite-up-container .flipper .card-side.back .middle-card-text.citation-style.apa p strong {
  color: #FF626D;
  font-weight: normal;
}
#cite-up-container .flipper .card-side.front .middle-card-text.citation-style.cms p strong,
#cite-up-container .flipper .card-side.back .middle-card-text.citation-style.cms p strong {
  color: #00C853;
  font-weight: normal;
}
#cite-up-container .flipper .card-side.front .middle-card-text.ng-enter,
#cite-up-container .flipper .card-side.back .middle-card-text.ng-enter {
  transition: 0.5s linear all;
  opacity: 0;
}
#cite-up-container .flipper .card-side.front .middle-card-text.ng-enter.ng-enter-active,
#cite-up-container .flipper .card-side.back .middle-card-text.ng-enter.ng-enter-active {
  opacity: 1;
}
#cite-up-container .flipper .card-side.front .middle-card-text > p,
#cite-up-container .flipper .card-side.back .middle-card-text > p {
  margin-left: 20px;
  text-indent: -30px;
  word-wrap: break-word;
}
#cite-up-container .flipper .card-side.front {
  width: 100%;
  transform: rotateY(0deg);
  transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transform: rotateY(0deg);
  -webkit-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
#cite-up-container .flipper .card-side.front h5 {
  display: block;
  float: left;
  top: 15px;
  font-weight: 700;
  position: relative;
  text-align: left;
  max-width: 190px;
  white-space: pre-wrap;
  word-wrap: normal;
  z-index: 70;
  font-family: 'Helvetica Neue-Medium', 'arial', 'sans-serif';
  font-size: 16px;
  color: #000;
  padding-bottom: 10px;
}
#cite-up-container .flipper .card-side.front .style-image {
  float: left;
  position: relative;
  top: -0.7em;
  transform: scale(0.85);
  -webkit-transform: scale(0.85);
  z-index: 1;
  margin-bottom: 10px;
}
#cite-up-container .flipper .card-side.front .example-card-container {
  width: 100px;
  height: 40px;
  position: absolute;
  float: right;
  bottom: 0px;
  right: 5px;
  cursor: pointer;
}
#cite-up-container .flipper .card-side.front .example-card-container .example-card {
  display: block;
  margin: 0 auto;
  z-index: 95;
  width: 75px;
  height: 25px;
  text-align: center;
  border-radius: 2px;
  font-family: 'Helvetica Neue', 'arial', 'sans-serif';
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  transition: 200ms margin-top ease-in;
  -webkit-transition: 200ms margin-top ease-in;
}
#cite-up-container .flipper .card-side.front .example-card-container .example-card.mla {
  background-color: #2196F3;
}
#cite-up-container .flipper .card-side.front .example-card-container .example-card.mla:hover,
#cite-up-container .flipper .card-side.front .example-card-container .example-card.mla:focus {
  background-color: rgba(33, 150, 243, 0.8);
}
#cite-up-container .flipper .card-side.front .example-card-container .example-card.apa {
  background-color: #FF5252;
}
#cite-up-container .flipper .card-side.front .example-card-container .example-card.apa:hover,
#cite-up-container .flipper .card-side.front .example-card-container .example-card.apa:focus {
  background-color: rgba(255, 82, 82, 0.8);
}
#cite-up-container .flipper .card-side.front .example-card-container .example-card.cms {
  background-image: linear-gradient(195deg, #21ACF3 50%, #0670A6 80%);
  -webkit-background-image: linear-gradient(195deg, #21ACF3 50%, #0670A6 100%);
}
#cite-up-container .flipper .card-side.front .example-card-container .example-card.cms:hover,
#cite-up-container .flipper .card-side.front .example-card-container .example-card.cms:focus {
  background-image: linear-gradient(195deg, #35B2F2 100%, #21ACF3 100%);
}
#cite-up-container .flipper .card-side.front .example-card-container .example-card.active {
  margin-top: -6px;
}
#cite-up-container .flipper .card-side.front .example-card-container img {
  display: block;
  margin: 0 auto;
  z-index: 100;
  position: absolute;
  transform: scale(0.85);
  -webkit-transform: scale(0.85);
  bottom: 5px;
  right: -7px;
}
#cite-up-container .flipper .card-side.back {
  transform: rotateY(180deg);
  transition: rotate 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transform: rotateY(180deg);
  -webkit-transition: rotate 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
  position: absolute;
  width: 100%;
}
#cite-up-container .flipper .card-side.back h4 {
  position: relative;
  display: block;
  margin: 0 auto;
  text-align: center;
  font-family: 'Helvetica Neue-Medium', 'arial', 'sans-serif';
  font-size: 17px;
  top: 20px;
  margin-bottom: 10px;
  font-weight: 700;
  color: #2196F3;
  width: 100px;
}
#cite-up-container .flipper .card-side.back h4.mla {
  color: #2196F3;
}
#cite-up-container .flipper .card-side.back h4.apa {
  color: #FF626D;
}
#cite-up-container .flipper .card-side.back h4.cms {
  color: #00C853;
}
#cite-up-container .flipper .card-side.back .bullets-and-explanations {
  float: right;
  font-family: 'Helvetica Neue', 'arial', 'sans-serif';
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  font-size: 14px;
  color: #000;
  text-align: left;
  margin-top: 5px;
}
#cite-up-container .flipper .card-side.back .bullets-and-explanations:first-of-type {
  margin-top: 20px;
}
#cite-up-container .flipper .card-side.back .bullets-and-explanations:last-of-type {
  margin-bottom: 10px;
}
#cite-up-container .flipper .card-side.back .bullets-and-explanations .bullet {
  display: inline-flex;
  display: flex;
}
#cite-up-container .flipper .card-side.back .bullets-and-explanations .bullet:before {
  content: "• ";
}
#cite-up-container .flipper .card-side.back .bullets-and-explanations .bullet p {
  margin: 0px;
  font-size: 15px;
  margin-left: 5px;
}
#cite-up-container .flipper .card-side.back .bullets-and-explanations .bullet.mla {
  color: #2196F3;
}
#cite-up-container .flipper .card-side.back .bullets-and-explanations .bullet.apa {
  color: #FF626D;
}
#cite-up-container .flipper .card-side.back .bullets-and-explanations .bullet.cms {
  color: #00C853;
}
#cite-up-container .flipper .card-side.back .bullets-and-explanations .explanation p {
  margin: 0px;
  color: darkgrey;
  margin-left: 15px;
}
.sidenav {
  height: 100%;
  /* 100% Full-height */
  width: 0;
  /* 0 width - active class */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Stay on top */
  margin-top: 50px;
  left: 0;
  background-color: #1976d2;
  overflow-x: hidden;
  /* Disable horizontal scroll */
  overflow-y: hidden;
  padding-top: 15px;
  /* Place content 60px from the top */
  transition: 0.5s width ease-in-out;
  /* 0.5 second transition effect to slide in the sidenav */
}
@media screen and (max-width: 768px) {
  .sidenav.active {
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .sidenav {
    width: 300px;
  }
}
.sidenav .option-container {
  height: calc(100% - 80px);
  overflow-y: auto;
}
.sidenav .option-container fieldset {
  margin-left: 5%;
}
.sidenav .option-container fieldset:last-of-type {
  margin-bottom: 15px;
}
.sidenav .option-container fieldset input[type="checkbox"] {
  cursor: pointer;
  margin-left: 10px;
  z-index: 100;
  opacity: 0;
}
.sidenav .option-container fieldset input[type="checkbox"]:focus ~ label::after {
  opacity: 0.75;
}
.sidenav .option-container fieldset h4 {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}
.sidenav .option-container fieldset label {
  display: inline-block;
  position: relative;
  left: -29px;
  z-index: -2;
  color: #fff;
}
.sidenav .option-container fieldset label::before,
.sidenav .option-container fieldset label::after {
  content: '';
  display: inline-block;
}
.sidenav .option-container fieldset label::before {
  left: 0px;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  margin-right: 5px;
  background: none;
  border-radius: 3px;
  border: 1px dotted #fff;
  z-index: -1;
}
.sidenav .option-container fieldset label::after {
  content: '';
  float: left;
  z-index: -2;
  left: 15px;
  top: 6px;
  width: 11px;
  height: 11px;
  border-radius: 2px;
  background: #fff;
  opacity: 0;
  pointer-events: none;
  position: relative;
}
.sidenav .option-container fieldset input:checked ~ label::after {
  opacity: 1;
}
.sidenav .button-container #close-menu {
  color: #fff;
  font-size: 27px;
  top: 7px;
  position: absolute;
  right: 15px;
  outline-style: none;
}
.sidenav .button-container #close-menu:hover,
.sidenav .button-container #close-menu:focus {
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .sidenav .button-container #close-menu {
    display: none;
  }
}
button.btn-writing-lab {
  color: #fff;
  background-color: #2196F3;
  border-color: #2196F3;
}
button.btn-writing-lab:active,
button.btn-writing-lab:hover,
button.btn-writing-lab:focus {
  color: #fff;
  background-color: #0d8aee;
  border-color: #0c7cd5;
}
button.writing-lab-alternate {
  background-color: #FF5252;
  border-color: #FF5252;
  color: #fff;
}
button.writing-lab-alternate:active,
button.writing-lab-alternate:hover,
button.writing-lab-alternate:focus {
  background-color: #ff3939;
  border-color: #ff1f1f;
  color: #fff;
}
button#open-menu {
  font-size: 12px;
  top: 60px;
  position: absolute;
  left: 10px;
}
@media screen and (min-width: 768px) {
  button#open-menu {
    display: none;
  }
}
@media (max-width: 767px) {
  button#writing-lab-expand-menu {
    position: absolute;
    left: 10px;
    top: 20px;
  }
}
@media (min-width: 768px) {
  button#writing-lab-expand-menu {
    display: none;
  }
}
.mobile-view {
  -webkit-transition: opacity 0.2s ease 0.15s;
  transition: opacity 0.2s ease 0.15s;
  opacity: 1;
  background-color: #fff;
  margin: 0;
  padding: 0;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 15;
  position: fixed;
  text-align: center;
  height: 100%;
  width: 100%;
}
@media (orientation: landscape) {
  .mobile-view {
    opacity: 0;
    z-index: -10;
  }
}
.mobile-view .fa {
  transition: 1.5s;
  transform: rotate(90deg);
}
@media (orientation: landscape) {
  .mobile-view .fa {
    transition: 0s;
    transform: rotate(0deg);
  }
}
.titleBarButton {
  margin-top: -4px;
}
.prewrap {
  white-space: pre-wrap;
}
#advisorContainer {
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
}
#advisorContainer .advisorPresentation {
  width: 100%;
  height: 70px;
  border-radius: 5px;
}
#advisorContainer .advisorPresentation .advisorProfilePicture {
  float: left;
}
#advisorContainer .advisorPresentation .advisorProfilePicture div {
  background-size: cover !important;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin-left: 10px;
}
#advisorsStudentContainer {
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
}
#advisorsStudentContainer .studentPresentation {
  width: 100%;
  height: 45px;
  border-radius: 5px;
}
#advisorsStudentContainer .studentPresentation .studentProfilePicture {
  float: left;
}
#advisorsStudentContainer .studentPresentation .studentProfilePicture div {
  background-size: cover !important;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-left: 10px;
}
#advisorsStudentContainer .studentPresentation h4 {
  float: left;
  margin-top: 8px;
  margin-left: 10px;
}
#advisorsStudentContainer .studentPresentation button {
  float: right;
  margin-top: 3px;
}
.studentNoteContainer {
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
}
.studentNoteContainer .notePresentation {
  width: 100%;
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, 0 0 0 0 transparent;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 10px;
  padding-bottom: 2px;
}
.studentNoteContainer .notePresentation .nameAndDateContainer {
  height: 30px;
}
.studentNoteContainer .notePresentation .nameAndDateContainer .messageCreated {
  color: #aaa;
}
.studentNoteContainer .notePresentation .noteContentsContainer {
  display: inline-block;
  padding-bottom: 5px;
  overflow-y: auto;
  width: 100%;
}
.studentNoteContainer .notePresentation .actionContainer {
  height: 23px;
  margin-bottom: 5px;
}
.studentNoteContainer .notePresentation .actionContainer .archiveButton {
  float: right;
}
.studentNoteContainer .notePresentation .actionContainer .viewNoteButton {
  float: left;
}
.skillAndLanguageRow {
  min-height: 30px;
  font-size: 15px;
  border-radius: 3px;
  margin-bottom: 2px;
  border: 1px #d9d9d9 solid;
  padding-top: 4px;
  margin-bottom: 5px;
}
.skillAndLanguageRow:last-of-type {
  margin-bottom: 0px;
}
.skillAndLanguageRow .modifyObjectButton {
  position: absolute;
  right: 5px;
}
.skillAndLanguageRow .modifyObjectButton a .delete {
  color: #d9534f;
}
.skillAndLanguageRow .modifyObjectButton a .add {
  color: #337ab7;
}
.skillAndLanguageRow .modifyObjectButton a .deeper {
  color: black;
}
.skillAndLanguageRow .modifyObjectButton a .previouslyAdded {
  color: green;
}
.skillAndLanguageRow .stackedModifyObjectButton {
  float: right;
  margin-right: 5px;
}
.skillAndLanguageRow .stackedModifyObjectButton a .delete {
  color: #d9534f;
}
.skillAndLanguageRow .stackedModifyObjectButton a .add {
  color: #337ab7;
}
.skillAndLanguageRow .stackedModifyObjectButton a .deeper {
  color: black;
}
.skillAndLanguageRow .stackedModifyObjectButton a .previouslyAdded {
  color: green;
}
#viewAllStudentNote {
  max-height: 120px;
  overflow-y: auto;
}
@media (max-width: 549px) {
  #adviseUpSchoolsAdvisors .head-inverse .titleBarButton {
    width: 100%;
  }
  #adviseUpSchoolsAdvisors .head-inverse .titleBarButton button {
    margin-top: 15px;
    width: 100%;
  }
}
@media (min-width: 550px) {
  #adviseUpSchoolsAdvisors .head-inverse .titleBarButton {
    float: right;
  }
  #adviseUpSchoolsAdvisors .head-inverse .titleBarButton .dropdown-menu {
    right: 0;
    left: auto;
  }
}
#schoolsAdvisorsContainer {
  min-height: 200px;
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
}
#schoolsAdvisorsContainer .schoolAdvisorPresentation {
  float: left;
  width: 100%;
  min-height: 70px;
  border-radius: 5px;
  margin-bottom: 10px;
}
#schoolsAdvisorsContainer .schoolAdvisorPresentation .advisorProfilePicture {
  float: left;
  width: 15%;
}
#schoolsAdvisorsContainer .schoolAdvisorPresentation .advisorProfilePicture div {
  background-size: cover !important;
  margin: auto;
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
@media (max-width: 549px) {
  #schoolsAdvisorsContainer .schoolAdvisorPresentation .advisorProfilePicture div {
    width: 40px;
    height: 40px;
  }
}
#schoolsAdvisorsContainer .schoolAdvisorPresentation .pull-right {
  width: 20%;
}
@media (max-width: 549px) {
  #schoolsAdvisorsContainer .schoolAdvisorPresentation .pull-right {
    width: 100%;
    margin: 10px 0;
  }
}
#schoolsAdvisorsContainer .schoolAdvisorPresentation .pull-right .btn-xs {
  padding: 3px 8px;
  width: 100%;
}
#schoolsAdvisorsContainer .schoolAdvisorPresentation .pull-right button {
  margin-top: 5px;
}
#schoolsAdvisorsContainer .schoolAdvisorPresentation .advisor-info {
  float: left;
  width: 60%;
  padding-left: 5px;
}
@media (max-width: 549px) {
  #schoolsAdvisorsContainer .schoolAdvisorPresentation .advisor-info {
    width: 85%;
  }
}
#schoolsAdvisorsContainer .schoolAdvisorPresentation .advisor-info h3 {
  margin-top: 0;
  margin-bottom: 5px;
}
#schoolsAdvisorsContainer .schoolAdvisorPresentation .advisor-info h4 {
  left: 90px;
  position: absolute;
  margin-top: 2px;
}
#schoolsAdvisorsContainer .schoolAdvisorPresentation .advisor-info h5 {
  margin-left: 80px;
  padding-top: 25px;
  padding-right: 10px;
}
/**********************************
NOTIFICATIONS
**********************************/
.notification-holder {
  border-bottom: 1px solid #EEE;
  margin-top: 5px;
}
.notification-holder:last-of-type {
  border-bottom: none;
}
.notification-holder:first-of-type {
  margin-top: 0px;
}
.notification-holder .mark-as-read {
  float: right;
  margin-left: 5px;
}
/**********************************
AVAILABILITY
**********************************/
.availability-view {
  height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
}
.availability-view .week-view {
  font-size: 12px;
}
.availability-view .week-view .day-container {
  margin-top: 25px;
}
.availability-view .week-view .day-container .day-header {
  color: black;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 10px;
  margin-right: 32px;
  text-align: left;
  width: 30%;
}
.availability-view .week-view .day-container .title-container {
  width: auto;
  color: #939393;
  display: flex;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
}
.availability-view .week-view .day-container .title-container .online-title {
  margin-top: 12px;
  width: 20%;
}
.availability-view .week-view .day-container .title-container .online-title.for-advisor {
  width: 30%;
}
.availability-view .week-view .day-container .title-container .in-person-title {
  margin-top: 12px;
  width: 30%;
}
.availability-view .week-view .day-container .title-container .in-person-title.for-advisor {
  width: 40%;
}
.availability-view .week-view .day-container .title-container .student-title {
  margin-top: 12px;
  width: 20%;
}
.availability-view .week-view .day-container .attr-display {
  width: auto;
  margin-bottom: 5px;
  margin-left: 32px;
  display: -webkit-inline-box;
  display: flex;
  border-radius: 4px;
  border: 1px solid #ECECEC;
  background-color: #FAFAFA;
  font-size: 12px;
}
.availability-view .week-view .day-container .attr-display .attr-container {
  text-align: center;
}
.availability-view .week-view .day-container .attr-display .attr-container.time-display {
  width: 30%;
  font-weight: 600;
  border-right: 1px #D9D9D9 solid;
}
.availability-view .week-view .day-container .attr-display .attr-container.time-display .time {
  margin-top: 5px;
  margin-bottom: 8px;
}
.availability-view .week-view .day-container .attr-display .attr-container.online-display {
  width: 20%;
  border-right: 1px #D9D9D9 solid;
}
.availability-view .week-view .day-container .attr-display .attr-container.online-display.for-advisor {
  width: 30%;
}
.availability-view .week-view .day-container .attr-display .attr-container.in-person-display {
  width: 30%;
  border-right: 1px #D9D9D9 solid;
}
.availability-view .week-view .day-container .attr-display .attr-container.in-person-display.for-advisor {
  width: 40%;
  border-right: none;
}
.availability-view .week-view .day-container .attr-display .attr-container.max-student-display {
  width: 20%;
}
.availability-view .week-view .day-container .attr-display .attr-container .attr-content {
  margin-bottom: 5px;
  padding-left: 3px;
  padding-right: 3px;
  margin-top: 5px;
}
.availability-view .week-view .day-container .attr-display .attr-container .not-applicable-text {
  margin-top: 5px;
  margin-bottom: 5px;
  color: #939393;
}
.availability-view .week-view .day-container .no-availabilities {
  color: #939393;
  font-size: 12px;
  margin-top: 5px;
  text-align: center;
}
.availability-view .all-view .section-title {
  background: #F5F5F5;
  border: 1px solid #eee;
  border-radius: 4px;
  margin: 20px 0 25px;
  padding: 10px;
}
.availability-view .all-view .section-title h5 {
  margin-top: 2px;
  margin-bottom: 2px;
  font-weight: 600;
  font-size: 16px;
}
.availability-view .all-view .section-title button {
  float: right;
  margin-top: -27px;
}
.availability-view .all-view .section-container {
  min-height: 40px;
  overflow-y: auto;
  overflow-x: hidden;
  margin-bottom: 10px;
  margin-top: -20px;
}
.availability-view .all-view .section-container .legend-container {
  min-height: 30px;
  width: 100%;
}
@media (max-width: 767px) {
  .availability-view .all-view .section-container .legend-container {
    font-size: 10.5px;
  }
}
.availability-view .all-view .section-container .legend-container .dot-option {
  margin-right: 1%;
  height: 100%;
  float: right;
  font-size: 12px;
}
.availability-view .all-view .section-container .legend-container .dot-option:last-of-type {
  margin-right: 0;
}
.availability-view .all-view .section-container .legend-container .dot-option .dot {
  height: 10px;
  width: 10px;
  border-radius: 50px;
  margin: 10px 0 0 10px;
  display: inline-block;
}
.availability-view .all-view .section-container .legend-container .dot-option .dot#has-unavailability {
  background-color: #2196f3;
}
.availability-view .all-view .section-container .legend-container .dot-option .dot#bi-weekly-this-week {
  background-color: #50E3C2;
}
.availability-view .all-view .section-container .legend-container .dot-option .dot#bi-weekly-next-week {
  background-color: #FFC107;
}
.availability-view .all-view .section-container .legend-container .dot-option .explanation {
  display: inline;
  color: #B2B2B2;
}
.availability-view .all-view .section-container .recurring-container {
  width: 100%;
  margin-top: 26px;
}
.availability-view .all-view .section-container .recurring-container:first-of-type {
  margin-top: 5px;
}
.availability-view .all-view .section-container .recurring-container .title-container {
  width: calc(100% - 30px);
  color: #9B9B9B;
  display: flex;
  text-align: center;
  font-weight: 600;
  font-size: 12px;
}
.availability-view .all-view .section-container .recurring-container .title-container .day-title {
  color: #424242;
  font-size: 14px;
  margin-bottom: 10px;
  padding-left: 1%;
  margin-right: 32px;
  text-align: left;
  width: 24.5%;
}
.availability-view .all-view .section-container .recurring-container .title-container .online-title {
  color: #9B9B9B;
  font-size: 12px;
  margin-top: 12px;
  width: 24.5%;
}
.availability-view .all-view .section-container .recurring-container .title-container .online-title.for-advisor {
  width: 35.25%;
}
.availability-view .all-view .section-container .recurring-container .title-container .in-person-title {
  color: #9B9B9B;
  font-size: 12px;
  margin-top: 12px;
  width: 34.5%;
}
.availability-view .all-view .section-container .recurring-container .title-container .in-person-title.for-advisor {
  width: 40.25%;
}
.availability-view .all-view .section-container .recurring-container .title-container .student-title {
  color: #9B9B9B;
  font-size: 12px;
  margin-top: 12px;
  width: 16.5%;
}
.availability-view .all-view .section-container .recurring-container .attr-display {
  align-items: center;
  background-color: #FAFAFA;
  border: 1px solid #ECECEC;
  border-radius: 4px;
  display: -webkit-inline-box;
  display: flex;
  margin-bottom: 8px;
  margin-left: 32px;
  min-height: 34px;
  width: calc(100% - 62px);
}
.availability-view .all-view .section-container .recurring-container .attr-display .attr-container {
  font-size: 12px;
  text-align: center;
}
.availability-view .all-view .section-container .recurring-container .attr-display .attr-container.time-display {
  width: 24.5%;
  border-right: 1px #D9D9D9 solid;
}
.availability-view .all-view .section-container .recurring-container .attr-display .attr-container.time-display .time {
  font-weight: 600;
}
@media (max-width: 549px) {
  .availability-view .all-view .section-container .recurring-container .attr-display .attr-container.time-display .time {
    margin: 0px;
  }
}
@media (min-width: 550px) {
  .availability-view .all-view .section-container .recurring-container .attr-display .attr-container.time-display .time {
    margin: 7px;
  }
}
.availability-view .all-view .section-container .recurring-container .attr-display .attr-container.online-display {
  border-right: 1px #D9D9D9 solid;
  width: 24.5%;
}
.availability-view .all-view .section-container .recurring-container .attr-display .attr-container.online-display.for-advisor {
  width: 35.25%;
}
.availability-view .all-view .section-container .recurring-container .attr-display .attr-container.in-person-display {
  border-right: 1px #D9D9D9 solid;
  width: 34.5%;
}
.availability-view .all-view .section-container .recurring-container .attr-display .attr-container.in-person-display.for-advisor {
  width: 40.25%;
  border-right: none;
}
.availability-view .all-view .section-container .recurring-container .attr-display .attr-container.max-student-display {
  width: 16.5%;
}
@media (max-width: 549px) {
  .availability-view .all-view .section-container .recurring-container .attr-display .attr-container .attr-content {
    margin: 0px;
  }
}
@media (min-width: 550px) {
  .availability-view .all-view .section-container .recurring-container .attr-display .attr-container .attr-content {
    margin: 7px;
    padding-left: 3px;
    padding-right: 3px;
  }
}
.availability-view .all-view .section-container .recurring-container .attr-display .attr-container .not-applicable-text {
  color: #939393;
}
@media (max-width: 549px) {
  .availability-view .all-view .section-container .recurring-container .attr-display .attr-container .not-applicable-text {
    margin: 0px;
  }
}
@media (min-width: 550px) {
  .availability-view .all-view .section-container .recurring-container .attr-display .attr-container .not-applicable-text {
    margin: 7px;
  }
}
.availability-view .all-view .section-container .recurring-container .attr-display .edit-button-container {
  align-items: center;
  display: flex;
}
.availability-view .all-view .section-container .recurring-container .attr-display .edit-button-container .edit-button {
  border: 1px solid #ec0000;
  border-radius: 10px;
  color: #ec0000;
  font-size: 11px;
  position: absolute;
  right: 14px;
  -webkit-text-stroke: 1px white;
}
.availability-view .all-view .section-container .recurring-container .attr-display .top-left {
  height: 10px;
  width: 10px;
  border-radius: 50px;
  position: absolute;
  left: 38px;
  margin-top: -15px;
}
.availability-view .all-view .section-container .recurring-container .attr-display .top-left.attached-unavailability {
  background-color: #2196f3;
}
.availability-view .all-view .section-container .recurring-container .no-availabilities {
  color: #B2B2B2;
  font-size: 12px;
  margin-left: 6%;
  margin-top: 5px;
  text-align: left;
}
.availability-view .all-view .section-container .one-off-container {
  width: 100%;
}
.availability-view .all-view .section-container .one-off-container .title-container {
  width: calc(100% - 30px);
  color: #939393;
  display: flex;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
}
.availability-view .all-view .section-container .one-off-container .title-container:first-of-type {
  margin-top: 5px;
}
.availability-view .all-view .section-container .one-off-container .title-container .day-title {
  color: #424242;
  margin-bottom: 10px;
  margin-right: 32px;
  padding-left: 1%;
  text-align: left;
  width: 30%;
}
.availability-view .all-view .section-container .one-off-container .title-container .online-title {
  margin-top: 12px;
  width: 30%;
}
.availability-view .all-view .section-container .one-off-container .title-container .online-title.for-advisor {
  width: 30%;
}
.availability-view .all-view .section-container .one-off-container .title-container .in-person-title {
  margin-top: 12px;
  width: 30%;
}
.availability-view .all-view .section-container .one-off-container .title-container .in-person-title.for-advisor {
  width: 40%;
}
.availability-view .all-view .section-container .one-off-container .title-container .student-title {
  margin-top: 12px;
  width: 20%;
}
.availability-view .all-view .section-container .one-off-container .attr-display {
  align-items: center;
  background-color: #FAFAFA;
  border-radius: 4px;
  border: 1px #D9D9D9 solid;
  display: -webkit-inline-box;
  display: flex;
  margin-bottom: 5px;
  margin-left: 32px;
  width: calc(100% - 62px);
}
@media (max-width: 767px) {
  .availability-view .all-view .section-container .one-off-container .attr-display {
    font-size: 10px;
  }
}
.availability-view .all-view .section-container .one-off-container .attr-display .attr-container {
  font-size: 12px;
  text-align: center;
}
.availability-view .all-view .section-container .one-off-container .attr-display .attr-container.time-display {
  border-right: 1px #D9D9D9 solid;
  font-weight: 600;
  width: 30%;
}
.availability-view .all-view .section-container .one-off-container .attr-display .attr-container.online-display {
  width: 30%;
  border-right: 1px #D9D9D9 solid;
}
.availability-view .all-view .section-container .one-off-container .attr-display .attr-container.online-display.for-advisor {
  width: 30%;
}
.availability-view .all-view .section-container .one-off-container .attr-display .attr-container.in-person-display {
  width: 30%;
  border-right: 1px #D9D9D9 solid;
}
.availability-view .all-view .section-container .one-off-container .attr-display .attr-container.in-person-display.for-advisor {
  width: 40%;
  border-right: none;
}
.availability-view .all-view .section-container .one-off-container .attr-display .attr-container.max-student-display {
  width: 20%;
}
.availability-view .all-view .section-container .one-off-container .attr-display .attr-container .attr-content {
  margin: 7px;
  padding-left: 3px;
  padding-right: 3px;
}
.availability-view .all-view .section-container .one-off-container .attr-display .attr-container .not-applicable-text {
  margin: 7px;
  color: #939393;
}
.availability-view .all-view .section-container .one-time-unavailability-container {
  align-items: center;
  background-color: #FAFAFA;
  border-radius: 4px;
  border: 1px #D9D9D9 solid;
  display: -webkit-inline-box;
  display: flex;
  font-size: 12px;
  margin-bottom: 5px;
  margin-left: 32px;
  margin-top: 16px;
  min-height: 32px;
  width: calc(100% - 62px);
}
.availability-view .all-view .section-container .one-time-unavailability-container:first-of-type {
  margin-top: 5px;
}
.availability-view .all-view .section-container .one-time-unavailability-container .day-container {
  align-items: center;
  border-right: 1px #D9D9D9 solid;
  display: flex;
  font-weight: 600;
  margin-left: 1px;
  min-height: 32px;
  min-width: 100px;
  padding: 2px 0px 2px 10px;
  width: 8%;
}
.availability-view .all-view .section-container .one-time-unavailability-container .specifics-container {
  padding: 2px 0px 2px 10px;
  width: 85%;
}
.availability-view .all-view .section-container .vacation-container {
  align-items: center;
  background-color: #FAFAFA;
  border-radius: 4px;
  border: 1px #D9D9D9 solid;
  display: -webkit-inline-box;
  display: flex;
  font-size: 12px;
  margin-bottom: 5px;
  margin-left: 32px;
  margin-top: 16px;
  min-height: 32px;
  width: calc(100% - 62px);
}
.availability-view .all-view .section-container .vacation-container:first-of-type {
  margin-top: 5px;
}
.availability-view .all-view .section-container .vacation-container .vacation-information {
  padding: 2px 0px 2px 10px;
  width: 100%;
}
.availability-view .all-view .section-container .buffer-period-container {
  align-items: center;
  background-color: #FAFAFA;
  border-radius: 4px;
  border: 1px #D9D9D9 solid;
  display: -webkit-inline-box;
  display: flex;
  font-size: 12px;
  margin-bottom: 5px;
  margin-left: 32px;
  margin-top: 16px;
  min-height: 32px;
  width: calc(100% - 62px);
}
.availability-view .all-view .section-container .buffer-period-container:first-of-type {
  margin-top: 5px;
}
.availability-view .all-view .section-container .buffer-period-container .buffer-period-information {
  padding: 2px 0px 2px 10px;
  width: 100%;
}
.availability-view .all-view .section-container .no-results-message {
  color: #B2B2B2;
  font-size: 12px;
  margin-left: 6%;
  margin-top: 10px;
  text-align: left;
}
.availability-view .all-view .section-container .delete-button-container {
  align-items: center;
  display: flex;
}
.availability-view .all-view .section-container .delete-button-container .delete-button {
  border-color: #ec0000;
  border-radius: 10px;
  color: #ec0000;
  font-size: 11px;
  position: absolute;
  right: 14px;
  -webkit-text-stroke: 1px white;
}
/**********************************
COACH AND ADVISOR VIEW
**********************************/
.profile-view .profile-view-header {
  background: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  min-height: 110px;
  position: relative;
}
@media (max-width: 767px) {
  .profile-view .profile-view-header {
    top: 10px;
    border-radius: 5px;
    float: left;
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 768px) {
  .profile-view .profile-view-header {
    width: 100%;
    top: 0px;
    position: fixed;
    z-index: 10;
    margin-left: 0;
    margin-right: 0;
  }
}
.profile-view .profile-view-header .black-line {
  border-left: 1px solid #dedede;
  height: 60px;
  margin-top: 50px / 2;
  float: left;
}
@media (max-width: 1200px) {
  .profile-view .profile-view-header .black-line {
    display: none;
  }
}
.profile-view .profile-view-header .picture-container {
  display: inline-block;
}
@media (min-width: 501px) {
  .profile-view .profile-view-header .picture-container {
    height: 110px;
  }
}
@media (max-width: 767px) {
  .profile-view .profile-view-header .picture-container .content-container {
    width: 100%;
    text-align: center;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .profile-view .profile-view-header .picture-container .content-container {
    width: calc(100% - 120px);
  }
}
.profile-view .profile-view-header .picture-container .content-container .block-inverse {
  box-shadow: none;
  display: inline-block;
  cursor: pointer;
  border-radius: 50%;
  margin-top: 5px;
  width: 99px;
  height: 99px;
}
@media (min-width: 1200px) {
  .profile-view .profile-view-header .picture-container .content-container .block-inverse {
    float: left;
  }
}
.profile-view .profile-view-header .picture-container .content-container .block-inverse .head-inverse {
  padding: 2px;
  border-radius: 50%;
  border-bottom: 0px;
  background-color: #FFF;
}
.profile-view .profile-view-header .picture-container .content-container .block-inverse .head-inverse .img-responsive {
  border-radius: 50%;
  width: 93px;
  height: 93px;
}
.profile-view .profile-view-header .picture-container .content-container .identity-container {
  display: inline-block;
  margin-left: 4px;
}
@media (max-width: 500px) {
  .profile-view .profile-view-header .picture-container .content-container .identity-container {
    display: block;
  }
}
@media (min-width: 501px) and (max-width: 1199px) {
  .profile-view .profile-view-header .picture-container .content-container .identity-container {
    vertical-align: top;
    text-align: left;
  }
}
@media (min-width: 1200px) {
  .profile-view .profile-view-header .picture-container .content-container .identity-container {
    float: left;
  }
}
.profile-view .profile-view-header .picture-container .content-container .identity-container h3 {
  font-size: 24px;
  font-weight: 700;
  margin-top: 20px;
  margin-bottom: 5px;
}
.profile-view .profile-view-header .picture-container .content-container .identity-container p {
  color: #767676;
}
.profile-view .profile-view-header .rating-container {
  display: inline-block;
  height: 100%;
}
@media (min-width: 768px) {
  .profile-view .profile-view-header .rating-container {
    height: 110px;
  }
}
@media (max-width: 1199px) {
  .profile-view .profile-view-header .rating-container {
    text-align: center;
  }
}
@media (min-width: 1200px) {
  .profile-view .profile-view-header .rating-container {
    padding-right: 12px;
  }
}
.profile-view .profile-view-header .rating-container h4 {
  font-size: 16px;
  font-weight: 700;
  margin-top: 20px;
  margin-bottom: 10px;
}
.profile-view .profile-view-header .rating-container span {
  color: #767676;
}
.profile-view .profile-view-header .rating-container ol.angular-ratings {
  display: inline-block;
}
.profile-view .profile-view-header .rating-container ol.angular-ratings li {
  width: 12px;
  height: 12px;
  background: url(/assets/lib/coach-profile-star-sprite.png) no-repeat;
  background-size: 100%;
}
.profile-view .profile-view-header .rating-container ol.angular-ratings li.active {
  background-position: 0 -12px;
}
.profile-view .profile-view-header .status-container {
  display: inline-block;
  height: 100%;
}
@media (min-width: 768px) {
  .profile-view .profile-view-header .status-container {
    height: 110px;
  }
}
@media (max-width: 1199px) {
  .profile-view .profile-view-header .status-container {
    text-align: center;
  }
}
.profile-view .profile-view-header .status-container h4 {
  font-size: 16px;
  font-weight: 700;
  margin-top: 20px;
  margin-bottom: 10px;
}
.profile-view .profile-view-header .status-container p {
  color: #767676;
  font-weight: 400;
}
.profile-view .profile-view-header .status-container p.available {
  color: #449D44;
}
.profile-view .profile-view-header .comm-container {
  display: inline-block;
  text-align: center;
}
@media (min-width: 768px) {
  .profile-view .profile-view-header .comm-container {
    height: 110px;
  }
}
@media (max-width: 767px) {
  .profile-view .profile-view-header .comm-container button {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) {
  .profile-view .profile-view-header .comm-container button {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .profile-view .information-column:nth-of-type(2) {
    margin-top: 230px;
  }
}
@media (min-width: 1200px) {
  .profile-view .information-column:nth-of-type(2) {
    margin-top: 120px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .profile-view .information-column:nth-of-type(3) {
    margin-top: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .profile-view .information-column:nth-of-type(3) {
    margin-top: 230px;
  }
}
@media (min-width: 1200px) {
  .profile-view .information-column:nth-of-type(3) {
    margin-top: 120px;
  }
}
@media (max-width: 991px) {
  .profile-view .information-column {
    padding: 0 0 0 0;
  }
}
.profile-view .information-column div.profile-information-section {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .profile-view .information-column div.profile-information-section:first-of-type {
    margin-top: 0px;
  }
}
.profile-view .information-column div.profile-information-section .block-inverse h4#month-label {
  text-align: center;
  margin-bottom: 5px;
  font-weight: 600;
}
.profile-view .information-column div.profile-information-section .block-inverse p.instructional-text {
  text-align: center;
  margin-bottom: 5px;
  color: #767676;
  font-size: 13px;
}
.profile-view .information-column div.profile-information-section .block-inverse #date-container {
  width: 75%;
  margin-left: 12.5%;
  height: 45px;
  margin-bottom: 10px;
  display: flex;
}
@media (max-width: 767px) {
  .profile-view .information-column div.profile-information-section .block-inverse #date-container {
    width: 95%;
    margin-left: 2.5%;
  }
}
.profile-view .information-column div.profile-information-section .block-inverse #date-container .arrow {
  height: 100%;
  width: 20px;
  font-size: 30px;
  cursor: pointer;
}
.profile-view .information-column div.profile-information-section .block-inverse #date-container .arrow.inactive {
  cursor: no-drop;
  visibility: hidden;
}
.profile-view .information-column div.profile-information-section .block-inverse #date-container .arrow.previous {
  float: left;
  margin-right: 2px;
}
.profile-view .information-column div.profile-information-section .block-inverse #date-container .arrow.next {
  float: right;
  margin-left: 3px;
}
.profile-view .information-column div.profile-information-section .block-inverse #date-container .arrow img {
  height: 18px;
  margin-top: -5px;
  margin-left: 2px;
}
.profile-view .information-column div.profile-information-section .block-inverse #date-container .date-listing {
  width: calc(100% - 44px);
  height: 100%;
}
.profile-view .information-column div.profile-information-section .block-inverse #date-container .date-listing .listed-day {
  color: #1976d2;
  text-align: center;
  width: 14.28%;
  float: left;
  cursor: pointer;
  border-radius: 4px;
}
.profile-view .information-column div.profile-information-section .block-inverse #date-container .date-listing .listed-day:hover,
.profile-view .information-column div.profile-information-section .block-inverse #date-container .date-listing .listed-day:focus {
  background-color: #EBEBEB;
}
.profile-view .information-column div.profile-information-section .block-inverse #date-container .date-listing .listed-day.active,
.profile-view .information-column div.profile-information-section .block-inverse #date-container .date-listing .listed-day:active {
  background-color: #B2B2B2;
}
.profile-view .information-column div.profile-information-section .block-inverse #date-container .date-listing .listed-day .day-name {
  font-weight: 600;
}
.profile-view .information-column div.profile-information-section .block-inverse #date-container .date-listing .listed-day .day-of-month {
  font-size: 12px;
}
.profile-view .information-column div.profile-information-section .block-inverse #date-container .date-listing .listed-day p {
  margin-bottom: 2px;
}
.profile-view .information-column div.profile-information-section .block-inverse #filtering-container {
  border-radius: 5px;
  height: 24px;
  width: 80%;
  margin: 0 0 10px 10%;
  display: flex;
}
@media (max-width: 767px) {
  .profile-view .information-column div.profile-information-section .block-inverse #filtering-container {
    width: 80%;
    height: 50px;
  }
}
@media (max-width: 678px) {
  .profile-view .information-column div.profile-information-section .block-inverse #filtering-container {
    height: 50px;
  }
}
@media (min-width: 765px) and (max-width: 1008px) {
  .profile-view .information-column div.profile-information-section .block-inverse #filtering-container {
    height: 50px;
  }
}
.profile-view .information-column div.profile-information-section .block-inverse #filtering-container .individual-container {
  display: flex;
  justify-content: center;
}
.profile-view .information-column div.profile-information-section .block-inverse #filtering-container .individual-container.half {
  width: 50%;
  height: 100%;
}
.profile-view .information-column div.profile-information-section .block-inverse #filtering-container .individual-container.full {
  width: 100%;
}
.profile-view .information-column div.profile-information-section .block-inverse #filtering-container .individual-container label {
  width: 45%;
  float: left;
  text-align: center;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  border: 1px solid #2196F3;
  font-size: 14px;
  padding: 5px;
}
.profile-view .information-column div.profile-information-section .block-inverse #filtering-container .individual-container label.option {
  background: #FFFFFF;
  color: #2196F3;
}
.profile-view .information-column div.profile-information-section .block-inverse #filtering-container .individual-container label.option:active {
  box-shadow: none;
}
.profile-view .information-column div.profile-information-section .block-inverse #filtering-container .individual-container label.option.selected {
  background: #2196F3;
  color: #FFFFFF;
  box-shadow: none;
}
@media (max-width: 678px) {
  .profile-view .information-column div.profile-information-section .block-inverse #filtering-container .individual-container label {
    float: left;
  }
}
@media (min-width: 765px) and (max-width: 1008px) {
  .profile-view .information-column div.profile-information-section .block-inverse #filtering-container .individual-container label {
    float: left;
  }
}
.profile-view .information-column div.profile-information-section .block-inverse #filtering-container .divider {
  border-left: 1px solid #dedede;
  height: 24px;
}
@media (max-width: 1008px) {
  .profile-view .information-column div.profile-information-section .block-inverse #filtering-container .divider {
    border-left: none;
  }
}
.profile-view .information-column div.profile-information-section .block-inverse #filtering-container .upswing-pills {
  margin-top: 0px;
}
.profile-view .information-column div.profile-information-section .block-inverse #filtering-container .upswing-pills ul.nav {
  width: 90%;
}
.profile-view .information-column div.profile-information-section .block-inverse #filtering-container .upswing-pills ul.nav li.nav-item {
  width: 50%;
}
.profile-view .information-column div.profile-information-section .block-inverse #availability-container {
  margin: 0 24px 0 24px;
  border: 1px solid #E1E2EB;
  border-radius: 8px;
  overflow-y: auto;
  min-height: 200px;
  position: relative;
}
@media (max-width: 767px) {
  .profile-view .information-column div.profile-information-section .block-inverse #availability-container {
    margin: 0 2.5% 0 2.5%;
  }
}
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information {
  margin: 0 10px 0 10px;
  padding: 1% 0 0.5% 0;
}
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information:last-of-type {
  margin: 0 10px 5px 10px;
}
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information:first-of-type {
  margin: 10px 10px 0 10px;
}
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information .day-of-week {
  font-size: 14px;
  color: #4A4A4A;
  font-weight: 600;
  margin: 0 0 5px 13px;
}
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information .date {
  color: #767676;
  margin: 5px 0 8px 13px;
}
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information .no-availability {
  text-align: center;
  color: #767676;
  font-size: 13px;
  margin: 0 0 10px 0;
}
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information .availability {
  border: 1px solid #E1E2EB;
  border-radius: 4px;
  margin: 5px 34px 5px 24px;
  color: #1976d2;
  font-weight: 600;
  display: flex;
  align-items: center;
  background-color: #FFFFFF;
  min-height: 32px;
}
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information .availability.immediate {
  border: none;
}
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information .availability:hover,
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information .availability:focus {
  background-color: #BBDEFB;
}
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information .availability .availability-details {
  width: calc(100% - 80px);
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information .availability .availability-details.session {
    width: calc(100% - 280px);
  }
}
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information .availability .availability-details .group-available {
  background-color: #B2B2B2;
  border-radius: 20px;
  border: 1px solid;
  float: left;
  font-size: 13px;
  min-height: 28px;
  min-width: 28px;
  padding: 1px 0px 0px 5px;
  text-align: center;
  margin-left: 5px;
}
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information .availability .availability-details .group-available.availability {
  border-color: #E1E2EB;
  padding: 0px 0px 0px 3px;
  margin: 1px 0 0 5px;
  background-color: inherit;
}
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information .availability .availability-details .group-available.session {
  color: white;
  padding: 3px;
}
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information .availability .availability-details .group-available.session.not-full {
  background-color: #2196F3;
  border-color: #2196F3;
}
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information .availability .availability-details .time-location-subject {
  width: 100%;
  text-align: center;
  padding: 0 5px 0 5px;
}
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information .availability .availability-details .time-location-subject p {
  margin-bottom: 0px;
}
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information .availability .availability-details .time-location-subject p.location,
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information .availability .availability-details .time-location-subject p.subject {
  font-size: 12px;
  font-weight: 500;
}
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information .availability .availability-details .time-location-subject p.time {
  margin: 0;
  font-weight: 700;
}
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information .availability .availability-details .time-location-subject p.time.online-session {
  font-weight: 500;
}
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information .availability .button-container {
  width: 89px;
}
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information .availability .button-container .session-button {
  display: block;
  margin-right: auto;
  margin-left: auto;
  background-color: #1976d2;
  border-color: #1976d2;
  color: white;
  height: 24px;
  width: 85px;
  padding: 0px 0px;
  margin: 0 4px 0 0;
}
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information .availability .button-container .session-button:hover,
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information .availability .button-container .session-button:focus,
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information .availability .button-container .session-button:active {
  background-color: #145ea8;
  border-color: #145ea8;
}
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information .availability .button-container .session-button.disabled:hover,
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information .availability .button-container .session-button.disabled:focus,
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information .availability .button-container .session-button.disabled:active {
  background-color: #145ea8;
  border-color: #145ea8;
}
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information .availability #immediate-availability-button {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
  background-color: #4BD964;
  border-color: #4BD964;
  color: #FFFFFF;
}
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information .availability #immediate-availability-button:focus,
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information .availability #immediate-availability-button:active:focus,
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information .availability #immediate-availability-button.active:focus,
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information .availability #immediate-availability-button.focus,
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information .availability #immediate-availability-button:active.focus,
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information .availability #immediate-availability-button.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information .availability #immediate-availability-button:hover,
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information .availability #immediate-availability-button:focus,
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information .availability #immediate-availability-button.focus {
  color: #333;
  text-decoration: none;
}
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information .availability #immediate-availability-button:active,
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information .availability #immediate-availability-button.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information .availability #immediate-availability-button.disabled,
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information .availability #immediate-availability-button[disabled],
fieldset[disabled] .profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information .availability #immediate-availability-button {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information .availability #immediate-availability-button.disabled,
fieldset[disabled] a.profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information .availability #immediate-availability-button {
  pointer-events: none;
}
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information .availability #immediate-availability-button:hover,
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information .availability #immediate-availability-button:focus,
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information .availability #immediate-availability-button:active,
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information .availability #immediate-availability-button.active {
  background-color: #36d552;
  border-color: #2ac746;
  color: #FFFFFF;
}
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information .availability #immediate-availability-button:disabled,
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information .availability #immediate-availability-button.disabled,
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .day-information .availability #immediate-availability-buttonfieldset[disabled] {
  background-color: #EBEBEB;
  color: #B2B2B2;
  border-color: #EBEBEB;
  font-weight: 600;
}
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .modal {
  display: inline;
  position: absolute !important;
  z-index: 2 !important;
  top: auto;
  bottom: auto;
}
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .modal + div {
  content: " ";
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  pointer-events: none;
}
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .modal .modal-dialog {
  max-width: 95%;
}
.profile-view .information-column div.profile-information-section .block-inverse #availability-container .modal .modal-dialog .modal-content {
  min-width: 100%;
}
/**********************************
OFFICE HOURS
**********************************/
#officeHourLogo {
  cursor: pointer;
  margin-left: 15px;
}
#leaveOfficeButton {
  font-size: 30px;
  padding-top: 1px;
  margin-right: 40px;
}
/**********************************
SESSION
**********************************/
.session-holder {
  position: relative;
  max-height: 350px;
  overflow-y: auto;
  overflow-x: hidden;
}
.btn-session-accept {
  background-color: #2196F3;
}
.link-adjacent-to-text {
  text-decoration: underline;
}
.sms-sign-up {
  font-size: 1.2em;
}
/**********************************
CHECK-IN
**********************************/
@media screen and (max-width: 768px) {
  #check-in-container {
    margin-top: 20px;
  }
}
/**********************************
WORK ITEMS
**********************************/
.workitem-container {
  min-height: 48px;
  max-height: 370px;
  overflow-y: auto;
}
.workitem-container-previous {
  min-height: 48px;
  max-height: 290px;
  overflow-y: auto;
}
/**********************************
ACCOUNT TEMPLATES
**********************************/
#account-personal-preferences .body-inverse table {
  width: 100%;
}
#account-personal-preferences .body-inverse table h3 {
  font-size: 16px;
}
#account-personal-preferences .body-inverse table h4 {
  margin-bottom: 0px;
}
#account-personal-preferences .body-inverse .permission-group {
  margin-top: 10px;
  padding-left: 15px;
}
#account-personal-preferences .body-inverse .permission-group td {
  padding-left: 15px;
}
#account-personal-preferences .body-inverse .permission-group .permission-name {
  font-size: 14px;
  font-weight: bold;
}
#account-personal-preferences .body-inverse .permission-group .preference-row {
  height: 20px;
  margin-top: 7px;
  display: flex;
  flex-direction: row;
  width: 100%;
}
#account-personal-preferences .body-inverse .permission-group .preference-row .display-name {
  min-height: 25px;
  padding-left: 25px;
  width: calc(90% - 10px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#account-personal-preferences .body-inverse .permission-group .preference-row .switch-container {
  width: 10%;
  padding-left: 13px;
  text-align: center;
}
#account-personal-preferences .body-inverse .permission-group .preference-row .switch-container .switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 17px;
  background: none;
}
#account-personal-preferences .body-inverse .permission-group .preference-row .switch-container .switch input:checked + .slider {
  background-color: #1976d2;
}
#account-personal-preferences .body-inverse .permission-group .preference-row .switch-container .switch input:focus + .slider {
  box-shadow: 0 0 20px #1976d2;
}
#account-personal-preferences .body-inverse .permission-group .preference-row .switch-container .switch input:not(:disabled):checked + .slider {
  background-color: #1976d2;
}
#account-personal-preferences .body-inverse .permission-group .preference-row .switch-container .switch input:not(:disabled):checked + .slider:before {
  -webkit-transform: translateX(23px);
  -ms-transform: translateX(23px);
  transform: translateX(23px);
}
#account-personal-preferences .body-inverse .permission-group .preference-row .switch-container .switch input:disabled + .slider {
  background-color: #cecece;
  cursor: no-drop;
}
#account-personal-preferences .body-inverse .permission-group .preference-row .switch-container .switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #9b9b9b;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 34px;
}
#account-personal-preferences .body-inverse .permission-group .preference-row .switch-container .switch .slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: -2px;
  bottom: -1.5px;
  background-color: #ffffff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
  border: 1px solid #9b9b9b;
}
#account-communication-preferences .body-inverse table {
  width: 100%;
}
#account-communication-preferences .body-inverse table h3 {
  font-size: 16px;
}
#account-communication-preferences .body-inverse table h4 {
  margin-bottom: 0px;
}
#account-communication-preferences .body-inverse #header-line {
  font-weight: bold;
  font-size: 16px;
  height: 25px;
}
#account-communication-preferences .body-inverse #header-line > * {
  float: left;
}
#account-communication-preferences .body-inverse #header-line h3 {
  font-weight: bold;
}
#account-communication-preferences .body-inverse #header-line #reminder-line {
  width: 70%;
  padding-left: 5px;
}
#account-communication-preferences .body-inverse #header-line .media-type {
  width: 15%;
  text-align: center;
}
#account-communication-preferences .body-inverse .permission-group {
  margin-top: 10px;
  padding-left: 15px;
}
#account-communication-preferences .body-inverse .permission-group td {
  padding-left: 15px;
}
#account-communication-preferences .body-inverse .permission-group .permission-name {
  font-size: 14px;
  font-weight: bold;
}
#account-communication-preferences .body-inverse .permission-group .subscription-notification {
  height: 20px;
  margin-top: 7px;
  display: flex;
  flex-direction: row;
  width: 100%;
}
#account-communication-preferences .body-inverse .permission-group .subscription-notification .display-name {
  min-height: 25px;
  padding-left: 25px;
  width: calc(70% - 10px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#account-communication-preferences .body-inverse .permission-group .subscription-notification .media-type {
  width: 15%;
  padding-left: 13px;
  text-align: center;
}
#account-communication-preferences .body-inverse .permission-group .subscription-notification .media-type .switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 17px;
  background: none;
}
#account-communication-preferences .body-inverse .permission-group .subscription-notification .media-type .switch input:checked + .slider {
  background-color: #1976d2;
}
#account-communication-preferences .body-inverse .permission-group .subscription-notification .media-type .switch input:focus + .slider {
  box-shadow: 0 0 20px #1976d2;
}
#account-communication-preferences .body-inverse .permission-group .subscription-notification .media-type .switch input:not(:disabled):checked + .slider {
  background-color: #1976d2;
}
#account-communication-preferences .body-inverse .permission-group .subscription-notification .media-type .switch input:not(:disabled):checked + .slider:before {
  -webkit-transform: translateX(23px);
  -ms-transform: translateX(23px);
  transform: translateX(23px);
}
#account-communication-preferences .body-inverse .permission-group .subscription-notification .media-type .switch input:disabled + .slider {
  background-color: #cecece;
  cursor: no-drop;
}
#account-communication-preferences .body-inverse .permission-group .subscription-notification .media-type .switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #9b9b9b;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 34px;
}
#account-communication-preferences .body-inverse .permission-group .subscription-notification .media-type .switch .slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: -2px;
  bottom: -1.5px;
  background-color: #ffffff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
  border: 1px solid #9b9b9b;
}
.enrolled-subjects .subject-block {
  align-items: center;
  background-color: #ebebeb;
  border-radius: 5px;
  display: flex;
  margin-bottom: 10px;
  overflow: auto;
  padding: 5px;
}
.enrolled-subjects .subject-block .subject-info .subject-name {
  font-size: large;
  font-weight: bold;
}
.enrolled-subjects .subject-block .subject-info .subject-professor {
  font-weight: lighter;
}
.enrolled-subjects .subject-block .subject-info .subject-schedule {
  font-weight: lighter;
}
.enrolled-subjects .subject-block .find-tutor {
  background-color: #1976D2;
  color: white;
}
.enrolled-subjects .subject-block .find-tutor:hover {
  background-color: #0057B3;
}
.enrolled-subjects .subject-block .find-tutor .find-tutor-icon {
  margin-right: 8px;
}
.enrolled-subjects .subject-block .find-tutor .find-tutor-icon:hover {
  background-color: initial;
}
.early-alerts {
  font-size: 14px;
  font-family: "NunitoSans";
}
.early-alerts .content-view table {
  border: 0;
}
.early-alerts .content-view table thead {
  border: 0;
}
.early-alerts .content-view table thead tr {
  border: 0;
}
.early-alerts .content-view table thead tr th {
  border: 0;
}
.early-alerts .content-view table tbody tr td {
  border-top: 1px solid #DDDDDD;
}
.early-alerts .content-view table tbody tr:first-of-type td {
  border-top: 0;
}
.early-alerts .content-view table tbody tr .dropleft {
  transform: translate3d(-163px, 0px, 0px);
  top: 0;
  left: 0;
}
.early-alerts .content-view .panel {
  border: 0;
}
.early-alerts .modal-header {
  background-color: #1976d2 !important;
  border-radius: 6px 6px 0 0;
}
.early-alerts .modal-header .modal-title {
  color: white;
}
.early-alerts .modal-header .modal-title i {
  margin-right: 5px;
}
.early-alerts .modal-header #alertName {
  display: inline-block;
  width: 85%;
}
.early-alerts .modal-body .form-group .div-checkbox {
  height: 13px;
  width: 13px;
  cursor: pointer;
}
.early-alerts .modal-body .form-group .div-checkbox i {
  vertical-align: top;
}
.early-alerts .modal-body .form-group .custom-var-container {
  background: rgba(33, 150, 243, 0.25);
  border-radius: 6px;
  padding: 10px;
  margin-bottom: 10px;
}
.early-alerts .modal-body .form-group .custom-var-container .var-row {
  font-family: Avenir-Medium;
  font-size: 12px;
  color: #2196F3;
  text-align: left;
}
.early-alerts .modal-body .form-group .custom-var-container .var-row:first-of-type {
  margin-bottom: 5px;
}
.early-alerts .modal-body .form-group .custom-var-container .var-row .input {
  float: left;
  width: 50%;
}
.early-alerts .modal-body .form-group .custom-var-container .var-row .output {
  float: left;
  width: 50%;
}
.early-alerts .modal-body .form-group .formatting-message {
  font-family: Avenir-Book;
  font-size: 14px;
  color: #2196F3;
  cursor: pointer;
}
.early-alerts .modal-body .form-group .formatting-message:hover,
.early-alerts .modal-body .form-group .formatting-message:focus,
.early-alerts .modal-body .form-group .formatting-message:active,
.early-alerts .modal-body .form-group .formatting-message.active {
  color: #087DDA;
}
.early-alerts .modal-body .form-group .ql-editor {
  height: 100px;
}
.early-alerts .modal-body .form-group .ql-editor[contenteditable="false"] {
  cursor: not-allowed;
  background-color: #eeeeee;
}
.early-alerts .modal-body .early-alert-item-info {
  display: inline-block;
  width: 49%;
}
.early-alerts .modal-body .early-alert-info {
  display: flex;
}
.early-alerts .modal-body .early-alert-info .item-info {
  display: inline-block;
  width: 50%;
}
.early-alerts .modal-body .early-alert-info .item-info .early-alert-item-label {
  padding-left: 15px;
  width: 100px;
}
.early-alerts .modal-body .early-alert-info .close-alert {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
}
.early-alerts .modal-body .early-alert-item-notes {
  display: flex;
}
.early-alerts .modal-body .early-alert-item-notes span {
  font-weight: bold;
  margin-top: 15px;
}
.early-alerts .modal-body .early-alert-item-entries {
  display: flex;
  font-size: small;
  margin-bottom: 3px;
  width: 100%;
}
.early-alerts .modal-body.early-alert-preview {
  display: inline-block;
  overflow: visible;
  max-height: none;
  width: 100%;
}
.early-alerts .modal-body.early-alert-preview span {
  background-color: #e7f4fe;
  border-radius: 5px;
  display: inline-block;
  min-height: 30px;
  padding: 5px 10px;
  width: 100%;
}
.early-alerts .modal-body.early-alert-preview span.overflow-y {
  max-height: 200px;
  overflow-y: auto;
}
.early-alerts .modal-footer {
  border: none;
}
.early-alerts .modal-footer .note-area {
  border: 2px solid #cccccc;
  border-bottom: none;
  border-radius: 4px 4px 0 0;
}
.early-alerts .modal-footer .note-area textarea {
  border: none;
}
.early-alerts .modal-footer .buttons-area {
  border: 2px solid #cccccc;
  border-radius: 0 0 4px 4px;
  border-top: 1px solid #E3E3E3;
}
.early-alerts .modal-footer .buttons-area button {
  background-color: #1976d2;
  border-color: #1976d2;
  color: white;
  margin: 5px;
}
.early-alerts .modal-footer .fa {
  margin-right: 2px;
}
.early-alerts .early-alerts-heading {
  background-color: #1976d2 !important;
}
.early-alerts .early-alerts-heading .panel-title {
  color: white;
  font-weight: bold;
}
.early-alerts .early-alerts-heading .new-alert {
  background-color: #00C853;
  color: white;
  float: right;
  margin: -22px -12px 0 0;
}
.early-alerts .new-alert {
  background-color: #00C853;
  color: white;
}
.early-alerts .early-alerts-manual .btn-early-alert {
  border: 1px #1976d2 solid;
  border-radius: 15px;
  margin-right: 3px;
  cursor: default;
  margin-bottom: 5px;
}
.early-alerts .early-alerts-manual .btn-early-alert:active {
  box-shadow: none;
}
.early-alerts .early-alerts-manual .btn-early-alert:focus {
  outline: none;
}
.early-alerts .early-alerts-manual .btn-early-alert span {
  color: #1976d2;
}
.early-alerts .early-alerts-manual .alert-actions {
  color: #1976d2;
}
.early-alerts .early-alerts-manual .show-retired-alerts {
  color: #B2B2B2;
  vertical-align: middle;
  border-top: none;
  text-align: right;
}
.early-alerts .early-alerts-manual .show-retired-alerts label {
  margin: 0;
  vertical-align: middle;
}
.early-alerts .early-alerts-manual .show-retired-alerts input {
  margin: 0;
  vertical-align: middle;
}
.early-alerts .btn-early-alert-tag {
  border-radius: 8px;
  margin-right: 5px;
  outline: none !important;
}
.early-alerts .nav-tabs-admin {
  background-color: #EBEBEB;
  border: 0;
  margin-top: 5px;
}
.early-alerts .nav-tabs-admin ul {
  border: 0;
  display: inline-block;
  height: 40px;
}
.early-alerts .nav-tabs-admin ul li {
  display: inline-block;
  float: none;
  margin: 20px 5px 0 0;
}
.early-alerts .nav-tabs-admin ul li a {
  border: 0 !important;
  color: #B2B2B2;
  padding: 5px 7px;
}
.early-alerts .nav-tabs-admin button {
  margin: 5px 5px 0 0;
}
.early-alerts .low-priority {
  background: #fff0cd;
}
.early-alerts .medium-priority {
  background: #ffdcbc;
}
.early-alerts .high-priority {
  background: #ffdbdb;
}
.early-alerts .low-priority-closed {
  background: rgba(255, 240, 205, 0.5);
  color: rgba(0, 0, 0, 0.5);
}
.early-alerts .medium-priority-closed {
  background: rgba(255, 220, 188, 0.5);
  color: rgba(0, 0, 0, 0.5);
}
.early-alerts .high-priority-closed {
  background: rgba(255, 219, 219, 0.5);
  color: rgba(0, 0, 0, 0.5);
}
.early-alerts .low-priority-status {
  color: #ffc107;
}
.early-alerts .medium-priority-status {
  color: #fc7d0d;
}
.early-alerts .high-priority-status {
  color: #ff0000;
}
.early-alerts .low-priority-status-closed {
  color: rgba(255, 193, 7, 0.5);
}
.early-alerts .medium-priority-status-closed {
  color: rgba(252, 125, 13, 0.5);
}
.early-alerts .high-priority-status-closed {
  color: rgba(255, 0, 0, 0.5);
}
.early-alerts .fa-cog {
  color: #1976d2;
}
.early-alerts .fa-cog-closed {
  color: rgba(33, 150, 243, 0.5) !important;
}
.early-alerts.flag-student .move-left label {
  display: inline-block;
  width: 30%;
}
.early-alerts.flag-student .move-left input,
.early-alerts.flag-student .move-left select {
  display: inline-block;
  width: 60%;
}
.early-alerts.flag-student textarea {
  resize: none;
}
.early-alerts .change-state-button {
  background-color: #1976d2;
  border-radius: 6px;
  color: white;
}
.early-alerts .change-state-button .fa {
  margin-left: 6px;
}
.early-alerts .change-state-button:hover,
.early-alerts .change-state-button:focus,
.early-alerts .change-state-button:active,
.early-alerts .change-state-button.active {
  background-color: #0d8aee;
  border-color: #0c7cd5;
}
.early-alerts .change-state-button.disabled:hover,
.early-alerts .change-state-button[disabled]:hover,
.early-alerts .change-state-button.disabled:focus,
.early-alerts .change-state-button[disabled]:focus,
.early-alerts .change-state-button.disabled:active,
.early-alerts .change-state-button[disabled]:active,
.early-alerts .change-state-button.disabled.active,
.early-alerts .change-state-button[disabled].active {
  background-color: #1976d2;
  border-color: #1976d2;
}
.early-alerts .change-state-button.back {
  background-color: unset;
  border: 1px solid #EBEBEB;
  color: #1976d2;
}
.early-alerts .change-state-button.back:hover,
.early-alerts .change-state-button.back:focus,
.early-alerts .change-state-button.back:active,
.early-alerts .change-state-button.back.active {
  background-color: #f2f2f2;
  border-color: #e6e6e6;
}
.early-alerts .change-state-button.back .fa {
  margin-right: 6px;
}
.table-profile-pic .img-responsive {
  display: inline-block;
  height: 20px;
  vertical-align: middle;
  width: 20px;
}
.summary-picture .img-responsive {
  height: 200px;
  margin: auto;
  width: 200px;
}
.summary-profile-pic .img-responsive {
  border-radius: 100%;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.26);
  height: 80px;
  margin: auto;
  width: 80px;
}
.round-profile-picture .img-responsive {
  border-radius: 20px;
}
.ana-dashboard-container {
  padding: 1.5em;
}
.ana-dashboard-container .tab-content {
  padding: 1em;
}
.ana-dashboard-container .conversation-label.conversation-completed {
  background-color: #5cb85c;
}
.ana-dashboard-container .conversation-label.awaiting-human {
  background-color: #9013fe;
}
.ana-dashboard-container .conversation-label.sent-to-processor {
  background-color: #777777;
}
.ana-dashboard-container .conversation-label.awaiting-processor {
  background-color: #ffc107;
  color: #333333;
}
.ana-conversation-modal .modal-header {
  height: 50px;
  overflow: visible;
}
.ana-conversation-modal .modal-header button.btn {
  background-color: #1976d2;
  border-radius: 3px;
  color: #ffffff;
  margin-right: 10px;
  padding: 5px 10px;
}
.ana-conversation-modal .updated-cg-busy {
  margin-top: 40px;
  position: unset;
  transition: 0.25s linear;
  will-change: margin-top;
}
.ana-conversation-modal .modal-body {
  max-height: 420px;
  min-height: 250px;
  padding-bottom: 0px;
}
.ana-conversation-modal .original-submission-block {
  overflow: auto;
  max-height: 350px;
}
.ana-conversation-modal .chat-container.ana {
  background: none;
  box-shadow: none;
}
.ana-conversation-modal #msg-panel {
  border: none;
  box-shadow: none;
}
.ana-conversation-modal #chat-window {
  border: none;
  height: auto;
  max-height: unset;
}
.ana-conversation-modal .icon-container {
  z-index: auto;
}
.ana-conversation-modal profile-picture {
  background-size: cover;
  border-radius: 50%;
  height: 25px;
  width: 25px;
}
.ana-conversation-modal .modal-footer {
  border-top: none;
  padding: unset;
  position: relative;
}
.ana-conversation-modal .modal-footer .chat-container.ana {
  background: unset;
  border: none;
  box-shadow: unset;
  margin: auto;
  width: unset;
}
.modal-v2 {
  font-family: 'open sans';
  font-weight: 400;
}
.modal-v2 .modal-content {
  min-width: 460px;
}
.modal-v2 .modal-header {
  font-size: 18px;
  border-radius: 5px 5px 0px 0px;
}
.modal-v2 .modal-header.blue-alert {
  background-color: #1976d2;
  color: #FFFFFF;
}
.modal-v2 .modal-header.gray-alert {
  background-color: #777777;
  color: #FFFFFF;
}
.modal-v2 .modal-header.green-alert {
  background-color: #5CB85C;
  color: #FFFFFF;
}
.modal-v2 .modal-header.light-gray-alert {
  background-color: #E2E2E2;
  color: #777777;
}
.modal-v2 .modal-header.red-alert {
  background-color: #E74C3C;
  color: #FFFFFF;
}
.modal-v2 .modal-header.yellow-alert {
  background-color: #ffc200;
  color: #FFFFFF;
}
.modal-v2 .modal-header .close {
  color: white;
  opacity: 1;
  text-shadow: none;
  font-weight: normal;
  font-size: 28px;
}
.modal-v2 .modal-header .close:focus,
.modal-v2 .modal-header .close:hover {
  outline: none;
}
.modal-v2 .modal-body {
  max-height: 50vh;
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-v2 .modal-body.lg {
  min-height: 50vh;
  max-height: 70vh;
}
.modal-v2 .modal-body .upswing-pills {
  margin-top: 0;
}
.modal-v2 .modal-body .btn-dropdown {
  max-width: 450px;
  min-width: 300px;
  overflow: hidden;
}
.modal-v2 .modal-footer {
  border-top: none;
  width: 100%;
}
.modal-v2 .modal-footer .btn {
  border: unset;
  float: right;
  margin: 0 4px;
  min-width: 100px;
}
.modal-v2 .modal-footer .btn.btn-default:hover {
  background-color: unset;
  text-decoration: underline;
}
.modal-v2 .modal-footer .btn.blue-alert {
  background-color: #1976d2;
  color: #FFFFFF;
}
.modal-v2 .modal-footer .btn.blue-alert:focus {
  outline: 5px auto #1976d2;
  outline-offset: -3px;
}
.modal-v2 .modal-footer .btn.blue-alert.btn-back {
  background-color: #ffffff;
  border: 1px solid #ebebeb;
  color: #1976d2;
}
.modal-v2 .modal-footer .btn.blue-alert.btn-back:hover,
.modal-v2 .modal-footer .btn.blue-alert.btn-back:focus,
.modal-v2 .modal-footer .btn.blue-alert.btn-back:active,
.modal-v2 .modal-footer .btn.blue-alert.btn-back.active {
  background-color: #f2f2f2;
  border-color: #e6e6e6;
}
.modal-v2 .modal-footer .btn.gray-alert {
  background-color: #777777;
  color: #FFFFFF;
}
.modal-v2 .modal-footer .btn.gray-alert:focus {
  outline: 5px auto #777777;
  outline-offset: -3px;
}
.modal-v2 .modal-footer .btn.green-alert {
  background-color: #5CB85C;
  color: #FFFFFF;
}
.modal-v2 .modal-footer .btn.green-alert:focus {
  outline: 5px auto #5CB85C;
  outline-offset: -3px;
}
.modal-v2 .modal-footer .btn.light-gray-alert {
  background-color: #E2E2E2;
  color: #777777;
}
.modal-v2 .modal-footer .btn.light-gray-alert:focus {
  outline: 5px auto #E2E2E2;
  outline-offset: -3px;
}
.modal-v2 .modal-footer .btn.red-alert {
  background-color: #E74C3C;
  color: #FFFFFF;
}
.modal-v2 .modal-footer .btn.red-alert:focus {
  outline: 5px auto #E74C3C;
  outline-offset: -3px;
}
.modal-v2 .modal-footer .btn.yellow-alert {
  background-color: #ffc200;
  color: #FFFFFF;
}
.modal-v2 .modal-footer .btn.yellow-alert:focus {
  outline: 5px auto #ffc200;
  outline-offset: -3px;
}
.tab-slide-container {
  background-color: #b2b2b2;
  height: 2px;
  transform: rotateZ(0deg);
  width: 100%;
}
.tab-slide-container .tab-slider {
  background-color: #2169F3;
  height: 2px;
  transform: translateX(18px);
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  width: 60px;
  will-change: transform;
}
.tab-slide-container .tab-slider.slide-0-1 {
  -webkit-animation-duration: 0.45s;
  animation-duration: 0.45s;
  animation-fill-mode: forwards;
  -webkit-animation-name: slide-0-1;
  animation-name: slide-0-1;
}
.tab-slide-container .tab-slider.slide-0-2 {
  -webkit-animation-duration: 0.45s;
  animation-duration: 0.45s;
  animation-fill-mode: forwards;
  -webkit-animation-name: slide-0-2;
  animation-name: slide-0-2;
}
.tab-slide-container .tab-slider.slide-0-3 {
  -webkit-animation-duration: 0.45s;
  animation-duration: 0.45s;
  animation-fill-mode: forwards;
  -webkit-animation-name: slide-0-3;
  animation-name: slide-0-3;
}
.tab-slide-container .tab-slider.slide-0-4 {
  -webkit-animation-duration: 0.45s;
  animation-duration: 0.45s;
  animation-fill-mode: forwards;
  -webkit-animation-name: slide-0-4;
  animation-name: slide-0-4;
}
.tab-slide-container .tab-slider.slide-1-0 {
  -webkit-animation-duration: 0.45s;
  animation-duration: 0.45s;
  animation-fill-mode: forwards;
  -webkit-animation-name: slide-1-0;
  animation-name: slide-1-0;
}
.tab-slide-container .tab-slider.slide-1-2 {
  -webkit-animation-duration: 0.45s;
  animation-duration: 0.45s;
  animation-fill-mode: forwards;
  -webkit-animation-name: slide-1-2;
  animation-name: slide-1-2;
}
.tab-slide-container .tab-slider.slide-1-3 {
  -webkit-animation-duration: 0.45s;
  animation-duration: 0.45s;
  animation-fill-mode: forwards;
  -webkit-animation-name: slide-1-3;
  animation-name: slide-1-3;
}
.tab-slide-container .tab-slider.slide-1-4 {
  -webkit-animation-duration: 0.45s;
  animation-duration: 0.45s;
  animation-fill-mode: forwards;
  -webkit-animation-name: slide-1-4;
  animation-name: slide-1-4;
}
.tab-slide-container .tab-slider.slide-2-0 {
  -webkit-animation-duration: 0.45s;
  animation-duration: 0.45s;
  animation-fill-mode: forwards;
  -webkit-animation-name: slide-2-0;
  animation-name: slide-2-0;
}
.tab-slide-container .tab-slider.slide-2-1 {
  -webkit-animation-duration: 0.45s;
  animation-duration: 0.45s;
  animation-fill-mode: forwards;
  -webkit-animation-name: slide-2-1;
  animation-name: slide-2-1;
}
.tab-slide-container .tab-slider.slide-2-3 {
  -webkit-animation-duration: 0.45s;
  animation-duration: 0.45s;
  animation-fill-mode: forwards;
  -webkit-animation-name: slide-2-3;
  animation-name: slide-2-3;
}
.tab-slide-container .tab-slider.slide-2-4 {
  -webkit-animation-duration: 0.45s;
  animation-duration: 0.45s;
  animation-fill-mode: forwards;
  -webkit-animation-name: slide-2-4;
  animation-name: slide-2-4;
}
.tab-slide-container .tab-slider.slide-3-0 {
  -webkit-animation-duration: 0.45s;
  animation-duration: 0.45s;
  animation-fill-mode: forwards;
  -webkit-animation-name: slide-3-0;
  animation-name: slide-3-0;
}
.tab-slide-container .tab-slider.slide-3-1 {
  -webkit-animation-duration: 0.45s;
  animation-duration: 0.45s;
  animation-fill-mode: forwards;
  -webkit-animation-name: slide-3-1;
  animation-name: slide-3-1;
}
.tab-slide-container .tab-slider.slide-3-2 {
  -webkit-animation-duration: 0.45s;
  animation-duration: 0.45s;
  animation-fill-mode: forwards;
  -webkit-animation-name: slide-3-2;
  animation-name: slide-3-2;
}
.tab-slide-container .tab-slider.slide-3-4 {
  -webkit-animation-duration: 0.45s;
  animation-duration: 0.45s;
  animation-fill-mode: forwards;
  -webkit-animation-name: slide-3-4;
  animation-name: slide-3-4;
}
.tab-slide-container .tab-slider.slide-4-0 {
  -webkit-animation-duration: 0.45s;
  animation-duration: 0.45s;
  animation-fill-mode: forwards;
  -webkit-animation-name: slide-4-0;
  animation-name: slide-4-0;
}
.tab-slide-container .tab-slider.slide-4-1 {
  -webkit-animation-duration: 0.45s;
  animation-duration: 0.45s;
  animation-fill-mode: forwards;
  -webkit-animation-name: slide-4-1;
  animation-name: slide-4-1;
}
.tab-slide-container .tab-slider.slide-4-2 {
  -webkit-animation-duration: 0.45s;
  animation-duration: 0.45s;
  animation-fill-mode: forwards;
  -webkit-animation-name: slide-4-2;
  animation-name: slide-4-2;
}
.tab-slide-container .tab-slider.slide-4-3 {
  -webkit-animation-duration: 0.45s;
  animation-duration: 0.45s;
  animation-fill-mode: forwards;
  -webkit-animation-name: slide-4-3;
  animation-name: slide-4-3;
}
.tab-slide-container .tab-slider.slide-0-1-a {
  -webkit-animation-duration: 0.45s;
  animation-duration: 0.45s;
  animation-fill-mode: forwards;
  -webkit-animation-name: slide-0-1-a;
  animation-name: slide-0-1-a;
}
.tab-slide-container .tab-slider.slide-0-2-a {
  -webkit-animation-duration: 0.45s;
  animation-duration: 0.45s;
  animation-fill-mode: forwards;
  -webkit-animation-name: slide-0-2-a;
  animation-name: slide-0-2-a;
}
.tab-slide-container .tab-slider.slide-1-0-a {
  -webkit-animation-duration: 0.45s;
  animation-duration: 0.45s;
  animation-fill-mode: forwards;
  -webkit-animation-name: slide-1-0-a;
  animation-name: slide-1-0-a;
}
.tab-slide-container .tab-slider.slide-1-2-a {
  -webkit-animation-duration: 0.45s;
  animation-duration: 0.45s;
  animation-fill-mode: forwards;
  -webkit-animation-name: slide-1-2-a;
  animation-name: slide-1-2-a;
}
.tab-slide-container .tab-slider.slide-2-0-a {
  -webkit-animation-duration: 0.45s;
  animation-duration: 0.45s;
  animation-fill-mode: forwards;
  -webkit-animation-name: slide-2-0-a;
  animation-name: slide-2-0-a;
}
.tab-slide-container .tab-slider.slide-2-1-a {
  -webkit-animation-duration: 0.45s;
  animation-duration: 0.45s;
  animation-fill-mode: forwards;
  -webkit-animation-name: slide-2-1-a;
  animation-name: slide-2-1-a;
}
@-webkit-keyframes slide-0-1 {
  0% {
    transform: translateX(18px) scaleX(1);
  }
  100% {
    transform: translateX(131px) scaleX(1.5);
  }
}
@keyframes slide-0-1 {
  0% {
    transform: translateX(18px) scaleX(1);
  }
  100% {
    transform: translateX(131px) scaleX(1.5);
  }
}
@-webkit-keyframes slide-0-2 {
  0% {
    transform: translateX(18px) scaleX(1);
  }
  100% {
    transform: translateX(260px) scaleX(1.53);
  }
}
@keyframes slide-0-2 {
  0% {
    transform: translateX(18px) scaleX(1);
  }
  100% {
    transform: translateX(260px) scaleX(1.53);
  }
}
@-webkit-keyframes slide-0-3 {
  0% {
    transform: translateX(18px) scaleX(1);
  }
  100% {
    transform: translateX(385px) scaleX(1.35);
  }
}
@keyframes slide-0-3 {
  0% {
    transform: translateX(18px) scaleX(1);
  }
  100% {
    transform: translateX(385px) scaleX(1.35);
  }
}
@-webkit-keyframes slide-0-4 {
  0% {
    transform: translateX(18px) scaleX(1);
  }
  100% {
    transform: translateX(495px) scaleX(1.12);
  }
}
@keyframes slide-0-4 {
  0% {
    transform: translateX(18px) scaleX(1);
  }
  100% {
    transform: translateX(495px) scaleX(1.12);
  }
}
@-webkit-keyframes slide-1-0 {
  0% {
    transform: translateX(131px) scaleX(1.5);
  }
  100% {
    transform: translateX(18px) scaleX(1);
  }
}
@keyframes slide-1-0 {
  0% {
    transform: translateX(131px) scaleX(1.5);
  }
  100% {
    transform: translateX(18px) scaleX(1);
  }
}
@-webkit-keyframes slide-1-2 {
  0% {
    transform: translateX(131px) scaleX(1.5);
  }
  100% {
    transform: translateX(260px) scaleX(1.53);
  }
}
@keyframes slide-1-2 {
  0% {
    transform: translateX(131px) scaleX(1.5);
  }
  100% {
    transform: translateX(260px) scaleX(1.53);
  }
}
@-webkit-keyframes slide-1-3 {
  0% {
    transform: translateX(131px) scaleX(1.5);
  }
  100% {
    transform: translateX(385px) scaleX(1.35);
  }
}
@keyframes slide-1-3 {
  0% {
    transform: translateX(131px) scaleX(1.5);
  }
  100% {
    transform: translateX(385px) scaleX(1.35);
  }
}
@-webkit-keyframes slide-1-4 {
  0% {
    transform: translateX(131px) scaleX(1.5);
  }
  100% {
    transform: translateX(495px) scaleX(1.12);
  }
}
@keyframes slide-1-4 {
  0% {
    transform: translateX(131px) scaleX(1.5);
  }
  100% {
    transform: translateX(495px) scaleX(1.12);
  }
}
@-webkit-keyframes slide-2-0 {
  0% {
    transform: translateX(260px) scaleX(1.53);
  }
  100% {
    transform: translateX(18px) scaleX(1);
  }
}
@keyframes slide-2-0 {
  0% {
    transform: translateX(260px) scaleX(1.53);
  }
  100% {
    transform: translateX(18px) scaleX(1);
  }
}
@-webkit-keyframes slide-2-1 {
  0% {
    transform: translateX(260px) scaleX(1.53);
  }
  100% {
    transform: translateX(131px) scaleX(1.5);
  }
}
@keyframes slide-2-1 {
  0% {
    transform: translateX(260px) scaleX(1.53);
  }
  100% {
    transform: translateX(131px) scaleX(1.5);
  }
}
@-webkit-keyframes slide-2-3 {
  0% {
    transform: translateX(260px) scaleX(1.53);
  }
  100% {
    transform: translateX(385px) scaleX(1.35);
  }
}
@keyframes slide-2-3 {
  0% {
    transform: translateX(260px) scaleX(1.53);
  }
  100% {
    transform: translateX(385px) scaleX(1.35);
  }
}
@-webkit-keyframes slide-2-4 {
  0% {
    transform: translateX(260px) scaleX(1.53);
  }
  100% {
    transform: translateX(495px) scaleX(1.12);
  }
}
@keyframes slide-2-4 {
  0% {
    transform: translateX(260px) scaleX(1.53);
  }
  100% {
    transform: translateX(495px) scaleX(1.12);
  }
}
@-webkit-keyframes slide-3-0 {
  0% {
    transform: translateX(385px) scaleX(1.35);
  }
  100% {
    transform: translateX(18px) scaleX(1);
  }
}
@keyframes slide-3-0 {
  0% {
    transform: translateX(385px) scaleX(1.35);
  }
  100% {
    transform: translateX(18px) scaleX(1);
  }
}
@-webkit-keyframes slide-3-1 {
  0% {
    transform: translateX(385px) scaleX(1.35);
  }
  100% {
    transform: translateX(131px) scaleX(1.5);
  }
}
@keyframes slide-3-1 {
  0% {
    transform: translateX(385px) scaleX(1.35);
  }
  100% {
    transform: translateX(131px) scaleX(1.5);
  }
}
@-webkit-keyframes slide-3-2 {
  0% {
    transform: translateX(385px) scaleX(1.35);
  }
  100% {
    transform: translateX(260px) scaleX(1.53);
  }
}
@keyframes slide-3-2 {
  0% {
    transform: translateX(385px) scaleX(1.35);
  }
  100% {
    transform: translateX(260px) scaleX(1.53);
  }
}
@-webkit-keyframes slide-3-4 {
  0% {
    transform: translateX(385px) scaleX(1.35);
  }
  100% {
    transform: translateX(495px) scaleX(1.12);
  }
}
@keyframes slide-3-4 {
  0% {
    transform: translateX(385px) scaleX(1.35);
  }
  100% {
    transform: translateX(495px) scaleX(1.12);
  }
}
@-webkit-keyframes slide-4-0 {
  0% {
    transform: translateX(495px) scaleX(1.12);
  }
  100% {
    transform: translateX(18px) scaleX(1);
  }
}
@keyframes slide-4-0 {
  0% {
    transform: translateX(495px) scaleX(1.12);
  }
  100% {
    transform: translateX(18px) scaleX(1);
  }
}
@-webkit-keyframes slide-4-1 {
  0% {
    transform: translateX(495px) scaleX(1.12);
  }
  100% {
    transform: translateX(131px) scaleX(1.5);
  }
}
@keyframes slide-4-1 {
  0% {
    transform: translateX(495px) scaleX(1.12);
  }
  100% {
    transform: translateX(131px) scaleX(1.5);
  }
}
@-webkit-keyframes slide-4-2 {
  0% {
    transform: translateX(495px) scaleX(1.12);
  }
  100% {
    transform: translateX(260px) scaleX(1.53);
  }
}
@keyframes slide-4-2 {
  0% {
    transform: translateX(495px) scaleX(1.12);
  }
  100% {
    transform: translateX(260px) scaleX(1.53);
  }
}
@-webkit-keyframes slide-4-3 {
  0% {
    transform: translateX(495px) scaleX(1.12);
  }
  100% {
    transform: translateX(385px) scaleX(1.35);
  }
}
@keyframes slide-4-3 {
  0% {
    transform: translateX(495px) scaleX(1.12);
  }
  100% {
    transform: translateX(385px) scaleX(1.35);
  }
}
@-webkit-keyframes slide-0-1-a {
  0% {
    transform: translateX(18px) scaleX(1);
  }
  100% {
    transform: translateX(126px) scaleX(1.4);
  }
}
@keyframes slide-0-1-a {
  0% {
    transform: translateX(18px) scaleX(1);
  }
  100% {
    transform: translateX(126px) scaleX(1.4);
  }
}
@-webkit-keyframes slide-0-2-a {
  0% {
    transform: translateX(18px) scaleX(1);
  }
  100% {
    transform: translateX(236px) scaleX(1.12);
  }
}
@keyframes slide-0-2-a {
  0% {
    transform: translateX(18px) scaleX(1);
  }
  100% {
    transform: translateX(236px) scaleX(1.12);
  }
}
@-webkit-keyframes slide-1-0-a {
  0% {
    transform: translateX(126px) scaleX(1.4);
  }
  100% {
    transform: translateX(18px) scaleX(1);
  }
}
@keyframes slide-1-0-a {
  0% {
    transform: translateX(126px) scaleX(1.4);
  }
  100% {
    transform: translateX(18px) scaleX(1);
  }
}
@-webkit-keyframes slide-1-2-a {
  0% {
    transform: translateX(126px) scaleX(1.4);
  }
  100% {
    transform: translateX(236px) scaleX(1.12);
  }
}
@keyframes slide-1-2-a {
  0% {
    transform: translateX(126px) scaleX(1.4);
  }
  100% {
    transform: translateX(236px) scaleX(1.12);
  }
}
@-webkit-keyframes slide-2-0-a {
  0% {
    transform: translateX(236px) scaleX(1.12);
  }
  100% {
    transform: translateX(18px) scaleX(1);
  }
}
@keyframes slide-2-0-a {
  0% {
    transform: translateX(236px) scaleX(1.12);
  }
  100% {
    transform: translateX(18px) scaleX(1);
  }
}
@-webkit-keyframes slide-2-1-a {
  0% {
    transform: translateX(236px) scaleX(1.12);
  }
  100% {
    transform: translateX(126px) scaleX(1.4);
  }
}
@keyframes slide-2-1-a {
  0% {
    transform: translateX(236px) scaleX(1.12);
  }
  100% {
    transform: translateX(126px) scaleX(1.4);
  }
}
#session-limits form {
  padding: 10px 25px;
}
#session-limits form .btn-submit {
  background-color: #1976d2;
  color: white;
}
#session-limits form .inline-block {
  display: inline-block;
}
#session-limits .modal-body {
  max-height: none;
  overflow-x: visible;
  overflow-y: visible;
}
#session-limits .modal-body .form-group {
  line-height: 45px;
}
#session-limits .modal-body .form-group .datepicker {
  line-height: normal;
}
#session-limits .modal-body .input {
  display: inline-block;
  min-width: 100px;
  width: auto;
}
#session-limits .modal-body .input#hours {
  width: 100px;
}
/**********************************
Saved colors
**********************************/
html,
body {
  font-family: 'Open Sans', sans-serif;
  height: 100%;
}
body {
  position: relative;
  background-color: #fcfcfc;
}
body > .container-fluid {
  padding-bottom: 75px;
}
body.coach-background {
  background-color: #dbe5ef;
}
body.no-overflow {
  overflow: hidden;
}
body input:focus,
body select:focus,
body a:focus,
body button:focus {
  box-shadow: 0px 0px 20px #1976d2;
  outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Open Sans', sans-serif;
}
a {
  color: #3674a3;
}
.gray-text {
  color: #9B9B9B;
}
.visually-hidden {
  height: 1px;
  margin: -1px;
  overflow: hidden;
  width: 1px;
}
/**********************************
BOOTSTRAP PROXY
**********************************/
.my-slider {
  width: 100%;
  height: 500px;
  font-size: 0;
}
.my-slider li {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.dropdown-menu {
  max-height: 300px;
  overflow: hidden;
  overflow-y: auto;
}
/**********************************
BUTTONS
**********************************/
.btn-danger {
  background-color: #ec0000;
  border-style: none;
}
.btn-danger:hover,
.btn-danger:focus {
  background-image: linear-gradient(rgba(0, 0, 0, 0.15) 0 0);
}
.btn-success {
  background-color: #3e853f;
  border-style: none;
}
.btn-success:hover,
.btn-success:focus {
  background-image: linear-gradient(rgba(0, 0, 0, 0.15) 0 0);
}
.btn-primary {
  background-color: #1976d2;
  border: 1px #1976d2 solid;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #1976d2;
  background-image: linear-gradient(rgba(0, 0, 0, 0.15) 0 0);
}
.btn-primary-textonly {
  background: none;
  border: none;
  color: #3674a3;
}
.btn-primary-textonly:hover,
.btn-primary-textonly:focus {
  background-color: #fff;
  background-image: linear-gradient(rgba(0, 0, 0, 0.15) 0 0);
  color: #3674a3;
}
.btn-secondary {
  background-color: #fff;
  border: 1px #1976d2 solid;
  color: #1976d2;
}
.btn-secondary:hover,
.btn-secondary:focus {
  background-color: #fff;
  background-image: linear-gradient(rgba(0, 0, 0, 0.15) 0 0);
  color: #1976d2;
}
.btn-gray {
  background-color: #717171;
  border: 1px #717171 solid;
  color: #fff;
}
.btn-gray:hover,
.btn-gray:focus {
  background-color: #717171;
  background-image: linear-gradient(rgba(0, 0, 0, 0.15) 0 0);
  color: #fff;
}
.btn-gray-offset {
  background-color: #fff;
  border: 1px #717171 solid;
  color: #717171;
}
.btn-gray-offset:hover,
.btn-gray-offset:focus {
  background-color: #fff;
  background-image: linear-gradient(rgba(0, 0, 0, 0.15) 0 0);
  color: #717171;
}
.btn-gray-textonly {
  background: none;
  border: none;
  color: #717171;
}
.btn-gray-textonly:hover,
.btn-gray-textonly:focus {
  background-color: #fff;
  background-image: linear-gradient(rgba(0, 0, 0, 0.15) 0 0);
  color: #717171;
}
.head-inverse .btn-primary-textonly {
  margin-top: -5px;
}
/**********************************
MISC
**********************************/
#coachSignup {
  text-align: center;
  margin-top: 30px;
}
#coachSignup input {
  max-width: 500px;
  margin: 0 auto;
}
#coachSignup #page_content {
  color: red;
}
#registerComplete {
  margin-top: 30px;
}
.no-select {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
}
.overflowX {
  overflow-x: auto;
}
.overflowY {
  overflow-y: auto;
}
@keyframes appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes disappear {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.ease-in-leave,
.ease-in-enter {
  -webkit-transition: all cubic-bezier(0.17, 0.67, 0.83, 0.67) 0.05s;
  -moz-transition: all cubic-bezier(0.17, 0.67, 0.83, 0.67) 0.05s;
  -ms-transition: all cubic-bezier(0.17, 0.67, 0.83, 0.67) 0.05s;
  -o-transition: all cubic-bezier(0.17, 0.67, 0.83, 0.67) 0.05s;
  transition: all cubic-bezier(0.17, 0.67, 0.83, 0.67) 0.05s;
}
.ease-in-enter {
  opacity: 0;
}
.ease-in-enter.ease-in-enter-active {
  opacity: 1;
}
.ease-in-leave {
  opacity: 1;
}
.ease-in-leave.ease-in-leave-active {
  opacity: 0;
}
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}
@media (max-width: 768px) {
  .contentContainer {
    margin-top: 50px;
  }
}
@media (min-width: 768px) {
  .contentContainer {
    margin-left: 150px;
  }
}
.display-none {
  display: none !important;
}
.padding10left {
  padding-left: 10px !important;
}
.padding15right {
  padding-right: 15px !important;
}
.margin20right {
  margin-right: 20px !important;
}
.twentyBottomMargin {
  margin-bottom: 20px;
}
.truncateText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.users-list-container {
  min-height: 64px;
  padding-left: 5px;
  padding-right: 5px;
  overflow-y: auto;
}
.users-list-container .user-container {
  height: 30px;
  font-size: 15px;
  background-color: #f5f5f5;
  border-radius: 3px;
  margin-top: 2px;
  border: 1px #d9d9d9 solid;
  padding-top: 4px;
}
.users-list-container .user-container .removeButton {
  position: absolute;
  right: 5px;
}
.users-list-container .user-container .removeButton a i {
  color: #EF0E1B;
}
.users-list-container .user-container .removeButton a i:active,
.users-list-container .user-container .removeButton a i.active,
.users-list-container .user-container .removeButton a i:focus,
.users-list-container .user-container .removeButton a i:hover {
  color: #D60002;
}
.activity-block {
  min-height: 50px;
  max-height: 350px;
  overflow: auto;
}
.label-abandonedCoach {
  background-color: #f20202;
}
.label-abandonedStudent {
  background-color: #f20202;
}
.label-approved {
  background-color: #659d32;
}
.label-unanswered {
  background-color: #7d26cd;
}
.label-started {
  background-color: #659d32;
}
.text-reminder-info {
  font-weight: bold;
  font-size: 16px;
  cursor: pointer;
  background-color: #1976d2;
  text-align: center;
  border: 1px;
  border-radius: 0px 0px 5px 5px;
  color: #fff;
  transition: all 0.5s;
  padding: 10px;
  min-height: 40px;
}
.text-reminder-info:hover,
.text-reminder-info:focus {
  background-color: #1976d2;
  background-image: linear-gradient(rgba(0, 0, 0, 0.15) 0 0);
  color: #fff;
}
.text-reminder-info a {
  color: white;
  text-decoration: none;
}
.text-reminder-info a:hover,
.text-reminder-info a:active {
  color: white;
}
.cloak-disabled {
  opacity: 0.3;
}
.cloak-disabled:after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1001;
}
.upswing-pills {
  margin-top: 15px;
  text-align: center;
  width: 100%;
}
.upswing-pills ul.nav,
.upswing-pills .pill-container {
  border: 1px solid #1976d2;
  border-radius: 4px;
  display: inline-block;
  height: 24px;
  overflow: hidden;
}
.upswing-pills li.uib-tab,
.upswing-pills .pill-tab {
  margin: 0px;
  width: 96px;
}
.upswing-pills li.uib-tab.active,
.upswing-pills .pill-tab.active {
  border-radius: 0px;
  border: none;
  background-color: #1976d2;
}
.upswing-pills li.uib-tab.active a,
.upswing-pills .pill-tab.active a,
.upswing-pills li.uib-tab.active div,
.upswing-pills .pill-tab.active div {
  background-color: #1976d2;
  color: white;
  cursor: pointer;
}
.upswing-pills li.uib-tab.inner,
.upswing-pills .pill-tab.inner {
  border-color: #1976d2;
  border-style: solid;
  border-width: 0 1px;
}
.upswing-pills li.uib-tab a,
.upswing-pills .pill-tab a,
.upswing-pills li.uib-tab div,
.upswing-pills .pill-tab div {
  cursor: pointer;
  background-color: white;
  border-radius: 0px;
  color: #1976d2;
  height: 24px;
  padding: 0px;
}
.upswing-pills li.uib-tab a:hover,
.upswing-pills .pill-tab a:hover,
.upswing-pills li.uib-tab div:hover,
.upswing-pills .pill-tab div:hover,
.upswing-pills li.uib-tab a:focus,
.upswing-pills .pill-tab a:focus,
.upswing-pills li.uib-tab div:focus,
.upswing-pills .pill-tab div:focus {
  font-weight: bold;
}
.upswing-pills.student-summary-pills .tab-content {
  margin-top: 100px;
  text-align: initial;
}
.round-profile-picture img {
  border-radius: 20px;
}
.btn-checkbox {
  background-color: #FFFFFF;
  border: 1px solid #EBEBEB;
  border-radius: 6px;
  height: 100%;
  padding: 0;
  width: 100%;
}
.btn-checkbox-checked {
  background: #FFFFFF;
  border: 1px solid rgba(178, 178, 178, 0.5);
  border-radius: 6px;
  color: #9B9B9B;
}
.btn-checkbox-checked img {
  height: 100%;
  width: 100%;
}
.notification-badge span {
  background: #FF5252;
  border-radius: 100%;
  color: white;
  font-size: 12px;
  font-weight: bold;
  left: 50%;
  line-height: 1;
  min-height: 20px;
  min-width: 20px;
  padding: 3px;
  position: absolute;
  text-align: center;
  top: 6px;
  vertical-align: middle;
  white-space: nowrap;
}
.notification-badge-askup span {
  background-color: #FF5252;
  border-radius: 100%;
  color: white;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  margin-top: -15px;
  min-height: 20px;
  min-width: 20px;
  padding: 3px;
  position: absolute;
  right: calc(50% - 40px);
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}
/**********************************
CALENDAR
**********************************/
.fc .fc-toolbar > .fc-center > h2 {
  font-size: 18px;
  line-height: 30px;
}
.fc .fc-event-container {
  margin: 0 !important;
}
.fc .fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-full);
}
h4#calendar-options a.calendar-option {
  color: #4f8bc3;
}
h4#calendar-options a.calendar-option.selected {
  font-weight: bold;
  color: #424242;
}
h4#calendar-options a.calendar-option:hover,
h4#calendar-options a.calendar-option:focus {
  text-decoration: none;
  font-weight: bold;
}
/**********************************
NG NOTIFICATIONS
**********************************/
.dr-notification-container {
  position: fixed;
}
.dr-notification-close-btn {
  padding: 5px;
  top: -4px;
}
/**********************************
USER PAGES
**********************************/
.user label {
  font-weight: normal;
}
.user .font-bold {
  font-weight: bold;
}
.user .wrapper {
  margin-bottom: -60px;
  padding-top: 50px;
  padding-bottom: 60px;
  background-color: #E0E0E0;
}
.user .nav-right .navbarPopup:focus {
  background-color: #eeeeee !important;
  border-color: #337ab7 !important;
  color: #23527c !important;
}
.user .nav-right > li {
  float: left;
}
.user .nav-right > li.nav-profile > a {
  padding: 10px 15px;
}
.user .nav-right > li.nav-profile .hidden-xs {
  padding-right: 8px;
}
.user .nav-right > li.nav-profile i {
  width: 18px;
  font-size: 16px;
  margin-right: 5px;
}
.user .nav-right > li > a {
  width: 50px;
  text-align: center;
  font-size: 18px;
  line-height: 22px;
}
.user .nav-right > li > a > .active {
  color: #ffffff;
}
.user .nav-right > li > a:hover,
.user .nav-right > li > a:focus {
  text-decoration: none;
}
.user .nav-right > li > .btn-group > a,
.user .nav-right > li > a {
  position: relative;
  display: block;
  height: 50px;
  padding: 14px 10px;
}
.user .nav-right > li > .btn-group > a .badge,
.user .nav-right > li > a .badge {
  position: absolute;
  top: 6px;
  right: 3px;
}
.user .nav-right > li .dropdown-menu {
  margin-top: 0;
}
.user .datepicker table {
  outline: 0;
  margin: 0 5px;
}
.user .datepicker table td,
.user .datepicker table th {
  padding: 1px;
}
.user .datepicker table .btn-info .text-muted {
  color: #FFF;
}
.user .timepicker .dropdown-menu {
  padding: 0 5px;
}
.user .timepicker td,
.user .timepicker th {
  padding: 0 1px;
}
.user .table {
  border-color: #FFF;
  margin-bottom: 0;
  padding: 0;
}
.user .table tbody > tr > td {
  border: none;
}
.user .table td.field {
  width: 100px;
  padding-left: 0;
}
.user .user-education {
  border-top: 1px solid #Ddd;
  margin-top: 5px;
  padding-top: 5px;
}
.user .user-education:first-child {
  border: none;
  margin: 0;
  padding: 0;
}
#account .block-inverse {
  margin-bottom: 20px;
}
/**********************************
STICKY FOOTER TRICK
**********************************/
.wrapper {
  min-height: 100%;
  height: auto !important;
  /* for older versions of IE */
  height: 100%;
  margin-bottom: -60px;
  /* showing the footer */
  padding-top: 50px;
  padding-bottom: 60px;
  /* avoiding content go behind the footer */
}
#school .wrapper {
  background: #4c555e;
}
.plain-wrapped {
  margin-top: 40px;
  margin-bottom: 40px;
}
/**********************************
SUB NAV ON HOMEPAGES
**********************************/
.sub-nav-wrapper {
  min-height: 100px;
}
.sub-nav.affix {
  position: fixed;
  top: 50px;
  z-index: 1;
  width: 100%;
  background: #eee;
}
.services .service {
  list-style-type: none;
  padding: 0;
}
.services .service > a {
  display: block;
  text-decoration: none;
  background: #eee;
  padding: 20px;
  text-align: center;
  color: #888;
  height: 100px;
  margin-right: 1px;
}
.services .service > a:hover,
.services .service > a.active {
  background: #0000ff;
  cursor: pointer;
  color: #FFF;
}
.services .service p {
  overflow: hidden;
  white-space: nowrap;
  margin: 5px 0;
}
.services .service p a {
  visibility: hidden;
}
.services .service:hover p a {
  visibility: visible;
  color: #FFF;
}
/**********************************
NAVBAR
**********************************/
.badge {
  background: #1565C7;
}
.badge.unread {
  background: #ff5252;
}
.navbar-inverse #logo {
  margin-top: -17px;
  background: none;
}
.navbar-inverse #logo.session {
  margin-left: -10px;
}
@media (max-width: 399px) {
  .navbar-inverse #logo.session {
    margin-top: -10px;
  }
}
@media (min-width: 400px) {
  .navbar-inverse #logo.session {
    margin-top: -16px;
  }
}
@media (max-width: 399px) {
  .navbar-inverse #logo {
    height: 40px;
  }
}
@media (min-width: 400px) {
  .navbar-inverse #logo {
    height: 50px;
  }
}
@media (max-width: 768px) {
  .navbar-fixed-side {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    top: 0;
    border: none;
  }
  .navbar-fixed-side div .content {
    margin-top: 70px;
  }
}
.navbar-fixed-side .navbar-header button:hover,
.navbar-fixed-side .navbar-header button:focus {
  background-color: #176abd;
}
.navbar-fixed-side .badge {
  background: #FF5252;
  position: absolute;
  top: 6px;
  left: 50%;
}
.navbar-fixed-side .navbar-nav .dropdown-menu {
  position: static;
  float: none;
  width: auto;
  margin-top: 0;
  background-color: transparent;
  border: 0;
  box-shadow: none;
  border-bottom: 1px solid #e7e7e7;
}
.navbar-fixed-side .navbar-nav .dropdown-menu > li > a,
.navbar-fixed-side .navbar-nav .dropdown-menu .dropdown-header {
  padding: 5px 15px 5px 25px;
}
.navbar-fixed-side .navbar-nav .dropdown-menu li > a {
  color: #23527c;
  padding: 10px 20px;
  font-size: 14px;
}
.navbar-fixed-side .navbar-nav .dropdown-menu li > a:hover,
.navbar-fixed-side .navbar-nav .dropdown-menu li > a:focus {
  color: #FFF;
  background-color: #515151;
}
.navbar-fixed-side .navbar-nav .dropdown-menu > li > a {
  line-height: 20px;
  color: #777;
}
.navbar-fixed-side .navbar-nav .dropdown-menu > li > a:hover,
.navbar-fixed-side .navbar-nav .dropdown-menu > li > a:focus {
  background-image: none;
}
.navbar-fixed-side .navbar-nav .dropdown-menu > .active > a {
  color: #fff;
  background-color: #145ea8;
}
.navbar-fixed-side .navbar-nav > li:not(.active) > a:hover,
.navbar-fixed-side .navbar-nav .dropdown-menu > li:not(.active) > a:hover,
.navbar-fixed-side .navbar-nav > li:not(.active) > a:focus,
.navbar-fixed-side .navbar-nav .dropdown-menu > li:not(.active) > a:focus,
.navbar-fixed-side .navbar-nav > li:not(.active) > a:active,
.navbar-fixed-side .navbar-nav .dropdown-menu > li:not(.active) > a:active {
  background-color: #145ea8;
  color: #fff;
}
.navbar-fixed-side .navbar-nav > li.active > a,
.navbar-fixed-side .navbar-nav .dropdown-menu > li.active > a {
  background-color: #145ea8;
}
.navbar-fixed-side .navbar-nav > li.active > a:hover,
.navbar-fixed-side .navbar-nav .dropdown-menu > li.active > a:hover,
.navbar-fixed-side .navbar-nav > li.active > a:focus,
.navbar-fixed-side .navbar-nav .dropdown-menu > li.active > a:focus,
.navbar-fixed-side .navbar-nav > li.active > a:active,
.navbar-fixed-side .navbar-nav .dropdown-menu > li.active > a:active {
  background-color: #145ea8;
  color: #ffffff;
}
.navbar-fixed-side .navbar-nav > li > a,
.navbar-fixed-side .navbar-nav .dropdown-menu > li > a {
  color: #fff;
  text-align: center;
}
.navbar-fixed-side #roleSelectContainer {
  display: inline-block;
  margin-top: 6px;
}
@media (max-width: 768px) {
  .navbar-fixed-side #roleSelectContainer {
    float: left;
  }
}
@media (max-width: 430px) {
  .navbar-fixed-side #roleSelectContainer {
    width: 160px;
    margin-bottom: -30px;
  }
}
@media (min-width: 431px) {
  .navbar-fixed-side #roleSelectContainer {
    padding-left: 5px;
    width: 265px;
    margin-bottom: 5px;
  }
}
.navbar-fixed-side #roleSelectContainer select {
  float: left;
  font-size: 17px;
  height: 40px;
  width: 100px;
}
.navbar-fixed-side #roleSelectContainer select.is-default-role {
  width: 140px;
}
.navbar-fixed-side #roleSelectContainer button {
  float: left;
  position: relative;
  margin: 3px;
}
@media (max-width: 430px) {
  .navbar-fixed-side #roleSelectContainer button {
    display: none;
  }
}
@media (min-width: 768px) {
  .navbar-fixed-side {
    position: fixed;
    margin: 0;
    height: 100vh;
    width: 150px;
    border: none;
    border-radius: 0;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .navbar-fixed-side #navProfileContainer {
    color: #ffffff;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 30px;
    margin-right: 30px;
    text-align: center;
  }
  .navbar-fixed-side #navProfileContainer .block-inverse {
    cursor: pointer;
    border-radius: 50%;
  }
  .navbar-fixed-side #navProfileContainer .block-inverse .head-inverse {
    padding: 5px;
    border-radius: 50%;
    border-bottom: 0px;
  }
  .navbar-fixed-side #navProfileContainer .block-inverse .head-inverse .img-responsive {
    border-radius: 50%;
    width: 75px;
    height: 75px;
  }
  .navbar-fixed-side #navProfileContainer .name-container {
    max-width: 87px;
    word-break: break-all;
  }
  .navbar-fixed-side #navProfileContainer .name-container p {
    font-size: 18px;
    margin-top: 10px;
  }
  .navbar-fixed-side .container,
  .navbar-fixed-side .container-fluid {
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }
  .navbar-fixed-side .navbar-header {
    float: none;
  }
  .navbar-fixed-side .navbar-collapse {
    width: 100%;
  }
  .navbar-fixed-side .navbar-nav {
    float: none;
  }
  .navbar-fixed-side .navbar-nav > li {
    float: none;
  }
  .navbar-fixed-side .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .navbar-fixed-side .navbar-form {
    margin: 0;
    margin-left: -15px;
    margin-right: -15px;
    padding: 10px 15px;
    border-bottom: 1px solid #e7e7e7;
  }
  .navbar-fixed-side .navbar-text {
    float: none;
    margin-left: 0;
    margin-right: 0;
  }
  .navbar-fixed-side .navbar-left,
  .navbar-fixed-side .navbar-right {
    float: none !important;
  }
  .navbar-fixed-side .dropdown > .dropdown-toggle,
  .navbar-fixed-side .dropdown-menu > .dropdown-header {
    background-color: transparent !important;
    color: #9d9d9d !important;
    cursor: default;
    font-size: 0.8em;
    text-transform: uppercase;
    border-bottom: none;
    padding-bottom: 0;
  }
  .navbar-fixed-side .dropdown-toggle .caret {
    display: none;
  }
  .navbar-fixed-side .dropdown-menu {
    display: block;
  }
  .navbar-fixed-side.navbar-inverse .navbar-collapse,
  .navbar-fixed-side.navbar-inverse .navbar-nav > li > a,
  .navbar-fixed-side.navbar-inverse .navbar-form,
  .navbar-fixed-side.navbar-inverse .navbar-nav .dropdown-menu {
    border-color: #363636;
  }
  .navbar-fixed-side.navbar-inverse .divider {
    background-color: #363636;
  }
  .navbar-fixed-side.navbar-inverse .navbar-nav .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-fixed-side.navbar-inverse .navbar-nav .dropdown-menu > .active > a {
    background-color: #145ea8;
    color: #ffffff;
  }
  .navbar-fixed-side.navbar-inverse .navbar-nav > li:not(.active) > a:hover,
  .navbar-fixed-side.navbar-inverse .navbar-nav .dropdown-menu > li:not(.active) > a:hover,
  .navbar-fixed-side.navbar-inverse .navbar-nav > li:not(.active) > a:focus,
  .navbar-fixed-side.navbar-inverse .navbar-nav .dropdown-menu > li:not(.active) > a:focus {
    background-color: #176abd;
    color: #fff;
  }
  .navbar-fixed-side.navbar-inverse .navbar-nav > li.active > a,
  .navbar-fixed-side.navbar-inverse .navbar-nav .dropdown-menu > li.active > a {
    background-color: #145ea8;
  }
  .navbar-fixed-side.navbar-inverse .dropdown > .dropdown-toggle {
    color: #777777 !important;
  }
}
/* ===== Comparison Page Tabs ===== */
.comp-tabs {
  border-bottom: 1px solid #dddddd;
}
.comp-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.comp-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid #dddddd;
  border-radius: 4px 4px 0 0;
  color: #555555;
  background-color: #f4f4f4;
}
.comp-tabs > li.active > a,
.comp-tabs > li.active > a:hover,
.comp-tabs > li.active > a:focus {
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
  cursor: default;
}
.comp-tabs > li.selected > a {
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
  cursor: default;
}
/**********************************
PAGE: STUDENT HOME PAGE
**********************************/
.student-homepage h3 {
  margin-bottom: 20px;
  font-weight: 100;
}
.homepage-full-block .btn-lg {
  display: block;
  margin: auto;
  max-width: 200px;
  margin-top: 20px;
}
.blueButton {
  background-color: #3b863b;
}
.homepage-full-block h3 {
  text-align: center;
}
.homepage-full-block {
  background-color: #263238;
  border-radius: 10px;
  color: #fff;
  margin: 0 20px;
  padding: 20px;
}
.student-homepage-first-half {
  color: #fff;
  display: inline-block;
  text-align: center;
  background-color: #263238;
  border-radius: 10px;
  padding: 20px;
  width: 100%;
}
.student-homepage-first-half .btn-lg {
  display: block;
  margin: auto;
  max-width: 200px;
}
.student-homepage-first-half h3 {
  margin-top: 0;
}
.student-homepage-second-half {
  display: inline-block;
  border-radius: 10px;
  padding: 10px;
  width: 100%;
}
.student-homepage-second-half h3 {
  margin-top: 0;
}
@media (max-width: 767px) {
  .student-homepage-second-half {
    margin-top: 20px;
  }
}
/**********************************
PAGE: DEMO
**********************************/
.demo {
  background: #fff;
  border-top: 1px solid #CCC;
  position: relative;
  overflow: hidden;
}
.demo .cont {
  margin-right: 600px;
  padding: 100px 0;
}
.demo .background {
  position: absolute;
  height: 100%;
  width: 600px;
  right: 0;
}
.demo .media {
  margin-top: 5px;
}
.demo .background div {
  position: absolute;
  left: 0;
  margin: 0;
}
.demo .background div.learning-center {
  background: url('/assets/img/ipad-facetime.png') top left no-repeat;
  top: 50px;
  height: 500px;
  width: 1000px;
}
.demo .background div.athletics {
  bottom: 0;
  width: 1000px;
  height: 100%;
  background: url('/assets/img/basketball.png') bottom left no-repeat;
}
.demo h2 {
  font-size: 20px;
  margin: 15px 0;
  color: #303336;
}
.demo p {
  font-size: 20px;
  color: #696f6f;
}
.demo p strong {
  display: inline-block;
  width: 40px;
}
.demo ul {
  position: relative;
  padding-left: 0;
  margin-bottom: 20px;
}
.demo ul li {
  display: inline-block;
}
.demo ul li p {
  margin-bottom: 0;
  font-size: 16px;
}
.demo ul li p strong {
  color: #303336;
}
/**********************************
SMART TABLE
**********************************/
.st-sort-ascent::after {
  font-family: FontAwesome;
  content: "\f0d8";
  padding-left: 5px;
}
.st-sort-descent::after {
  font-family: FontAwesome;
  content: "\f0d7";
  padding-left: 5px;
}
/**********************************
PAGE: HOMEPAGE
**********************************/
/*---Top of Page---*/
.homepage-title-list {
  background: rgba(56, 64, 71, 0.75);
  /* browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#263238', endColorstr='#263238');
  /* IE */
  color: #fff;
  font-family: 'Open+Sans', sans-serif;
  font-weight: 100;
  font-size: 28px;
  margin-bottom: 3px;
  padding: 5px 10px;
  line-height: 1.5;
}
.showcase {
  border-top: 1px solid #CCC;
  height: 100%;
  background: #eee;
}
.showcase .cont {
  padding-top: 235px;
  width: 560px;
  margin-left: 550px;
}
.showcase .bg {
  position: absolute;
  height: 799px;
  width: 450px;
}
.showcase .bg div {
  position: absolute;
  right: 0;
  height: 100%;
  width: 1180px;
  margin: 0;
}
.showcase .bg div.dashboard-pic {
  background: url('/assets/img/macbook-dashboard.png') 100% 50% no-repeat;
}
.showcase .bg div.retention-pic {
  background: url('/assets/img/grad-cap.png') 100% 50% no-repeat;
}
.showcase p {
  color: #696f6f;
}
.showcase ul {
  position: relative;
  padding-left: 0;
  margin-bottom: 20px;
}
.showcase ul li {
  display: inline-block;
  width: 320px;
}
.showcase ul li p {
  margin-bottom: 0;
  font-size: 16px;
}
.showcase ul li p strong {
  color: #303336;
}
.showcase a {
  border-bottom: 1px solid #fff;
  background: #fff;
  display: block;
}
.showcase strong {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -1px;
  color: #303336;
  display: inline-block;
  border-bottom: 1px solid #fff;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -ms-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}
.showcase span {
  font-size: 16px;
  line-height: 26px;
  color: #696f6f;
  display: block;
}
.showcase a:hover {
  border-bottom: 1px solid #fff;
}
.showcase a:hover strong {
  border-bottom: 1px solid #fff;
  border-bottom: 1px solid #d5d6d6;
}
.showcase a:hover img {
  opacity: 0.9;
}
@media (max-width: 767px) {
  .homepage-text h1 {
    font-size: 28px;
  }
  .homepage-text > p {
    font-size: 16px;
  }
  .homepage-text-sm > p {
    font-size: 14px;
  }
  .homepage-title-list {
    font-size: 20px;
  }
  .block-header h2 {
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .homepage-text h1 {
    font-size: 30px;
  }
  .homepage-text > p {
    font-size: 18px;
  }
  .homepage-text-sm > p {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .homepage-text h1 {
    font-size: 32px;
  }
  .homepage-text > p {
    font-size: 20px;
  }
  .homepage-text-sm > p {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  .homepage-text h1 {
    font-size: 32px;
  }
  .homepage-text > p {
    font-size: 20px;
  }
  .homepage-text-sm > p {
    font-size: 18px;
  }
}
.homepage-button-row {
  margin-top: 15px;
  margin-bottom: 15px;
  background: none;
  border-bottom: none;
}
.homepage-button-row a {
  background: none;
  border-bottom: none;
}
.homepage-button-row a:hover {
  background: none;
  border-bottom: none;
}
.homepage-pic-row {
  margin-top: 40px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .homepage-container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .homepage-container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .homepage-container {
    width: 1170px;
  }
}
.customer-support-button {
  position: fixed;
  bottom: 0px;
  right: 20px;
  z-index: 999;
}
@media (max-width: 767px) {
  .customer-support-button {
    visibility: hidden;
  }
}
.customer-support-button img,
.customer-support-button a {
  height: 64px;
  width: 212px;
}
.customer-support-button a {
  display: inline-block;
}
.customer-support-button .lpEmtStarRating a {
  display: none;
}
/**********************************
COLLEGE SEGMENT PAGES
**********************************/
/*--- Shared Landing Page Assets ---*/
#lp-header {
  width: 100%;
  height: 350px;
  overflow: hidden;
}
#lp-header.college-header {
  background: url("/assets/img/landing-pages/colleges/hbcu-title-img-blue.jpg") no-repeat left center;
  background-size: cover;
}
#lp-floater {
  background: #fff;
  border: 1px solid #ebebeb;
  margin: -105px auto 50px;
  width: 80%;
  padding: 50px 10%;
}
#lp-floater p {
  text-align: center;
  margin-top: 30px;
}
#lp-floater .lp-motto {
  font-size: 1.25em;
  text-align: center;
  margin-bottom: 10px;
}
#lp-floater .lp-motto.college-color {
  color: #2196f3;
}
#lp-floater #lp-title2 {
  font-weight: 400;
  color: #515151;
  margin: auto;
  text-align: center;
}
@media (max-width: 767px) {
  #lp-floater #lp-title2 {
    font-size: 1.75em;
  }
}
@media (min-width: 768px) {
  #lp-floater #lp-title2 {
    font-size: 2.5em;
  }
}
.lp-product-container {
  margin-top: 60px;
}
@media (max-width: 767px) {
  .lp-product-container .lp-college-block {
    margin-bottom: 60px;
  }
}
.lp-product-container .lp-college-block a {
  color: #515151;
  -webkit-transition: color 0.5s;
  /* Safari 3.1 to 6.0 */
  transition: color 0.5s;
}
.lp-product-container .lp-college-block a:hover {
  text-decoration: none;
  color: #176abd;
}
.lp-product-container .lp-college-block a:hover .block-img .overlay {
  background-color: rgba(0, 0, 0, 0.2);
}
.lp-product-container .lp-college-block a .block-img {
  height: 240px;
}
.lp-product-container .lp-college-block a .block-img#lp-college-tutoring {
  background: url("/assets/img/landing-pages/colleges/hbcu-lp-1.jpg") no-repeat left center;
  background-size: cover;
}
.lp-product-container .lp-college-block a .block-img#lp-college-student-services {
  background: url("/assets/img/landing-pages/colleges/hbcu-lp-2.jpg") no-repeat left center;
  background-size: cover;
}
.lp-product-container .lp-college-block a .block-img#lp-college-analytics {
  background: url("/assets/img/landing-pages/colleges/hbcu-lp-3.jpg") no-repeat left center;
  background-size: cover;
}
.lp-product-container .lp-college-block a .block-img .overlay {
  transition: background-color 0.5s;
  height: 100%;
}
.lp-product-container .lp-college-block a .block-floater {
  background: #fff;
  border: 1px solid #ebebeb;
  margin: -60px auto 20px;
  width: 80%;
  padding: 10px 10%;
  text-align: center;
}
.lp-product-container .lp-college-block a .block-floater h3 {
  margin-top: 10px;
}
.lp-product-container .lp-college-block .lp-block-text {
  margin: 0 auto 10px;
  width: 80%;
  text-align: center;
}
.lp-section {
  color: #fff;
  padding: 80px 0;
}
.lp-section.blue-section {
  background-color: #2196f3;
}
.lp-section #testimonials-top {
  text-align: center;
}
.lp-section #testimonials-top #partners-box img {
  background-color: #fff;
  width: 100px;
  margin: 40px 4px;
  border-radius: 6px;
}
.lp-section .lp-testimonials .lp-quote-block {
  padding: 20px;
}
@media (min-width: 768px) {
  .lp-section .lp-testimonials .lp-quote-block {
    padding: 60px;
    border-top: 1px solid #fff;
  }
  .lp-section .lp-testimonials .lp-quote-block:first-of-type {
    border-right: 1px solid #fff;
  }
}
.lp-section .lp-testimonials .lp-quote-block .lp-quote {
  font-size: 1em;
}
@media (min-width: 768px) {
  .lp-section .lp-testimonials .lp-quote-block .lp-quote {
    font-size: 1.5em;
  }
}
.lp-section .lp-testimonials .lp-quote-block .lp-quote-author {
  margin-top: 20px;
  font-size: 0.8em;
}
@media (min-width: 768px) {
  .lp-section .lp-testimonials .lp-quote-block .lp-quote-author {
    font-size: 1em;
  }
}
.new-button.green-btn {
  background-color: #00c853;
}
.new-button.green-btn:hover {
  background-color: #01a645;
}
.new-button.red-btn {
  background-color: #ff5252;
}
.new-button.red-btn:hover {
  background-color: #f44336;
}
.new-button.yellow-btn {
  background-color: #ffab00;
}
.new-button.yellow-btn:hover {
  background-color: #e49900;
}
/**********************************
RESPONSIVE YOUTUBE VIDEO WRAPPER
**********************************/
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/**********************************
SUPPORTING PAGES
**********************************/
/* ----- New and Improved ----- */
.new-and-improved .middle-container p {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
@media (max-width: 767px) {
  .new-and-improved .middle-container p {
    font-size: 14px;
  }
}
@media (min-width: 768px) {
  .new-and-improved .middle-container p {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .new-and-improved .middle-container p {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .new-and-improved .middle-container p {
    font-size: 16px;
  }
}
/**********************************
PAGE: EMAIL VERIFY
**********************************/
.middle-container {
  background-color: #eaeaea;
  padding: 20px;
  margin-bottom: 20px;
}
/**********************************
PAGE: LOGIN
**********************************/
.login-message-container {
  background-color: #F5F5F5;
  color: #696969;
  border-radius: 5px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.26);
}
@media (max-width: 767px) {
  .login-message-container {
    margin-bottom: 20px;
  }
}
.login-message-container h4 {
  color: #424242;
  text-align: center;
}
.login-message-container hr {
  border-top: 1px solid #D3D3D3;
}
.coach-login-background {
  background: url(/assets/img/mac-computer-session-blue.jpg) no-repeat center center;
  background-size: cover;
  min-height: 100%;
  height: auto !important;
  /* for older versions of IE */
  height: 100%;
  margin-bottom: -240px;
  /* showing the footer */
  padding-top: 50px;
  padding-bottom: 240px;
  /* avoiding content go behind the footer */
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/img/mac-computer-session-blue.jpg', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/img/mac-computer-session-blue.jpg',sizingMethod='scale')";
}
.login-page-background {
  background: url('../img/bg/diagonalnoise.png') no-repeat center center;
  background-size: cover;
  height: 100%;
}
.login-page-color-overlay {
  background-color: rgba(0, 0, 216, 0.7);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .login-title-text {
    margin-top: 10px;
  }
  .login-title-text h3 {
    font-size: 24px;
  }
}
@media (min-width: 768px) {
  .login-title-text {
    margin-top: 50px;
  }
  .login-title-text h3 {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  .login-title-text {
    margin-top: 50px;
  }
  .login-title-text h3 {
    font-size: 30px;
  }
}
@media (min-width: 1200px) {
  .login-title-text {
    margin-top: 50px;
  }
  .login-title-text h3 {
    font-size: 36px;
  }
}
.label-login-input {
  font-weight: normal;
}
.input-error-message {
  color: #dd0000;
  margin: 0.25em 0.5em;
}
/**********************************
PAGE: SUBDOMAIN LOGIN
**********************************/
.school-login-background {
  min-height: 100%;
  height: auto !important;
  /* for older versions of IE */
  height: 100%;
  margin-bottom: -240px;
  /* showing the footer */
  padding-top: 20px;
  padding-bottom: 240px;
  /* avoiding content go behind the footer */
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/img/mac-computer-session-blue.jpg', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/img/mac-computer-session-blue.jpg',sizingMethod='scale')";
}
.blue-mosaic {
  background: url(/assets/img/icon-mosaic-blue.png) repeat;
}
.darkgray-mosaic {
  background: url(/assets/img/icon-mosaic-darkgray.png) repeat;
}
.gray-mosaic {
  background: url(/assets/img/icon-mosaic-gray.png) repeat;
}
.green-mosaic {
  background: url(/assets/img/icon-mosaic-green.png) repeat;
}
.purple-mosaic {
  background: url(/assets/img/icon-mosaic-purple.png) repeat;
}
.red-mosaic {
  background: url(/assets/img/icon-mosaic-red.png) repeat;
}
.subdomain-login-field .form-group {
  margin-bottom: 5px;
}
.subdomain-login-field .form-group label {
  margin-bottom: 2px;
  font-weight: 100;
}
.subdomain-login-field p a {
  font-weight: 100;
}
.subdomain-login-field p a:hover {
  text-decoration: none;
}
@media (max-width: 767px) {
  .subdomain-login-field p a {
    font-size: 12px;
  }
  .subdomain-login-field .form-group label {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .subdomain-login-field p a {
    font-size: 14px;
  }
  .subdomain-login-field .form-group label {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .subdomain-login-field p a {
    font-size: 14px;
  }
  .subdomain-login-field .form-group label {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  .subdomain-login-field p a {
    font-size: 14px;
  }
  .subdomain-login-field .form-group label {
    font-size: 18px;
  }
  .subdomain-login-field h3 {
    margin-top: 5px;
  }
}
/**********************************
MISC
**********************************/
.btn-upswing {
  background-color: #1976d2;
  border-color: #1976d2;
  color: #FFFFFF;
}
.btn-upswing:hover,
.btn-upswing:focus,
.btn-upswing:active,
.btn-upswing.active {
  background-color: #0d8aee;
  border-color: #0c7cd5;
  color: #FFFFFF;
}
.btn-upswing.disabled:hover,
.btn-upswing[disabled]:hover,
.btn-upswing.disabled:focus,
.btn-upswing[disabled]:focus,
.btn-upswing.disabled:active,
.btn-upswing[disabled]:active,
.btn-upswing.disabled.active,
.btn-upswing[disabled].active {
  background-color: #2196F3;
  border-color: #2196F3;
  color: #FFFFFF;
}
.btn-teal {
  background-color: #50E3C2;
  border-color: #50E3C2;
  color: #FFFFFF;
}
.btn-teal:hover,
.btn-teal:focus,
.btn-teal:active,
.btn-teal.active {
  background-color: #3adfba;
  border-color: #24dcb3;
  color: #FFFFFF;
}
.btn-teal.disabled:hover,
.btn-teal[disabled]:hover,
.btn-teal.disabled:focus,
.btn-teal[disabled]:focus,
.btn-teal.disabled:active,
.btn-teal[disabled]:active,
.btn-teal.disabled.active,
.btn-teal[disabled].active {
  background-color: #50E3C2;
  border-color: #50E3C2;
  color: #FFFFFF;
}
.btn-orange {
  background-color: #FFC107;
  border-color: #FFC107;
  color: #FFFFFF;
}
.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active {
  background-color: #edb100;
  border-color: #d39e00;
  color: #FFFFFF;
}
.btn-orange.disabled:hover,
.btn-orange[disabled]:hover,
.btn-orange.disabled:focus,
.btn-orange[disabled]:focus,
.btn-orange.disabled:active,
.btn-orange[disabled]:active,
.btn-orange.disabled.active,
.btn-orange[disabled].active {
  background-color: #FFC107;
  border-color: #FFC107;
  color: #FFFFFF;
}
@keyframes appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes disappear {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}
@media (max-width: 768px) {
  .contentContainer {
    margin-top: 50px;
  }
}
@media (min-width: 768px) {
  .contentContainer {
    margin-left: 150px;
  }
}
.padding10left {
  padding-left: 10px !important;
}
.padding15right {
  padding-right: 15px !important;
}
.margin20right {
  margin-right: 20px !important;
}
.twentyBottomMargin {
  margin-bottom: 20px;
}
.truncateText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.users-list-container {
  min-height: 64px;
  padding-left: 5px;
  padding-right: 5px;
  overflow-y: auto;
}
.users-list-container .user-container {
  height: 30px;
  font-size: 15px;
  background-color: #f5f5f5;
  border-radius: 3px;
  margin-top: 2px;
  border: 1px #d9d9d9 solid;
  padding-top: 4px;
}
.users-list-container .user-container .removeButton {
  position: absolute;
  right: 5px;
}
.activity-block {
  min-height: 50px;
  max-height: 350px;
  overflow: auto;
}
.label-abandonedCoach {
  background-color: #f20202;
}
.label-abandonedStudent {
  background-color: #f20202;
}
.label-approved {
  background-color: #659d32;
}
.label-unanswered {
  background-color: #7d26cd;
}
.modal-header .close:focus,
.modal-header .close:hover {
  outline: none;
}
#wrap {
  height: 480px;
  background: url(../img/outside-class.png) no-repeat center center;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg3.jpg', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg3.jpg', sizingMethod='scale')";
  border-bottom: 1px solid #eee;
  color: #fff;
}
#wrap h1 {
  background: rgba(0, 0, 255, 0.75);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#0000ff', endColorstr='#0000ff');
  /* IE */
  padding: 5px 10px;
  font-family: 'Open+Sans', sans-serif;
  font-weight: 100;
  font-size: 60px;
  margin-top: 70px;
}
#wrap .list {
  margin: 50px 0 50px 70px;
}
#wrap .list ul {
  list-style-type: none;
  padding: 0;
}
#wrap .list ul li {
  font-weight: 100;
  font-size: 28px;
}
#wrap .list ul li span {
  background: rgba(0, 0, 0, 0.55);
  padding: 5px 10px;
  line-height: 1.8;
}
#wrap .list ul li i.fa {
  margin-right: 20px;
}
.leftBorderRadius3 {
  border-radius: 3px 0px 0px 3px !important;
}
.leftPadding15 {
  padding-left: 15px !important;
}
.paddingtop25 {
  padding-top: 25px !important;
}
i {
  display: inline-block !important;
  text-decoration: none !important;
}
.session-nav-buttons {
  margin-top: 8px;
  margin-right: 5px;
  float: right;
}
.session-nav-buttons .btn-container {
  margin-right: 5px;
  float: left;
}
.session-nav-buttons .btn-container a {
  cursor: pointer;
}
@media screen and (min-width: 992px) {
  .session-nav-buttons .btn-container .btn i.fa {
    margin-right: 5px;
  }
}
.session-nav-buttons .btn-container:last-of-type {
  margin-right: 3px;
}
.noResize {
  resize: none;
}
.no-results {
  color: lightgray;
  margin: 15px;
  position: relative;
  text-align: center;
}
/**********************************
ACCOUNT
**********************************/
#account_information {
  min-height: 400px;
}
#account_information > div.row {
  margin-top: 30px;
}
#account_information > div.row > div .account_information_module {
  margin-bottom: 30px;
}
#account_information > div.row > div .account_information_module:last-of-type {
  margin-bottom: 0px;
}
/**********************************
PROFILES
**********************************/
.head-inverse h2 {
  font-size: 18px !important;
}
.form-sub-label-container {
  display: inline-block;
  margin-right: 5px;
  white-space: nowrap;
}
.form-sub-label {
  color: #999;
  display: block;
  font-size: 9px;
}
.studentUser-moreThanOne {
  position: relative;
  left: 70px;
}
/**********************************
PAGE: PROFILE SIDEBAR
**********************************/
.btn-sidebar-accept {
  color: #ffffff;
  background-color: #39b54a;
  border-color: #cccccc;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-sidebar-accept:hover,
.btn-sidebar-accept:focus {
  background-color: #34a544;
  text-decoration: none;
}
.btn-sidebar-decline {
  color: #ffffff;
  background-color: #ed1c24;
  border-color: #cccccc;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-sidebar-decline:hover,
.btn-sidebar-decline:focus {
  background-color: #db1a21;
  text-decoration: none;
}
/**********************************
USER STATS AND GALLERY
**********************************/
.block-inverse {
  border-radius: 5px;
  border: 1px solid #eee;
  background: #FFF;
}
.block-inverse hr {
  margin: 10px 0;
}
.block-inverse .head-inverse {
  padding: 10px;
  border-bottom: 1px solid #EEE;
  background-color: #F5F5F5;
  border-radius: 5px 5px 0 0;
}
.block-inverse .head-inverse.collapsed {
  border-bottom: none;
}
.block-inverse .head-inverse h4 {
  display: inline-block;
  font-weight: 500;
  font-size: 18px;
}
.block-inverse .head-inverse i {
  margin-right: 2px;
}
.block-inverse .head-inverse .h2Icon {
  font-size: 18px;
}
.block-inverse .body-inverse {
  padding: 10px;
  min-height: 40px;
}
.user-gallery img {
  height: 60px;
  width: 60px;
  background: #FFF;
  border: 1px solid #dedede;
  border-radius: 60px;
  padding: 3px;
  margin: 5px;
}
.user-gallery img:hover {
  border-color: #999;
}
/**********************************
PAGE: COACHES LIST
**********************************/
#coaches {
  margin-top: 40px;
}
.coach-search {
  background: #F5F5F5;
  border-top: 1px solid #DDD;
  padding: 20px;
  margin-bottom: 15px;
}
.coach-list > ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.coach-list > ul > li {
  padding: 15px;
  border-bottom: 1px solid #EEE;
  background: #f5f5f5;
}
.coach-list > ul > li:first-child {
  border-top: 1px solid #EEE;
}
.coach-list > ul > li:hover {
  background: #e5e5fe;
}
.coach-list > ul > li > p {
  float: left;
  overflow: hidden;
  width: 50%;
  margin-bottom: 0;
}
.coach-list > ul > li > p > img {
  height: 100px;
  width: 100px;
  float: left;
  margin-right: 15px;
  overflow: hidden;
}
.coach-list > ul > li > p > a.inbox-dialog {
  color: #999;
}
.coach-list > ul > li > p > a.inbox-dialog:hover {
  color: #999;
  text-decoration: none;
}
.coach-list > ul > li > .last {
  border-radius: 0 0 5px 5px;
  border-bottom: 0;
}
.message-answer {
  background: #F5F5F5;
  border-top: 1px solid #DDD;
  padding: 20px;
}
.message-answer > form {
  width: 80%;
  float: left;
}
/**********************************
PAGE: MARKETPLACE
**********************************/
#marketplace-container {
  margin-left: auto;
  margin-right: auto;
}
#marketplace-container .cg-busy-animation {
  position: fixed;
  transform: translate(-50%, 0);
  left: calc(50% + 75px);
}
#marketplace-container #search-header {
  background: #FFFFFF;
  border: 1px solid #E0E0E0;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  height: 110px;
  position: relative;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  #marketplace-container #search-header {
    width: 98%;
    top: 10px;
    margin-left: 1%;
    border-radius: 5px;
  }
}
@media (min-width: 768px) {
  #marketplace-container #search-header {
    width: 100%;
    top: 0px;
    padding-right: 150px;
    position: fixed;
    z-index: 2;
  }
}
#marketplace-container #search-header .input-group {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
  height: 42px;
  max-width: 678px;
  border-color: #D2D2D2;
}
#marketplace-container #search-header .input-group input {
  box-shadow: none;
  -webkit-box-shadow: none;
  height: 42px;
  border-right: none;
  font-size: 18px;
}
#marketplace-container #search-header .input-group .input-group-addon {
  font-size: 24px;
  color: #9B9B9B;
  background-color: #FFFFFF;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: white;
}
#marketplace-container #results-container {
  width: 98%;
  margin-left: 1%;
  display: flex;
}
@media (max-width: 767px) {
  #marketplace-container #results-container {
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  #marketplace-container #results-container {
    flex-direction: row;
  }
}
#marketplace-container #results-container #search-results-filter-column {
  display: flex;
  flex-direction: column;
  position: relative;
}
#marketplace-container #results-container #search-results-filter-column #toggleFilter {
  align-items: center;
  display: flex;
  height: 40px;
  padding-left: 3px;
  z-index: 1;
}
@media (max-width: 767px) {
  #marketplace-container #results-container #search-results-filter-column #toggleFilter {
    width: 100%;
    margin-top: 30px;
    position: relative;
    float: left;
    margin-bottom: 0;
    padding-left: 1%;
  }
}
@media (min-width: 768px) {
  #marketplace-container #results-container #search-results-filter-column #toggleFilter {
    margin-top: 130px;
    width: 325px;
  }
}
#marketplace-container #results-container #search-results-filter-column #toggleFilter label {
  color: #9B9B9B;
  width: calc(100% - 60px);
}
#marketplace-container #results-container #search-results-filter-column #toggleFilter .switch {
  position: absolute;
  display: inline-block;
  width: 58px;
  height: 22px;
  right: 2px;
  background: none;
}
@media (max-width: 480px) {
  #marketplace-container #results-container #search-results-filter-column #toggleFilter .switch {
    right: 1%;
  }
}
#marketplace-container #results-container #search-results-filter-column #toggleFilter .switch input {
  margin: 4px 5px 0;
}
#marketplace-container #results-container #search-results-filter-column #toggleFilter .switch input:checked + .slider {
  background-color: #00C853;
}
#marketplace-container #results-container #search-results-filter-column #toggleFilter .switch input:checked + .slider:before {
  -webkit-transform: translateX(34px);
  -ms-transform: translateX(34px);
  transform: translateX(34px);
}
#marketplace-container #results-container #search-results-filter-column #toggleFilter .switch input:focus + .slider {
  box-shadow: 0 0 20px #00C853;
}
#marketplace-container #results-container #search-results-filter-column #toggleFilter .switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #9B9B9B;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 34px;
}
#marketplace-container #results-container #search-results-filter-column #toggleFilter .switch .slider:before {
  position: absolute;
  content: "";
  height: 28px;
  width: 28px;
  left: -2px;
  bottom: -3px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
  border: 1px solid #9B9B9B;
}
#marketplace-container #results-container #search-results-filter-column #filter-container {
  background: #FFFFFF;
  border: 1px solid #E0E0E0;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  border-radius: 5px;
}
@media (max-width: 767px) {
  #marketplace-container #results-container #search-results-filter-column #filter-container {
    width: 100%;
    margin-top: 20px;
    position: relative;
    float: left;
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  #marketplace-container #results-container #search-results-filter-column #filter-container {
    margin-top: 10px;
    width: 325px;
  }
}
#marketplace-container #results-container #search-results-filter-column #filter-container #calendar-holder {
  width: 100%;
  min-height: 250px;
  padding-top: 10px;
  border-bottom: 1px solid #E0E0E0;
}
#marketplace-container #results-container #search-results-filter-column #filter-container #calendar-holder .uib-monthpicker button.active {
  background-color: #2196F3;
}
#marketplace-container #results-container #search-results-filter-column #filter-container #calendar-holder .uib-monthpicker button.active span {
  color: #FFFFFF;
}
#marketplace-container #results-container #search-results-filter-column #filter-container #calendar-holder .uib-monthpicker button:hover,
#marketplace-container #results-container #search-results-filter-column #filter-container #calendar-holder .uib-monthpicker button:focus {
  background-color: #BBDEFB;
  border-color: #BBDEFB;
}
#marketplace-container #results-container #search-results-filter-column #filter-container #calendar-holder .uib-monthpicker .uib-month {
  padding: 5px;
}
#marketplace-container #results-container #search-results-filter-column #filter-container #calendar-holder .uib-datepicker {
  margin-left: auto;
  margin-right: auto;
  display: table;
}
#marketplace-container #results-container #search-results-filter-column #filter-container #calendar-holder .uib-datepicker:focus {
  box-shadow: 0 0 20px #1976d2;
}
#marketplace-container #results-container #search-results-filter-column #filter-container #calendar-holder .uib-datepicker .uib-day {
  padding: 5px;
}
#marketplace-container #results-container #search-results-filter-column #filter-container #calendar-holder .uib-datepicker .uib-day button {
  border: none;
  height: 34px;
}
#marketplace-container #results-container #search-results-filter-column #filter-container #calendar-holder .uib-datepicker .uib-day button.active {
  border-radius: 25px;
  box-shadow: none;
  outline: 0;
}
#marketplace-container #results-container #search-results-filter-column #filter-container #calendar-holder .uib-datepicker .uib-day button.active span {
  color: #fff;
}
#marketplace-container #results-container #search-results-filter-column #filter-container #calendar-holder .uib-datepicker .uib-day button:hover {
  background-color: #BBDEFB;
  border-color: #BBDEFB;
  border-radius: 25px;
}
#marketplace-container #results-container #search-results-filter-column #filter-container #calendar-holder .uib-datepicker .uib-day button.btn-info {
  background-color: #2196F3;
  color: #ffffff;
  border-radius: 25px;
}
#marketplace-container #results-container #search-results-filter-column #filter-container #calendar-holder .uib-datepicker .uib-day button.focus {
  background-color: #2196F3;
  border-color: #2196F3;
  color: #ffffff;
}
#marketplace-container #results-container #search-results-filter-column #filter-container #calendar-holder .uib-datepicker th {
  color: #9b9b9b;
  font-weight: 500;
}
#marketplace-container #results-container #search-results-filter-column #filter-container #calendar-holder .uib-datepicker .uib-title {
  border: none;
  color: #424242;
  font-size: 18px;
}
#marketplace-container #results-container #search-results-filter-column #filter-container #calendar-holder .uib-datepicker .uib-title:hover {
  background-color: #BBDEFB;
}
#marketplace-container #results-container #search-results-filter-column #filter-container #calendar-holder .uib-datepicker .uib-title:focus {
  background-color: white;
  outline: none;
}
#marketplace-container #results-container #search-results-filter-column #filter-container #calendar-holder .uib-datepicker .uib-title:active {
  background-color: white;
}
#marketplace-container #results-container #search-results-filter-column #filter-container #calendar-holder .uib-datepicker .uib-right {
  border: none;
  -webkit-text-stroke: 3px white;
  color: #4a4a4a;
  font-size: 20px;
}
#marketplace-container #results-container #search-results-filter-column #filter-container #calendar-holder .uib-datepicker .uib-right:hover {
  background-color: #BBDEFB !important;
  -webkit-text-stroke: 3px #BBDEFB;
}
#marketplace-container #results-container #search-results-filter-column #filter-container #calendar-holder .uib-datepicker .uib-right:focus {
  background-color: white;
  outline: none;
}
#marketplace-container #results-container #search-results-filter-column #filter-container #calendar-holder .uib-datepicker .uib-right:active {
  background-color: white;
}
#marketplace-container #results-container #search-results-filter-column #filter-container #calendar-holder .uib-datepicker .uib-left {
  border: none;
  -webkit-text-stroke: 3px white;
  color: #4a4a4a;
  font-size: 20px;
}
#marketplace-container #results-container #search-results-filter-column #filter-container #calendar-holder .uib-datepicker .uib-left:hover {
  background-color: #BBDEFB !important;
  -webkit-text-stroke: 3px #BBDEFB;
}
#marketplace-container #results-container #search-results-filter-column #filter-container #calendar-holder .uib-datepicker .uib-left:focus {
  background-color: white;
  outline: none;
}
#marketplace-container #results-container #search-results-filter-column #filter-container #calendar-holder .uib-datepicker .uib-left:active {
  background-color: white;
}
#marketplace-container #results-container #search-results-filter-column #filter-container #calendar-holder .uib-datepicker table {
  margin-bottom: 10px;
}
#marketplace-container #results-container #search-results-filter-column #filter-container #calendar-holder .uib-datepicker table:focus {
  outline: none;
}
#marketplace-container #results-container #search-results-filter-column #filter-container .coach-search-field-holder {
  border-bottom: 1px solid #EBEBEB;
  min-height: 50px;
  padding-top: 10px;
}
#marketplace-container #results-container #search-results-filter-column #filter-container .coach-search-field-holder.row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 10px 21px 10px 8px;
}
#marketplace-container #results-container #search-results-filter-column #filter-container .coach-search-field-holder label {
  padding-top: 6px;
  font-weight: 600;
  font-size: 12px;
  padding-left: 7.5px;
}
#marketplace-container #results-container #search-results-filter-column #filter-container .coach-search-field-holder label.not-applicable {
  color: #EBEBEB;
}
#marketplace-container #results-container #search-results-filter-column #filter-container .coach-search-field-holder label input[type="radio"] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
#marketplace-container #results-container #search-results-filter-column #filter-container .coach-search-field-holder label input[type="radio"]:focus + span {
  box-shadow: 0 0 20px #1976d2;
}
#marketplace-container #results-container #search-results-filter-column #filter-container .coach-search-field-holder label input[type="radio"] + span {
  display: block;
}
#marketplace-container #results-container #search-results-filter-column #filter-container .coach-search-field-holder label input[type="radio"] + span:after {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.25em;
  border-radius: 0.8em;
  border: 0.108em solid #fff;
  box-shadow: 0 0 0 0.1em #d7d7d7;
  margin-left: 0.75em;
  vertical-align: middle;
  cursor: pointer;
}
#marketplace-container #results-container #search-results-filter-column #filter-container .coach-search-field-holder label input[type="radio"]:checked + span:after {
  background: #2196F3;
  box-shadow: 0 0 0 0.1em #d7d7d7;
  cursor: pointer;
}
#marketplace-container #results-container #search-results-filter-column #filter-container .coach-search-field-holder label input[type="radio"]:focus + span:before {
  line-height: 1;
  font-size: 30px;
  background-color: #1976d2;
  vertical-align: -0.125em;
}
#marketplace-container #results-container #search-results-filter-column #filter-container .coach-search-field-holder select {
  border-color: #EBEBEB;
  box-shadow: none;
}
#marketplace-container #results-container #search-results-filter-column #filter-container .coach-search-field-holder select:focus {
  box-shadow: 0 0 20px #1976d2;
}
#marketplace-container #results-container #search-results-filter-column #filter-container .coach-search-field-holder .col-xs-4 .dropdown ul {
  font-size: 12px;
  line-height: 1.5;
  min-width: 94px;
}
#marketplace-container #results-container #search-results-filter-column #filter-container .coach-search-field-holder .col-xs-4 .dropdown ul#time-select {
  max-height: 167px;
}
#marketplace-container #results-container #loaded-coaches {
  width: 100%;
}
@media (max-width: 767px) {
  #marketplace-container #results-container #loaded-coaches {
    float: left;
  }
}
@media (min-width: 768px) {
  #marketplace-container #results-container #loaded-coaches {
    margin-left: 20px;
    padding-top: 110px;
    max-width: 650px;
  }
}
#marketplace-container #results-container #loaded-coaches #notification-message-container {
  min-height: 84px;
  padding: 8px 0 10px 0;
}
@media (max-width: 767px) {
  #marketplace-container #results-container #loaded-coaches #notification-message-container {
    padding: 8px 1% 10px 1%;
    margin-bottom: 10px;
  }
}
#marketplace-container #results-container #loaded-coaches #notification-message-container > .notification-message {
  text-align: left;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0px;
  margin-top: 10px;
}
#marketplace-container #results-container #loaded-coaches #notification-message-container > .notification-message#marketplace-information {
  color: #9B9B9B;
}
#marketplace-container #results-container #loaded-coaches .coach-container {
  opacity: 1;
  height: auto;
  display: block;
  max-height: 500px;
  -webkit-transition: opacity 1s 0s ease-out, max-height 0.5s 0s ease-out, margin-bottom 0.5s 0s ease-out, background 0.15s 0s ease-in-out, border-color 0.15s 0s ease-in-out;
  transition: opacity 1s 0s ease-out, max-height 0.5s 0s ease-out, margin-bottom 0.5s 0s ease-out, background 0.15s 0s ease-out, border-color 0.15s 0s ease-out;
  background: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  margin-bottom: 25px;
}
#marketplace-container #results-container #loaded-coaches .coach-container.hide-coach {
  -webkit-transition: opacity 1s 0s ease-in, max-height 0.25s 0s ease-in, margin-bottom 0.25s 0s ease-in;
  /* Safari */
  transition: opacity 1s 0s ease-in, max-height 0.25s 0s ease-in, margin-bottom 0.25s 0s ease-in;
  max-height: 0px;
  opacity: 0;
  overflow: hidden;
  margin-bottom: 0px;
}
#marketplace-container #results-container #loaded-coaches .coach-container:hover {
  background-color: #BBDEFB;
  border-color: #BBDEFB;
}
#marketplace-container #results-container #loaded-coaches .coach-container .coach-status {
  color: #FFFFFF;
  letter-spacing: 0;
  width: 100%;
  position: relative;
  border-radius: 5px 5px 0 0;
  font-size: 18px;
  text-align: center;
}
#marketplace-container #results-container #loaded-coaches .coach-container .coach-status.offline {
  background-color: #2196F3;
}
#marketplace-container #results-container #loaded-coaches .coach-container .coach-status.available-now {
  background-color: #4BD964;
}
#marketplace-container #results-container #loaded-coaches .coach-container .media {
  margin-top: -13px;
  height: calc(100% - 15px);
  position: relative;
}
#marketplace-container #results-container #loaded-coaches .coach-container .media .identity-container {
  float: left;
  margin-left: 20px;
  margin-top: 28px;
}
#marketplace-container #results-container #loaded-coaches .coach-container .media .identity-container .block-inverse {
  margin: auto;
  width: 112px;
  cursor: pointer;
  border-radius: 50%;
}
#marketplace-container #results-container #loaded-coaches .coach-container .media .identity-container .block-inverse .head-inverse {
  padding: 5px;
  border-radius: 50%;
  border-bottom: 0px;
}
#marketplace-container #results-container #loaded-coaches .coach-container .media .identity-container .block-inverse .head-inverse .img-responsive {
  border-radius: 50%;
  width: 100px;
  height: 100px;
}
#marketplace-container #results-container #loaded-coaches .coach-container .media .identity-container hr {
  border-top: 1px solid #D3D3D3;
  margin-top: 10px;
  margin-bottom: 10px;
}
#marketplace-container #results-container #loaded-coaches .coach-container .media .identity-container p {
  text-align: center;
}
#marketplace-container #results-container #loaded-coaches .coach-container .media .information-container {
  width: calc(100% - 155px);
  margin-left: 155px;
  padding-right: 10px;
  margin-top: 28px;
}
#marketplace-container #results-container #loaded-coaches .coach-container .media .information-container h3 {
  font-size: 20px;
  cursor: pointer;
  font-weight: 600;
}
#marketplace-container #results-container #loaded-coaches .coach-container .media .information-container h3:hover,
#marketplace-container #results-container #loaded-coaches .coach-container .media .information-container h3:focus {
  text-decoration: underline;
}
#marketplace-container #results-container #loaded-coaches .coach-container .media .information-container .coach-ratings ol.angular-ratings li {
  width: 15px;
  height: 15px;
  background: url(/assets/lib/marketplace-star-sprite.png) no-repeat;
  background-size: 100%;
}
#marketplace-container #results-container #loaded-coaches .coach-container .media .information-container .coach-ratings ol.angular-ratings li.active {
  background-position: 0 -15px;
}
#marketplace-container #results-container #loaded-coaches .coach-container .media .information-container p {
  max-height: 300px;
  margin-top: 5px;
  margin-bottom: 5px;
  color: #4A4A4A;
}
#marketplace-container #results-container #loaded-coaches .coach-container .media .information-container p strong {
  color: #424242;
}
#marketplace-container #results-container #loaded-coaches .coach-container .button-group {
  padding-left: 15px;
  padding-bottom: 0px;
  font-size: 0;
}
#marketplace-container #results-container #loaded-coaches .coach-container .button-group .btn {
  margin-right: 8px;
  margin-bottom: 8px;
  min-width: 80px;
}
#marketplace-container #results-container #loaded-coaches .coach-container .button-group .btn.cannot-schedule-yet {
  visibility: hidden;
}
@media (min-width: 1200px) {
  #marketplace-container #results-container #loaded-coaches .coach-container .button-group .btn {
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
  }
}
#marketplace-container #results-container #loaded-coaches .coach-container .button-group .btn .btn-get-tutored-now {
  background-color: #4BD964;
}
#marketplace-container #results-container #loaded-coaches .coach-container .button-group .btn-get-tutored-now {
  background-color: #4BD964;
  border-color: #4BD964;
  color: #FFFFFF;
}
#marketplace-container #results-container #loaded-coaches .coach-container .button-group .btn-get-tutored-now:hover,
#marketplace-container #results-container #loaded-coaches .coach-container .button-group .btn-get-tutored-now:focus,
#marketplace-container #results-container #loaded-coaches .coach-container .button-group .btn-get-tutored-now:active,
#marketplace-container #results-container #loaded-coaches .coach-container .button-group .btn-get-tutored-now.active {
  background-color: #36d552;
  border-color: #2ac746;
}
#marketplace-container #results-container #loaded-coaches .coach-container .button-group .btn-get-tutored-now:disabled:hover,
#marketplace-container #results-container #loaded-coaches .coach-container .button-group .btn-get-tutored-now:disabled:focus,
#marketplace-container #results-container #loaded-coaches .coach-container .button-group .btn-get-tutored-now:disabled:active,
#marketplace-container #results-container #loaded-coaches .coach-container .button-group .btn-get-tutored-now:disabled.active {
  background-color: #4BD964;
  border-color: #4BD964;
}
#marketplace-container #results-container #loaded-coaches #coach-results-wrapper {
  height: auto;
  min-height: 300px;
}
#marketplace-container #results-container #loaded-coaches #coach-results-wrapper .modal {
  display: inline;
  position: absolute !important;
  z-index: 1 !important;
  top: auto;
  bottom: auto;
}
#marketplace-container #results-container #loaded-coaches #coach-results-wrapper .modal + div {
  content: " ";
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  pointer-events: none;
}
/**********************************
INBOX
**********************************/
.pm-search {
  background: #F5F5F5;
  border-top: 1px solid #DDD;
  padding: 20px;
  margin-bottom: 15px;
}
.pm-list > ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.pm-list > ul > li {
  padding: 15px;
  border-bottom: 1px solid #EEE;
}
.pm-list > ul > li:hover {
  background: #f5f5f5;
}
.pm-list > ul > li.active,
.pm-list > ul > li.unread {
  background: #afd9ee;
}
.pm-list > ul > li > p {
  float: left;
  overflow: hidden;
  width: 50%;
  margin-bottom: 0;
}
.pm-list > ul > li > p > img {
  height: 50px;
  width: 50px;
  float: left;
  margin-right: 15px;
  overflow: hidden;
}
.pm-list > ul > li > p > a.inbox-dialog {
  color: #999;
}
.pm-list > ul > li > p > a.inbox-dialog:hover {
  color: #999;
  text-decoration: none;
}
.message-answer {
  background: #F5F5F5;
  border-top: 1px solid #DDD;
  padding: 20px;
}
.message-answer > form {
  width: 80%;
  float: left;
}
/**********************************
PAGE: BLOG
**********************************/
.blog-summary {
  position: relative;
  margin-bottom: 40px;
}
.blog-summary > h4 {
  line-height: 22px;
}
.blog-text {
  line-height: 1.8;
}
.timeline-block .blog-img {
  /* Making images smalled for timeline page */
  width: 250px;
}
.blog-img {
  padding: 10px;
  border: 1px solid #ddd;
  margin: 10px;
  width: 350px;
}
.new-story:after {
  content: "NEW!";
  font-size: 0.6em;
  color: #FFF;
  background: #f1c40f;
  padding: 3px 4px;
  margin-left: 5px;
  vertical-align: super;
}
.recent-blogs ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.recent-blogs ul li {
  padding: 7px 0;
  border-bottom: 1px dotted #ddd;
}
.recent-blogs ul li:last-child {
  border-bottom: 0;
}
.blog-months ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: 50%;
  border-right: 1px solid #FFF;
}
.blog-months ul li .badge {
  background: #FFF;
  color: #666;
  border: 1px solid #ddd;
}
.blog-months ul li .badge.unread {
  background: red;
}
.new-comment {
  padding: 20px 10px 10px;
  border-top: 1px solid #ddd;
  border-bottom: 1px dashed #ddd;
  margin: 20px 0;
}
.new-comment:hover {
  border-bottom-style: solid;
}
.new-comment img {
  max-height: 64px;
  width: auto;
  float: right;
}
.comment {
  margin: 10px 0;
  border-bottom: 1px dotted #ddd;
}
/* ===== Blog Timeline ===== */
.timeline-block {
  border-left: 3px solid #eee;
  padding-left: 20px;
  margin-left: 100px;
}
.timeline-block time.timestamp {
  position: absolute;
  top: 12px;
  left: -136px;
  padding: 5px 6px;
  font-style: italic;
  color: #999;
}
.timeline-block time.timestamp:before {
  display: block;
  font-family: FontAwesome;
  content: "\f073";
  font-style: normal;
  font-size: 32px;
  margin-left: 27px;
}
.timeline-block time.timestamp:after {
  display: inline-block;
  content: "";
  height: 20px;
  width: 20px;
  border: 3px solid #DDD;
  border-radius: 26px;
  margin-left: 16px;
  background: #FFF;
}
/* ===== About Us block ===== */
img.img-about {
  width: 40%;
  padding: 10px;
  border: 1px solid #eee;
  float: left;
  margin: 0 20px 20px 0;
}
/* ===== Media objects ===== */
.media-object {
  height: 64px;
  width: 64px;
}
.media-heading a {
  color: #333;
}
.media-heading a:hover {
  color: #333;
  text-decoration: none;
}
.read-more {
  float: right;
  margin-top: 10px;
}
/* ===== Recent Works ===== */
.thumbnail {
  position: relative;
}
.thumbnail .visit {
  position: absolute;
  opacity: 0;
  width: 100%;
  text-align: center;
  top: 80px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
}
.thumbnail:hover .visit {
  opacity: 1;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
}
.thumbnail .visit a {
  color: #FFF;
  text-transform: uppercase;
  background: rgba(0, 0, 0, 0.5);
  padding: 10px 20px;
}
.thumbnail .visit a:hover {
  color: #FFF;
  text-decoration: none;
}
/**********************************
STEPS
**********************************/
.step {
  text-align: center;
  width: 50%;
  margin: 0 auto;
}
.step i {
  color: #dedede;
  transition: color 0.3s;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
}
.step h4 {
  text-transform: uppercase;
}
.step .arrow {
  position: absolute;
  top: 0;
  right: -10%;
  color: #dedede;
  font-size: 100px;
  transition: color 0.3s;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
}
.step:hover i {
  color: #FFA973;
  transition: color 0.3s;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
}
.step:hover .arrow {
  color: #99E0FF;
  transition: color 0.3s;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
}
/**********************************
PAGE: ABOUT US
**********************************/
.about-icon {
  font-size: 52px;
  float: left;
  margin: 15px 15px 0 0;
  color: #81D685;
}
.about-p {
  overflow: hidden;
  line-height: 22px;
}
.about-btn {
  margin-top: 50px;
  text-align: center;
}
/**********************************
PAGE: GRANT RESEARCH
**********************************/
.grant-section-header {
  text-align: center;
  margin: 40px 0 20px;
}
.grant-block {
  float: left;
}
@media (max-width: 767px) {
  .grant-block {
    margin: 10px 0;
    width: 100%;
  }
}
@media (min-width: 767px) and (max-width: 991px) {
  .grant-block {
    margin: 1%;
    width: 48%;
  }
}
@media (min-width: 992px) {
  .grant-block {
    margin: 1%;
    width: 18%;
  }
}
.grant-block-head {
  min-height: 100px;
  width: 100%;
  float: left;
  position: relative;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.26);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.grant-block-head:hover {
  color: #fff;
  text-decoration: none;
}
.block-head-centering {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100px;
  display: table;
  padding: 10px;
}
.block-head-centering h3 {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  line-height: 1.5em;
  color: #fff;
}
.grant-block-body {
  width: 100%;
  padding: 10px;
  float: left;
  border: 1px solid #eee;
  background-color: #fafafa;
}
@media (min-width: 768px) and (max-width: 991px) {
  .grant-block-body p {
    min-height: 100px;
  }
}
@media (min-width: 992px) {
  .grant-block-body p {
    min-height: 200px;
  }
}
@media (min-width: 1200px) {
  .grant-block-body p {
    min-height: 160px;
  }
}
.grant-button {
  margin: 20px 0 5px;
}
/**********************************
PAGE: ROI CALCULATOR
**********************************/
#schoolMetrics {
  max-width: 580px;
  margin: 60px auto;
  padding: 40px 60px;
  background-color: #ebebeb;
  border-radius: 6px;
}
.ROICalculator label {
  color: #000;
  font-weight: bold;
  font-size: 16px;
  display: inline-block;
  letter-spacing: 0.5px;
}
.ROICalculator #schoolMetrics .form-group.row div span {
  border-radius: 50px;
  width: 16px;
  height: 16px;
  color: #fff;
  font-weight: bold;
  background: #2196f3;
  font-size: 14px;
  line-height: 1.3em;
  text-align: center;
  position: absolute;
  top: 10px;
  right: -30px;
  -webkit-transition: all linear 200ms;
  -moz-transition: all linear 200ms;
  -o-transition: all linear 200ms;
  transition: all linear 200ms;
}
#roi-calculation-results {
  margin-bottom: 60px;
  background-color: #ebebeb;
  padding: 20px;
  border-radius: 6px;
}
#roi-calculation-results h3 {
  line-height: 1.25em;
}
#roi-calculation-results h4 {
  line-height: 1.25em;
}
.promotionVideo {
  margin-top: 30px;
  margin-bottom: 30px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -khtml-border-radius: 6px;
  box-shadow: 0px 0px 1px grey;
  -webkit-box-shadow: 0px 0px 1px grey;
  position: relative;
  padding-bottom: 56.25%;
  max-width: 100%;
  height: 0;
  overflow: hidden;
}
.promotionVideo:hover {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  box-shadow: 0px 0px 50px grey;
  -webkit-box-shadow: 0px 0px 50px grey;
  transition-duration: 0.5;
  -webkit-transition-duration: 0.5;
}
.promotionVideo iframe,
.promotionVideo object,
.promotionVideo embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/**********************************
PAGE: TEAM
**********************************/
#team-photo {
  max-width: 100%;
}
#team-banner {
  margin-left: auto;
  margin-right: auto;
}
#team-gallery {
  padding-left: 0;
}
#team-gallery li {
  list-style: none;
}
#team-gallery li img {
  max-width: 100%;
}
@media (max-width: 767px) {
  #team-gallery li {
    float: left;
    width: 12.5%;
    margin: 0.89285%;
  }
}
@media (min-width: 768px) {
  #team-gallery li {
    float: left;
    width: 12.5%;
    margin: 0.89285%;
  }
}
/**********************************
PAGE: 404 ERROR
**********************************/
.not-found {
  background: #eee;
  background-image: url(../img/falling-leafs.png), -webkit-linear-gradient(top, #eee, #fff);
  background-image: url(../img/falling-leafs.png), -moz-linear-gradient(top, #eee, #fff);
}
.not-found .digits {
  color: #999;
  font-size: 250px;
  font-weight: bold;
  text-align: center;
}
.not-found .digits i {
  font-size: 200px;
  margin: 0 10px;
}
.not-found h1 {
  text-align: center;
  color: #666;
}
.not-found h2 {
  text-align: center;
  color: #999;
}
.not-found form {
  text-align: center;
  margin: 30px 0;
}
/**********************************
PAGE: CONTACT US
**********************************/
.google-maps {
  position: relative;
  padding-bottom: 85.714%;
  height: 0;
  overflow: hidden;
}
.google-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/**********************************
PAGE: PRICING
**********************************/
.pricing .item {
  background: #fff;
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 3px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
}
.pricing .item:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  margin-top: -10px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
}
.pricing .head {
  background: #69D2E7;
  padding: 30px 10px 10px;
  position: relative;
  border-radius: 3px;
  margin-bottom: 50px;
}
.pricing .head h4 {
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
}
.pricing .head .arrow {
  position: absolute;
  height: 30px;
  width: 100%;
  border-top: 30px solid #69D2E7;
  border-right: 120px solid white;
  border-left: 120px solid white;
  bottom: -30px;
  left: 0;
}
.pricing .sceleton {
  text-align: center;
}
.pricing .sceleton h5 {
  font-size: 30px;
}
.pricing .sceleton span {
  font-size: 24px;
}
.pricing .sceleton ul {
  margin: 0 0 10px;
  padding: 0;
}
.pricing .sceleton li {
  list-style-type: none;
  padding: 10px 0;
  border-top: 1px dotted #ccc;
}
.pricing .sceleton li:hover {
  border-top: 1px solid #ccc;
  background: #eee;
  cursor: pointer;
}
/**********************************
PAGE: FAQ
**********************************/
.faq-cats ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.faq-cats ul li:first-child {
  margin: 0 0 15px 0;
}
.faq-cats ul li {
  margin: 15px 0 15px 0;
}
.faq-cats ul li i {
  vertical-align: middle;
  margin-right: 15px;
  color: #bbb;
}
.faq-cats ul li:hover i {
  color: #00B4FF;
}
/**********************************
PAGE: GALLERY
**********************************/
.gallery-list > li:first-child {
  padding-left: 5px !important;
}
.gallery-list-bubbles > li {
  margin-bottom: 10px;
}
.gallery-list > li > a {
  color: #333;
}
.gallery-list > li > a:hover {
  text-decoration: none;
}
.gallery-text {
  display: block;
  padding: 5px 10px;
  margin: 1px 0 10px;
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
}
.gallery-text > .gallery-title {
  padding: 5px 0 10px;
  font-size: 18px;
  display: block;
}
.gallery-list > li:hover .gallery-text {
  background: #00B4EF;
  color: #FFF;
}
.gallery-bubble {
  display: block;
  position: absolute;
  color: #FFF;
  background: rgba(0, 0, 0, 0.5);
  padding: 10px;
  margin: 0;
  left: 5px;
  right: 5px;
  bottom: 0;
  opacity: 0;
  transition: opacity 0.25s;
  -webkit-transition: opacity 0.25s;
  -moz-transition: opacity 0.25s;
}
.gallery-list > li:hover .gallery-bubble {
  opacity: 1;
}
/* ===== Gallery Item ===== */
.gallery-show .carousel-inner > .item > img,
.gallery-show .carousel-inner > .item > a > img {
  margin: 0 auto;
}
.gallery-item-icons {
  font-size: 24px;
  color: #444;
}
.gallery-list-small li {
  height: 50px;
  overflow: hidden;
  margin-bottom: 10px;
}
.gallery-list-small > li:first-child {
  padding-left: 5px !important;
}
/* Showcase controls */
a.carousel-arrow {
  position: absolute;
  display: block;
  top: 50%;
  margin-top: -50px;
  height: 100px;
  width: 50px;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  color: #FFF;
  font-size: 32px;
  font-weight: 300;
  line-height: 100px;
  cursor: pointer;
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  opacity: 0;
}
.carousel:hover a.carousel-arrow {
  opacity: 1;
}
a.carousel-arrow:hover,
a.carousel-arrow:active {
  text-decoration: none;
  background: #00B4FF;
}
a.carousel-arrow-prev {
  left: 0;
  right: auto;
  padding-right: 5px;
}
a.carousel-arrow-next {
  right: 0;
  left: auto;
  padding-left: 5px;
}
/**********************************
FOOTER
**********************************/
footer {
  background: #1976d2;
  color: white;
  font-weight: 300;
}
footer .footer-school-portal {
  background: #37474f;
  padding: 10px 0;
}
footer a {
  color: #b4c6d9;
}
footer a:hover {
  color: #a1b1c2;
  text-decoration: none;
}
footer .headline {
  border-bottom: 1px dotted white;
  margin-bottom: 20px;
}
footer .headline h3 {
  text-transform: uppercase;
  font-weight: 100;
}
footer .btn-default {
  color: #fff;
  background: none;
}
footer .btn-default:hover {
  color: #3E7A8C;
  background: #fff;
  font-weight: bold;
  border: 1px solid #fff;
}
footer .form-control {
  border: white;
}
footer .form-control:focus {
  border: white;
}
footer .sbtn {
  margin-bottom: 5px;
}
.legal {
  padding: 20px 0 10px 0;
  background: #2196F3;
  color: white;
  font-weight: 300;
  text-align: center;
  width: 100%;
  margin-top: -60px;
  position: relative;
}
.legal a {
  color: #FFFFFF;
  text-decoration: underline;
}
.legal a:hover {
  color: #DDDDDD;
  text-decoration: underline;
}
.social ul {
  background: #3E7A8C;
  color: white;
  font-size: 24px;
  margin: 0;
  padding: 0;
}
.social li {
  float: left;
  display: block;
  list-style-type: none;
  width: 28px;
  height: 28px;
  margin: 0 5px 5px 0;
  text-align: center;
  line-height: 28px;
  color: #263238;
  transition: background 0.1s;
  -webkit-transition: background 0.1s;
  -moz-transition: background 0.1s;
}
.social li:hover {
  background: none;
  color: #0d47a1;
}
.social li:hover a {
  color: #0d47a1;
}
.social li a {
  color: #ffffff;
}
.social li a i {
  line-height: normal;
}
.social li a,
.social li:hover a {
  transition: color 0.1s;
  -webkit-transition: color 0.1s;
  -moz-transition: color 0.1s;
}
#beepAudio {
  display: none;
}
/* Login Header*/
li.account {
  padding: 10px 20px;
  overflow: hidden;
  min-width: 350px;
}
li.account .avatar {
  width: 100px;
  height: 100px;
  float: left;
  margin: 0 20px 0 0;
  background: url(../img/face1.jpg);
  background-size: cover;
  background-position: center;
}
li.account p {
  overflow: hidden;
  font-size: 14px;
  text-transform: none;
  word-wrap: break-word;
}
/**********************************
LOGIN BOX
**********************************/
.form-box {
  padding: 10px 15px 20px;
  border: 1px solid #DDD;
  background: #F5F5F5;
}
.form-box h4 {
  text-transform: uppercase;
  color: #666;
}
.form-box hr {
  border-bottom: 1px solid #dedede;
}
.login-social ul {
  font-size: 20px;
  margin: 0;
  padding: 0;
}
.login-social li {
  float: left;
  display: block;
  list-style-type: none;
  width: 40px;
  height: 40px;
  margin: 20px 5px 20px 0;
  text-align: center;
  line-height: 40px;
}
.login-social li#twitter {
  background: #1dcaff;
}
.login-social li#facebook {
  background: #3B5998;
}
.login-social li#google {
  background: #dd4b39;
}
.login-social li#twitter:hover,
.login-social li#facebook:hover,
.login-social li#google:hover {
  background: none;
}
.login-social li#twitter:hover a {
  color: #1dcaff;
}
.login-social li#facebook:hover a {
  color: #3B5998;
}
.login-social li#google:hover a {
  color: #dd4b39;
}
.login-social li a {
  color: #fff;
  padding: 10px;
}
.login-social li,
.login-social li:hover {
  transition: background 0.3s;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
}
.login-social li a,
.login-social li:hover a:hover {
  transition: color 0.3s;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
}
/* ===== Registration form popover ===== */
.signup .popover {
  min-width: 200px;
}
/**********************************
SITE SEARCH
**********************************/
.navbar-nav li#students-nav {
  background: #00B4FF;
  position: relative;
}
.navbar-nav li#administrators-nav {
  background: #2ecc71;
  position: relative;
}
.navbar-nav li#tutors-nav {
  background: #9b59b6;
  position: relative;
}
.navbar-nav li.nav-button .search-box {
  width: 250px;
  padding: 4px 10px 8px 10px;
}
.navbar-nav li.nav-button i.margin-2 {
  margin-left: 2px;
}
.navbar-nav .dropdown-menu hr {
  margin: 0;
  border-top: 1px solid #AAA;
}
/**********************************
PAGINATION
**********************************/
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #428bca;
  border-color: #428bca;
}
/* Helper Classes */
h3.top-zero,
h4.top-zero {
  margin-top: 0;
  margin-bottom: -4px;
}
.bottom-15 {
  margin-bottom: 15px;
}
.ui-icon {
  color: #666;
}
.tab-1 {
  margin-right: 15px;
}
.tab-2 {
  margin-right: 30px;
}
.tab-3 {
  margin-right: 45px;
}
.tab-3 {
  margin-right: 60px;
}
.margin-bottom-xs {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  /* Adjusting for mobile */
  .margin-bottom-xs {
    margin-bottom: 15px;
  }
}
.text-muted {
  color: #676a73;
}
.text-muted a {
  color: #999;
  text-decoration: none;
}
.text-muted a:hover {
  text-decoration: underline;
}
/* Text colors */
.text-green {
  color: #72a53b;
}
.text-blue {
  color: #00B4FF;
}
.text-red {
  color: #E74C3C;
}
.text-turquoise {
  color: #1ABC9C;
}
.text-amethyst {
  color: #9B59B6;
}
/* Background colors */
.bg-green {
  background-color: #72a53b;
}
.bg-blue {
  background-color: #00B4FF;
}
.bg-red {
  background-color: #E74C3C;
}
.bg-turquoise {
  background-color: #1ABC9C;
}
.bg-amethyst {
  background-color: #9B59B6;
}
/**********************************
SCROLL TO TOP
**********************************/
.scrolltotop {
  height: 48px;
  width: 48px;
  border-color: #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  color: #999;
  color: rgba(0, 0, 0, 0.3);
  font-size: 18px;
  line-height: 48px;
  border-radius: 3px;
  text-align: center;
}
/**********************************
RESPONSIVE CSS
**********************************/
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #fff;
}
.navbar-inverse .navbar-toggle {
  border-color: #fff;
}
.navbar-form {
  border: none;
  box-shadow: none;
}
@media (max-width: 1200px) {
  /* Adjusting for large devices */
  /* Pricing page arrows */
  .pricing .head .arrow {
    border-right-width: 95px;
    border-left-width: 95px;
  }
}
@media (max-width: 992px) {
  /* Adjusting for small devices */
  /* Pricing page arrows */
  .pricing .head .arrow {
    border-right-width: 68px;
    border-left-width: 68px;
    border-top-width: 20px;
  }
}
@media (max-width: 768px) {
  /* Adjusting for mobile */
  /* Navigation */
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #333333;
  }
  .navbar-inverse .nav-right .dropdown-menu {
    background-color: #242a2f;
    border: 1px solid #242a2f;
    border-top-color: #242a2f;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #ffffff;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu li a:hover {
    background-color: #0000ff;
  }
  .navbar-inverse .navbar-nav > .open > a,
  .navbar-inverse .navbar-nav > .open > a:hover,
  .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #176abd;
    color: #ffffff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
  }
  /* Index page background */
  #wrap h1 {
    font-size: 40px;
    margin: 70px 0 10px 0;
    text-align: center;
    font-weight: 300;
  }
  .list {
    margin: 50px 0;
  }
  .list li {
    margin: 5px 0;
    font-size: 20px;
    font-weight: 300;
    line-height: 2;
  }
  /* 404 */
  .not-found .digits {
    font-size: 140px;
  }
  .not-found .digits i {
    font-size: 100px;
  }
  .not-found h1 {
    font-size: 30px;
    line-height: 42px;
  }
  .not-found h2 {
    font-size: 18px;
  }
  /* Pricing page */
  .pricing .head {
    padding: 20px;
  }
  .pricing .head .arrow {
    border: 0;
  }
  .pricing .item {
    margin: 20px 0;
  }
  .pricing .item:hover {
    margin: 20px 0;
  }
  /* Navbar dropdown */
  .dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #999;
  }
}
/*
 * Side navigation for UI elements
 *
 * Scrollspy and affixed enhanced navigation to highlight sections and secondary
 * sections of docs content.
 */
/* By default it's not affixed in mobile views, so undo that */
.bs-sidebar {
  margin-bottom: 50px;
}
.bs-sidebar.affix {
  position: static;
}
/* Show and affix the side nav for ui elements when space allows it */
@media (min-width: 992px) {
  .bs-sidebar .nav > .active > ul {
    display: block;
  }
  /* Widen the fixed sidebar */
  .bs-sidebar.affix,
  .bs-sidebar.affix-bottom {
    width: 293px;
  }
  .bs-sidebar.affix {
    position: fixed;
    /* Undo the static from mobile first approach */
    top: 70px;
  }
  .bs-sidebar.affix-bottom {
    position: absolute;
    /* Undo the static from mobile first approach */
  }
}
@media (min-width: 1200px) {
  /* Widen the fixed sidebar again */
  .bs-sidebar.affix-bottom,
  .bs-sidebar.affix {
    width: 360px;
  }
}
/**********************************
SUBDOMAINS
**********************************/
@media (max-width: 767px) {
  .subdomain-block-right .block-inverse {
    margin-top: 40px;
  }
  .subdomain-block-left {
    margin-top: 5px;
  }
}
@media (min-width: 768px) {
  .subdomain-block-right .block-inverse {
    margin-top: 55px;
  }
  .subdomain-block-left {
    margin-top: 134px;
  }
}
@media (min-width: 992px) {
  .subdomain-block-right .block-inverse {
    margin-top: 55px;
  }
  .subdomain-block-left {
    margin-top: 115px;
  }
}
@media (min-width: 1200px) {
  .subdomain-block-right .block-inverse {
    margin-top: 70px;
  }
  .subdomain-block-left {
    margin-top: 100px;
  }
}
/**********************************
PAGE: SUBDOMAIN LOGIN
**********************************/
#wrap-sub .login .alert {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .school-login-logo {
    margin-top: 5px;
  }
}
@media (min-width: 768px) {
  .school-login-logo {
    margin-top: 128px;
  }
}
@media (min-width: 992px) {
  .school-login-logo {
    margin-top: 108px;
  }
}
@media (min-width: 1200px) {
  .school-login-logo {
    margin-top: 108px;
  }
}
.logo-responsive {
  max-width: 100%;
  height: auto;
}
/**********************************
SEARCH CONTAINER
**********************************/
#search-background {
  height: 95px;
  background: rgba(56, 64, 71, 0.75);
  background-size: cover;
  border-bottom: 1px solid #eee;
  color: #fff;
}
/**********************************
PAGE BODY
**********************************/
.subdomain-marquee#stepone {
  background-color: #8f151e;
}
.subdomain-marquee#steptwo {
  background-color: #ffffff;
}
.subdomain-marquee#stepthree {
  background-color: #8f151e;
}
.subdomain-marquee h1 {
  margin-top: 30px;
  color: white;
  font-size: 50px;
  text-align: center;
  font-weight: 100;
}
.subdomain-marquee h3 {
  color: white;
  font-size: 30px;
  text-align: center;
}
.subdomain-marquee h5 {
  color: white;
  font-weight: 700;
  text-align: left;
}
.subdomain-marquee p {
  text-align: left;
  color: white;
  font-weight: 200;
}
.subdomain-marquee > li {
  text-align: left;
  color: white;
  font-weight: 200;
}
.subdomain-marquee#steptwo h1 {
  margin-top: 30px;
  color: #000000;
  font-size: 50px;
  text-align: center;
  font-weight: 100;
}
.subdomain-marquee#steptwo h3 {
  color: #000000;
  font-size: 30px;
  text-align: center;
}
.subdomain-marquee#steptwo h5 {
  color: #000000;
  font-weight: 700;
  text-align: left;
}
.subdomain-marquee#steptwo p {
  text-align: left;
  color: #000000;
  font-weight: 300;
}
.subdomain-marquee#stepone .subdomain-row-text > ul > li {
  text-align: left;
  color: white;
  font-weight: 300;
}
.subdomain-marquee#stepthree .subdomain-row-text > ul > li {
  text-align: left;
  color: white;
  font-weight: 300;
}
.subdomain-section {
  padding-top: 10px;
  padding-bottom: 30px;
  border-top: #BDC3C7 solid 5px;
}
.subdomain-section .subdomain-service-b-container {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .homepage-search {
    margin-top: 0px;
  }
}
@media (min-width: 768px) {
  .homepage-search {
    margin-top: 10px;
  }
  .logo-responsive {
    margin-top: 80px;
  }
}
@media (min-width: 992px) {
  .homepage-search {
    margin-top: 10px;
  }
  .logo-responsive {
    margin-top: 80px;
  }
}
@media (min-width: 1200px) {
  .homepage-search {
    margin-top: 10px;
  }
  .logo-responsive {
    margin-top: 75px;
  }
}
/**********************************
SCHOOL CAROUSEL
**********************************/
#wrap-sub .carousel-image-content {
  position: relative;
  width: 100%;
}
#wrap-sub .gray-carousel-half {
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  padding-left: 30px;
}
#wrap-sub .gray-carousel-half h3 {
  color: #ffffff;
  font-family: 'Open Sans', sans-serif;
}
#wrap-sub .gray-carousel-half h5 {
  color: #ffffff;
  font-family: 'Open Sans', sans-serif;
}
@media (max-width: 767px) {
  #wrap-sub .gray-carousel-half {
    padding-top: 40px;
    padding-right: 10px;
  }
  #wrap-sub .gray-carousel-half h3 {
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  #wrap-sub .gray-carousel-half {
    padding-top: 60px;
    padding-right: 10px;
  }
  #wrap-sub .gray-carousel-half h3 {
    font-size: 28px;
  }
  #wrap-sub .gray-carousel-half h5 {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  #wrap-sub .gray-carousel-half {
    padding-top: 90px;
    padding-right: 10px;
  }
  #wrap-sub .gray-carousel-half h3 {
    font-size: 36px;
  }
  #wrap-sub .gray-carousel-half h5 {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  #wrap-sub .gray-carousel-half {
    padding-top: 120px;
    padding-right: 10px;
  }
  #wrap-sub .gray-carousel-half h3 {
    font-size: 42px;
  }
  #wrap-sub .gray-carousel-half h5 {
    font-size: 22px;
  }
}
#wrap-sub .gray-carousel-right-half {
  position: absolute;
  top: 0;
  right: 0;
  width: 40%;
  padding-left: 10px;
}
#wrap-sub .gray-carousel-right-half h3 {
  color: #ffffff;
  font-family: 'Open Sans', sans-serif;
}
#wrap-sub .gray-carousel-right-half h5 {
  color: #ffffff;
  font-family: 'Open Sans', sans-serif;
}
@media (max-width: 767px) {
  #wrap-sub .gray-carousel-right-half {
    padding-top: 40px;
    padding-right: 20px;
  }
  #wrap-sub .gray-carousel-right-half h3 {
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  #wrap-sub .gray-carousel-right-half {
    padding-top: 60px;
    padding-right: 30px;
  }
  #wrap-sub .gray-carousel-right-half h3 {
    font-size: 28px;
  }
  #wrap-sub .gray-carousel-right-half h5 {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  #wrap-sub .gray-carousel-right-half {
    padding-top: 90px;
    padding-right: 30px;
  }
  #wrap-sub .gray-carousel-right-half h3 {
    font-size: 36px;
  }
  #wrap-sub .gray-carousel-right-half h5 {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  #wrap-sub .gray-carousel-right-half {
    padding-top: 120px;
    padding-right: 30px;
  }
  #wrap-sub .gray-carousel-right-half h3 {
    font-size: 42px;
  }
  #wrap-sub .gray-carousel-right-half h5 {
    font-size: 22px;
  }
}
/**********************************
NEWS SECTION
**********************************/
.press-release-content-area {
  max-width: 700px;
  margin: 0 auto;
  font-size: 1.2em;
}
.press-release-container {
  max-width: 800px;
  margin: 0 auto;
  margin-top: -20px;
}
/**********************************
FEEDBACK
**********************************/
.feedback-form .btn-feedback {
  color: black;
  background-color: white;
  border: 1px solid;
  border-color: lightgray;
}
.feedback-form .btn-feedback-selected {
  background-color: gainsboro;
}
.feedback-form label {
  font-weight: bold;
}
.coach-session-feedback-form {
  color: #676767;
}
.coach-session-feedback-form .question-text {
  font-size: 16px;
  padding: 20px;
}
.coach-session-feedback-form span {
  display: block;
}
.coach-session-feedback-form span.main-text {
  margin: 20px;
  font-family: NunitoSans;
  font-size: 18px;
}
.coach-session-feedback-form span.required {
  color: #ff0000;
  display: inline-block;
}
.coach-session-feedback-form ul {
  list-style: none;
  text-align: left;
}
.coach-session-feedback-form .understanding-rating button {
  background: inherit;
  border-radius: 10%;
  display: inline-block;
  height: auto;
  margin: 0 40px;
  width: auto;
}
.coach-session-feedback-form .understanding-rating button img {
  height: 112px;
  width: 112px;
  padding: 12px;
}
.coach-session-feedback-form .multiple-choice {
  margin: 0 auto;
  width: 300px;
}
.coach-session-feedback-form .likert {
  display: inline-block;
  margin: 0 auto;
  width: 86%;
}
.coach-session-feedback-form .likert .likert-label {
  float: left;
  padding: 0 10px;
  position: relative;
  width: 95px;
}
.coach-session-feedback-form .likert ul {
  background-color: #e6e6e6;
  border-radius: 5px;
  display: flex;
  float: left;
  justify-content: space-between;
  padding: 0 4px;
  position: relative;
  width: 200px;
}
.coach-session-feedback-form .likert li {
  display: inline-block;
  padding: 0 12px;
}
.coach-session-feedback-form .multiple-selection .btn-selection {
  background-color: #ffffff;
  border-color: #535353;
  color: #535353;
  margin: 5px;
}
.coach-session-feedback-form .multiple-selection .btn-selection:focus,
.coach-session-feedback-form .multiple-selection .btn-selection:hover {
  border-color: #1976d2;
  color: #1976d2;
}
.coach-session-feedback-form .multiple-selection .btn-selection.active {
  color: #ffffff;
  background-color: #1976d2;
  border-color: #1976d2;
}
.coach-session-feedback-form #other {
  margin: 12px;
  width: 95%;
}
.coach-session-feedback-form textarea {
  border: 3px solid #EBEBEB;
  border-radius: 6px;
  height: 200px;
  margin: 0 32px;
  resize: vertical;
  width: calc(100% - 62px);
}
.coach-session-feedback-form .modal-body {
  width: 100%;
  max-height: 100%;
}
.coach-session-feedback-form .btn-tell-us-more {
  background-color: #FFFFFF;
  border: 1px solid #EBEBEB;
  border-radius: 6px;
  color: #1976d2;
  width: 40%;
}
.coach-session-feedback-form .extra-feedback-toggle {
  font-family: NunitoSans;
  font-size: 14px;
  color: #9B9B9B;
  margin: 10px 32px;
}
.coach-session-feedback-form .extra-feedback-toggle input {
  display: none;
}
.coach-session-feedback-form .extra-feedback-toggle .div-checkbox {
  border: 3px solid #EBEBEB;
  border-radius: 6px;
  box-sizing: content-box;
  display: inline-block;
  height: 20px;
  margin-right: 3px;
  vertical-align: middle;
  width: 20px;
}
.coach-session-feedback-form .extra-feedback-toggle .div-checkbox i {
  vertical-align: middle;
}
.coach-session-feedback-form .btn-feedback-selected {
  background-color: gainsboro;
}
.publisher-preview {
  z-index: -10;
  opacity: 0;
}
.emoji-rating {
  margin-bottom: 15px;
}
.emoji-rating button {
  background: inherit;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 68px;
  width: 68px;
  padding: 6px;
}
.emoji-rating button img {
  height: 100%;
  width: 100%;
}
.emoji-rating .clicked {
  border: 3px solid #50E3C2;
  border-radius: 50%;
  height: 90px;
  font-weight: bold;
  margin: -3px 0px;
  width: 90px;
}
.form-control:focus.valid {
  border-color: #559955;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(75, 175, 75, 0.6);
}
.form-control.invalid {
  border-color: #CC2211;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(175, 75, 75, 0.6);
}
.password-reset-container #wrap-sub {
  background: none;
}
.password-reset-container .col-container {
  margin-bottom: 60px;
}
.password-reset-container .block-container {
  margin-bottom: 60px;
  margin-top: 60px;
}
.process-status-container {
  background: unset;
  bottom: 0px;
  display: flex;
  flex-direction: row;
  height: 100%;
  position: absolute;
  width: calc(100% - 30px);
  z-index: 2;
}
.process-status-container .alert {
  bottom: 0px;
  margin-bottom: 15px;
  padding: 6px;
  position: absolute;
  text-align: center;
  width: 100%;
}
.process-status-container .message {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 15px 10px 0px 10px;
  text-align: center;
  width: 100%;
}
.process-status-container .input-row {
  display: flex;
  flex-direction: row;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.process-indicator {
  background: #ffffff;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  position: absolute;
  width: calc(100% - 30px);
  z-index: 1;
  -webkit-animation: fadeIn 0.2s ease-in-out forwards;
  animation: fadeIn 0.2s ease-in-out forwards;
}
.process-indicator.error {
  -webkit-animation: fadeOut 0.2s 2.4s ease-in-out forwards;
  animation: fadeOut 0.2s 2.4s ease-in-out forwards;
}
.process-indicator .path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
}
.process-indicator .path.circle {
  -webkit-animation: dash 1.25s ease-in-out;
  animation: dash 1.25s ease-in-out;
}
.process-indicator .path.line {
  stroke-dashoffset: 1000;
  -webkit-animation: dash 1.25s 0.35s ease-in-out forwards;
  animation: dash 1.25s 0.35s ease-in-out forwards;
}
.process-indicator .path.check {
  stroke-dashoffset: -100;
  -webkit-animation: dash-check 1.25s 0.35s ease-in-out forwards;
  animation: dash-check 1.25s 0.35s ease-in-out forwards;
}
.process-indicator p {
  text-align: center;
  margin: 20px 0 60px;
  font-size: 1.25em;
}
.process-indicator p.success {
  color: #73AF55;
}
.process-indicator p.error {
  color: #D06079;
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
.process-indicator svg {
  display: block;
  margin: 40px auto 0;
  width: 100px;
}
.ana-processor-chat {
  background: #f5f5f5;
  border-radius: 6px 6px 0px 0px;
  border: 1px solid #e4e4e4;
  max-height: 500px;
  overflow: scroll;
  overflow-x: hidden;
  padding: 0 10px 10px;
}
.processor-btn.claimed {
  background-color: #808080;
  border-color: #808080;
  color: #ffffff;
}
.ana-processor-actions .fa-check-circle {
  color: #008000;
}
.ana-processor-actions .fa-reply {
  color: #1976d2;
}
.ana-processor-actions .fa-reply {
  color: #bb27dd;
}
.ana-processor-actions .fa-calendar {
  color: #fc5656;
}
.demo-session-button {
  margin-bottom: 12px;
  margin-top: 8px;
  text-align: center;
}
.permission-banner-message {
  align-items: center;
  background-color: #fcf4de;
  border: 1px solid #eeeeee;
  border-radius: 5px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.26);
  color: #565553;
  display: flex;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 30px;
  min-height: 40px;
  padding: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.permission-banner-message p {
  margin: 0;
}
.permission-banner-message i {
  color: #eda200;
  float: left;
  margin: 10px;
}
#tutor-up-search .btn.upswing-blue {
  background-color: #1976d2;
  color: white;
}
#tutor-up-search .row {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin: 30px 0;
}
#tutor-up-search .row .column {
  flex-direction: column;
}
/**********************************
 * Shepherd Tours
 **********************************/
.shepherd-header h3 {
  font-size: 20px;
}
.shepherd-text {
  font-size: 14px !important;
}
.shepherd-footer {
  background-color: #fff !important;
}
.shepherd-element.shepherd-element-attached-top.shepherd-element-attached-center.shepherd-has-title .shepherd-arrow {
  border-bottom-color: #1976d2 !important;
}
.shepherd-has-title .shepherd-content .shepherd-header {
  background-color: #1976d2 !important;
}
.shepherd-title {
  color: #fff !important;
}
.shepherd-cancel-icon {
  color: hsla(0, 0%, 100%, 0.75) !important;
}
.shepherd-cancel-icon:hover {
  color: rgba(0, 0, 0, 0.75) !important;
}
.shepherd-modal-overlay-container {
  z-index: 999 !important;
}
#ana-response-choices {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  scrollbar-width: thin;
}
#ana-response-choices .choice {
  display: inline-block;
  margin: 20px 2px;
}
#ana-response-choices .choice .popover {
  max-width: 400px;
}
#ana-response-choices .choice a {
  padding: 2px 10px;
  text-align: center;
  border-radius: 16px;
  border: solid #1976d2;
  border-width: 1px;
  color: #1976d2;
}
#ana-response-choices .choice a:hover {
  background-color: lightcyan;
}
#ana-response-choices::-webkit-scrollbar {
  height: 1em;
}
#upswing-footer {
  font-family: 'Nunito Sans', sans-serif;
}
@media (min-width: 1440px) {
  #upswing-footer .container {
    width: 100%;
    max-width: 1380px;
  }
}
#upswing-footer .footer-box ul {
  padding: 0;
}
#upswing-footer .footer-box h6 {
  font-family: 'Roboto Slab', serif;
  font-size: 24px;
}
.tutoring-type-tags {
  margin-right: 1em;
  overflow-x: hidden;
  overflow-y: visible;
  height: 1.75em;
}
.tutoring-type-tags .tutoring-type-tag:not(:first-child) {
  margin-left: 0.25em;
}
.time-input-directive .time-input {
  display: inline-block;
  height: 2.5em;
  border: 0.1em solid #ccc;
  border-radius: 0.25em;
  padding: 0.25em 0.5em;
  background-color: #fff;
  text-align: center;
}
.time-input-directive .time-input.hour-input {
  margin-right: 0.1em;
  width: 3em;
}
.time-input-directive .time-input.minute-input {
  margin-left: 0.1em;
  width: 3em;
}
.time-input-directive .time-input.ampm-input {
  margin-left: 0.1em;
  width: 4.5em;
}
.time-input-directive .time-input.error {
  background-color: #fdd;
  border-color: #d00;
}