@charset "UTF-8";
@keyframes spinning {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slideup {
  from {
    padding: 15px;
    margin-bottom: 18px;
    height: 75px;
  }
  to {
    padding: 0 15px;
    margin-bottom: 0;
    height: 0;
  }
}
@keyframes fade-in-fade-out {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes blink {
  0% {
    opacity: 0.2;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
@keyframes blink-2 {
  0% {
    opacity: 1;
  }
  50%, 100% {
    opacity: 0.2;
  }
}
@keyframes bounce {
  0% {
    opacity: 0;
    transform: scale(0.1);
  }
  90% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.blinking-dots span {
  animation-name: blink;
  animation-duration: 1.4s;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
}
.blinking-dots span:nth-child(2) {
  animation-delay: 0.2s;
}
.blinking-dots span:nth-child(3) {
  animation-delay: 0.4s;
}

.animate-blink-2-650 {
  animation: blink-2 0.65s infinite alternate;
  animation-delay: 0s;
  opacity: 0.2;
}

.animate-blink-2-650-300 {
  animation: blink-2 0.65s infinite alternate;
  animation-delay: 0.3s;
  opacity: 0.2;
}

.animate-blink-2-650-600 {
  animation: blink-2 0.65s infinite alternate;
  animation-delay: 0.6s;
  opacity: 0.2;
}

@keyframes progressbar-100 {
  0% {
    width: 0;
  }
  100% {
    width: 110%;
  }
}
@keyframes slide-up-cover {
  from {
    top: 0;
  }
  to {
    top: -15px;
  }
}
@keyframes zoom-out {
  from {
    transform: scale(0.1);
  }
  to {
    transform: scale(1);
  }
}
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.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;
  -webkit-text-decoration: underline dotted;
          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;
  }
}
* {
  box-sizing: border-box;
}

*:before,
*:after {
  box-sizing: border-box;
}

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: "Open Sans";
  font-size: 13px;
  line-height: 1.428571429;
  color: #656d78;
  background-color: #fff;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

a {
  color: #0e79c9;
  text-decoration: none;
}
a:hover, a:focus {
  color: #094e81;
  text-decoration: underline;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

figure {
  margin: 0;
}

img {
  vertical-align: middle;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.img-rounded {
  border-radius: 6px;
}

.img-thumbnail {
  padding: 4px;
  line-height: 1.428571429;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.img-circle {
  border-radius: 50%;
}

hr {
  margin-top: 18px;
  margin-bottom: 18px;
  border: 0;
  border-top: 1px solid #f5f7fa;
}

.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,
h1 .small, h2 small,
h2 .small, h3 small,
h3 .small, h4 small,
h4 .small, h5 small,
h5 .small, h6 small,
h6 .small,
.h1 small,
.h1 .small, .h2 small,
.h2 .small, .h3 small,
.h3 .small, .h4 small,
.h4 .small, .h5 small,
.h5 .small, .h6 small,
.h6 .small {
  font-weight: 400;
  line-height: 1;
  color: #e6e9ed;
}

h1, .h1,
h2, .h2,
h3, .h3 {
  margin-top: 18px;
  margin-bottom: 9px;
}
h1 small,
h1 .small, .h1 small,
.h1 .small,
h2 small,
h2 .small, .h2 small,
.h2 .small,
h3 small,
h3 .small, .h3 small,
.h3 .small {
  font-size: 65%;
}

h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 9px;
  margin-bottom: 9px;
}
h4 small,
h4 .small, .h4 small,
.h4 .small,
h5 small,
h5 .small, .h5 small,
.h5 .small,
h6 small,
h6 .small, .h6 small,
.h6 .small {
  font-size: 75%;
}

h1, .h1 {
  font-size: 33px;
}

h2, .h2 {
  font-size: 27px;
}

h3, .h3 {
  font-size: 23px;
}

h4, .h4 {
  font-size: 17px;
}

h5, .h5 {
  font-size: 13px;
}

h6, .h6 {
  font-size: 12px;
}

p {
  margin: 0 0 9px;
}

.lead {
  margin-bottom: 18px;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 19.5px;
  }
}

small,
.small {
  font-size: 92%;
}

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, .initialism {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.text-muted {
  color: #e6e9ed;
}

.text-primary {
  color: #0e79c9;
}

a.text-primary:hover,
a.text-primary:focus {
  color: #0b5c99;
}

.text-success {
  color: #8cc152;
}

a.text-success:hover,
a.text-success:focus {
  color: #72a53b;
}

.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: #da4453;
}

a.text-danger:hover,
a.text-danger:focus {
  color: #c42737;
}

.bg-primary {
  color: #fff;
}

.bg-primary {
  background-color: #0e79c9;
}

a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #0b5c99;
}

.bg-success {
  background-color: #8cc152;
}

a.bg-success:hover,
a.bg-success:focus {
  background-color: #72a53b;
}

.bg-info {
  background-color: #3bafda;
}

a.bg-info:hover,
a.bg-info:focus {
  background-color: #2494be;
}

.bg-warning {
  background-color: #fcf8e3;
}

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}

.bg-danger {
  background-color: #da4453;
}

a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #c42737;
}

.page-header {
  padding-bottom: 8px;
  margin: 36px 0 18px;
  border-bottom: 1px solid #f5f7fa;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 9px;
}
ul ul,
ul ol,
ol ul,
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: 18px;
}

dt,
dd {
  line-height: 1.428571429;
}

dt {
  font-weight: 700;
}

dd {
  margin-left: 0;
}

.dl-horizontal dd:before, .dl-horizontal dd:after {
  display: table;
  content: " ";
}
.dl-horizontal dd:after {
  clear: both;
}
@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%;
}

blockquote {
  padding: 9px 18px;
  margin: 0 0 18px;
  font-size: 16.25px;
  border-left: 5px solid #f5f7fa;
}
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.428571429;
  color: #e6e9ed;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: "— ";
}

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #f5f7fa;
  border-left: 0;
}
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
.blockquote-reverse .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before,
blockquote.pull-right .small:before {
  content: "";
}
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
.blockquote-reverse .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after,
blockquote.pull-right .small:after {
  content: " —";
}

address {
  margin-bottom: 18px;
  font-style: normal;
  line-height: 1.428571429;
}

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  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;
}

.container, .public-school-footer__inner {
  padding-right: 14px;
  padding-left: 14px;
  margin-right: auto;
  margin-left: auto;
}
.container:before, .public-school-footer__inner:before, .container:after, .public-school-footer__inner:after {
  display: table;
  content: " ";
}
.container:after, .public-school-footer__inner:after {
  clear: both;
}
@media (min-width: 768px) {
  .container, .public-school-footer__inner {
    width: 748px;
  }
}
@media (min-width: 992px) {
  .container, .public-school-footer__inner {
    width: 968px;
  }
}
@media (min-width: 1200px) {
  .container, .public-school-footer__inner {
    width: 1168px;
  }
}

.container-fluid, .only-icon {
  padding-right: 14px;
  padding-left: 14px;
  margin-right: auto;
  margin-left: auto;
}
.container-fluid:before, .only-icon:before, .container-fluid:after, .only-icon:after {
  display: table;
  content: " ";
}
.container-fluid:after, .only-icon:after {
  clear: both;
}

.row {
  margin-right: -14px;
  margin-left: -14px;
}
.row:before, .row:after {
  display: table;
  content: " ";
}
.row:after {
  clear: both;
}

.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, .col-xs-13, .col-sm-13, .col-md-13, .col-lg-13, .col-xs-14, .col-sm-14, .col-md-14, .col-lg-14, .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15, .col-xs-16, .col-sm-16, .col-md-16, .col-lg-16, .col-xs-17, .col-sm-17, .col-md-17, .col-lg-17, .col-xs-18, .col-sm-18, .col-md-18, .col-lg-18 {
  position: relative;
  min-height: 1px;
  padding-right: 14px;
  padding-left: 14px;
}

.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, .col-xs-13, .col-xs-14, .col-xs-15, .col-xs-16, .col-xs-17, .col-xs-18 {
  float: left;
}

.col-xs-1 {
  width: 5.5555555556%;
}

.col-xs-2 {
  width: 11.1111111111%;
}

.col-xs-3 {
  width: 16.6666666667%;
}

.col-xs-4 {
  width: 22.2222222222%;
}

.col-xs-5 {
  width: 27.7777777778%;
}

.col-xs-6 {
  width: 33.3333333333%;
}

.col-xs-7 {
  width: 38.8888888889%;
}

.col-xs-8 {
  width: 44.4444444444%;
}

.col-xs-9 {
  width: 50%;
}

.col-xs-10 {
  width: 55.5555555556%;
}

.col-xs-11 {
  width: 61.1111111111%;
}

.col-xs-12 {
  width: 66.6666666667%;
}

.col-xs-13 {
  width: 72.2222222222%;
}

.col-xs-14 {
  width: 77.7777777778%;
}

.col-xs-15 {
  width: 83.3333333333%;
}

.col-xs-16 {
  width: 88.8888888889%;
}

.col-xs-17 {
  width: 94.4444444444%;
}

.col-xs-18 {
  width: 100%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-pull-1 {
  right: 5.5555555556%;
}

.col-xs-pull-2 {
  right: 11.1111111111%;
}

.col-xs-pull-3 {
  right: 16.6666666667%;
}

.col-xs-pull-4 {
  right: 22.2222222222%;
}

.col-xs-pull-5 {
  right: 27.7777777778%;
}

.col-xs-pull-6 {
  right: 33.3333333333%;
}

.col-xs-pull-7 {
  right: 38.8888888889%;
}

.col-xs-pull-8 {
  right: 44.4444444444%;
}

.col-xs-pull-9 {
  right: 50%;
}

.col-xs-pull-10 {
  right: 55.5555555556%;
}

.col-xs-pull-11 {
  right: 61.1111111111%;
}

.col-xs-pull-12 {
  right: 66.6666666667%;
}

.col-xs-pull-13 {
  right: 72.2222222222%;
}

.col-xs-pull-14 {
  right: 77.7777777778%;
}

.col-xs-pull-15 {
  right: 83.3333333333%;
}

.col-xs-pull-16 {
  right: 88.8888888889%;
}

.col-xs-pull-17 {
  right: 94.4444444444%;
}

.col-xs-pull-18 {
  right: 100%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-push-1 {
  left: 5.5555555556%;
}

.col-xs-push-2 {
  left: 11.1111111111%;
}

.col-xs-push-3 {
  left: 16.6666666667%;
}

.col-xs-push-4 {
  left: 22.2222222222%;
}

.col-xs-push-5 {
  left: 27.7777777778%;
}

.col-xs-push-6 {
  left: 33.3333333333%;
}

.col-xs-push-7 {
  left: 38.8888888889%;
}

.col-xs-push-8 {
  left: 44.4444444444%;
}

.col-xs-push-9 {
  left: 50%;
}

.col-xs-push-10 {
  left: 55.5555555556%;
}

.col-xs-push-11 {
  left: 61.1111111111%;
}

.col-xs-push-12 {
  left: 66.6666666667%;
}

.col-xs-push-13 {
  left: 72.2222222222%;
}

.col-xs-push-14 {
  left: 77.7777777778%;
}

.col-xs-push-15 {
  left: 83.3333333333%;
}

.col-xs-push-16 {
  left: 88.8888888889%;
}

.col-xs-push-17 {
  left: 94.4444444444%;
}

.col-xs-push-18 {
  left: 100%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

.col-xs-offset-1 {
  margin-left: 5.5555555556%;
}

.col-xs-offset-2 {
  margin-left: 11.1111111111%;
}

.col-xs-offset-3 {
  margin-left: 16.6666666667%;
}

.col-xs-offset-4 {
  margin-left: 22.2222222222%;
}

.col-xs-offset-5 {
  margin-left: 27.7777777778%;
}

.col-xs-offset-6 {
  margin-left: 33.3333333333%;
}

.col-xs-offset-7 {
  margin-left: 38.8888888889%;
}

.col-xs-offset-8 {
  margin-left: 44.4444444444%;
}

.col-xs-offset-9 {
  margin-left: 50%;
}

.col-xs-offset-10 {
  margin-left: 55.5555555556%;
}

.col-xs-offset-11 {
  margin-left: 61.1111111111%;
}

.col-xs-offset-12 {
  margin-left: 66.6666666667%;
}

.col-xs-offset-13 {
  margin-left: 72.2222222222%;
}

.col-xs-offset-14 {
  margin-left: 77.7777777778%;
}

.col-xs-offset-15 {
  margin-left: 83.3333333333%;
}

.col-xs-offset-16 {
  margin-left: 88.8888888889%;
}

.col-xs-offset-17 {
  margin-left: 94.4444444444%;
}

.col-xs-offset-18 {
  margin-left: 100%;
}

@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, .col-sm-13, .col-sm-14, .col-sm-15, .col-sm-16, .col-sm-17, .col-sm-18 {
    float: left;
  }

  .col-sm-1 {
    width: 5.5555555556%;
  }

  .col-sm-2 {
    width: 11.1111111111%;
  }

  .col-sm-3 {
    width: 16.6666666667%;
  }

  .col-sm-4 {
    width: 22.2222222222%;
  }

  .col-sm-5 {
    width: 27.7777777778%;
  }

  .col-sm-6 {
    width: 33.3333333333%;
  }

  .col-sm-7 {
    width: 38.8888888889%;
  }

  .col-sm-8 {
    width: 44.4444444444%;
  }

  .col-sm-9 {
    width: 50%;
  }

  .col-sm-10 {
    width: 55.5555555556%;
  }

  .col-sm-11 {
    width: 61.1111111111%;
  }

  .col-sm-12 {
    width: 66.6666666667%;
  }

  .col-sm-13 {
    width: 72.2222222222%;
  }

  .col-sm-14 {
    width: 77.7777777778%;
  }

  .col-sm-15 {
    width: 83.3333333333%;
  }

  .col-sm-16 {
    width: 88.8888888889%;
  }

  .col-sm-17 {
    width: 94.4444444444%;
  }

  .col-sm-18 {
    width: 100%;
  }

  .col-sm-pull-0 {
    right: auto;
  }

  .col-sm-pull-1 {
    right: 5.5555555556%;
  }

  .col-sm-pull-2 {
    right: 11.1111111111%;
  }

  .col-sm-pull-3 {
    right: 16.6666666667%;
  }

  .col-sm-pull-4 {
    right: 22.2222222222%;
  }

  .col-sm-pull-5 {
    right: 27.7777777778%;
  }

  .col-sm-pull-6 {
    right: 33.3333333333%;
  }

  .col-sm-pull-7 {
    right: 38.8888888889%;
  }

  .col-sm-pull-8 {
    right: 44.4444444444%;
  }

  .col-sm-pull-9 {
    right: 50%;
  }

  .col-sm-pull-10 {
    right: 55.5555555556%;
  }

  .col-sm-pull-11 {
    right: 61.1111111111%;
  }

  .col-sm-pull-12 {
    right: 66.6666666667%;
  }

  .col-sm-pull-13 {
    right: 72.2222222222%;
  }

  .col-sm-pull-14 {
    right: 77.7777777778%;
  }

  .col-sm-pull-15 {
    right: 83.3333333333%;
  }

  .col-sm-pull-16 {
    right: 88.8888888889%;
  }

  .col-sm-pull-17 {
    right: 94.4444444444%;
  }

  .col-sm-pull-18 {
    right: 100%;
  }

  .col-sm-push-0 {
    left: auto;
  }

  .col-sm-push-1 {
    left: 5.5555555556%;
  }

  .col-sm-push-2 {
    left: 11.1111111111%;
  }

  .col-sm-push-3 {
    left: 16.6666666667%;
  }

  .col-sm-push-4 {
    left: 22.2222222222%;
  }

  .col-sm-push-5 {
    left: 27.7777777778%;
  }

  .col-sm-push-6 {
    left: 33.3333333333%;
  }

  .col-sm-push-7 {
    left: 38.8888888889%;
  }

  .col-sm-push-8 {
    left: 44.4444444444%;
  }

  .col-sm-push-9 {
    left: 50%;
  }

  .col-sm-push-10 {
    left: 55.5555555556%;
  }

  .col-sm-push-11 {
    left: 61.1111111111%;
  }

  .col-sm-push-12 {
    left: 66.6666666667%;
  }

  .col-sm-push-13 {
    left: 72.2222222222%;
  }

  .col-sm-push-14 {
    left: 77.7777777778%;
  }

  .col-sm-push-15 {
    left: 83.3333333333%;
  }

  .col-sm-push-16 {
    left: 88.8888888889%;
  }

  .col-sm-push-17 {
    left: 94.4444444444%;
  }

  .col-sm-push-18 {
    left: 100%;
  }

  .col-sm-offset-0 {
    margin-left: 0%;
  }

  .col-sm-offset-1 {
    margin-left: 5.5555555556%;
  }

  .col-sm-offset-2 {
    margin-left: 11.1111111111%;
  }

  .col-sm-offset-3 {
    margin-left: 16.6666666667%;
  }

  .col-sm-offset-4 {
    margin-left: 22.2222222222%;
  }

  .col-sm-offset-5 {
    margin-left: 27.7777777778%;
  }

  .col-sm-offset-6 {
    margin-left: 33.3333333333%;
  }

  .col-sm-offset-7 {
    margin-left: 38.8888888889%;
  }

  .col-sm-offset-8 {
    margin-left: 44.4444444444%;
  }

  .col-sm-offset-9 {
    margin-left: 50%;
  }

  .col-sm-offset-10 {
    margin-left: 55.5555555556%;
  }

  .col-sm-offset-11 {
    margin-left: 61.1111111111%;
  }

  .col-sm-offset-12 {
    margin-left: 66.6666666667%;
  }

  .col-sm-offset-13 {
    margin-left: 72.2222222222%;
  }

  .col-sm-offset-14 {
    margin-left: 77.7777777778%;
  }

  .col-sm-offset-15 {
    margin-left: 83.3333333333%;
  }

  .col-sm-offset-16 {
    margin-left: 88.8888888889%;
  }

  .col-sm-offset-17 {
    margin-left: 94.4444444444%;
  }

  .col-sm-offset-18 {
    margin-left: 100%;
  }
}
@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, .col-md-13, .col-md-14, .col-md-15, .col-md-16, .col-md-17, .col-md-18 {
    float: left;
  }

  .col-md-1 {
    width: 5.5555555556%;
  }

  .col-md-2 {
    width: 11.1111111111%;
  }

  .col-md-3 {
    width: 16.6666666667%;
  }

  .col-md-4 {
    width: 22.2222222222%;
  }

  .col-md-5 {
    width: 27.7777777778%;
  }

  .col-md-6 {
    width: 33.3333333333%;
  }

  .col-md-7 {
    width: 38.8888888889%;
  }

  .col-md-8 {
    width: 44.4444444444%;
  }

  .col-md-9 {
    width: 50%;
  }

  .col-md-10 {
    width: 55.5555555556%;
  }

  .col-md-11 {
    width: 61.1111111111%;
  }

  .col-md-12 {
    width: 66.6666666667%;
  }

  .col-md-13 {
    width: 72.2222222222%;
  }

  .col-md-14 {
    width: 77.7777777778%;
  }

  .col-md-15 {
    width: 83.3333333333%;
  }

  .col-md-16 {
    width: 88.8888888889%;
  }

  .col-md-17 {
    width: 94.4444444444%;
  }

  .col-md-18 {
    width: 100%;
  }

  .col-md-pull-0 {
    right: auto;
  }

  .col-md-pull-1 {
    right: 5.5555555556%;
  }

  .col-md-pull-2 {
    right: 11.1111111111%;
  }

  .col-md-pull-3 {
    right: 16.6666666667%;
  }

  .col-md-pull-4 {
    right: 22.2222222222%;
  }

  .col-md-pull-5 {
    right: 27.7777777778%;
  }

  .col-md-pull-6 {
    right: 33.3333333333%;
  }

  .col-md-pull-7 {
    right: 38.8888888889%;
  }

  .col-md-pull-8 {
    right: 44.4444444444%;
  }

  .col-md-pull-9 {
    right: 50%;
  }

  .col-md-pull-10 {
    right: 55.5555555556%;
  }

  .col-md-pull-11 {
    right: 61.1111111111%;
  }

  .col-md-pull-12 {
    right: 66.6666666667%;
  }

  .col-md-pull-13 {
    right: 72.2222222222%;
  }

  .col-md-pull-14 {
    right: 77.7777777778%;
  }

  .col-md-pull-15 {
    right: 83.3333333333%;
  }

  .col-md-pull-16 {
    right: 88.8888888889%;
  }

  .col-md-pull-17 {
    right: 94.4444444444%;
  }

  .col-md-pull-18 {
    right: 100%;
  }

  .col-md-push-0 {
    left: auto;
  }

  .col-md-push-1 {
    left: 5.5555555556%;
  }

  .col-md-push-2 {
    left: 11.1111111111%;
  }

  .col-md-push-3 {
    left: 16.6666666667%;
  }

  .col-md-push-4 {
    left: 22.2222222222%;
  }

  .col-md-push-5 {
    left: 27.7777777778%;
  }

  .col-md-push-6 {
    left: 33.3333333333%;
  }

  .col-md-push-7 {
    left: 38.8888888889%;
  }

  .col-md-push-8 {
    left: 44.4444444444%;
  }

  .col-md-push-9 {
    left: 50%;
  }

  .col-md-push-10 {
    left: 55.5555555556%;
  }

  .col-md-push-11 {
    left: 61.1111111111%;
  }

  .col-md-push-12 {
    left: 66.6666666667%;
  }

  .col-md-push-13 {
    left: 72.2222222222%;
  }

  .col-md-push-14 {
    left: 77.7777777778%;
  }

  .col-md-push-15 {
    left: 83.3333333333%;
  }

  .col-md-push-16 {
    left: 88.8888888889%;
  }

  .col-md-push-17 {
    left: 94.4444444444%;
  }

  .col-md-push-18 {
    left: 100%;
  }

  .col-md-offset-0 {
    margin-left: 0%;
  }

  .col-md-offset-1 {
    margin-left: 5.5555555556%;
  }

  .col-md-offset-2 {
    margin-left: 11.1111111111%;
  }

  .col-md-offset-3 {
    margin-left: 16.6666666667%;
  }

  .col-md-offset-4 {
    margin-left: 22.2222222222%;
  }

  .col-md-offset-5 {
    margin-left: 27.7777777778%;
  }

  .col-md-offset-6 {
    margin-left: 33.3333333333%;
  }

  .col-md-offset-7 {
    margin-left: 38.8888888889%;
  }

  .col-md-offset-8 {
    margin-left: 44.4444444444%;
  }

  .col-md-offset-9 {
    margin-left: 50%;
  }

  .col-md-offset-10 {
    margin-left: 55.5555555556%;
  }

  .col-md-offset-11 {
    margin-left: 61.1111111111%;
  }

  .col-md-offset-12 {
    margin-left: 66.6666666667%;
  }

  .col-md-offset-13 {
    margin-left: 72.2222222222%;
  }

  .col-md-offset-14 {
    margin-left: 77.7777777778%;
  }

  .col-md-offset-15 {
    margin-left: 83.3333333333%;
  }

  .col-md-offset-16 {
    margin-left: 88.8888888889%;
  }

  .col-md-offset-17 {
    margin-left: 94.4444444444%;
  }

  .col-md-offset-18 {
    margin-left: 100%;
  }
}
@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, .col-lg-13, .col-lg-14, .col-lg-15, .col-lg-16, .col-lg-17, .col-lg-18 {
    float: left;
  }

  .col-lg-1 {
    width: 5.5555555556%;
  }

  .col-lg-2 {
    width: 11.1111111111%;
  }

  .col-lg-3 {
    width: 16.6666666667%;
  }

  .col-lg-4 {
    width: 22.2222222222%;
  }

  .col-lg-5 {
    width: 27.7777777778%;
  }

  .col-lg-6 {
    width: 33.3333333333%;
  }

  .col-lg-7 {
    width: 38.8888888889%;
  }

  .col-lg-8 {
    width: 44.4444444444%;
  }

  .col-lg-9 {
    width: 50%;
  }

  .col-lg-10 {
    width: 55.5555555556%;
  }

  .col-lg-11 {
    width: 61.1111111111%;
  }

  .col-lg-12 {
    width: 66.6666666667%;
  }

  .col-lg-13 {
    width: 72.2222222222%;
  }

  .col-lg-14 {
    width: 77.7777777778%;
  }

  .col-lg-15 {
    width: 83.3333333333%;
  }

  .col-lg-16 {
    width: 88.8888888889%;
  }

  .col-lg-17 {
    width: 94.4444444444%;
  }

  .col-lg-18 {
    width: 100%;
  }

  .col-lg-pull-0 {
    right: auto;
  }

  .col-lg-pull-1 {
    right: 5.5555555556%;
  }

  .col-lg-pull-2 {
    right: 11.1111111111%;
  }

  .col-lg-pull-3 {
    right: 16.6666666667%;
  }

  .col-lg-pull-4 {
    right: 22.2222222222%;
  }

  .col-lg-pull-5 {
    right: 27.7777777778%;
  }

  .col-lg-pull-6 {
    right: 33.3333333333%;
  }

  .col-lg-pull-7 {
    right: 38.8888888889%;
  }

  .col-lg-pull-8 {
    right: 44.4444444444%;
  }

  .col-lg-pull-9 {
    right: 50%;
  }

  .col-lg-pull-10 {
    right: 55.5555555556%;
  }

  .col-lg-pull-11 {
    right: 61.1111111111%;
  }

  .col-lg-pull-12 {
    right: 66.6666666667%;
  }

  .col-lg-pull-13 {
    right: 72.2222222222%;
  }

  .col-lg-pull-14 {
    right: 77.7777777778%;
  }

  .col-lg-pull-15 {
    right: 83.3333333333%;
  }

  .col-lg-pull-16 {
    right: 88.8888888889%;
  }

  .col-lg-pull-17 {
    right: 94.4444444444%;
  }

  .col-lg-pull-18 {
    right: 100%;
  }

  .col-lg-push-0 {
    left: auto;
  }

  .col-lg-push-1 {
    left: 5.5555555556%;
  }

  .col-lg-push-2 {
    left: 11.1111111111%;
  }

  .col-lg-push-3 {
    left: 16.6666666667%;
  }

  .col-lg-push-4 {
    left: 22.2222222222%;
  }

  .col-lg-push-5 {
    left: 27.7777777778%;
  }

  .col-lg-push-6 {
    left: 33.3333333333%;
  }

  .col-lg-push-7 {
    left: 38.8888888889%;
  }

  .col-lg-push-8 {
    left: 44.4444444444%;
  }

  .col-lg-push-9 {
    left: 50%;
  }

  .col-lg-push-10 {
    left: 55.5555555556%;
  }

  .col-lg-push-11 {
    left: 61.1111111111%;
  }

  .col-lg-push-12 {
    left: 66.6666666667%;
  }

  .col-lg-push-13 {
    left: 72.2222222222%;
  }

  .col-lg-push-14 {
    left: 77.7777777778%;
  }

  .col-lg-push-15 {
    left: 83.3333333333%;
  }

  .col-lg-push-16 {
    left: 88.8888888889%;
  }

  .col-lg-push-17 {
    left: 94.4444444444%;
  }

  .col-lg-push-18 {
    left: 100%;
  }

  .col-lg-offset-0 {
    margin-left: 0%;
  }

  .col-lg-offset-1 {
    margin-left: 5.5555555556%;
  }

  .col-lg-offset-2 {
    margin-left: 11.1111111111%;
  }

  .col-lg-offset-3 {
    margin-left: 16.6666666667%;
  }

  .col-lg-offset-4 {
    margin-left: 22.2222222222%;
  }

  .col-lg-offset-5 {
    margin-left: 27.7777777778%;
  }

  .col-lg-offset-6 {
    margin-left: 33.3333333333%;
  }

  .col-lg-offset-7 {
    margin-left: 38.8888888889%;
  }

  .col-lg-offset-8 {
    margin-left: 44.4444444444%;
  }

  .col-lg-offset-9 {
    margin-left: 50%;
  }

  .col-lg-offset-10 {
    margin-left: 55.5555555556%;
  }

  .col-lg-offset-11 {
    margin-left: 61.1111111111%;
  }

  .col-lg-offset-12 {
    margin-left: 66.6666666667%;
  }

  .col-lg-offset-13 {
    margin-left: 72.2222222222%;
  }

  .col-lg-offset-14 {
    margin-left: 77.7777777778%;
  }

  .col-lg-offset-15 {
    margin-left: 83.3333333333%;
  }

  .col-lg-offset-16 {
    margin-left: 88.8888888889%;
  }

  .col-lg-offset-17 {
    margin-left: 94.4444444444%;
  }

  .col-lg-offset-18 {
    margin-left: 100%;
  }
}
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: #e6e9ed;
  text-align: left;
}

th {
  text-align: left;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 18px;
}
.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  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 > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > th,
.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 > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}

.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.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 > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.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 > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
  background-color: #8cc152;
}

.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: #7fb842;
}

.table > thead > tr > td.info,
.table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
  background-color: #3bafda;
}

.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: #28a5d4;
}

.table > thead > tr > td.warning,
.table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.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 > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background-color: #da4453;
}

.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: #d62f3f;
}

.table-responsive {
  min-height: 0.01%;
  overflow-x: auto;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 13.5px;
    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 > thead > tr > td,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > th,
.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 > thead > tr > td:first-child,
.table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-responsive > .table-bordered > tfoot > tr > th: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 > thead > tr > td:last-child,
.table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-responsive > .table-bordered > tfoot > tr > th: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 > tbody > tr:last-child > td,
.table-responsive > .table-bordered > tfoot > tr:last-child > th,
.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: 18px;
  font-size: 19.5px;
  line-height: inherit;
  color: #656d78;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}

input[type=search] {
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-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=radio].disabled, fieldset[disabled] input[type=radio],
input[type=checkbox][disabled],
input[type=checkbox].disabled,
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: 13px;
  line-height: 1.428571429;
  color: #ccd1d9;
}

.form-control {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.428571429;
  color: #ccd1d9;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 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: #f5f7fa;
  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: 32px;
  }
  input[type=date].input-sm,
.input-group-sm > .input-group-btn > input[type=date].btn, .input-group-sm input[type=date],
input[type=time].input-sm,
.input-group-sm > .input-group-btn > input[type=time].btn,
.input-group-sm input[type=time],
input[type=datetime-local].input-sm,
.input-group-sm > .input-group-btn > input[type=datetime-local].btn,
.input-group-sm input[type=datetime-local],
input[type=month].input-sm,
.input-group-sm > .input-group-btn > input[type=month].btn,
.input-group-sm input[type=month] {
    line-height: 30px;
  }
  input[type=date].input-lg,
.input-group-lg > .input-group-btn > input[type=date].btn, .input-group-lg input[type=date],
input[type=time].input-lg,
.input-group-lg > .input-group-btn > input[type=time].btn,
.input-group-lg input[type=time],
input[type=datetime-local].input-lg,
.input-group-lg > .input-group-btn > input[type=datetime-local].btn,
.input-group-lg input[type=datetime-local],
input[type=month].input-lg,
.input-group-lg > .input-group-btn > input[type=month].btn,
.input-group-lg input[type=month] {
    line-height: 45px;
  }
}
.form-group {
  margin-bottom: 15px;
}

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio.disabled label, fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.radio label,
.checkbox label {
  min-height: 18px;
  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, fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
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: 31px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
.form-control-static.input-lg, .input-group-lg > .form-control-static.form-control,
.input-group-lg > .form-control-static.input-group-addon,
.input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,
.input-group-sm > .form-control-static.input-group-addon,
.input-group-sm > .input-group-btn > .form-control-static.btn {
  padding-right: 0;
  padding-left: 0;
}

.input-sm, .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-sm, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
  height: 30px;
  line-height: 30px;
}

textarea.input-sm, .input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn,
select[multiple].input-sm,
.input-group-sm > select[multiple].form-control,
.input-group-sm > select[multiple].input-group-addon,
.input-group-sm > .input-group-btn > select[multiple].btn {
  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: 30px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.input-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 45px;
  padding: 10px 16px;
  font-size: 17px;
  line-height: 1.3333333;
  border-radius: 6px;
}

select.input-lg, .input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn {
  height: 45px;
  line-height: 45px;
}

textarea.input-lg, .input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn,
select[multiple].input-lg,
.input-group-lg > select[multiple].form-control,
.input-group-lg > select[multiple].input-group-addon,
.input-group-lg > .input-group-btn > select[multiple].btn {
  height: auto;
}

.form-group-lg .form-control {
  height: 45px;
  padding: 10px 16px;
  font-size: 17px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.form-group-lg select.form-control {
  height: 45px;
  line-height: 45px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 45px;
  min-height: 35px;
  padding: 11px 16px;
  font-size: 17px;
  line-height: 1.3333333;
}

.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 40px;
}

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  pointer-events: none;
}

.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback,
.input-group-lg > .input-group-addon + .form-control-feedback,
.input-group-lg > .input-group-btn > .btn + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 45px;
  height: 45px;
  line-height: 45px;
}

.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback,
.input-group-sm > .input-group-addon + .form-control-feedback,
.input-group-sm > .input-group-btn > .btn + .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: #8cc152;
}
.has-success .form-control {
  border-color: #8cc152;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #72a53b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #bedc9d;
}
.has-success .input-group-addon {
  color: #8cc152;
  background-color: #8cc152;
  border-color: #8cc152;
}
.has-success .form-control-feedback {
  color: #8cc152;
}

.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;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  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: #da4453;
}
.has-error .form-control {
  border-color: #da4453;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #c42737;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #eb99a1;
}
.has-error .input-group-addon {
  color: #da4453;
  background-color: #da4453;
  border-color: #da4453;
}
.has-error .form-control-feedback {
  color: #da4453;
}

.has-feedback label ~ .form-control-feedback {
  top: 23px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #a7adb5;
}

@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: 25px;
}
.form-horizontal .form-group {
  margin-right: -14px;
  margin-left: -14px;
}
.form-horizontal .form-group:before, .form-horizontal .form-group:after {
  display: table;
  content: " ";
}
.form-horizontal .form-group:after {
  clear: both;
}
@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: 14px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 17px;
  }
}
@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: 13px;
  line-height: 1.428571429;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus, .btn.focus, .btn:active:focus, .btn:active.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;
  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;
  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 > .btn-default.dropdown-toggle {
  color: #333;
  background-color: #e6e6e6;
  background-image: none;
  border-color: #adadad;
}
.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default: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: #0e79c9;
  border-color: #0c6bb1;
}
.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #0b5c99;
  border-color: #04233a;
}
.btn-primary:hover {
  color: #fff;
  background-color: #0b5c99;
  border-color: #084878;
}
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0b5c99;
  background-image: none;
  border-color: #084878;
}
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
  color: #fff;
  background-color: #084878;
  border-color: #04233a;
}
.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus {
  background-color: #0e79c9;
  border-color: #0c6bb1;
}
.btn-primary .badge {
  color: #0e79c9;
  background-color: #fff;
}

.btn-success {
  color: #fff;
  background-color: #8cc152;
  border-color: #7fb842;
}
.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: #72a53b;
  border-color: #3e5a20;
}
.btn-success:hover {
  color: #fff;
  background-color: #72a53b;
  border-color: #608b32;
}
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #72a53b;
  background-image: none;
  border-color: #608b32;
}
.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus {
  color: #fff;
  background-color: #608b32;
  border-color: #3e5a20;
}
.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus {
  background-color: #8cc152;
  border-color: #7fb842;
}
.btn-success .badge {
  color: #8cc152;
  background-color: #fff;
}

.btn-info {
  color: #fff;
  background-color: #3bafda;
  border-color: #28a5d4;
}
.btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: #2494be;
  border-color: #145168;
}
.btn-info:hover {
  color: #fff;
  background-color: #2494be;
  border-color: #1e7da0;
}
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #2494be;
  background-image: none;
  border-color: #1e7da0;
}
.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus {
  color: #fff;
  background-color: #1e7da0;
  border-color: #145168;
}
.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus {
  background-color: #3bafda;
  border-color: #28a5d4;
}
.btn-info .badge {
  color: #3bafda;
  background-color: #fff;
}

.btn-warning {
  color: #fff;
  background-color: #f3a100;
  border-color: #da9000;
}
.btn-warning:focus, .btn-warning.focus {
  color: #fff;
  background-color: #c07f00;
  border-color: #5a3c00;
}
.btn-warning:hover {
  color: #fff;
  background-color: #c07f00;
  border-color: #9c6800;
}
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #c07f00;
  background-image: none;
  border-color: #9c6800;
}
.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus {
  color: #fff;
  background-color: #9c6800;
  border-color: #5a3c00;
}
.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus {
  background-color: #f3a100;
  border-color: #da9000;
}
.btn-warning .badge {
  color: #f3a100;
  background-color: #fff;
}

.btn-danger {
  color: #fff;
  background-color: #da4453;
  border-color: #d62f3f;
}
.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: #c42737;
  border-color: #6f161f;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c42737;
  border-color: #a6212e;
}
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #c42737;
  background-image: none;
  border-color: #a6212e;
}
.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus {
  color: #fff;
  background-color: #a6212e;
  border-color: #6f161f;
}
.btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus {
  background-color: #da4453;
  border-color: #d62f3f;
}
.btn-danger .badge {
  color: #da4453;
  background-color: #fff;
}

.btn-link, .btn-upload-link {
  font-weight: 400;
  color: #0e79c9;
  border-radius: 0;
}
.btn-link, .btn-upload-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
  background-color: transparent;
  box-shadow: none;
}
.btn-link, .btn-upload-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
  border-color: transparent;
}
.btn-link:hover, .btn-upload-link:hover, .btn-link:focus, .btn-upload-link:focus {
  color: #094e81;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover, [disabled].btn-upload-link:hover, .btn-link[disabled]:focus, [disabled].btn-upload-link:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-upload-link:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-upload-link:focus {
  color: #e6e9ed;
  text-decoration: none;
}

.btn-lg, .btn-group-lg .btn {
  padding: 10px 16px;
  font-size: 17px;
  line-height: 1.3333333;
  border-radius: 6px;
}

.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-xs {
  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%;
}

.panel {
  margin-bottom: 18px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
  padding: 15px;
}
.panel-body:before, .panel-body:after {
  display: table;
  content: " ";
}
.panel-body:after {
  clear: both;
}

.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: 15px;
  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:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead: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:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .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 th:first-child,
.panel > .table-responsive:first-child > .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 th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .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 th:last-child,
.panel > .table-responsive:first-child > .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 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:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody: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:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .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 th:first-child,
.panel > .table-responsive:last-child > .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 th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .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 th:last-child,
.panel > .table-responsive:last-child > .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 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-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th: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-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th: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-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.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: 18px;
}
.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: #656d78;
  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: #656d78;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}

.panel-primary {
  border-color: #0e79c9;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #0e79c9;
  border-color: #0e79c9;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #0e79c9;
}
.panel-primary > .panel-heading .badge {
  color: #0e79c9;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #0e79c9;
}

.panel-success {
  border-color: #8cc152;
}
.panel-success > .panel-heading {
  color: #8cc152;
  background-color: #8cc152;
  border-color: #8cc152;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #8cc152;
}
.panel-success > .panel-heading .badge {
  color: #8cc152;
  background-color: #8cc152;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #8cc152;
}

.panel-info {
  border-color: #3bafda;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #3bafda;
  border-color: #3bafda;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #3bafda;
}
.panel-info > .panel-heading .badge {
  color: #3bafda;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #3bafda;
}

.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: #da4453;
}
.panel-danger > .panel-heading {
  color: #da4453;
  background-color: #da4453;
  border-color: #da4453;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #da4453;
}
.panel-danger > .panel-heading .badge {
  color: #da4453;
  background-color: #da4453;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #da4453;
}

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 18px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/ ";
}
.breadcrumb > .active {
  color: #e6e9ed;
}

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 18px;
  border: 1px solid transparent;
}
.navbar:before, .navbar:after {
  display: table;
  content: " ";
}
.navbar:after {
  clear: both;
}
@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}

.navbar-header:before, .navbar-header:after {
  display: table;
  content: " ";
}
.navbar-header:after {
  clear: both;
}
@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}

.navbar-collapse {
  padding-right: 14px;
  padding-left: 14px;
  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:before, .navbar-collapse:after {
  display: table;
  content: " ";
}
.navbar-collapse:after {
  clear: both;
}
.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, .public-school-footer__inner > .navbar-header,
.container > .navbar-collapse,
.public-school-footer__inner > .navbar-collapse,
.container-fluid > .navbar-header,
.only-icon > .navbar-header,
.container-fluid > .navbar-collapse,
.only-icon > .navbar-collapse {
  margin-right: -14px;
  margin-left: -14px;
}
@media (min-width: 768px) {
  .container > .navbar-header, .public-school-footer__inner > .navbar-header,
.container > .navbar-collapse,
.public-school-footer__inner > .navbar-collapse,
.container-fluid > .navbar-header,
.only-icon > .navbar-header,
.container-fluid > .navbar-collapse,
.only-icon > .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: 16px 14px;
  font-size: 17px;
  line-height: 18px;
}
.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}
.navbar-brand > img {
  display: block;
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand, .navbar > .public-school-footer__inner .navbar-brand, .navbar > .container-fluid .navbar-brand, .navbar > .only-icon .navbar-brand {
    margin-left: -14px;
  }
}

.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-right: 14px;
  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: 8px -14px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 18px;
}
@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: 18px;
  }
  .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: 16px;
    padding-bottom: 16px;
  }
}

.navbar-form {
  padding: 10px 14px;
  margin-right: -14px;
  margin-left: -14px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 9px;
  margin-bottom: 9px;
}
@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;
    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: 9px;
  margin-bottom: 9px;
}
.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}

.navbar-text {
  margin-top: 16px;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-right: 14px;
    margin-left: 14px;
  }
}

@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }

  .navbar-right {
    float: right !important;
    margin-right: -14px;
  }
  .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, .navbar-default .btn-upload-link {
  color: #777;
}
.navbar-default .btn-link:hover, .navbar-default .btn-upload-link:hover, .navbar-default .btn-link:focus, .navbar-default .btn-upload-link:focus {
  color: #333;
}
.navbar-default .btn-link[disabled]:hover, .navbar-default [disabled].btn-upload-link:hover, .navbar-default .btn-link[disabled]:focus, .navbar-default [disabled].btn-upload-link:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-upload-link:hover, fieldset[disabled] .navbar-default .btn-link:focus, fieldset[disabled] .navbar-default .btn-upload-link:focus {
  color: #ccc;
}

.navbar-inverse {
  background-color: #222;
  border-color: #090909;
}
.navbar-inverse .navbar-brand {
  color: white;
}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: white;
}
.navbar-inverse .navbar-nav > li > a {
  color: white;
}
.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: #090909;
}
.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: #090909;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #090909;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #090909;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: white;
  }
  .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: #090909;
  }
  .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: white;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link, .navbar-inverse .btn-upload-link {
  color: white;
}
.navbar-inverse .btn-link:hover, .navbar-inverse .btn-upload-link:hover, .navbar-inverse .btn-link:focus, .navbar-inverse .btn-upload-link:focus {
  color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover, .navbar-inverse [disabled].btn-upload-link:hover, .navbar-inverse .btn-link[disabled]:focus, .navbar-inverse [disabled].btn-upload-link:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-upload-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus, fieldset[disabled] .navbar-inverse .btn-upload-link:focus {
  color: #444;
}

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav:before, .nav:after {
  display: table;
  content: " ";
}
.nav:after {
  clear: both;
}
.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: #f5f7fa;
}
.nav > li.disabled > a {
  color: #e6e9ed;
}
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
  color: #e6e9ed;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: #f5f7fa;
  border-color: #0e79c9;
}
.nav .nav-divider {
  height: 1px;
  margin: 8px 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.428571429;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #f5f7fa #f5f7fa #ddd;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: #ccd1d9;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.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: #0e79c9;
}

.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}

.nav-justified, .nav-tabs.nav-justified {
  width: 100%;
}
.nav-justified > li, .nav-tabs.nav-justified > li {
  float: none;
}
.nav-justified > li > a, .nav-tabs.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, .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a, .nav-tabs.nav-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, .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-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;
}

.panel {
  margin-bottom: 18px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
  padding: 15px;
}
.panel-body:before, .panel-body:after {
  display: table;
  content: " ";
}
.panel-body:after {
  clear: both;
}

.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: 15px;
  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:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead: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:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .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 th:first-child,
.panel > .table-responsive:first-child > .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 th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .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 th:last-child,
.panel > .table-responsive:first-child > .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 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:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody: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:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .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 th:first-child,
.panel > .table-responsive:last-child > .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 th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .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 th:last-child,
.panel > .table-responsive:last-child > .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 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-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th: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-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th: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-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.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: 18px;
}
.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: #656d78;
  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: #656d78;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}

.panel-primary {
  border-color: #0e79c9;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #0e79c9;
  border-color: #0e79c9;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #0e79c9;
}
.panel-primary > .panel-heading .badge {
  color: #0e79c9;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #0e79c9;
}

.panel-success {
  border-color: #8cc152;
}
.panel-success > .panel-heading {
  color: #8cc152;
  background-color: #8cc152;
  border-color: #8cc152;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #8cc152;
}
.panel-success > .panel-heading .badge {
  color: #8cc152;
  background-color: #8cc152;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #8cc152;
}

.panel-info {
  border-color: #3bafda;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #3bafda;
  border-color: #3bafda;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #3bafda;
}
.panel-info > .panel-heading .badge {
  color: #3bafda;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #3bafda;
}

.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: #da4453;
}
.panel-danger > .panel-heading {
  color: #da4453;
  background-color: #da4453;
  border-color: #da4453;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #da4453;
}
.panel-danger > .panel-heading .badge {
  color: #da4453;
  background-color: #da4453;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #da4453;
}

@-ms-viewport {
  width: device-width;
}
.visible-xs {
  display: none !important;
}

.visible-sm {
  display: none !important;
}

.visible-md {
  display: none !important;
}

.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;
  }
}
.clearfix:before, .clearfix:after {
  display: table;
  content: " ";
}
.clearfix: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;
}

.alert {
  padding: 15px;
  margin-bottom: 18px;
  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: #fff;
  background-color: #8cc152;
  border-color: #8cc152;
}
.alert-success hr {
  border-top-color: #7fb842;
}
.alert-success .alert-link {
  color: #e6e6e6;
}

.alert-info {
  color: #fff;
  background-color: #3bafda;
  border-color: #3bafda;
}
.alert-info hr {
  border-top-color: #28a5d4;
}
.alert-info .alert-link {
  color: #e6e6e6;
}

.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: #fff;
  background-color: #da4453;
  border-color: #da4453;
}
.alert-danger hr {
  border-top-color: #d62f3f;
}
.alert-danger .alert-link {
  color: #e6e6e6;
}

.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-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: 13px;
  font-weight: 400;
  line-height: 1;
  color: #ccd1d9;
  text-align: center;
  background-color: #f5f7fa;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.input-group-addon.input-sm,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .input-group-addon.btn {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.input-group-addon.input-lg,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .input-group-addon.btn {
  padding: 10px 16px;
  font-size: 17px;
  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;
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  height: 18px;
  margin-bottom: 18px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  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: 18px;
  color: #fff;
  text-align: center;
  background-color: #0e79c9;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  transition: width 0.6s ease;
}

.progress-striped .progress-bar,
.progress-bar-striped {
  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 {
  animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
  background-color: #8cc152;
}
.progress-striped .progress-bar-success {
  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: #3bafda;
}
.progress-striped .progress-bar-info {
  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: #f3a100;
}
.progress-striped .progress-bar-warning {
  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: #da4453;
}
.progress-striped .progress-bar-danger {
  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);
}

.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 {
  transform: translate(0, -25%);
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  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;
  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:before, .modal-header:after {
  display: table;
  content: " ";
}
.modal-header:after {
  clear: both;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.428571429;
}

.modal-body {
  position: relative;
  padding: 15px;
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer:before, .modal-footer:after {
  display: table;
  content: " ";
}
.modal-footer:after {
  clear: both;
}
.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 {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }

  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.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: 13px;
  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;
  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: 8px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.428571429;
  color: #656d78;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  color: #59606a;
  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: #0e79c9;
  outline: 0;
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #e6e9ed;
}
.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.428571429;
  color: #e6e9ed;
  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 {
    left: 0;
    right: auto;
  }
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  line-height: 1.428571429;
  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: 13px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  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: 13px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}

.popover-content {
  padding: 9px 14px;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 18px 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.428571429;
  color: #0e79c9;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  z-index: 2;
  color: #094e81;
  background-color: #f5f7fa;
  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 > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #0e79c9;
  border-color: #0e79c9;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #e6e9ed;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 17px;
  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;
}

.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;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}

a.label:hover, a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.label-default {
  background-color: #e6e9ed;
}
.label-default[href]:hover, .label-default[href]:focus {
  background-color: #c8cfd8;
}

.label-primary {
  background-color: #0e79c9;
}
.label-primary[href]:hover, .label-primary[href]:focus {
  background-color: #0b5c99;
}

.label-success {
  background-color: #8cc152;
}
.label-success[href]:hover, .label-success[href]:focus {
  background-color: #72a53b;
}

.label-info {
  background-color: #3bafda;
}
.label-info[href]:hover, .label-info[href]:focus {
  background-color: #2494be;
}

.label-warning {
  background-color: #f3a100;
}
.label-warning[href]:hover, .label-warning[href]:focus {
  background-color: #c07f00;
}

.label-danger {
  background-color: #da4453;
}
.label-danger[href]:hover, .label-danger[href]:focus {
  background-color: #c42737;
}

.col-xs-3_6,
.col-sm-3_6,
.col-md-3_6,
.col-lg-3_6,
.col-xs-4_5,
.col-sm-4_5,
.col-md-4_5,
.col-lg-4_5 {
  position: relative;
  min-height: 1px;
  padding-left: 14px;
  padding-right: 14px;
}

.col-xs-3_6 {
  width: 20%;
  float: left;
}

.col-xs-4_5 {
  width: 25%;
  float: left;
}

@media (min-width: 1200px) {
  .col-lg-3_6 {
    width: 20%;
    float: left;
  }

  .col-lg-4_5 {
    width: 25%;
    float: left;
  }
}
@media (min-width: 992px) {
  .col-md-3_6 {
    width: 20%;
    float: left;
  }

  .col-md-4_5 {
    width: 25%;
    float: left;
  }
}
@media (min-width: 768px) {
  .col-sm-3_6 {
    width: 20%;
    float: left;
  }

  .col-sm-4_5 {
    width: 25%;
    float: left;
  }
}
.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.float-start {
  float: left !important;
}

.float-end {
  float: right !important;
}

.float-none {
  float: none !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.top-0 {
  top: 0 !important;
}

.top-10 {
  top: 10px !important;
}

.top-50 {
  top: 50% !important;
}

.top-100 {
  top: 100% !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.bottom-10 {
  bottom: 10px !important;
}

.bottom-50 {
  bottom: 50% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

.start-0 {
  left: 0 !important;
}

.start-10 {
  left: 10px !important;
}

.start-50 {
  left: 50% !important;
}

.start-100 {
  left: 100% !important;
}

.end-0 {
  right: 0 !important;
}

.end-10 {
  right: 10px !important;
}

.end-50 {
  right: 50% !important;
}

.end-100 {
  right: 100% !important;
}

.translate-middle {
  transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
  transform: translateX(-50%) !important;
}

.translate-middle-y {
  transform: translateY(-50%) !important;
}

.border {
  border: 1px solid #ccd1d9 !important;
}

.border-0 {
  border: 0 !important;
}

.border-top {
  border-top: 1px solid #ccd1d9 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-end {
  border-right: 1px solid #ccd1d9 !important;
}

.border-end-0 {
  border-right: 0 !important;
}

.border-bottom {
  border-bottom: 1px solid #ccd1d9 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-start {
  border-left: 1px solid #ccd1d9 !important;
}

.border-start-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #0e79c9 !important;
}

.border-primary-hover:hover {
  border-color: #0e79c9 !important;
}

.border-secondary {
  border-color: #6c757d !important;
}

.border-secondary-hover:hover {
  border-color: #6c757d !important;
}

.border-success {
  border-color: #8cc152 !important;
}

.border-success-hover:hover {
  border-color: #8cc152 !important;
}

.border-info {
  border-color: #3bafda !important;
}

.border-info-hover:hover {
  border-color: #3bafda !important;
}

.border-warning {
  border-color: #ffce54 !important;
}

.border-warning-hover:hover {
  border-color: #ffce54 !important;
}

.border-danger {
  border-color: #da4453 !important;
}

.border-danger-hover:hover {
  border-color: #da4453 !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-light-hover:hover {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #212529 !important;
}

.border-dark-hover:hover {
  border-color: #212529 !important;
}

.border-ai {
  border-color: #967adc !important;
}

.border-ai-hover:hover {
  border-color: #967adc !important;
}

.border-white {
  border-color: #fff !important;
}

.border-white-hover:hover {
  border-color: #fff !important;
}

.border-gray-350 {
  border-color: #ccc !important;
}

.border-gray-350-hover:hover {
  border-color: #ccc !important;
}

.border-1 {
  border-width: 1px !important;
}

.border-2 {
  border-width: 2px !important;
}

.border-3 {
  border-width: 3px !important;
}

.border-4 {
  border-width: 4px !important;
}

.border-5 {
  border-width: 5px !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-30p {
  width: 30px !important;
}

.w-100p {
  width: 100px !important;
}

.w-130p {
  width: 130px !important;
}

.w-320p {
  width: 320px !important;
}

.w-auto {
  width: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.vw-100 {
  width: 100vw !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-24p {
  height: 24px !important;
}

.h-30p {
  height: 30px !important;
}

.h-100p {
  height: 100px !important;
}

.h-auto {
  height: auto !important;
}

.mh-100 {
  max-height: 100% !important;
}

.vh-100 {
  height: 100vh !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 3rem !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

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

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

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

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

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

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

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

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

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

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

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

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.-m-1 {
  margin: -0.25rem !important;
}

.-m-2 {
  margin: -0.5rem !important;
}

.-m-3 {
  margin: -1rem !important;
}

.-m-4 {
  margin: -1.5rem !important;
}

.-m-5 {
  margin: -3rem !important;
}

.-mx-1 {
  margin-right: -0.25rem !important;
  margin-left: -0.25rem !important;
}

.-mx-2 {
  margin-right: -0.5rem !important;
  margin-left: -0.5rem !important;
}

.-mx-3 {
  margin-right: -1rem !important;
  margin-left: -1rem !important;
}

.-mx-4 {
  margin-right: -1.5rem !important;
  margin-left: -1.5rem !important;
}

.-mx-5 {
  margin-right: -3rem !important;
  margin-left: -3rem !important;
}

.-my-1 {
  margin-top: -0.25rem !important;
  margin-bottom: -0.25rem !important;
}

.-my-2 {
  margin-top: -0.5rem !important;
  margin-bottom: -0.5rem !important;
}

.-my-3 {
  margin-top: -1rem !important;
  margin-bottom: -1rem !important;
}

.-my-4 {
  margin-top: -1.5rem !important;
  margin-bottom: -1.5rem !important;
}

.-my-5 {
  margin-top: -3rem !important;
  margin-bottom: -3rem !important;
}

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

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

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

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

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

.-me-1 {
  margin-right: -0.25rem !important;
}

.-me-2 {
  margin-right: -0.5rem !important;
}

.-me-3 {
  margin-right: -1rem !important;
}

.-me-4 {
  margin-right: -1.5rem !important;
}

.-me-5 {
  margin-right: -3rem !important;
}

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

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

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

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

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

.-ms-1 {
  margin-left: -0.25rem !important;
}

.-ms-2 {
  margin-left: -0.5rem !important;
}

.-ms-3 {
  margin-left: -1rem !important;
}

.-ms-4 {
  margin-left: -1.5rem !important;
}

.-ms-5 {
  margin-left: -3rem !important;
}

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

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
  font-size: calc(1.328125rem + 0.9375vw) !important;
}

.fs-2 {
  font-size: calc(1.2875rem + 0.45vw) !important;
}

.fs-3 {
  font-size: calc(1.2671875rem + 0.20625vw) !important;
}

.fs-4 {
  font-size: 1.21875rem !important;
}

.fs-5 {
  font-size: 1.015625rem !important;
}

.fs-6 {
  font-size: 0.8125rem !important;
}

.fs-45 {
  font-size: calc(1.40625rem + 1.875vw) !important;
}

.fs-50 {
  font-size: calc(1.4375rem + 2.25vw) !important;
}

.fst-italic {
  font-style: italic !important;
}

.fst-normal {
  font-style: normal !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-lighter {
  font-weight: lighter !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-bolder {
  font-weight: bolder !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.428571429 !important;
}

.lh-lg {
  line-height: 2 !important;
}

.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-decoration-line-through {
  text-decoration: line-through !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase, .initialism {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

/* rtl:end:remove */
.text-blue {
  color: #0e79c9 !important;
}

.text-indigo {
  color: #6610f2 !important;
}

.text-purple {
  color: #967adc !important;
}

.text-pink {
  color: #d770ad !important;
}

.text-red {
  color: #da4453 !important;
}

.text-orange {
  color: #f3a100 !important;
}

.text-yellow {
  color: #ffce54 !important;
}

.text-green {
  color: #8cc152 !important;
}

.text-teal {
  color: #37bc9b !important;
}

.text-cyan {
  color: #3bafda !important;
}

.text-white {
  color: #fff !important;
}

.text-gray {
  color: #6c757d !important;
}

.text-gray-dark {
  color: #343a40 !important;
}

.text-primary {
  color: #0e79c9 !important;
}

.text-secondary {
  color: #6c757d !important;
}

.text-success {
  color: #8cc152 !important;
}

.text-info {
  color: #3bafda !important;
}

.text-warning {
  color: #ffce54 !important;
}

.text-danger {
  color: #da4453 !important;
}

.text-light {
  color: #f8f9fa !important;
}

.text-dark {
  color: #212529 !important;
}

.text-ai {
  color: #967adc !important;
}

.text-body {
  color: #212529 !important;
}

.text-muted {
  color: #e6e9ed !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-primary-50 {
  color: rgba(14, 121, 201, 0.5) !important;
}

.text-reset {
  color: inherit !important;
}

.bg-primary {
  background-color: #0e79c9 !important;
}

.bg-secondary {
  background-color: #6c757d !important;
}

.bg-success {
  background-color: #8cc152 !important;
}

.bg-info {
  background-color: #3bafda !important;
}

.bg-warning {
  background-color: #ffce54 !important;
}

.bg-danger {
  background-color: #da4453 !important;
}

.bg-light {
  background-color: #f8f9fa !important;
}

.bg-dark {
  background-color: #212529 !important;
}

.bg-ai {
  background-color: #967adc !important;
}

.bg-body {
  background-color: #fff !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-gray-350 {
  background-color: #ccc !important;
}

.bg-purple-opacity-10 {
  background-color: rgba(150, 122, 220, 0.1) !important;
}

.bg-primary-10 {
  background-color: rgba(14, 121, 201, 0.1) !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.bg-gradient {
  background-image: var(--bs-gradient) !important;
}

.user-select-all {
  -webkit-user-select: all !important;
     -moz-user-select: all !important;
      -ms-user-select: all !important;
          user-select: all !important;
}

.user-select-auto {
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
      -ms-user-select: auto !important;
          user-select: auto !important;
}

.user-select-none {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
      -ms-user-select: none !important;
          user-select: none !important;
}

.pe-none {
  pointer-events: none !important;
}

.pe-auto {
  pointer-events: auto !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: 0.2rem !important;
}

.rounded-2 {
  border-radius: 0.25rem !important;
}

.rounded-3 {
  border-radius: 0.3rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-end {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-start {
  border-bottom-left-radius: 0.25rem !important;
  border-top-left-radius: 0.25rem !important;
}

.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }

  .float-sm-end {
    float: right !important;
  }

  .float-sm-none {
    float: none !important;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .d-sm-grid {
    display: grid !important;
  }

  .d-sm-table {
    display: table !important;
  }

  .d-sm-table-row {
    display: table-row !important;
  }

  .d-sm-table-cell {
    display: table-cell !important;
  }

  .d-sm-flex {
    display: flex !important;
  }

  .d-sm-inline-flex {
    display: inline-flex !important;
  }

  .d-sm-none {
    display: none !important;
  }

  .flex-sm-fill {
    flex: 1 1 auto !important;
  }

  .flex-sm-row {
    flex-direction: row !important;
  }

  .flex-sm-column {
    flex-direction: column !important;
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-sm-0 {
    gap: 0 !important;
  }

  .gap-sm-1 {
    gap: 0.25rem !important;
  }

  .gap-sm-2 {
    gap: 0.5rem !important;
  }

  .gap-sm-3 {
    gap: 1rem !important;
  }

  .gap-sm-4 {
    gap: 1.5rem !important;
  }

  .gap-sm-5 {
    gap: 3rem !important;
  }

  .justify-content-sm-start {
    justify-content: flex-start !important;
  }

  .justify-content-sm-end {
    justify-content: flex-end !important;
  }

  .justify-content-sm-center {
    justify-content: center !important;
  }

  .justify-content-sm-between {
    justify-content: space-between !important;
  }

  .justify-content-sm-around {
    justify-content: space-around !important;
  }

  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-sm-start {
    align-items: flex-start !important;
  }

  .align-items-sm-end {
    align-items: flex-end !important;
  }

  .align-items-sm-center {
    align-items: center !important;
  }

  .align-items-sm-baseline {
    align-items: baseline !important;
  }

  .align-items-sm-stretch {
    align-items: stretch !important;
  }

  .align-content-sm-start {
    align-content: flex-start !important;
  }

  .align-content-sm-end {
    align-content: flex-end !important;
  }

  .align-content-sm-center {
    align-content: center !important;
  }

  .align-content-sm-between {
    align-content: space-between !important;
  }

  .align-content-sm-around {
    align-content: space-around !important;
  }

  .align-content-sm-stretch {
    align-content: stretch !important;
  }

  .align-self-sm-auto {
    align-self: auto !important;
  }

  .align-self-sm-start {
    align-self: flex-start !important;
  }

  .align-self-sm-end {
    align-self: flex-end !important;
  }

  .align-self-sm-center {
    align-self: center !important;
  }

  .align-self-sm-baseline {
    align-self: baseline !important;
  }

  .align-self-sm-stretch {
    align-self: stretch !important;
  }

  .order-sm-first {
    order: -1 !important;
  }

  .order-sm-0 {
    order: 0 !important;
  }

  .order-sm-1 {
    order: 1 !important;
  }

  .order-sm-2 {
    order: 2 !important;
  }

  .order-sm-3 {
    order: 3 !important;
  }

  .order-sm-4 {
    order: 4 !important;
  }

  .order-sm-5 {
    order: 5 !important;
  }

  .order-sm-last {
    order: 6 !important;
  }

  .m-sm-0 {
    margin: 0 !important;
  }

  .m-sm-1 {
    margin: 0.25rem !important;
  }

  .m-sm-2 {
    margin: 0.5rem !important;
  }

  .m-sm-3 {
    margin: 1rem !important;
  }

  .m-sm-4 {
    margin: 1.5rem !important;
  }

  .m-sm-5 {
    margin: 3rem !important;
  }

  .m-sm-auto {
    margin: auto !important;
  }

  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-sm-0 {
    margin-top: 0 !important;
  }

  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }

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

  .mt-sm-3 {
    margin-top: 1rem !important;
  }

  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }

  .mt-sm-5 {
    margin-top: 3rem !important;
  }

  .mt-sm-auto {
    margin-top: auto !important;
  }

  .me-sm-0 {
    margin-right: 0 !important;
  }

  .me-sm-1 {
    margin-right: 0.25rem !important;
  }

  .me-sm-2 {
    margin-right: 0.5rem !important;
  }

  .me-sm-3 {
    margin-right: 1rem !important;
  }

  .me-sm-4 {
    margin-right: 1.5rem !important;
  }

  .me-sm-5 {
    margin-right: 3rem !important;
  }

  .me-sm-auto {
    margin-right: auto !important;
  }

  .mb-sm-0 {
    margin-bottom: 0 !important;
  }

  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }

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

  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }

  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }

  .mb-sm-auto {
    margin-bottom: auto !important;
  }

  .ms-sm-0 {
    margin-left: 0 !important;
  }

  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }

  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }

  .ms-sm-3 {
    margin-left: 1rem !important;
  }

  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }

  .ms-sm-5 {
    margin-left: 3rem !important;
  }

  .ms-sm-auto {
    margin-left: auto !important;
  }

  .-m-sm-1 {
    margin: -0.25rem !important;
  }

  .-m-sm-2 {
    margin: -0.5rem !important;
  }

  .-m-sm-3 {
    margin: -1rem !important;
  }

  .-m-sm-4 {
    margin: -1.5rem !important;
  }

  .-m-sm-5 {
    margin: -3rem !important;
  }

  .-mx-sm-1 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important;
  }

  .-mx-sm-2 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important;
  }

  .-mx-sm-3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
  }

  .-mx-sm-4 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important;
  }

  .-mx-sm-5 {
    margin-right: -3rem !important;
    margin-left: -3rem !important;
  }

  .-my-sm-1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }

  .-my-sm-2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }

  .-my-sm-3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }

  .-my-sm-4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }

  .-my-sm-5 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }

  .-mt-sm-1 {
    margin-top: -0.25rem !important;
  }

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

  .-mt-sm-3 {
    margin-top: -1rem !important;
  }

  .-mt-sm-4 {
    margin-top: -1.5rem !important;
  }

  .-mt-sm-5 {
    margin-top: -3rem !important;
  }

  .-me-sm-1 {
    margin-right: -0.25rem !important;
  }

  .-me-sm-2 {
    margin-right: -0.5rem !important;
  }

  .-me-sm-3 {
    margin-right: -1rem !important;
  }

  .-me-sm-4 {
    margin-right: -1.5rem !important;
  }

  .-me-sm-5 {
    margin-right: -3rem !important;
  }

  .-mb-sm-1 {
    margin-bottom: -0.25rem !important;
  }

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

  .-mb-sm-3 {
    margin-bottom: -1rem !important;
  }

  .-mb-sm-4 {
    margin-bottom: -1.5rem !important;
  }

  .-mb-sm-5 {
    margin-bottom: -3rem !important;
  }

  .-ms-sm-1 {
    margin-left: -0.25rem !important;
  }

  .-ms-sm-2 {
    margin-left: -0.5rem !important;
  }

  .-ms-sm-3 {
    margin-left: -1rem !important;
  }

  .-ms-sm-4 {
    margin-left: -1.5rem !important;
  }

  .-ms-sm-5 {
    margin-left: -3rem !important;
  }

  .p-sm-0 {
    padding: 0 !important;
  }

  .p-sm-1 {
    padding: 0.25rem !important;
  }

  .p-sm-2 {
    padding: 0.5rem !important;
  }

  .p-sm-3 {
    padding: 1rem !important;
  }

  .p-sm-4 {
    padding: 1.5rem !important;
  }

  .p-sm-5 {
    padding: 3rem !important;
  }

  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-sm-0 {
    padding-top: 0 !important;
  }

  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }

  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }

  .pt-sm-3 {
    padding-top: 1rem !important;
  }

  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }

  .pt-sm-5 {
    padding-top: 3rem !important;
  }

  .pe-sm-0 {
    padding-right: 0 !important;
  }

  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }

  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }

  .pe-sm-3 {
    padding-right: 1rem !important;
  }

  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }

  .pe-sm-5 {
    padding-right: 3rem !important;
  }

  .pb-sm-0 {
    padding-bottom: 0 !important;
  }

  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }

  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }

  .ps-sm-0 {
    padding-left: 0 !important;
  }

  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }

  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }

  .ps-sm-3 {
    padding-left: 1rem !important;
  }

  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }

  .ps-sm-5 {
    padding-left: 3rem !important;
  }

  .text-sm-start {
    text-align: left !important;
  }

  .text-sm-end {
    text-align: right !important;
  }

  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }

  .float-md-end {
    float: right !important;
  }

  .float-md-none {
    float: none !important;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-grid {
    display: grid !important;
  }

  .d-md-table {
    display: table !important;
  }

  .d-md-table-row {
    display: table-row !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }

  .d-md-flex {
    display: flex !important;
  }

  .d-md-inline-flex {
    display: inline-flex !important;
  }

  .d-md-none {
    display: none !important;
  }

  .flex-md-fill {
    flex: 1 1 auto !important;
  }

  .flex-md-row {
    flex-direction: row !important;
  }

  .flex-md-column {
    flex-direction: column !important;
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-md-wrap {
    flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-md-0 {
    gap: 0 !important;
  }

  .gap-md-1 {
    gap: 0.25rem !important;
  }

  .gap-md-2 {
    gap: 0.5rem !important;
  }

  .gap-md-3 {
    gap: 1rem !important;
  }

  .gap-md-4 {
    gap: 1.5rem !important;
  }

  .gap-md-5 {
    gap: 3rem !important;
  }

  .justify-content-md-start {
    justify-content: flex-start !important;
  }

  .justify-content-md-end {
    justify-content: flex-end !important;
  }

  .justify-content-md-center {
    justify-content: center !important;
  }

  .justify-content-md-between {
    justify-content: space-between !important;
  }

  .justify-content-md-around {
    justify-content: space-around !important;
  }

  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-md-start {
    align-items: flex-start !important;
  }

  .align-items-md-end {
    align-items: flex-end !important;
  }

  .align-items-md-center {
    align-items: center !important;
  }

  .align-items-md-baseline {
    align-items: baseline !important;
  }

  .align-items-md-stretch {
    align-items: stretch !important;
  }

  .align-content-md-start {
    align-content: flex-start !important;
  }

  .align-content-md-end {
    align-content: flex-end !important;
  }

  .align-content-md-center {
    align-content: center !important;
  }

  .align-content-md-between {
    align-content: space-between !important;
  }

  .align-content-md-around {
    align-content: space-around !important;
  }

  .align-content-md-stretch {
    align-content: stretch !important;
  }

  .align-self-md-auto {
    align-self: auto !important;
  }

  .align-self-md-start {
    align-self: flex-start !important;
  }

  .align-self-md-end {
    align-self: flex-end !important;
  }

  .align-self-md-center {
    align-self: center !important;
  }

  .align-self-md-baseline {
    align-self: baseline !important;
  }

  .align-self-md-stretch {
    align-self: stretch !important;
  }

  .order-md-first {
    order: -1 !important;
  }

  .order-md-0 {
    order: 0 !important;
  }

  .order-md-1 {
    order: 1 !important;
  }

  .order-md-2 {
    order: 2 !important;
  }

  .order-md-3 {
    order: 3 !important;
  }

  .order-md-4 {
    order: 4 !important;
  }

  .order-md-5 {
    order: 5 !important;
  }

  .order-md-last {
    order: 6 !important;
  }

  .m-md-0 {
    margin: 0 !important;
  }

  .m-md-1 {
    margin: 0.25rem !important;
  }

  .m-md-2 {
    margin: 0.5rem !important;
  }

  .m-md-3 {
    margin: 1rem !important;
  }

  .m-md-4 {
    margin: 1.5rem !important;
  }

  .m-md-5 {
    margin: 3rem !important;
  }

  .m-md-auto {
    margin: auto !important;
  }

  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-md-0 {
    margin-top: 0 !important;
  }

  .mt-md-1 {
    margin-top: 0.25rem !important;
  }

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

  .mt-md-3 {
    margin-top: 1rem !important;
  }

  .mt-md-4 {
    margin-top: 1.5rem !important;
  }

  .mt-md-5 {
    margin-top: 3rem !important;
  }

  .mt-md-auto {
    margin-top: auto !important;
  }

  .me-md-0 {
    margin-right: 0 !important;
  }

  .me-md-1 {
    margin-right: 0.25rem !important;
  }

  .me-md-2 {
    margin-right: 0.5rem !important;
  }

  .me-md-3 {
    margin-right: 1rem !important;
  }

  .me-md-4 {
    margin-right: 1.5rem !important;
  }

  .me-md-5 {
    margin-right: 3rem !important;
  }

  .me-md-auto {
    margin-right: auto !important;
  }

  .mb-md-0 {
    margin-bottom: 0 !important;
  }

  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }

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

  .mb-md-3 {
    margin-bottom: 1rem !important;
  }

  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-md-5 {
    margin-bottom: 3rem !important;
  }

  .mb-md-auto {
    margin-bottom: auto !important;
  }

  .ms-md-0 {
    margin-left: 0 !important;
  }

  .ms-md-1 {
    margin-left: 0.25rem !important;
  }

  .ms-md-2 {
    margin-left: 0.5rem !important;
  }

  .ms-md-3 {
    margin-left: 1rem !important;
  }

  .ms-md-4 {
    margin-left: 1.5rem !important;
  }

  .ms-md-5 {
    margin-left: 3rem !important;
  }

  .ms-md-auto {
    margin-left: auto !important;
  }

  .-m-md-1 {
    margin: -0.25rem !important;
  }

  .-m-md-2 {
    margin: -0.5rem !important;
  }

  .-m-md-3 {
    margin: -1rem !important;
  }

  .-m-md-4 {
    margin: -1.5rem !important;
  }

  .-m-md-5 {
    margin: -3rem !important;
  }

  .-mx-md-1 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important;
  }

  .-mx-md-2 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important;
  }

  .-mx-md-3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
  }

  .-mx-md-4 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important;
  }

  .-mx-md-5 {
    margin-right: -3rem !important;
    margin-left: -3rem !important;
  }

  .-my-md-1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }

  .-my-md-2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }

  .-my-md-3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }

  .-my-md-4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }

  .-my-md-5 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }

  .-mt-md-1 {
    margin-top: -0.25rem !important;
  }

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

  .-mt-md-3 {
    margin-top: -1rem !important;
  }

  .-mt-md-4 {
    margin-top: -1.5rem !important;
  }

  .-mt-md-5 {
    margin-top: -3rem !important;
  }

  .-me-md-1 {
    margin-right: -0.25rem !important;
  }

  .-me-md-2 {
    margin-right: -0.5rem !important;
  }

  .-me-md-3 {
    margin-right: -1rem !important;
  }

  .-me-md-4 {
    margin-right: -1.5rem !important;
  }

  .-me-md-5 {
    margin-right: -3rem !important;
  }

  .-mb-md-1 {
    margin-bottom: -0.25rem !important;
  }

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

  .-mb-md-3 {
    margin-bottom: -1rem !important;
  }

  .-mb-md-4 {
    margin-bottom: -1.5rem !important;
  }

  .-mb-md-5 {
    margin-bottom: -3rem !important;
  }

  .-ms-md-1 {
    margin-left: -0.25rem !important;
  }

  .-ms-md-2 {
    margin-left: -0.5rem !important;
  }

  .-ms-md-3 {
    margin-left: -1rem !important;
  }

  .-ms-md-4 {
    margin-left: -1.5rem !important;
  }

  .-ms-md-5 {
    margin-left: -3rem !important;
  }

  .p-md-0 {
    padding: 0 !important;
  }

  .p-md-1 {
    padding: 0.25rem !important;
  }

  .p-md-2 {
    padding: 0.5rem !important;
  }

  .p-md-3 {
    padding: 1rem !important;
  }

  .p-md-4 {
    padding: 1.5rem !important;
  }

  .p-md-5 {
    padding: 3rem !important;
  }

  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-md-0 {
    padding-top: 0 !important;
  }

  .pt-md-1 {
    padding-top: 0.25rem !important;
  }

  .pt-md-2 {
    padding-top: 0.5rem !important;
  }

  .pt-md-3 {
    padding-top: 1rem !important;
  }

  .pt-md-4 {
    padding-top: 1.5rem !important;
  }

  .pt-md-5 {
    padding-top: 3rem !important;
  }

  .pe-md-0 {
    padding-right: 0 !important;
  }

  .pe-md-1 {
    padding-right: 0.25rem !important;
  }

  .pe-md-2 {
    padding-right: 0.5rem !important;
  }

  .pe-md-3 {
    padding-right: 1rem !important;
  }

  .pe-md-4 {
    padding-right: 1.5rem !important;
  }

  .pe-md-5 {
    padding-right: 3rem !important;
  }

  .pb-md-0 {
    padding-bottom: 0 !important;
  }

  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-md-3 {
    padding-bottom: 1rem !important;
  }

  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-md-5 {
    padding-bottom: 3rem !important;
  }

  .ps-md-0 {
    padding-left: 0 !important;
  }

  .ps-md-1 {
    padding-left: 0.25rem !important;
  }

  .ps-md-2 {
    padding-left: 0.5rem !important;
  }

  .ps-md-3 {
    padding-left: 1rem !important;
  }

  .ps-md-4 {
    padding-left: 1.5rem !important;
  }

  .ps-md-5 {
    padding-left: 3rem !important;
  }

  .text-md-start {
    text-align: left !important;
  }

  .text-md-end {
    text-align: right !important;
  }

  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }

  .float-lg-end {
    float: right !important;
  }

  .float-lg-none {
    float: none !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-grid {
    display: grid !important;
  }

  .d-lg-table {
    display: table !important;
  }

  .d-lg-table-row {
    display: table-row !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }

  .d-lg-flex {
    display: flex !important;
  }

  .d-lg-inline-flex {
    display: inline-flex !important;
  }

  .d-lg-none {
    display: none !important;
  }

  .flex-lg-fill {
    flex: 1 1 auto !important;
  }

  .flex-lg-row {
    flex-direction: row !important;
  }

  .flex-lg-column {
    flex-direction: column !important;
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-lg-0 {
    gap: 0 !important;
  }

  .gap-lg-1 {
    gap: 0.25rem !important;
  }

  .gap-lg-2 {
    gap: 0.5rem !important;
  }

  .gap-lg-3 {
    gap: 1rem !important;
  }

  .gap-lg-4 {
    gap: 1.5rem !important;
  }

  .gap-lg-5 {
    gap: 3rem !important;
  }

  .justify-content-lg-start {
    justify-content: flex-start !important;
  }

  .justify-content-lg-end {
    justify-content: flex-end !important;
  }

  .justify-content-lg-center {
    justify-content: center !important;
  }

  .justify-content-lg-between {
    justify-content: space-between !important;
  }

  .justify-content-lg-around {
    justify-content: space-around !important;
  }

  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-lg-start {
    align-items: flex-start !important;
  }

  .align-items-lg-end {
    align-items: flex-end !important;
  }

  .align-items-lg-center {
    align-items: center !important;
  }

  .align-items-lg-baseline {
    align-items: baseline !important;
  }

  .align-items-lg-stretch {
    align-items: stretch !important;
  }

  .align-content-lg-start {
    align-content: flex-start !important;
  }

  .align-content-lg-end {
    align-content: flex-end !important;
  }

  .align-content-lg-center {
    align-content: center !important;
  }

  .align-content-lg-between {
    align-content: space-between !important;
  }

  .align-content-lg-around {
    align-content: space-around !important;
  }

  .align-content-lg-stretch {
    align-content: stretch !important;
  }

  .align-self-lg-auto {
    align-self: auto !important;
  }

  .align-self-lg-start {
    align-self: flex-start !important;
  }

  .align-self-lg-end {
    align-self: flex-end !important;
  }

  .align-self-lg-center {
    align-self: center !important;
  }

  .align-self-lg-baseline {
    align-self: baseline !important;
  }

  .align-self-lg-stretch {
    align-self: stretch !important;
  }

  .order-lg-first {
    order: -1 !important;
  }

  .order-lg-0 {
    order: 0 !important;
  }

  .order-lg-1 {
    order: 1 !important;
  }

  .order-lg-2 {
    order: 2 !important;
  }

  .order-lg-3 {
    order: 3 !important;
  }

  .order-lg-4 {
    order: 4 !important;
  }

  .order-lg-5 {
    order: 5 !important;
  }

  .order-lg-last {
    order: 6 !important;
  }

  .m-lg-0 {
    margin: 0 !important;
  }

  .m-lg-1 {
    margin: 0.25rem !important;
  }

  .m-lg-2 {
    margin: 0.5rem !important;
  }

  .m-lg-3 {
    margin: 1rem !important;
  }

  .m-lg-4 {
    margin: 1.5rem !important;
  }

  .m-lg-5 {
    margin: 3rem !important;
  }

  .m-lg-auto {
    margin: auto !important;
  }

  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-lg-0 {
    margin-top: 0 !important;
  }

  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }

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

  .mt-lg-3 {
    margin-top: 1rem !important;
  }

  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }

  .mt-lg-5 {
    margin-top: 3rem !important;
  }

  .mt-lg-auto {
    margin-top: auto !important;
  }

  .me-lg-0 {
    margin-right: 0 !important;
  }

  .me-lg-1 {
    margin-right: 0.25rem !important;
  }

  .me-lg-2 {
    margin-right: 0.5rem !important;
  }

  .me-lg-3 {
    margin-right: 1rem !important;
  }

  .me-lg-4 {
    margin-right: 1.5rem !important;
  }

  .me-lg-5 {
    margin-right: 3rem !important;
  }

  .me-lg-auto {
    margin-right: auto !important;
  }

  .mb-lg-0 {
    margin-bottom: 0 !important;
  }

  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }

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

  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }

  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }

  .mb-lg-auto {
    margin-bottom: auto !important;
  }

  .ms-lg-0 {
    margin-left: 0 !important;
  }

  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }

  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }

  .ms-lg-3 {
    margin-left: 1rem !important;
  }

  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }

  .ms-lg-5 {
    margin-left: 3rem !important;
  }

  .ms-lg-auto {
    margin-left: auto !important;
  }

  .-m-lg-1 {
    margin: -0.25rem !important;
  }

  .-m-lg-2 {
    margin: -0.5rem !important;
  }

  .-m-lg-3 {
    margin: -1rem !important;
  }

  .-m-lg-4 {
    margin: -1.5rem !important;
  }

  .-m-lg-5 {
    margin: -3rem !important;
  }

  .-mx-lg-1 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important;
  }

  .-mx-lg-2 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important;
  }

  .-mx-lg-3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
  }

  .-mx-lg-4 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important;
  }

  .-mx-lg-5 {
    margin-right: -3rem !important;
    margin-left: -3rem !important;
  }

  .-my-lg-1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }

  .-my-lg-2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }

  .-my-lg-3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }

  .-my-lg-4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }

  .-my-lg-5 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }

  .-mt-lg-1 {
    margin-top: -0.25rem !important;
  }

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

  .-mt-lg-3 {
    margin-top: -1rem !important;
  }

  .-mt-lg-4 {
    margin-top: -1.5rem !important;
  }

  .-mt-lg-5 {
    margin-top: -3rem !important;
  }

  .-me-lg-1 {
    margin-right: -0.25rem !important;
  }

  .-me-lg-2 {
    margin-right: -0.5rem !important;
  }

  .-me-lg-3 {
    margin-right: -1rem !important;
  }

  .-me-lg-4 {
    margin-right: -1.5rem !important;
  }

  .-me-lg-5 {
    margin-right: -3rem !important;
  }

  .-mb-lg-1 {
    margin-bottom: -0.25rem !important;
  }

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

  .-mb-lg-3 {
    margin-bottom: -1rem !important;
  }

  .-mb-lg-4 {
    margin-bottom: -1.5rem !important;
  }

  .-mb-lg-5 {
    margin-bottom: -3rem !important;
  }

  .-ms-lg-1 {
    margin-left: -0.25rem !important;
  }

  .-ms-lg-2 {
    margin-left: -0.5rem !important;
  }

  .-ms-lg-3 {
    margin-left: -1rem !important;
  }

  .-ms-lg-4 {
    margin-left: -1.5rem !important;
  }

  .-ms-lg-5 {
    margin-left: -3rem !important;
  }

  .p-lg-0 {
    padding: 0 !important;
  }

  .p-lg-1 {
    padding: 0.25rem !important;
  }

  .p-lg-2 {
    padding: 0.5rem !important;
  }

  .p-lg-3 {
    padding: 1rem !important;
  }

  .p-lg-4 {
    padding: 1.5rem !important;
  }

  .p-lg-5 {
    padding: 3rem !important;
  }

  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-lg-0 {
    padding-top: 0 !important;
  }

  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }

  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }

  .pt-lg-3 {
    padding-top: 1rem !important;
  }

  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }

  .pt-lg-5 {
    padding-top: 3rem !important;
  }

  .pe-lg-0 {
    padding-right: 0 !important;
  }

  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }

  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }

  .pe-lg-3 {
    padding-right: 1rem !important;
  }

  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }

  .pe-lg-5 {
    padding-right: 3rem !important;
  }

  .pb-lg-0 {
    padding-bottom: 0 !important;
  }

  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }

  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }

  .ps-lg-0 {
    padding-left: 0 !important;
  }

  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }

  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }

  .ps-lg-3 {
    padding-left: 1rem !important;
  }

  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }

  .ps-lg-5 {
    padding-left: 3rem !important;
  }

  .text-lg-start {
    text-align: left !important;
  }

  .text-lg-end {
    text-align: right !important;
  }

  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }

  .float-xl-end {
    float: right !important;
  }

  .float-xl-none {
    float: none !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-grid {
    display: grid !important;
  }

  .d-xl-table {
    display: table !important;
  }

  .d-xl-table-row {
    display: table-row !important;
  }

  .d-xl-table-cell {
    display: table-cell !important;
  }

  .d-xl-flex {
    display: flex !important;
  }

  .d-xl-inline-flex {
    display: inline-flex !important;
  }

  .d-xl-none {
    display: none !important;
  }

  .flex-xl-fill {
    flex: 1 1 auto !important;
  }

  .flex-xl-row {
    flex-direction: row !important;
  }

  .flex-xl-column {
    flex-direction: column !important;
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-xl-0 {
    gap: 0 !important;
  }

  .gap-xl-1 {
    gap: 0.25rem !important;
  }

  .gap-xl-2 {
    gap: 0.5rem !important;
  }

  .gap-xl-3 {
    gap: 1rem !important;
  }

  .gap-xl-4 {
    gap: 1.5rem !important;
  }

  .gap-xl-5 {
    gap: 3rem !important;
  }

  .justify-content-xl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xl-center {
    justify-content: center !important;
  }

  .justify-content-xl-between {
    justify-content: space-between !important;
  }

  .justify-content-xl-around {
    justify-content: space-around !important;
  }

  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-xl-start {
    align-items: flex-start !important;
  }

  .align-items-xl-end {
    align-items: flex-end !important;
  }

  .align-items-xl-center {
    align-items: center !important;
  }

  .align-items-xl-baseline {
    align-items: baseline !important;
  }

  .align-items-xl-stretch {
    align-items: stretch !important;
  }

  .align-content-xl-start {
    align-content: flex-start !important;
  }

  .align-content-xl-end {
    align-content: flex-end !important;
  }

  .align-content-xl-center {
    align-content: center !important;
  }

  .align-content-xl-between {
    align-content: space-between !important;
  }

  .align-content-xl-around {
    align-content: space-around !important;
  }

  .align-content-xl-stretch {
    align-content: stretch !important;
  }

  .align-self-xl-auto {
    align-self: auto !important;
  }

  .align-self-xl-start {
    align-self: flex-start !important;
  }

  .align-self-xl-end {
    align-self: flex-end !important;
  }

  .align-self-xl-center {
    align-self: center !important;
  }

  .align-self-xl-baseline {
    align-self: baseline !important;
  }

  .align-self-xl-stretch {
    align-self: stretch !important;
  }

  .order-xl-first {
    order: -1 !important;
  }

  .order-xl-0 {
    order: 0 !important;
  }

  .order-xl-1 {
    order: 1 !important;
  }

  .order-xl-2 {
    order: 2 !important;
  }

  .order-xl-3 {
    order: 3 !important;
  }

  .order-xl-4 {
    order: 4 !important;
  }

  .order-xl-5 {
    order: 5 !important;
  }

  .order-xl-last {
    order: 6 !important;
  }

  .m-xl-0 {
    margin: 0 !important;
  }

  .m-xl-1 {
    margin: 0.25rem !important;
  }

  .m-xl-2 {
    margin: 0.5rem !important;
  }

  .m-xl-3 {
    margin: 1rem !important;
  }

  .m-xl-4 {
    margin: 1.5rem !important;
  }

  .m-xl-5 {
    margin: 3rem !important;
  }

  .m-xl-auto {
    margin: auto !important;
  }

  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-xl-0 {
    margin-top: 0 !important;
  }

  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }

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

  .mt-xl-3 {
    margin-top: 1rem !important;
  }

  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }

  .mt-xl-5 {
    margin-top: 3rem !important;
  }

  .mt-xl-auto {
    margin-top: auto !important;
  }

  .me-xl-0 {
    margin-right: 0 !important;
  }

  .me-xl-1 {
    margin-right: 0.25rem !important;
  }

  .me-xl-2 {
    margin-right: 0.5rem !important;
  }

  .me-xl-3 {
    margin-right: 1rem !important;
  }

  .me-xl-4 {
    margin-right: 1.5rem !important;
  }

  .me-xl-5 {
    margin-right: 3rem !important;
  }

  .me-xl-auto {
    margin-right: auto !important;
  }

  .mb-xl-0 {
    margin-bottom: 0 !important;
  }

  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }

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

  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }

  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }

  .mb-xl-auto {
    margin-bottom: auto !important;
  }

  .ms-xl-0 {
    margin-left: 0 !important;
  }

  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }

  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }

  .ms-xl-3 {
    margin-left: 1rem !important;
  }

  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }

  .ms-xl-5 {
    margin-left: 3rem !important;
  }

  .ms-xl-auto {
    margin-left: auto !important;
  }

  .-m-xl-1 {
    margin: -0.25rem !important;
  }

  .-m-xl-2 {
    margin: -0.5rem !important;
  }

  .-m-xl-3 {
    margin: -1rem !important;
  }

  .-m-xl-4 {
    margin: -1.5rem !important;
  }

  .-m-xl-5 {
    margin: -3rem !important;
  }

  .-mx-xl-1 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important;
  }

  .-mx-xl-2 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important;
  }

  .-mx-xl-3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
  }

  .-mx-xl-4 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important;
  }

  .-mx-xl-5 {
    margin-right: -3rem !important;
    margin-left: -3rem !important;
  }

  .-my-xl-1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }

  .-my-xl-2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }

  .-my-xl-3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }

  .-my-xl-4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }

  .-my-xl-5 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }

  .-mt-xl-1 {
    margin-top: -0.25rem !important;
  }

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

  .-mt-xl-3 {
    margin-top: -1rem !important;
  }

  .-mt-xl-4 {
    margin-top: -1.5rem !important;
  }

  .-mt-xl-5 {
    margin-top: -3rem !important;
  }

  .-me-xl-1 {
    margin-right: -0.25rem !important;
  }

  .-me-xl-2 {
    margin-right: -0.5rem !important;
  }

  .-me-xl-3 {
    margin-right: -1rem !important;
  }

  .-me-xl-4 {
    margin-right: -1.5rem !important;
  }

  .-me-xl-5 {
    margin-right: -3rem !important;
  }

  .-mb-xl-1 {
    margin-bottom: -0.25rem !important;
  }

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

  .-mb-xl-3 {
    margin-bottom: -1rem !important;
  }

  .-mb-xl-4 {
    margin-bottom: -1.5rem !important;
  }

  .-mb-xl-5 {
    margin-bottom: -3rem !important;
  }

  .-ms-xl-1 {
    margin-left: -0.25rem !important;
  }

  .-ms-xl-2 {
    margin-left: -0.5rem !important;
  }

  .-ms-xl-3 {
    margin-left: -1rem !important;
  }

  .-ms-xl-4 {
    margin-left: -1.5rem !important;
  }

  .-ms-xl-5 {
    margin-left: -3rem !important;
  }

  .p-xl-0 {
    padding: 0 !important;
  }

  .p-xl-1 {
    padding: 0.25rem !important;
  }

  .p-xl-2 {
    padding: 0.5rem !important;
  }

  .p-xl-3 {
    padding: 1rem !important;
  }

  .p-xl-4 {
    padding: 1.5rem !important;
  }

  .p-xl-5 {
    padding: 3rem !important;
  }

  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-xl-0 {
    padding-top: 0 !important;
  }

  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }

  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }

  .pt-xl-3 {
    padding-top: 1rem !important;
  }

  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }

  .pt-xl-5 {
    padding-top: 3rem !important;
  }

  .pe-xl-0 {
    padding-right: 0 !important;
  }

  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }

  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }

  .pe-xl-3 {
    padding-right: 1rem !important;
  }

  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }

  .pe-xl-5 {
    padding-right: 3rem !important;
  }

  .pb-xl-0 {
    padding-bottom: 0 !important;
  }

  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }

  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }

  .ps-xl-0 {
    padding-left: 0 !important;
  }

  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }

  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }

  .ps-xl-3 {
    padding-left: 1rem !important;
  }

  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }

  .ps-xl-5 {
    padding-left: 3rem !important;
  }

  .text-xl-start {
    text-align: left !important;
  }

  .text-xl-end {
    text-align: right !important;
  }

  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }

  .float-xxl-end {
    float: right !important;
  }

  .float-xxl-none {
    float: none !important;
  }

  .d-xxl-inline {
    display: inline !important;
  }

  .d-xxl-inline-block {
    display: inline-block !important;
  }

  .d-xxl-block {
    display: block !important;
  }

  .d-xxl-grid {
    display: grid !important;
  }

  .d-xxl-table {
    display: table !important;
  }

  .d-xxl-table-row {
    display: table-row !important;
  }

  .d-xxl-table-cell {
    display: table-cell !important;
  }

  .d-xxl-flex {
    display: flex !important;
  }

  .d-xxl-inline-flex {
    display: inline-flex !important;
  }

  .d-xxl-none {
    display: none !important;
  }

  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }

  .flex-xxl-row {
    flex-direction: row !important;
  }

  .flex-xxl-column {
    flex-direction: column !important;
  }

  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-xxl-0 {
    gap: 0 !important;
  }

  .gap-xxl-1 {
    gap: 0.25rem !important;
  }

  .gap-xxl-2 {
    gap: 0.5rem !important;
  }

  .gap-xxl-3 {
    gap: 1rem !important;
  }

  .gap-xxl-4 {
    gap: 1.5rem !important;
  }

  .gap-xxl-5 {
    gap: 3rem !important;
  }

  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xxl-center {
    justify-content: center !important;
  }

  .justify-content-xxl-between {
    justify-content: space-between !important;
  }

  .justify-content-xxl-around {
    justify-content: space-around !important;
  }

  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-xxl-start {
    align-items: flex-start !important;
  }

  .align-items-xxl-end {
    align-items: flex-end !important;
  }

  .align-items-xxl-center {
    align-items: center !important;
  }

  .align-items-xxl-baseline {
    align-items: baseline !important;
  }

  .align-items-xxl-stretch {
    align-items: stretch !important;
  }

  .align-content-xxl-start {
    align-content: flex-start !important;
  }

  .align-content-xxl-end {
    align-content: flex-end !important;
  }

  .align-content-xxl-center {
    align-content: center !important;
  }

  .align-content-xxl-between {
    align-content: space-between !important;
  }

  .align-content-xxl-around {
    align-content: space-around !important;
  }

  .align-content-xxl-stretch {
    align-content: stretch !important;
  }

  .align-self-xxl-auto {
    align-self: auto !important;
  }

  .align-self-xxl-start {
    align-self: flex-start !important;
  }

  .align-self-xxl-end {
    align-self: flex-end !important;
  }

  .align-self-xxl-center {
    align-self: center !important;
  }

  .align-self-xxl-baseline {
    align-self: baseline !important;
  }

  .align-self-xxl-stretch {
    align-self: stretch !important;
  }

  .order-xxl-first {
    order: -1 !important;
  }

  .order-xxl-0 {
    order: 0 !important;
  }

  .order-xxl-1 {
    order: 1 !important;
  }

  .order-xxl-2 {
    order: 2 !important;
  }

  .order-xxl-3 {
    order: 3 !important;
  }

  .order-xxl-4 {
    order: 4 !important;
  }

  .order-xxl-5 {
    order: 5 !important;
  }

  .order-xxl-last {
    order: 6 !important;
  }

  .m-xxl-0 {
    margin: 0 !important;
  }

  .m-xxl-1 {
    margin: 0.25rem !important;
  }

  .m-xxl-2 {
    margin: 0.5rem !important;
  }

  .m-xxl-3 {
    margin: 1rem !important;
  }

  .m-xxl-4 {
    margin: 1.5rem !important;
  }

  .m-xxl-5 {
    margin: 3rem !important;
  }

  .m-xxl-auto {
    margin: auto !important;
  }

  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-xxl-0 {
    margin-top: 0 !important;
  }

  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }

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

  .mt-xxl-3 {
    margin-top: 1rem !important;
  }

  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }

  .mt-xxl-5 {
    margin-top: 3rem !important;
  }

  .mt-xxl-auto {
    margin-top: auto !important;
  }

  .me-xxl-0 {
    margin-right: 0 !important;
  }

  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }

  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }

  .me-xxl-3 {
    margin-right: 1rem !important;
  }

  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }

  .me-xxl-5 {
    margin-right: 3rem !important;
  }

  .me-xxl-auto {
    margin-right: auto !important;
  }

  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }

  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }

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

  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }

  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }

  .mb-xxl-auto {
    margin-bottom: auto !important;
  }

  .ms-xxl-0 {
    margin-left: 0 !important;
  }

  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }

  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }

  .ms-xxl-3 {
    margin-left: 1rem !important;
  }

  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }

  .ms-xxl-5 {
    margin-left: 3rem !important;
  }

  .ms-xxl-auto {
    margin-left: auto !important;
  }

  .-m-xxl-1 {
    margin: -0.25rem !important;
  }

  .-m-xxl-2 {
    margin: -0.5rem !important;
  }

  .-m-xxl-3 {
    margin: -1rem !important;
  }

  .-m-xxl-4 {
    margin: -1.5rem !important;
  }

  .-m-xxl-5 {
    margin: -3rem !important;
  }

  .-mx-xxl-1 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important;
  }

  .-mx-xxl-2 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important;
  }

  .-mx-xxl-3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
  }

  .-mx-xxl-4 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important;
  }

  .-mx-xxl-5 {
    margin-right: -3rem !important;
    margin-left: -3rem !important;
  }

  .-my-xxl-1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }

  .-my-xxl-2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }

  .-my-xxl-3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }

  .-my-xxl-4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }

  .-my-xxl-5 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }

  .-mt-xxl-1 {
    margin-top: -0.25rem !important;
  }

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

  .-mt-xxl-3 {
    margin-top: -1rem !important;
  }

  .-mt-xxl-4 {
    margin-top: -1.5rem !important;
  }

  .-mt-xxl-5 {
    margin-top: -3rem !important;
  }

  .-me-xxl-1 {
    margin-right: -0.25rem !important;
  }

  .-me-xxl-2 {
    margin-right: -0.5rem !important;
  }

  .-me-xxl-3 {
    margin-right: -1rem !important;
  }

  .-me-xxl-4 {
    margin-right: -1.5rem !important;
  }

  .-me-xxl-5 {
    margin-right: -3rem !important;
  }

  .-mb-xxl-1 {
    margin-bottom: -0.25rem !important;
  }

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

  .-mb-xxl-3 {
    margin-bottom: -1rem !important;
  }

  .-mb-xxl-4 {
    margin-bottom: -1.5rem !important;
  }

  .-mb-xxl-5 {
    margin-bottom: -3rem !important;
  }

  .-ms-xxl-1 {
    margin-left: -0.25rem !important;
  }

  .-ms-xxl-2 {
    margin-left: -0.5rem !important;
  }

  .-ms-xxl-3 {
    margin-left: -1rem !important;
  }

  .-ms-xxl-4 {
    margin-left: -1.5rem !important;
  }

  .-ms-xxl-5 {
    margin-left: -3rem !important;
  }

  .p-xxl-0 {
    padding: 0 !important;
  }

  .p-xxl-1 {
    padding: 0.25rem !important;
  }

  .p-xxl-2 {
    padding: 0.5rem !important;
  }

  .p-xxl-3 {
    padding: 1rem !important;
  }

  .p-xxl-4 {
    padding: 1.5rem !important;
  }

  .p-xxl-5 {
    padding: 3rem !important;
  }

  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-xxl-0 {
    padding-top: 0 !important;
  }

  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }

  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }

  .pt-xxl-3 {
    padding-top: 1rem !important;
  }

  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }

  .pt-xxl-5 {
    padding-top: 3rem !important;
  }

  .pe-xxl-0 {
    padding-right: 0 !important;
  }

  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }

  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }

  .pe-xxl-3 {
    padding-right: 1rem !important;
  }

  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }

  .pe-xxl-5 {
    padding-right: 3rem !important;
  }

  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }

  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }

  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }

  .ps-xxl-0 {
    padding-left: 0 !important;
  }

  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }

  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }

  .ps-xxl-3 {
    padding-left: 1rem !important;
  }

  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }

  .ps-xxl-5 {
    padding-left: 3rem !important;
  }

  .text-xxl-start {
    text-align: left !important;
  }

  .text-xxl-end {
    text-align: right !important;
  }

  .text-xxl-center {
    text-align: center !important;
  }
}
.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}

.ratio-4x3 {
  --bs-aspect-ratio: calc(3 / 4 * 100%);
}

.ratio-16x9 {
  --bs-aspect-ratio: calc(9 / 16 * 100%);
}

.ratio-21x9 {
  --bs-aspect-ratio: calc(9 / 21 * 100%);
}

.icon-home:before {
  content: "";
}

.icon-home2:before {
  content: "";
}

.icon-home3:before {
  content: "";
}

.icon-office:before {
  content: "";
}

.icon-newspaper:before {
  content: "";
}

.icon-pencil:before {
  content: "";
}

.icon-pencil2:before {
  content: "";
}

.icon-quill:before {
  content: "";
}

.icon-pen:before {
  content: "";
}

.icon-blog:before {
  content: "";
}

.icon-eyedropper:before {
  content: "";
}

.icon-droplet:before {
  content: "";
}

.icon-paint-format:before {
  content: "";
}

.icon-image:before {
  content: "";
}

.icon-images:before {
  content: "";
}

.icon-camera:before {
  content: "";
}

.icon-headphones:before {
  content: "";
}

.icon-music:before {
  content: "";
}

.icon-play:before {
  content: "";
}

.icon-film:before {
  content: "";
}

.icon-video-camera:before {
  content: "";
}

.icon-dice:before {
  content: "";
}

.icon-pacman:before {
  content: "";
}

.icon-spades:before {
  content: "";
}

.icon-clubs:before {
  content: "";
}

.icon-diamonds:before {
  content: "";
}

.icon-bullhorn:before {
  content: "";
}

.icon-connection:before {
  content: "";
}

.icon-podcast:before {
  content: "";
}

.icon-feed:before {
  content: "";
}

.icon-mic:before {
  content: "";
}

.icon-book:before {
  content: "";
}

.icon-books:before {
  content: "";
}

.icon-library:before {
  content: "";
}

.icon-file-text:before {
  content: "";
}

.icon-profile:before {
  content: "";
}

.icon-file-empty:before {
  content: "";
}

.icon-files-empty:before {
  content: "";
}

.icon-file-text2:before {
  content: "";
}

.icon-file-picture:before {
  content: "";
}

.icon-file-music:before {
  content: "";
}

.icon-file-play:before {
  content: "";
}

.icon-file-video:before {
  content: "";
}

.icon-file-zip:before {
  content: "";
}

.icon-copy:before {
  content: "";
}

.icon-paste:before {
  content: "";
}

.icon-stack:before {
  content: "";
}

.icon-folder:before {
  content: "";
}

.icon-folder-open:before {
  content: "";
}

.icon-folder-plus:before {
  content: "";
}

.icon-folder-minus:before {
  content: "";
}

.icon-folder-download:before {
  content: "";
}

.icon-folder-upload:before {
  content: "";
}

.icon-price-tag:before {
  content: "";
}

.icon-price-tags:before {
  content: "";
}

.icon-barcode:before {
  content: "";
}

.icon-qrcode:before {
  content: "";
}

.icon-ticket:before {
  content: "";
}

.icon-cart:before {
  content: "";
}

.icon-coin-dollar:before {
  content: "";
}

.icon-coin-euro:before {
  content: "";
}

.icon-coin-pound:before {
  content: "";
}

.icon-coin-yen:before {
  content: "";
}

.icon-credit-card:before {
  content: "";
}

.icon-calculator:before {
  content: "";
}

.icon-lifebuoy:before {
  content: "";
}

.icon-phone:before {
  content: "";
}

.icon-phone-hang-up:before {
  content: "";
}

.icon-address-book:before {
  content: "";
}

.icon-envelop:before {
  content: "";
}

.icon-pushpin:before {
  content: "";
}

.icon-location:before {
  content: "";
}

.icon-location2:before {
  content: "";
}

.icon-compass:before {
  content: "";
}

.icon-compass2:before {
  content: "";
}

.icon-map:before {
  content: "";
}

.icon-map2:before {
  content: "";
}

.icon-history:before {
  content: "";
}

.icon-clock:before {
  content: "";
}

.icon-clock2:before {
  content: "";
}

.icon-alarm:before {
  content: "";
}

.icon-bell:before {
  content: "";
}

.icon-stopwatch:before {
  content: "";
}

.icon-calendar:before {
  content: "";
}

.icon-printer:before {
  content: "";
}

.icon-keyboard:before {
  content: "";
}

.icon-display:before {
  content: "";
}

.icon-laptop:before {
  content: "";
}

.icon-mobile:before {
  content: "";
}

.icon-mobile2:before {
  content: "";
}

.icon-tablet:before {
  content: "";
}

.icon-tv:before {
  content: "";
}

.icon-drawer:before {
  content: "";
}

.icon-drawer2:before {
  content: "";
}

.icon-box-add:before {
  content: "";
}

.icon-box-remove:before {
  content: "";
}

.icon-download:before {
  content: "";
}

.icon-upload:before {
  content: "";
}

.icon-floppy-disk:before {
  content: "";
}

.icon-drive:before {
  content: "";
}

.icon-database:before {
  content: "";
}

.icon-undo:before {
  content: "";
}

.icon-redo:before {
  content: "";
}

.icon-undo2:before {
  content: "";
}

.icon-redo2:before {
  content: "";
}

.icon-forward:before {
  content: "";
}

.icon-reply:before {
  content: "";
}

.icon-bubble:before {
  content: "";
}

.icon-bubbles:before {
  content: "";
}

.icon-bubbles2:before {
  content: "";
}

.icon-bubble2:before {
  content: "";
}

.icon-bubbles3:before {
  content: "";
}

.icon-bubbles4:before {
  content: "";
}

.icon-user:before {
  content: "";
}

.icon-users:before {
  content: "";
}

.icon-user-plus:before {
  content: "";
}

.icon-user-minus:before {
  content: "";
}

.icon-user-check:before {
  content: "";
}

.icon-user-tie:before {
  content: "";
}

.icon-quotes-left:before {
  content: "";
}

.icon-quotes-right:before {
  content: "";
}

.icon-hour-glass:before {
  content: "";
}

.icon-spinner:before {
  content: "";
}

.icon-spinner2:before {
  content: "";
}

.icon-spinner3:before {
  content: "";
}

.icon-spinner4:before {
  content: "";
}

.icon-spinner5:before {
  content: "";
}

.icon-spinner6:before {
  content: "";
}

.icon-spinner7:before {
  content: "";
}

.icon-spinner8:before {
  content: "";
}

.icon-spinner9:before {
  content: "";
}

.icon-spinner10:before {
  content: "";
}

.icon-spinner11:before {
  content: "";
}

.icon-binoculars:before {
  content: "";
}

.icon-search:before {
  content: "";
}

.icon-zoom-in:before {
  content: "";
}

.icon-zoom-out:before {
  content: "";
}

.icon-enlarge:before {
  content: "";
}

.icon-shrink:before {
  content: "";
}

.icon-enlarge2:before {
  content: "";
}

.icon-shrink2:before {
  content: "";
}

.icon-key:before {
  content: "";
}

.icon-key2:before {
  content: "";
}

.icon-lock:before {
  content: "";
}

.icon-unlocked:before {
  content: "";
}

.icon-wrench:before {
  content: "";
}

.icon-equalizer:before {
  content: "";
}

.icon-equalizer2:before {
  content: "";
}

.icon-cog:before {
  content: "";
}

.icon-cogs:before {
  content: "";
}

.icon-hammer:before {
  content: "";
}

.icon-magic-wand:before {
  content: "";
}

.icon-aid-kit:before {
  content: "";
}

.icon-bug:before {
  content: "";
}

.icon-pie-chart:before {
  content: "";
}

.icon-stats-dots:before {
  content: "";
}

.icon-stats-bars:before {
  content: "";
}

.icon-stats-bars2:before {
  content: "";
}

.icon-trophy:before {
  content: "";
}

.icon-gift:before {
  content: "";
}

.icon-glass:before {
  content: "";
}

.icon-glass2:before {
  content: "";
}

.icon-mug:before {
  content: "";
}

.icon-spoon-knife:before {
  content: "";
}

.icon-leaf:before {
  content: "";
}

.icon-rocket:before {
  content: "";
}

.icon-meter:before {
  content: "";
}

.icon-meter2:before {
  content: "";
}

.icon-hammer2:before {
  content: "";
}

.icon-fire:before {
  content: "";
}

.icon-lab:before {
  content: "";
}

.icon-magnet:before {
  content: "";
}

.icon-bin:before {
  content: "";
}

.icon-bin2:before {
  content: "";
}

.icon-briefcase:before {
  content: "";
}

.icon-airplane:before {
  content: "";
}

.icon-truck:before {
  content: "";
}

.icon-road:before {
  content: "";
}

.icon-accessibility:before {
  content: "";
}

.icon-target:before {
  content: "";
}

.icon-shield:before {
  content: "";
}

.icon-power:before {
  content: "";
}

.icon-switch:before {
  content: "";
}

.icon-power-cord:before {
  content: "";
}

.icon-clipboard:before {
  content: "";
}

.icon-list-numbered:before {
  content: "";
}

.icon-list:before {
  content: "";
}

.icon-list2:before {
  content: "";
}

.icon-tree:before {
  content: "";
}

.icon-menu:before {
  content: "";
}

.icon-menu2:before {
  content: "";
}

.icon-menu3:before {
  content: "";
}

.icon-menu4:before {
  content: "";
}

.icon-cloud:before {
  content: "";
}

.icon-cloud-download:before {
  content: "";
}

.icon-cloud-upload:before {
  content: "";
}

.icon-cloud-check:before {
  content: "";
}

.icon-download2:before {
  content: "";
}

.icon-upload2:before {
  content: "";
}

.icon-download3:before {
  content: "";
}

.icon-upload3:before {
  content: "";
}

.icon-sphere:before {
  content: "";
}

.icon-earth:before {
  content: "";
}

.icon-link:before {
  content: "";
}

.icon-flag:before {
  content: "";
}

.icon-attachment:before {
  content: "";
}

.icon-eye:before {
  content: "";
}

.icon-eye-plus:before {
  content: "";
}

.icon-eye-minus:before {
  content: "";
}

.icon-eye-blocked:before {
  content: "";
}

.icon-bookmark:before {
  content: "";
}

.icon-bookmarks:before {
  content: "";
}

.icon-sun:before {
  content: "";
}

.icon-contrast:before {
  content: "";
}

.icon-brightness-contrast:before {
  content: "";
}

.icon-star-empty:before {
  content: "";
}

.icon-star-half:before {
  content: "";
}

.icon-star-full:before {
  content: "";
}

.icon-heart:before {
  content: "";
}

.icon-heart-broken:before {
  content: "";
}

.icon-man:before {
  content: "";
}

.icon-woman:before {
  content: "";
}

.icon-man-woman:before {
  content: "";
}

.icon-happy:before {
  content: "";
}

.icon-happy2:before {
  content: "";
}

.icon-smile:before {
  content: "";
}

.icon-smile2:before {
  content: "";
}

.icon-tongue:before {
  content: "";
}

.icon-tongue2:before {
  content: "";
}

.icon-sad:before {
  content: "";
}

.icon-sad2:before {
  content: "";
}

.icon-wink:before {
  content: "";
}

.icon-wink2:before {
  content: "";
}

.icon-grin:before {
  content: "";
}

.icon-grin2:before {
  content: "";
}

.icon-cool:before {
  content: "";
}

.icon-cool2:before {
  content: "";
}

.icon-angry:before {
  content: "";
}

.icon-angry2:before {
  content: "";
}

.icon-evil:before {
  content: "";
}

.icon-evil2:before {
  content: "";
}

.icon-shocked:before {
  content: "";
}

.icon-shocked2:before {
  content: "";
}

.icon-baffled:before {
  content: "";
}

.icon-baffled2:before {
  content: "";
}

.icon-confused:before {
  content: "";
}

.icon-confused2:before {
  content: "";
}

.icon-neutral:before {
  content: "";
}

.icon-neutral2:before {
  content: "";
}

.icon-hipster:before {
  content: "";
}

.icon-hipster2:before {
  content: "";
}

.icon-wondering:before {
  content: "";
}

.icon-wondering2:before {
  content: "";
}

.icon-sleepy:before {
  content: "";
}

.icon-sleepy2:before {
  content: "";
}

.icon-frustrated:before {
  content: "";
}

.icon-frustrated2:before {
  content: "";
}

.icon-crying:before {
  content: "";
}

.icon-crying2:before {
  content: "";
}

.icon-point-up:before {
  content: "";
}

.icon-point-right:before {
  content: "";
}

.icon-point-down:before {
  content: "";
}

.icon-point-left:before {
  content: "";
}

.icon-warning:before {
  content: "";
}

.icon-notification:before {
  content: "";
}

.icon-question:before {
  content: "";
}

.icon-plus:before {
  content: "";
}

.icon-minus:before {
  content: "";
}

.icon-info:before {
  content: "";
}

.icon-cancel-circle:before {
  content: "";
}

.icon-blocked:before {
  content: "";
}

.icon-cross:before {
  content: "";
}

.icon-checkmark:before {
  content: "";
}

.icon-checkmark2:before {
  content: "";
}

.icon-spell-check:before {
  content: "";
}

.icon-enter:before {
  content: "";
}

.icon-exit:before {
  content: "";
}

.icon-play2:before {
  content: "";
}

.icon-pause:before {
  content: "";
}

.icon-stop:before {
  content: "";
}

.icon-previous:before {
  content: "";
}

.icon-next:before {
  content: "";
}

.icon-backward:before {
  content: "";
}

.icon-forward2:before {
  content: "";
}

.icon-play3:before {
  content: "";
}

.icon-pause2:before {
  content: "";
}

.icon-stop2:before {
  content: "";
}

.icon-backward2:before {
  content: "";
}

.icon-forward3:before {
  content: "";
}

.icon-first:before {
  content: "";
}

.icon-last:before {
  content: "";
}

.icon-previous2:before {
  content: "";
}

.icon-next2:before {
  content: "";
}

.icon-eject:before {
  content: "";
}

.icon-volume-high:before {
  content: "";
}

.icon-volume-medium:before {
  content: "";
}

.icon-volume-low:before {
  content: "";
}

.icon-volume-mute:before {
  content: "";
}

.icon-volume-mute2:before {
  content: "";
}

.icon-volume-increase:before {
  content: "";
}

.icon-volume-decrease:before {
  content: "";
}

.icon-loop:before {
  content: "";
}

.icon-loop2:before {
  content: "";
}

.icon-infinite:before {
  content: "";
}

.icon-shuffle:before {
  content: "";
}

.icon-arrow-up-left:before {
  content: "";
}

.icon-arrow-up:before {
  content: "";
}

.icon-arrow-up-right:before {
  content: "";
}

.icon-arrow-right:before {
  content: "";
}

.icon-arrow-down-right:before {
  content: "";
}

.icon-arrow-down:before {
  content: "";
}

.icon-arrow-down-left:before {
  content: "";
}

.icon-arrow-left:before {
  content: "";
}

.icon-arrow-up-left2:before {
  content: "";
}

.icon-arrow-up2:before {
  content: "";
}

.icon-arrow-up-right2:before {
  content: "";
}

.icon-arrow-right2:before {
  content: "";
}

.icon-arrow-down-right2:before {
  content: "";
}

.icon-arrow-down2:before {
  content: "";
}

.icon-arrow-down-left2:before {
  content: "";
}

.icon-arrow-left2:before {
  content: "";
}

.icon-circle-up:before {
  content: "";
}

.icon-circle-right:before {
  content: "";
}

.icon-circle-down:before {
  content: "";
}

.icon-circle-left:before {
  content: "";
}

.icon-tab:before {
  content: "";
}

.icon-move-up:before {
  content: "";
}

.icon-move-down:before {
  content: "";
}

.icon-sort-alpha-asc:before {
  content: "";
}

.icon-sort-alpha-desc:before {
  content: "";
}

.icon-sort-numeric-asc:before {
  content: "";
}

.icon-sort-numberic-desc:before {
  content: "";
}

.icon-sort-amount-asc:before {
  content: "";
}

.icon-sort-amount-desc:before {
  content: "";
}

.icon-command:before {
  content: "";
}

.icon-shift:before {
  content: "";
}

.icon-ctrl:before {
  content: "";
}

.icon-opt:before {
  content: "";
}

.icon-checkbox-checked:before {
  content: "";
}

.icon-checkbox-unchecked:before {
  content: "";
}

.icon-radio-checked:before {
  content: "";
}

.icon-radio-checked2:before {
  content: "";
}

.icon-radio-unchecked:before {
  content: "";
}

.icon-crop:before {
  content: "";
}

.icon-make-group:before {
  content: "";
}

.icon-ungroup:before {
  content: "";
}

.icon-scissors:before {
  content: "";
}

.icon-filter:before {
  content: "";
}

.icon-font:before {
  content: "";
}

.icon-ligature:before {
  content: "";
}

.icon-ligature2:before {
  content: "";
}

.icon-text-height:before {
  content: "";
}

.icon-text-width:before {
  content: "";
}

.icon-font-size:before {
  content: "";
}

.icon-bold:before {
  content: "";
}

.icon-underline:before {
  content: "";
}

.icon-italic:before {
  content: "";
}

.icon-strikethrough:before {
  content: "";
}

.icon-omega:before {
  content: "";
}

.icon-sigma:before {
  content: "";
}

.icon-page-break:before {
  content: "";
}

.icon-superscript:before {
  content: "";
}

.icon-subscript:before {
  content: "";
}

.icon-superscript2:before {
  content: "";
}

.icon-subscript2:before {
  content: "";
}

.icon-text-color:before {
  content: "";
}

.icon-pagebreak:before {
  content: "";
}

.icon-clear-formatting:before {
  content: "";
}

.icon-table:before {
  content: "";
}

.icon-table2:before {
  content: "";
}

.icon-insert-template:before {
  content: "";
}

.icon-pilcrow:before {
  content: "";
}

.icon-ltr:before {
  content: "";
}

.icon-rtl:before {
  content: "";
}

.icon-section:before {
  content: "";
}

.icon-paragraph-left:before {
  content: "";
}

.icon-paragraph-center:before {
  content: "";
}

.icon-paragraph-right:before {
  content: "";
}

.icon-paragraph-justify:before {
  content: "";
}

.icon-indent-increase:before {
  content: "";
}

.icon-indent-decrease:before {
  content: "";
}

.icon-share:before {
  content: "";
}

.icon-new-tab:before {
  content: "";
}

.icon-embed:before {
  content: "";
}

.icon-embed2:before {
  content: "";
}

.icon-terminal:before {
  content: "";
}

.icon-share2:before {
  content: "";
}

.icon-mail:before {
  content: "";
}

.icon-mail2:before {
  content: "";
}

.icon-mail3:before {
  content: "";
}

.icon-mail4:before {
  content: "";
}

.icon-google:before {
  content: "";
}

.icon-google-plus:before {
  content: "";
}

.icon-google-plus2:before {
  content: "";
}

.icon-google-plus3:before {
  content: "";
}

.icon-google-drive:before {
  content: "";
}

.icon-facebook:before {
  content: "";
}

.icon-facebook2:before {
  content: "";
}

.icon-facebook3:before {
  content: "";
}

.icon-ello:before {
  content: "";
}

.icon-instagram:before {
  content: "";
}

.icon-twitter:before {
  content: "";
}

.icon-twitter2:before {
  content: "";
}

.icon-twitter3:before {
  content: "";
}

.icon-feed2:before {
  content: "";
}

.icon-feed3:before {
  content: "";
}

.icon-feed4:before {
  content: "";
}

.icon-youtube:before {
  content: "";
}

.icon-youtube2:before {
  content: "";
}

.icon-youtube3:before {
  content: "";
}

.icon-youtube4:before {
  content: "";
}

.icon-twitch:before {
  content: "";
}

.icon-vimeo:before {
  content: "";
}

.icon-vimeo2:before {
  content: "";
}

.icon-vimeo3:before {
  content: "";
}

.icon-lanyrd:before {
  content: "";
}

.icon-flickr:before {
  content: "";
}

.icon-flickr2:before {
  content: "";
}

.icon-flickr3:before {
  content: "";
}

.icon-flickr4:before {
  content: "";
}

.icon-picassa:before {
  content: "";
}

.icon-picassa2:before {
  content: "";
}

.icon-dribbble:before {
  content: "";
}

.icon-dribbble2:before {
  content: "";
}

.icon-dribbble3:before {
  content: "";
}

.icon-forrst:before {
  content: "";
}

.icon-forrst2:before {
  content: "";
}

.icon-deviantart:before {
  content: "";
}

.icon-deviantart2:before {
  content: "";
}

.icon-steam:before {
  content: "";
}

.icon-steam2:before {
  content: "";
}

.icon-dropbox:before {
  content: "";
}

.icon-onedrive:before {
  content: "";
}

.icon-github:before {
  content: "";
}

.icon-github2:before {
  content: "";
}

.icon-github3:before {
  content: "";
}

.icon-github4:before {
  content: "";
}

.icon-github5:before {
  content: "";
}

.icon-wordpress:before {
  content: "";
}

.icon-wordpress2:before {
  content: "";
}

.icon-joomla:before {
  content: "";
}

.icon-blogger:before {
  content: "";
}

.icon-blogger2:before {
  content: "";
}

.icon-tumblr:before {
  content: "";
}

.icon-tumblr2:before {
  content: "";
}

.icon-yahoo:before {
  content: "";
}

.icon-tux:before {
  content: "";
}

.icon-apple:before {
  content: "";
}

.icon-finder:before {
  content: "";
}

.icon-android:before {
  content: "";
}

.icon-windows:before {
  content: "";
}

.icon-windows8:before {
  content: "";
}

.icon-soundcloud:before {
  content: "";
}

.icon-soundcloud2:before {
  content: "";
}

.icon-skype:before {
  content: "";
}

.icon-reddit:before {
  content: "";
}

.icon-linkedin:before {
  content: "";
}

.icon-linkedin2:before {
  content: "";
}

.icon-lastfm:before {
  content: "";
}

.icon-lastfm2:before {
  content: "";
}

.icon-delicious:before {
  content: "";
}

.icon-stumbleupon:before {
  content: "";
}

.icon-stumbleupon2:before {
  content: "";
}

.icon-stackoverflow:before {
  content: "";
}

.icon-pinterest:before {
  content: "";
}

.icon-pinterest2:before {
  content: "";
}

.icon-xing:before {
  content: "";
}

.icon-xing2:before {
  content: "";
}

.icon-flattr:before {
  content: "";
}

.icon-foursquare:before {
  content: "";
}

.icon-paypal:before {
  content: "";
}

.icon-paypal2:before {
  content: "";
}

.icon-paypal3:before {
  content: "";
}

.icon-yelp:before {
  content: "";
}

.icon-file-pdf:before {
  content: "";
}

.icon-file-openoffice:before {
  content: "";
}

.icon-file-word:before {
  content: "";
}

.icon-file-excel:before {
  content: "";
}

.icon-libreoffice:before {
  content: "";
}

.icon-html5:before {
  content: "";
}

.icon-html52:before {
  content: "";
}

.icon-css3:before {
  content: "";
}

.icon-git:before {
  content: "";
}

.icon-svg:before {
  content: "";
}

.icon-codepen:before {
  content: "";
}

.icon-chrome:before {
  content: "";
}

.icon-firefox:before {
  content: "";
}

.icon-IE:before {
  content: "";
}

.icon-opera:before {
  content: "";
}

.icon-safari:before {
  content: "";
}

.icon-IcoMoon:before {
  content: "";
}

@font-face {
  font-family: "Open Sans";
  src: url("fonts/OpenSans-Light-webfont.eot");
  src: url("fonts/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-Light-webfont.woff") format("woff"), url("fonts/OpenSans-Light-webfont.ttf") format("truetype"), url("https://d24lsbndsvqq17.cloudfront.net/assets/fonts/OpenSans-Light-webfont-8f04ed9aeb2185499068d84842b95aa1.svg#open_sanslight") format("svg");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("fonts/OpenSans-Regular-webfont.eot");
  src: url("fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-Regular-webfont.woff") format("woff"), url("fonts/OpenSans-Regular-webfont.ttf") format("truetype"), url("https://d24lsbndsvqq17.cloudfront.net/assets/fonts/OpenSans-Regular-webfont-8185eb3059c46e4169ce107dfcf85950.svg#open_sansregular") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("fonts/OpenSans-Semibold-webfont.eot");
  src: url("fonts/OpenSans-Semibold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-Semibold-webfont.woff") format("woff"), url("fonts/OpenSans-Semibold-webfont.ttf") format("truetype"), url("https://d24lsbndsvqq17.cloudfront.net/assets/fonts/OpenSans-Semibold-webfont-3f6b1eed8a0832d6f316fc26526348a8.svg#open_sanssemibold") format("svg");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("fonts/OpenSans-Bold-webfont.eot");
  src: url("fonts/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-Bold-webfont.woff") format("woff"), url("fonts/OpenSans-Bold-webfont.ttf") format("truetype"), url("https://d24lsbndsvqq17.cloudfront.net/assets/fonts/OpenSans-Bold-webfont-93349923b5274a36ac93cb3168d09123.svg#open_sansbold") format("svg");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("fonts/OpenSans-ExtraBold-webfont.eot");
  src: url("fonts/OpenSans-ExtraBold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-ExtraBold-webfont.woff") format("woff"), url("fonts/OpenSans-ExtraBold-webfont.ttf") format("truetype"), url("fonts/OpenSans-ExtraBold-webfont.svg#open_sansextrabold") format("svg");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Heebo";
  font-style: normal;
  font-weight: 100;
  src: local("Heebo Thin"), local("Heebo-Thin"), url("fonts/Heebo/100.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
@font-face {
  font-family: "Heebo";
  font-style: normal;
  font-weight: 300;
  src: local("Heebo Light"), local("Heebo-Light"), url("fonts/Heebo/300.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
@font-face {
  font-family: "Heebo";
  font-style: normal;
  font-weight: 400;
  src: local("Heebo"), local("Heebo-Regular"), url("fonts/Heebo/400.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
@font-face {
  font-family: "Heebo";
  font-style: normal;
  font-weight: 500;
  src: local("Heebo Medium"), local("Heebo-Medium"), url("fonts/Heebo/500.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
@font-face {
  font-family: "Heebo";
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("fonts/Heebo/700.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
@font-face {
  font-family: "Heebo";
  font-style: normal;
  font-weight: 800;
  src: local("Heebo ExtraBold"), local("Heebo-ExtraBold"), url("fonts/Heebo/800.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
@font-face {
  font-family: "Heebo";
  font-style: normal;
  font-weight: 900;
  src: local("Heebo Black"), local("Heebo-Black"), url("fonts/Heebo/900.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
@font-face {
  font-family: "themify";
  src: url("fonts/themify.eot?-fvbane");
  src: url("fonts/themify.eot?#iefix-fvbane") format("embedded-opentype"), url("fonts/themify.woff?-fvbane") format("woff"), url("fonts/themify.ttf?-fvbane") format("truetype"), url("https://d24lsbndsvqq17.cloudfront.net/assets/fonts/themify-9c8e96ecc7fa01e6ebcd196495ed2db5.svg?-fvbane#themify") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Flaticon";
  src: url("fonts/flaticon.eot?-fvbane");
  src: url("fonts/flaticon.eot?#iefix-fvbane") format("embedded-opentype"), url("fonts/flaticon.woff?-fvbane") format("woff"), url("fonts/flaticon.ttf?-fvbane") format("truetype"), url("https://d24lsbndsvqq17.cloudfront.net/assets/fonts/flaticon-80e6656ed2aabfcc4e1d6173b5981916.svg?-fvbane#themify") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "FontAwesome";
  src: url("fonts/fontawesome-webfont.eot?-fvbane");
  src: url("fonts/fontawesome-webfont.eot?#iefix-fvbane") format("embedded-opentype"), url("fonts/fontawesome-webfont.woff?-fvbane") format("woff"), url("fonts/fontawesome-webfont.ttf?-fvbane") format("truetype"), url("https://d24lsbndsvqq17.cloudfront.net/assets/fonts/fontawesome-webfont-76a4f23c6be74fd309e0d0fd2c27a5de.svg?-fvbane#themify") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "icomoon";
  src: url("fonts/icomoon.eot?-cl78b4");
  src: url("fonts/icomoon.eot?#iefix-cl78b4") format("embedded-opentype"), url("fonts/icomoon.woff?-cl78b4") format("woff"), url("fonts/icomoon.ttf?-cl78b4") format("truetype"), url("https://d24lsbndsvqq17.cloudfront.net/assets/fonts/icomoon-67290f24df9f84070bf8689e01596a5c.svg?-cl78b4#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Pe-icon-7-stroke";
  src: url("fonts/Pe-icon-7-stroke.eot?d7yf1v");
  src: url("fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v") format("embedded-opentype"), url("fonts/Pe-icon-7-stroke.woff?d7yf1v") format("woff"), url("fonts/Pe-icon-7-stroke.ttf?d7yf1v") format("truetype"), url("https://d24lsbndsvqq17.cloudfront.net/assets/fonts/Pe-icon-7-stroke-c45f7de008ab976a8e817e3c0e5095ca.svg?d7yf1v#Pe-icon-7-stroke") format("svg");
}
[class^=icon-], [class*=" icon-"] {
  font-family: "icomoon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: "Linearicons";
  src: url("fonts/Linearicons-smhw-v1.eot");
  src: url("fonts/Linearicons-smhw-v1.eot?#iefix") format("embedded-opentype"), url("fonts/Linearicons-smhw-v1.woff2") format("woff2"), url("fonts/Linearicons-smhw-v1.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SPO365Icons";
  src: url("fonts/Office365Icons.eot");
  src: url("fonts/Office365Icons.eot?#iefix") format("embedded-opentype"), url("fonts/Office365Icons.woff") format("woff"), url("fonts/Office365Icons.ttf") format("truetype"), url("https://d24lsbndsvqq17.cloudfront.net/assets/fonts/Office365Icons-8d1faffc6b495b4cd038c86b193cce76.svg#web") format("svg");
  font-style: normal;
  font-weight: normal;
}
.well {
  float: left;
  width: 100%;
  box-shadow: none;
  border-radius: 0;
  background-color: #fafafa;
}

.breadcrumb {
  padding: 0;
  background-color: transparent;
  margin-bottom: 12px;
  font-size: 12px;
  color: #656d78;
}
.breadcrumb li + li:before {
  content: "/";
}
.breadcrumb a {
  font-size: 12px;
}
.breadcrumb a:not(.brand-primary-text) {
  color: #333;
}

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

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

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

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

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

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

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

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

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

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

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

.fa-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eeeeee;
  border-radius: 0.1em;
}

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

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

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

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

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

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

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

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

.fa-pulse {
  animation: fa-spin 1s infinite steps(8);
}
@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  transform: rotate(90deg);
}

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

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

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

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

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

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

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

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

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

.fa-inverse {
  color: #ffffff;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa-file-powerpoint-o:before,
.fa-file-ppt-o:before,
.fa-file-pps-o:before,
.fa-file-pptx-o:before,
.fa-file-ppsx-o:before {
  content: "";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[class^=pe-7s], [class*=" pe-7s"] {
  display: inline-block;
  font-family: "Pe-icon-7-stroke";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.pe-7s-album:before {
  content: "";
}

.pe-7s-arc:before {
  content: "";
}

.pe-7s-back-2:before {
  content: "";
}

.pe-7s-bandaid:before {
  content: "";
}

.pe-7s-car:before {
  content: "";
}

.pe-7s-diamond:before {
  content: "";
}

.pe-7s-door-lock:before {
  content: "";
}

.pe-7s-eyedropper:before {
  content: "";
}

.pe-7s-female:before {
  content: "";
}

.pe-7s-gym:before {
  content: "";
}

.pe-7s-hammer:before {
  content: "";
}

.pe-7s-headphones:before {
  content: "";
}

.pe-7s-helm:before {
  content: "";
}

.pe-7s-hourglass:before {
  content: "";
}

.pe-7s-leaf:before {
  content: "";
}

.pe-7s-magic-wand:before {
  content: "";
}

.pe-7s-male:before {
  content: "";
}

.pe-7s-map-2:before {
  content: "";
}

.pe-7s-next-2:before {
  content: "";
}

.pe-7s-paint-bucket:before {
  content: "";
}

.pe-7s-pendrive:before {
  content: "";
}

.pe-7s-photo:before {
  content: "";
}

.pe-7s-piggy:before {
  content: "";
}

.pe-7s-plugin:before {
  content: "";
}

.pe-7s-refresh-2:before {
  content: "";
}

.pe-7s-rocket:before {
  content: "";
}

.pe-7s-settings:before {
  content: "";
}

.pe-7s-shield:before {
  content: "";
}

.pe-7s-smile:before {
  content: "";
}

.pe-7s-usb:before {
  content: "";
}

.pe-7s-vector:before {
  content: "";
}

.pe-7s-wine:before {
  content: "";
}

.pe-7s-cloud-upload:before {
  content: "";
}

.pe-7s-cash:before {
  content: "";
}

.pe-7s-close:before {
  content: "";
}

.pe-7s-bluetooth:before {
  content: "";
}

.pe-7s-cloud-download:before {
  content: "";
}

.pe-7s-way:before {
  content: "";
}

.pe-7s-close-circle:before {
  content: "";
}

.pe-7s-id:before {
  content: "";
}

.pe-7s-angle-up:before {
  content: "";
}

.pe-7s-wristwatch:before {
  content: "";
}

.pe-7s-angle-up-circle:before {
  content: "";
}

.pe-7s-world:before {
  content: "";
}

.pe-7s-angle-right:before {
  content: "";
}

.pe-7s-volume:before {
  content: "";
}

.pe-7s-angle-right-circle:before {
  content: "";
}

.pe-7s-users:before {
  content: "";
}

.pe-7s-angle-left:before {
  content: "";
}

.pe-7s-user-female:before {
  content: "";
}

.pe-7s-angle-left-circle:before {
  content: "";
}

.pe-7s-up-arrow:before {
  content: "";
}

.pe-7s-angle-down:before {
  content: "";
}

.pe-7s-switch:before {
  content: "";
}

.pe-7s-angle-down-circle:before {
  content: "";
}

.pe-7s-scissors:before {
  content: "";
}

.pe-7s-wallet:before {
  content: "";
}

.pe-7s-safe:before {
  content: "";
}

.pe-7s-volume2:before {
  content: "";
}

.pe-7s-volume1:before {
  content: "";
}

.pe-7s-voicemail:before {
  content: "";
}

.pe-7s-video:before {
  content: "";
}

.pe-7s-user:before {
  content: "";
}

.pe-7s-upload:before {
  content: "";
}

.pe-7s-unlock:before {
  content: "";
}

.pe-7s-umbrella:before {
  content: "";
}

.pe-7s-trash:before {
  content: "";
}

.pe-7s-tools:before {
  content: "";
}

.pe-7s-timer:before {
  content: "";
}

.pe-7s-ticket:before {
  content: "";
}

.pe-7s-target:before {
  content: "";
}

.pe-7s-sun:before {
  content: "";
}

.pe-7s-study:before {
  content: "";
}

.pe-7s-stopwatch:before {
  content: "";
}

.pe-7s-star:before {
  content: "";
}

.pe-7s-speaker:before {
  content: "";
}

.pe-7s-signal:before {
  content: "";
}

.pe-7s-shuffle:before {
  content: "";
}

.pe-7s-shopbag:before {
  content: "";
}

.pe-7s-share:before {
  content: "";
}

.pe-7s-server:before {
  content: "";
}

.pe-7s-search:before {
  content: "";
}

.pe-7s-film:before {
  content: "";
}

.pe-7s-science:before {
  content: "";
}

.pe-7s-disk:before {
  content: "";
}

.pe-7s-ribbon:before {
  content: "";
}

.pe-7s-repeat:before {
  content: "";
}

.pe-7s-refresh:before {
  content: "";
}

.pe-7s-add-user:before {
  content: "";
}

.pe-7s-refresh-cloud:before {
  content: "";
}

.pe-7s-paperclip:before {
  content: "";
}

.pe-7s-radio:before {
  content: "";
}

.pe-7s-note2:before {
  content: "";
}

.pe-7s-print:before {
  content: "";
}

.pe-7s-network:before {
  content: "";
}

.pe-7s-prev:before {
  content: "";
}

.pe-7s-mute:before {
  content: "";
}

.pe-7s-power:before {
  content: "";
}

.pe-7s-medal:before {
  content: "";
}

.pe-7s-portfolio:before {
  content: "";
}

.pe-7s-like2:before {
  content: "";
}

.pe-7s-plus:before {
  content: "";
}

.pe-7s-left-arrow:before {
  content: "";
}

.pe-7s-play:before {
  content: "";
}

.pe-7s-key:before {
  content: "";
}

.pe-7s-plane:before {
  content: "";
}

.pe-7s-joy:before {
  content: "";
}

.pe-7s-photo-gallery:before {
  content: "";
}

.pe-7s-pin:before {
  content: "";
}

.pe-7s-phone:before {
  content: "";
}

.pe-7s-plug:before {
  content: "";
}

.pe-7s-pen:before {
  content: "";
}

.pe-7s-right-arrow:before {
  content: "";
}

.pe-7s-paper-plane:before {
  content: "";
}

.pe-7s-delete-user:before {
  content: "";
}

.pe-7s-paint:before {
  content: "";
}

.pe-7s-bottom-arrow:before {
  content: "";
}

.pe-7s-notebook:before {
  content: "";
}

.pe-7s-note:before {
  content: "";
}

.pe-7s-next:before {
  content: "";
}

.pe-7s-news-paper:before {
  content: "";
}

.pe-7s-musiclist:before {
  content: "";
}

.pe-7s-music:before {
  content: "";
}

.pe-7s-mouse:before {
  content: "";
}

.pe-7s-more:before {
  content: "";
}

.pe-7s-moon:before {
  content: "";
}

.pe-7s-monitor:before {
  content: "";
}

.pe-7s-micro:before {
  content: "";
}

.pe-7s-menu:before {
  content: "";
}

.pe-7s-map:before {
  content: "";
}

.pe-7s-map-marker:before {
  content: "";
}

.pe-7s-mail:before {
  content: "";
}

.pe-7s-mail-open:before {
  content: "";
}

.pe-7s-mail-open-file:before {
  content: "";
}

.pe-7s-magnet:before {
  content: "";
}

.pe-7s-loop:before {
  content: "";
}

.pe-7s-look:before {
  content: "";
}

.pe-7s-lock:before {
  content: "";
}

.pe-7s-lintern:before {
  content: "";
}

.pe-7s-link:before {
  content: "";
}

.pe-7s-like:before {
  content: "";
}

.pe-7s-light:before {
  content: "";
}

.pe-7s-less:before {
  content: "";
}

.pe-7s-keypad:before {
  content: "";
}

.pe-7s-junk:before {
  content: "";
}

.pe-7s-info:before {
  content: "";
}

.pe-7s-home:before {
  content: "";
}

.pe-7s-help2:before {
  content: "";
}

.pe-7s-help1:before {
  content: "";
}

.pe-7s-graph3:before {
  content: "";
}

.pe-7s-graph2:before {
  content: "";
}

.pe-7s-graph1:before {
  content: "";
}

.pe-7s-graph:before {
  content: "";
}

.pe-7s-global:before {
  content: "";
}

.pe-7s-gleam:before {
  content: "";
}

.pe-7s-glasses:before {
  content: "";
}

.pe-7s-gift:before {
  content: "";
}

.pe-7s-folder:before {
  content: "";
}

.pe-7s-flag:before {
  content: "";
}

.pe-7s-filter:before {
  content: "";
}

.pe-7s-file:before {
  content: "";
}

.pe-7s-expand1:before {
  content: "";
}

.pe-7s-exapnd2:before {
  content: "";
}

.pe-7s-edit:before {
  content: "";
}

.pe-7s-drop:before {
  content: "";
}

.pe-7s-drawer:before {
  content: "";
}

.pe-7s-download:before {
  content: "";
}

.pe-7s-display2:before {
  content: "";
}

.pe-7s-display1:before {
  content: "";
}

.pe-7s-diskette:before {
  content: "";
}

.pe-7s-date:before {
  content: "";
}

.pe-7s-cup:before {
  content: "";
}

.pe-7s-culture:before {
  content: "";
}

.pe-7s-crop:before {
  content: "";
}

.pe-7s-credit:before {
  content: "";
}

.pe-7s-copy-file:before {
  content: "";
}

.pe-7s-config:before {
  content: "";
}

.pe-7s-compass:before {
  content: "";
}

.pe-7s-comment:before {
  content: "";
}

.pe-7s-coffee:before {
  content: "";
}

.pe-7s-cloud:before {
  content: "";
}

.pe-7s-clock:before {
  content: "";
}

.pe-7s-check:before {
  content: "";
}

.pe-7s-chat:before {
  content: "";
}

.pe-7s-cart:before {
  content: "";
}

.pe-7s-camera:before {
  content: "";
}

.pe-7s-call:before {
  content: "";
}

.pe-7s-calculator:before {
  content: "";
}

.pe-7s-browser:before {
  content: "";
}

.pe-7s-box2:before {
  content: "";
}

.pe-7s-box1:before {
  content: "";
}

.pe-7s-bookmarks:before {
  content: "";
}

.pe-7s-bicycle:before {
  content: "";
}

.pe-7s-bell:before {
  content: "";
}

.pe-7s-battery:before {
  content: "";
}

.pe-7s-ball:before {
  content: "";
}

.pe-7s-back:before {
  content: "";
}

.pe-7s-attention:before {
  content: "";
}

.pe-7s-anchor:before {
  content: "";
}

.pe-7s-albums:before {
  content: "";
}

.pe-7s-alarm:before {
  content: "";
}

.pe-7s-airplay:before {
  content: "";
}

[class^=ti-], [class*=" ti-"] {
  font-family: "themify";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ti-wand:before {
  content: "";
}

.ti-volume:before {
  content: "";
}

.ti-user:before {
  content: "";
}

.ti-unlock:before {
  content: "";
}

.ti-unlink:before {
  content: "";
}

.ti-trash:before {
  content: "";
}

.ti-thought:before {
  content: "";
}

.ti-target:before {
  content: "";
}

.ti-tag:before {
  content: "";
}

.ti-tablet:before {
  content: "";
}

.ti-star:before {
  content: "";
}

.ti-spray:before {
  content: "";
}

.ti-signal:before {
  content: "";
}

.ti-shopping-cart:before {
  content: "";
}

.ti-shopping-cart-full:before {
  content: "";
}

.ti-settings:before {
  content: "";
}

.ti-search:before {
  content: "";
}

.ti-zoom-in:before {
  content: "";
}

.ti-zoom-out:before {
  content: "";
}

.ti-cut:before {
  content: "";
}

.ti-ruler:before {
  content: "";
}

.ti-ruler-pencil:before {
  content: "";
}

.ti-ruler-alt:before {
  content: "";
}

.ti-bookmark:before {
  content: "";
}

.ti-bookmark-alt:before {
  content: "";
}

.ti-reload:before {
  content: "";
}

.ti-plus:before {
  content: "";
}

.ti-pin:before {
  content: "";
}

.ti-pencil:before {
  content: "";
}

.ti-pencil-alt:before {
  content: "";
}

.ti-paint-roller:before {
  content: "";
}

.ti-paint-bucket:before {
  content: "";
}

.ti-na:before {
  content: "";
}

.ti-mobile:before {
  content: "";
}

.ti-minus:before {
  content: "";
}

.ti-medall:before {
  content: "";
}

.ti-medall-alt:before {
  content: "";
}

.ti-marker:before {
  content: "";
}

.ti-marker-alt:before {
  content: "";
}

.ti-arrow-up:before {
  content: "";
}

.ti-arrow-right:before {
  content: "";
}

.ti-arrow-left:before {
  content: "";
}

.ti-arrow-down:before {
  content: "";
}

.ti-lock:before {
  content: "";
}

.ti-location-arrow:before {
  content: "";
}

.ti-link:before {
  content: "";
}

.ti-layout:before {
  content: "";
}

.ti-layers:before {
  content: "";
}

.ti-layers-alt:before {
  content: "";
}

.ti-key:before {
  content: "";
}

.ti-import:before {
  content: "";
}

.ti-image:before {
  content: "";
}

.ti-heart:before {
  content: "";
}

.ti-heart-broken:before {
  content: "";
}

.ti-hand-stop:before {
  content: "";
}

.ti-hand-open:before {
  content: "";
}

.ti-hand-drag:before {
  content: "";
}

.ti-folder:before {
  content: "";
}

.ti-flag:before {
  content: "";
}

.ti-flag-alt:before {
  content: "";
}

.ti-flag-alt-2:before {
  content: "";
}

.ti-eye:before {
  content: "";
}

.ti-export:before {
  content: "";
}

.ti-exchange-vertical:before {
  content: "";
}

.ti-desktop:before {
  content: "";
}

.ti-cup:before {
  content: "";
}

.ti-crown:before {
  content: "";
}

.ti-comments:before {
  content: "";
}

.ti-comment:before {
  content: "";
}

.ti-comment-alt:before {
  content: "";
}

.ti-close:before {
  content: "";
}

.ti-clip:before {
  content: "";
}

.ti-angle-up:before {
  content: "";
}

.ti-angle-right:before {
  content: "";
}

.ti-angle-left:before {
  content: "";
}

.ti-angle-down:before {
  content: "";
}

.ti-check:before {
  content: "";
}

.ti-check-box:before {
  content: "";
}

.ti-camera:before {
  content: "";
}

.ti-announcement:before {
  content: "";
}

.ti-brush:before {
  content: "";
}

.ti-briefcase:before {
  content: "";
}

.ti-bolt:before {
  content: "";
}

.ti-bolt-alt:before {
  content: "";
}

.ti-blackboard:before {
  content: "";
}

.ti-bag:before {
  content: "";
}

.ti-move:before {
  content: "";
}

.ti-arrows-vertical:before {
  content: "";
}

.ti-arrows-horizontal:before {
  content: "";
}

.ti-fullscreen:before {
  content: "";
}

.ti-arrow-top-right:before {
  content: "";
}

.ti-arrow-top-left:before {
  content: "";
}

.ti-arrow-circle-up:before {
  content: "";
}

.ti-arrow-circle-right:before {
  content: "";
}

.ti-arrow-circle-left:before {
  content: "";
}

.ti-arrow-circle-down:before {
  content: "";
}

.ti-angle-double-up:before {
  content: "";
}

.ti-angle-double-right:before {
  content: "";
}

.ti-angle-double-left:before {
  content: "";
}

.ti-angle-double-down:before {
  content: "";
}

.ti-zip:before {
  content: "";
}

.ti-world:before {
  content: "";
}

.ti-wheelchair:before {
  content: "";
}

.ti-view-list:before {
  content: "";
}

.ti-view-list-alt:before {
  content: "";
}

.ti-view-grid:before {
  content: "";
}

.ti-uppercase:before {
  content: "";
}

.ti-upload:before {
  content: "";
}

.ti-underline:before {
  content: "";
}

.ti-truck:before {
  content: "";
}

.ti-timer:before {
  content: "";
}

.ti-ticket:before {
  content: "";
}

.ti-thumb-up:before {
  content: "";
}

.ti-thumb-down:before {
  content: "";
}

.ti-text:before {
  content: "";
}

.ti-stats-up:before {
  content: "";
}

.ti-stats-down:before {
  content: "";
}

.ti-split-v:before {
  content: "";
}

.ti-split-h:before {
  content: "";
}

.ti-smallcap:before {
  content: "";
}

.ti-shine:before {
  content: "";
}

.ti-shift-right:before {
  content: "";
}

.ti-shift-left:before {
  content: "";
}

.ti-shield:before {
  content: "";
}

.ti-notepad:before {
  content: "";
}

.ti-server:before {
  content: "";
}

.ti-quote-right:before {
  content: "";
}

.ti-quote-left:before {
  content: "";
}

.ti-pulse:before {
  content: "";
}

.ti-printer:before {
  content: "";
}

.ti-power-off:before {
  content: "";
}

.ti-plug:before {
  content: "";
}

.ti-pie-chart:before {
  content: "";
}

.ti-paragraph:before {
  content: "";
}

.ti-panel:before {
  content: "";
}

.ti-package:before {
  content: "";
}

.ti-music:before {
  content: "";
}

.ti-music-alt:before {
  content: "";
}

.ti-mouse:before {
  content: "";
}

.ti-mouse-alt:before {
  content: "";
}

.ti-money:before {
  content: "";
}

.ti-microphone:before {
  content: "";
}

.ti-menu:before {
  content: "";
}

.ti-menu-alt:before {
  content: "";
}

.ti-map:before {
  content: "";
}

.ti-map-alt:before {
  content: "";
}

.ti-loop:before {
  content: "";
}

.ti-location-pin:before {
  content: "";
}

.ti-list:before {
  content: "";
}

.ti-light-bulb:before {
  content: "";
}

.ti-Italic:before {
  content: "";
}

.ti-info:before {
  content: "";
}

.ti-infinite:before {
  content: "";
}

.ti-id-badge:before {
  content: "";
}

.ti-hummer:before {
  content: "";
}

.ti-home:before {
  content: "";
}

.ti-help:before {
  content: "";
}

.ti-headphone:before {
  content: "";
}

.ti-harddrives:before {
  content: "";
}

.ti-harddrive:before {
  content: "";
}

.ti-gift:before {
  content: "";
}

.ti-game:before {
  content: "";
}

.ti-filter:before {
  content: "";
}

.ti-files:before {
  content: "";
}

.ti-file:before {
  content: "";
}

.ti-eraser:before {
  content: "";
}

.ti-envelope:before {
  content: "";
}

.ti-download:before {
  content: "";
}

.ti-direction:before {
  content: "";
}

.ti-direction-alt:before {
  content: "";
}

.ti-dashboard:before {
  content: "";
}

.ti-control-stop:before {
  content: "";
}

.ti-control-shuffle:before {
  content: "";
}

.ti-control-play:before {
  content: "";
}

.ti-control-pause:before {
  content: "";
}

.ti-control-forward:before {
  content: "";
}

.ti-control-backward:before {
  content: "";
}

.ti-cloud:before {
  content: "";
}

.ti-cloud-up:before {
  content: "";
}

.ti-cloud-down:before {
  content: "";
}

.ti-clipboard:before {
  content: "";
}

.ti-car:before {
  content: "";
}

.ti-calendar:before {
  content: "";
}

.ti-book:before {
  content: "";
}

.ti-bell:before {
  content: "";
}

.ti-basketball:before {
  content: "";
}

.ti-bar-chart:before {
  content: "";
}

.ti-bar-chart-alt:before {
  content: "";
}

.ti-back-right:before {
  content: "";
}

.ti-back-left:before {
  content: "";
}

.ti-arrows-corner:before {
  content: "";
}

.ti-archive:before {
  content: "";
}

.ti-anchor:before {
  content: "";
}

.ti-align-right:before {
  content: "";
}

.ti-align-left:before {
  content: "";
}

.ti-align-justify:before {
  content: "";
}

.ti-align-center:before {
  content: "";
}

.ti-alert:before {
  content: "";
}

.ti-alarm-clock:before {
  content: "";
}

.ti-agenda:before {
  content: "";
}

.ti-write:before {
  content: "";
}

.ti-window:before {
  content: "";
}

.ti-widgetized:before {
  content: "";
}

.ti-widget:before {
  content: "";
}

.ti-widget-alt:before {
  content: "";
}

.ti-wallet:before {
  content: "";
}

.ti-video-clapper:before {
  content: "";
}

.ti-video-camera:before {
  content: "";
}

.ti-vector:before {
  content: "";
}

.ti-themify-logo:before {
  content: "";
}

.ti-themify-favicon:before {
  content: "";
}

.ti-themify-favicon-alt:before {
  content: "";
}

.ti-support:before {
  content: "";
}

.ti-stamp:before {
  content: "";
}

.ti-split-v-alt:before {
  content: "";
}

.ti-slice:before {
  content: "";
}

.ti-shortcode:before {
  content: "";
}

.ti-shift-right-alt:before {
  content: "";
}

.ti-shift-left-alt:before {
  content: "";
}

.ti-ruler-alt-2:before {
  content: "";
}

.ti-receipt:before {
  content: "";
}

.ti-pin2:before {
  content: "";
}

.ti-pin-alt:before {
  content: "";
}

.ti-pencil-alt2:before {
  content: "";
}

.ti-palette:before {
  content: "";
}

.ti-more:before {
  content: "";
}

.ti-more-alt:before {
  content: "";
}

.ti-microphone-alt:before {
  content: "";
}

.ti-magnet:before {
  content: "";
}

.ti-line-double:before {
  content: "";
}

.ti-line-dotted:before {
  content: "";
}

.ti-line-dashed:before {
  content: "";
}

.ti-layout-width-full:before {
  content: "";
}

.ti-layout-width-default:before {
  content: "";
}

.ti-layout-width-default-alt:before {
  content: "";
}

.ti-layout-tab:before {
  content: "";
}

.ti-layout-tab-window:before {
  content: "";
}

.ti-layout-tab-v:before {
  content: "";
}

.ti-layout-tab-min:before {
  content: "";
}

.ti-layout-slider:before {
  content: "";
}

.ti-layout-slider-alt:before {
  content: "";
}

.ti-layout-sidebar-right:before {
  content: "";
}

.ti-layout-sidebar-none:before {
  content: "";
}

.ti-layout-sidebar-left:before {
  content: "";
}

.ti-layout-placeholder:before {
  content: "";
}

.ti-layout-menu:before {
  content: "";
}

.ti-layout-menu-v:before {
  content: "";
}

.ti-layout-menu-separated:before {
  content: "";
}

.ti-layout-menu-full:before {
  content: "";
}

.ti-layout-media-right-alt:before {
  content: "";
}

.ti-layout-media-right:before {
  content: "";
}

.ti-layout-media-overlay:before {
  content: "";
}

.ti-layout-media-overlay-alt:before {
  content: "";
}

.ti-layout-media-overlay-alt-2:before {
  content: "";
}

.ti-layout-media-left-alt:before {
  content: "";
}

.ti-layout-media-left:before {
  content: "";
}

.ti-layout-media-center-alt:before {
  content: "";
}

.ti-layout-media-center:before {
  content: "";
}

.ti-layout-list-thumb:before {
  content: "";
}

.ti-layout-list-thumb-alt:before {
  content: "";
}

.ti-layout-list-post:before {
  content: "";
}

.ti-layout-list-large-image:before {
  content: "";
}

.ti-layout-line-solid:before {
  content: "";
}

.ti-layout-grid4:before {
  content: "";
}

.ti-layout-grid3:before {
  content: "";
}

.ti-layout-grid2:before {
  content: "";
}

.ti-layout-grid2-thumb:before {
  content: "";
}

.ti-layout-cta-right:before {
  content: "";
}

.ti-layout-cta-left:before {
  content: "";
}

.ti-layout-cta-center:before {
  content: "";
}

.ti-layout-cta-btn-right:before {
  content: "";
}

.ti-layout-cta-btn-left:before {
  content: "";
}

.ti-layout-column4:before {
  content: "";
}

.ti-layout-column3:before {
  content: "";
}

.ti-layout-column2:before {
  content: "";
}

.ti-layout-accordion-separated:before {
  content: "";
}

.ti-layout-accordion-merged:before {
  content: "";
}

.ti-layout-accordion-list:before {
  content: "";
}

.ti-ink-pen:before {
  content: "";
}

.ti-info-alt:before {
  content: "";
}

.ti-help-alt:before {
  content: "";
}

.ti-headphone-alt:before {
  content: "";
}

.ti-hand-point-up:before {
  content: "";
}

.ti-hand-point-right:before {
  content: "";
}

.ti-hand-point-left:before {
  content: "";
}

.ti-hand-point-down:before {
  content: "";
}

.ti-gallery:before {
  content: "";
}

.ti-face-smile:before {
  content: "";
}

.ti-face-sad:before {
  content: "";
}

.ti-credit-card:before {
  content: "";
}

.ti-control-skip-forward:before {
  content: "";
}

.ti-control-skip-backward:before {
  content: "";
}

.ti-control-record:before {
  content: "";
}

.ti-control-eject:before {
  content: "";
}

.ti-comments-smiley:before {
  content: "";
}

.ti-brush-alt:before {
  content: "";
}

.ti-youtube:before {
  content: "";
}

.ti-vimeo:before {
  content: "";
}

.ti-twitter:before {
  content: "";
}

.ti-time:before {
  content: "";
}

.ti-tumblr:before {
  content: "";
}

.ti-skype:before {
  content: "";
}

.ti-share:before {
  content: "";
}

.ti-share-alt:before {
  content: "";
}

.ti-rocket:before {
  content: "";
}

.ti-pinterest:before {
  content: "";
}

.ti-new-window:before {
  content: "";
}

.ti-microsoft:before {
  content: "";
}

.ti-list-ol:before {
  content: "";
}

.ti-linkedin:before {
  content: "";
}

.ti-layout-sidebar-2:before {
  content: "";
}

.ti-layout-grid4-alt:before {
  content: "";
}

.ti-layout-grid3-alt:before {
  content: "";
}

.ti-layout-grid2-alt:before {
  content: "";
}

.ti-layout-column4-alt:before {
  content: "";
}

.ti-layout-column3-alt:before {
  content: "";
}

.ti-layout-column2-alt:before {
  content: "";
}

.ti-instagram:before {
  content: "";
}

.ti-google:before {
  content: "";
}

.ti-github:before {
  content: "";
}

.ti-flickr:before {
  content: "";
}

.ti-facebook:before {
  content: "";
}

.ti-dropbox:before {
  content: "";
}

.ti-dribbble:before {
  content: "";
}

.ti-apple:before {
  content: "";
}

.ti-android:before {
  content: "";
}

.ti-save:before {
  content: "";
}

.ti-save-alt:before {
  content: "";
}

.ti-yahoo:before {
  content: "";
}

.ti-wordpress:before {
  content: "";
}

.ti-vimeo-alt:before {
  content: "";
}

.ti-twitter-alt:before {
  content: "";
}

.ti-tumblr-alt:before {
  content: "";
}

.ti-trello:before {
  content: "";
}

.ti-stack-overflow:before {
  content: "";
}

.ti-soundcloud:before {
  content: "";
}

.ti-sharethis:before {
  content: "";
}

.ti-sharethis-alt:before {
  content: "";
}

.ti-reddit:before {
  content: "";
}

.ti-pinterest-alt:before {
  content: "";
}

.ti-microsoft-alt:before {
  content: "";
}

.ti-linux:before {
  content: "";
}

.ti-jsfiddle:before {
  content: "";
}

.ti-joomla:before {
  content: "";
}

.ti-html5:before {
  content: "";
}

.ti-flickr-alt:before {
  content: "";
}

.ti-email:before {
  content: "";
}

.ti-drupal:before {
  content: "";
}

.ti-dropbox-alt:before {
  content: "";
}

.ti-css3:before {
  content: "";
}

.ti-rss:before {
  content: "";
}

.ti-rss-alt:before {
  content: "";
}

.inline-icon {
  vertical-align: middle;
  padding-left: 5px;
  padding-right: 5px;
}

[class^=flaticon-]:before, [class*=" flaticon-"]:before,
[class^=flaticon-]:after, [class*=" flaticon-"]:after {
  font-family: "Flaticon";
  font-size: 20px;
  font-style: normal;
}

.flaticon-heart75:before {
  content: "";
}

.inline-icon-right {
  vertical-align: middle;
  padding-left: 5px;
}

.brand-delete-icon,
.brand-delete-icon:hover,
.brand-delete-icon:focus,
.brand-delete-icon:active {
  color: #da4453;
  cursor: pointer;
  vertical-align: middle;
  text-decoration: none;
}

.brand-edit-icon--middle {
  vertical-align: middle;
}

.flaticon-adjust4:before {
  content: "";
}

.flaticon-align14:before {
  content: "";
}

.flaticon-align15:before {
  content: "";
}

.flaticon-align16:before {
  content: "";
}

.flaticon-ambulance8:before {
  content: "";
}

.flaticon-anchor16:before {
  content: "";
}

.flaticon-android4:before {
  content: "";
}

.flaticon-angle1:before {
  content: "";
}

.flaticon-angle2:before {
  content: "";
}

.flaticon-angle:before {
  content: "";
}

.flaticon-apple22:before {
  content: "";
}

.flaticon-archive15:before {
  content: "";
}

.flaticon-arrow459:before {
  content: "";
}

.flaticon-arrow460:before {
  content: "";
}

.flaticon-arrow461:before {
  content: "";
}

.flaticon-arrow462:before {
  content: "";
}

.flaticon-arrow463:before {
  content: "";
}

.flaticon-arrow464:before {
  content: "";
}

.flaticon-arrow465:before {
  content: "";
}

.flaticon-arrow466:before {
  content: "";
}

.flaticon-arrow467:before {
  content: "";
}

.flaticon-arrowhead5:before {
  content: "";
}

.flaticon-arrowhead6:before {
  content: "";
}

.flaticon-arrowheads:before {
  content: "";
}

.flaticon-asterisk2:before {
  content: "";
}

.flaticon-ban:before {
  content: "";
}

.flaticon-bar10:before {
  content: "";
}

.flaticon-barcode2:before {
  content: "";
}

.flaticon-beaker2:before {
  content: "";
}

.flaticon-beer9:before {
  content: "";
}

.flaticon-bell13:before {
  content: "";
}

.flaticon-bitbucket:before {
  content: "";
}

.flaticon-bitcoin:before {
  content: "";
}

.flaticon-bold14:before {
  content: "";
}

.flaticon-book95:before {
  content: "";
}

.flaticon-bookmark10:before {
  content: "";
}

.flaticon-bookmark9:before {
  content: "";
}

.flaticon-branch:before {
  content: "";
}

.flaticon-briefcase11:before {
  content: "";
}

.flaticon-bug6:before {
  content: "";
}

.flaticon-building8:before {
  content: "";
}

.flaticon-bull1:before {
  content: "";
}

.flaticon-bullseye:before {
  content: "";
}

.flaticon-calendar51:before {
  content: "";
}

.flaticon-calendar52:before {
  content: "";
}

.flaticon-camera46:before {
  content: "";
}

.flaticon-camera47:before {
  content: "";
}

.flaticon-caret4:before {
  content: "";
}

.flaticon-caret5:before {
  content: "";
}

.flaticon-caret6:before {
  content: "";
}

.flaticon-center5:before {
  content: "";
}

.flaticon-certificate6:before {
  content: "";
}

.flaticon-check29:before {
  content: "";
}

.flaticon-check30:before {
  content: "";
}

.flaticon-check31:before {
  content: "";
}

.flaticon-checkered2:before {
  content: "";
}

.flaticon-chevron17:before {
  content: "";
}

.flaticon-chevron18:before {
  content: "";
}

.flaticon-chevron19:before {
  content: "";
}

.flaticon-chevron20:before {
  content: "";
}

.flaticon-chevron21:before {
  content: "";
}

.flaticon-chevron22:before {
  content: "";
}

.flaticon-chevron23:before {
  content: "";
}

.flaticon-chevron24:before {
  content: "";
}

.flaticon-circle33:before {
  content: "";
}

.flaticon-circle34:before {
  content: "";
}

.flaticon-circular56:before {
  content: "";
}

.flaticon-cloud106:before {
  content: "";
}

.flaticon-cloud107:before {
  content: "";
}

.flaticon-code10:before {
  content: "";
}

.flaticon-code11:before {
  content: "";
}

.flaticon-coffee18:before {
  content: "";
}

.flaticon-cog2:before {
  content: "";
}

.flaticon-cogs3:before {
  content: "";
}

.flaticon-collapse2:before {
  content: "";
}

.flaticon-comment32:before {
  content: "";
}

.flaticon-comment33:before {
  content: "";
}

.flaticon-comments16:before {
  content: "";
}

.flaticon-compass41:before {
  content: "";
}

.flaticon-computer74:before {
  content: "";
}

.flaticon-copy10:before {
  content: "";
}

.flaticon-correct8:before {
  content: "";
}

.flaticon-couple35:before {
  content: "";
}

.flaticon-credit40:before {
  content: "";
}

.flaticon-crop4:before {
  content: "";
}

.flaticon-cross41:before {
  content: "";
}

.flaticon-css3:before {
  content: "";
}

.flaticon-curved8:before {
  content: "";
}

.flaticon-cut18:before {
  content: "";
}

.flaticon-dashboard2:before {
  content: "";
}

.flaticon-delivery7:before {
  content: "";
}

.flaticon-desktop14:before {
  content: "";
}

.flaticon-dot:before {
  content: "";
}

.flaticon-double28:before {
  content: "";
}

.flaticon-double29:before {
  content: "";
}

.flaticon-double30:before {
  content: "";
}

.flaticon-double31:before {
  content: "";
}

.flaticon-double32:before {
  content: "";
}

.flaticon-download62:before {
  content: "";
}

.flaticon-download63:before {
  content: "";
}

.flaticon-dribbble4:before {
  content: "";
}

.flaticon-dropbox13:before {
  content: "";
}

.flaticon-earth17:before {
  content: "";
}

.flaticon-edit24:before {
  content: "";
}

.flaticon-eject14:before {
  content: "";
}

.flaticon-envelope4:before {
  content: "";
}

.flaticon-envelope5:before {
  content: "";
}

.flaticon-euro29:before {
  content: "";
}

.flaticon-exchange1:before {
  content: "";
}

.flaticon-exclamation8:before {
  content: "";
}

.flaticon-exclamation9:before {
  content: "";
}

.flaticon-expand16:before {
  content: "";
}

.flaticon-external1:before {
  content: "";
}

.flaticon-external2:before {
  content: "";
}

.flaticon-eye50:before {
  content: "";
}

.flaticon-eye51:before {
  content: "";
}

.flaticon-facebook25:before {
  content: "";
}

.flaticon-facebook26:before {
  content: "";
}

.flaticon-facetime:before {
  content: "";
}

.flaticon-fast13:before {
  content: "";
}

.flaticon-female76:before {
  content: "";
}

.flaticon-fighter2:before {
  content: "";
}

.flaticon-file27:before {
  content: "";
}

.flaticon-file28:before {
  content: "";
}

.flaticon-film28:before {
  content: "";
}

.flaticon-filter10:before {
  content: "";
}

.flaticon-finger6:before {
  content: "";
}

.flaticon-fire16:before {
  content: "";
}

.flaticon-fire17:before {
  content: "";
}

.flaticon-flag28:before {
  content: "";
}

.flaticon-flickr8:before {
  content: "";
}

.flaticon-fluffy1:before {
  content: "";
}

.flaticon-folder64:before {
  content: "";
}

.flaticon-folder65:before {
  content: "";
}

.flaticon-folder66:before {
  content: "";
}

.flaticon-font2:before {
  content: "";
}

.flaticon-font3:before {
  content: "";
}

.flaticon-fork9:before {
  content: "";
}

.flaticon-forward8:before {
  content: "";
}

.flaticon-four29:before {
  content: "";
}

.flaticon-foursquare5:before {
  content: "";
}

.flaticon-frown:before {
  content: "";
}

.flaticon-fullscreen4:before {
  content: "";
}

.flaticon-gamepad1:before {
  content: "";
}

.flaticon-gift49:before {
  content: "";
}

.flaticon-github10:before {
  content: "";
}

.flaticon-github11:before {
  content: "";
}

.flaticon-github12:before {
  content: "";
}

.flaticon-gittip:before {
  content: "";
}

.flaticon-glass8:before {
  content: "";
}

.flaticon-google25:before {
  content: "";
}

.flaticon-google26:before {
  content: "";
}

.flaticon-great11:before {
  content: "";
}

.flaticon-group41:before {
  content: "";
}

.flaticon-half14:before {
  content: "";
}

.flaticon-hand34:before {
  content: "";
}

.flaticon-hand35:before {
  content: "";
}

.flaticon-hand40:before {
  content: "";
}

.flaticon-hdd:before {
  content: "";
}

.flaticon-heart74:before {
  content: "";
}

.flaticon-heart75:before {
  content: "";
}

.flaticon-horizontal9:before {
  content: "";
}

.flaticon-hostpital:before {
  content: "";
}

.flaticon-hotel17:before {
  content: "";
}

.flaticon-html4:before {
  content: "";
}

.flaticon-inbox12:before {
  content: "";
}

.flaticon-increase:before {
  content: "";
}

.flaticon-indent1:before {
  content: "";
}

.flaticon-information34:before {
  content: "";
}

.flaticon-information35:before {
  content: "";
}

.flaticon-instagram3:before {
  content: "";
}

.flaticon-italicize:before {
  content: "";
}

.flaticon-keyboard13:before {
  content: "";
}

.flaticon-left32:before {
  content: "";
}

.flaticon-legal1:before {
  content: "";
}

.flaticon-lemon3:before {
  content: "";
}

.flaticon-leter:before {
  content: "";
}

.flaticon-letter15:before {
  content: "";
}

.flaticon-level:before {
  content: "";
}

.flaticon-light45:before {
  content: "";
}

.flaticon-lightning14:before {
  content: "";
}

.flaticon-link15:before {
  content: "";
}

.flaticon-linkedin10:before {
  content: "";
}

.flaticon-linkedin9:before {
  content: "";
}

.flaticon-linux3:before {
  content: "";
}

.flaticon-list28:before {
  content: "";
}

.flaticon-list29:before {
  content: "";
}

.flaticon-list30:before {
  content: "";
}

.flaticon-listing1:before {
  content: "";
}

.flaticon-location28:before {
  content: "";
}

.flaticon-lock24:before {
  content: "";
}

.flaticon-long3:before {
  content: "";
}

.flaticon-long4:before {
  content: "";
}

.flaticon-long5:before {
  content: "";
}

.flaticon-long6:before {
  content: "";
}

.flaticon-magic7:before {
  content: "";
}

.flaticon-male93:before {
  content: "";
}

.flaticon-map25:before {
  content: "";
}

.flaticon-maxcdn:before {
  content: "";
}

.flaticon-medkit:before {
  content: "";
}

.flaticon-meh:before {
  content: "";
}

.flaticon-microphone27:before {
  content: "";
}

.flaticon-microphone28:before {
  content: "";
}

.flaticon-minus18:before {
  content: "";
}

.flaticon-minus19:before {
  content: "";
}

.flaticon-minus20:before {
  content: "";
}

.flaticon-minus21:before {
  content: "";
}

.flaticon-minus22:before {
  content: "";
}

.flaticon-mobile29:before {
  content: "";
}

.flaticon-money10:before {
  content: "";
}

.flaticon-moon18:before {
  content: "";
}

.flaticon-move14:before {
  content: "";
}

.flaticon-music66:before {
  content: "";
}

.flaticon-music67:before {
  content: "";
}

.flaticon-musical32:before {
  content: "";
}

.flaticon-nine10:before {
  content: "";
}

.flaticon-numbered4:before {
  content: "";
}

.flaticon-ok2:before {
  content: "";
}

.flaticon-ok3:before {
  content: "";
}

.flaticon-open94:before {
  content: "";
}

.flaticon-open95:before {
  content: "";
}

.flaticon-open96:before {
  content: "";
}

.flaticon-open97:before {
  content: "";
}

.flaticon-paper47:before {
  content: "";
}

.flaticon-paper48:before {
  content: "";
}

.flaticon-paste2:before {
  content: "";
}

.flaticon-pause14:before {
  content: "";
}

.flaticon-pencil30:before {
  content: "";
}

.flaticon-photo33:before {
  content: "";
}

.flaticon-picture13:before {
  content: "";
}

.flaticon-pinterest12:before {
  content: "";
}

.flaticon-pinterest13:before {
  content: "";
}

.flaticon-plane12:before {
  content: "";
}

.flaticon-plant16:before {
  content: "";
}

.flaticon-play39:before {
  content: "";
}

.flaticon-play40:before {
  content: "";
}

.flaticon-play41:before {
  content: "";
}

.flaticon-play42:before {
  content: "";
}

.flaticon-plus25:before {
  content: "";
}

.flaticon-plus26:before {
  content: "";
}

.flaticon-plus27:before {
  content: "";
}

.flaticon-power27:before {
  content: "";
}

.flaticon-printing1:before {
  content: "";
}

.flaticon-puzzle12:before {
  content: "";
}

.flaticon-qr2:before {
  content: "";
}

.flaticon-question22:before {
  content: "";
}

.flaticon-question23:before {
  content: "";
}

.flaticon-quote2:before {
  content: "";
}

.flaticon-reduced:before {
  content: "";
}

.flaticon-refresh36:before {
  content: "";
}

.flaticon-refresh37:before {
  content: "";
}

.flaticon-remove10:before {
  content: "";
}

.flaticon-remove11:before {
  content: "";
}

.flaticon-renren:before {
  content: "";
}

.flaticon-reorder:before {
  content: "";
}

.flaticon-reply8:before {
  content: "";
}

.flaticon-reply9:before {
  content: "";
}

.flaticon-resize4:before {
  content: "";
}

.flaticon-retweet2:before {
  content: "";
}

.flaticon-rewind25:before {
  content: "";
}

.flaticon-right28:before {
  content: "";
}

.flaticon-right29:before {
  content: "";
}

.flaticon-road16:before {
  content: "";
}

.flaticon-rounded30:before {
  content: "";
}

.flaticon-rss25:before {
  content: "";
}

.flaticon-rss26:before {
  content: "";
}

.flaticon-rupee1:before {
  content: "";
}

.flaticon-save8:before {
  content: "";
}

.flaticon-screenshot:before {
  content: "";
}

.flaticon-search19:before {
  content: "";
}

.flaticon-share13:before {
  content: "";
}

.flaticon-share14:before {
  content: "";
}

.flaticon-share15:before {
  content: "";
}

.flaticon-shield36:before {
  content: "";
}

.flaticon-shopping69:before {
  content: "";
}

.flaticon-sign3:before {
  content: "";
}

.flaticon-sign4:before {
  content: "";
}

.flaticon-signal22:before {
  content: "";
}

.flaticon-sitemap1:before {
  content: "";
}

.flaticon-skype9:before {
  content: "";
}

.flaticon-small143:before {
  content: "";
}

.flaticon-small144:before {
  content: "";
}

.flaticon-smile:before {
  content: "";
}

.flaticon-sort10:before {
  content: "";
}

.flaticon-sort11:before {
  content: "";
}

.flaticon-sort12:before {
  content: "";
}

.flaticon-sort13:before {
  content: "";
}

.flaticon-sort14:before {
  content: "";
}

.flaticon-sort6:before {
  content: "";
}

.flaticon-sort7:before {
  content: "";
}

.flaticon-sort8:before {
  content: "";
}

.flaticon-sort9:before {
  content: "";
}

.flaticon-speech59:before {
  content: "";
}

.flaticon-spinner8:before {
  content: "";
}

.flaticon-square62:before {
  content: "";
}

.flaticon-stack10:before {
  content: "";
}

.flaticon-stack11:before {
  content: "";
}

.flaticon-star60:before {
  content: "";
}

.flaticon-star61:before {
  content: "";
}

.flaticon-star62:before {
  content: "";
}

.flaticon-step1:before {
  content: "";
}

.flaticon-step:before {
  content: "";
}

.flaticon-stethoscope6:before {
  content: "";
}

.flaticon-strikethrough1:before {
  content: "";
}

.flaticon-suitcase24:before {
  content: "";
}

.flaticon-sun32:before {
  content: "";
}

.flaticon-superscript:before {
  content: "";
}

.flaticon-table21:before {
  content: "";
}

.flaticon-tag32:before {
  content: "";
}

.flaticon-tags2:before {
  content: "";
}

.flaticon-tasks:before {
  content: "";
}

.flaticon-telephone65:before {
  content: "";
}

.flaticon-telephone66:before {
  content: "";
}

.flaticon-terminal7:before {
  content: "";
}

.flaticon-text59:before {
  content: "";
}

.flaticon-text60:before {
  content: "";
}

.flaticon-text61:before {
  content: "";
}

.flaticon-text62:before {
  content: "";
}

.flaticon-thin24:before {
  content: "";
}

.flaticon-thumbs25:before {
  content: "";
}

.flaticon-thumbs26:before {
  content: "";
}

.flaticon-thumbs27:before {
  content: "";
}

.flaticon-thumbs28:before {
  content: "";
}

.flaticon-ticket6:before {
  content: "";
}

.flaticon-time7:before {
  content: "";
}

.flaticon-tint:before {
  content: "";
}

.flaticon-trash29:before {
  content: "";
}

.flaticon-trello:before {
  content: "";
}

.flaticon-trophy3:before {
  content: "";
}

.flaticon-tumblr10:before {
  content: "";
}

.flaticon-tumblr11:before {
  content: "";
}

.flaticon-turkish1:before {
  content: "";
}

.flaticon-twitter15:before {
  content: "";
}

.flaticon-twitter16:before {
  content: "";
}

.flaticon-two121:before {
  content: "";
}

.flaticon-u1:before {
  content: "";
}

.flaticon-umbrella16:before {
  content: "";
}

.flaticon-underline2:before {
  content: "";
}

.flaticon-undo5:before {
  content: "";
}

.flaticon-unlink:before {
  content: "";
}

.flaticon-unlock3:before {
  content: "";
}

.flaticon-upload39:before {
  content: "";
}

.flaticon-upload40:before {
  content: "";
}

.flaticon-usd:before {
  content: "";
}

.flaticon-user77:before {
  content: "";
}

.flaticon-user78:before {
  content: "";
}

.flaticon-vertical5:before {
  content: "";
}

.flaticon-vertical6:before {
  content: "";
}

.flaticon-video91:before {
  content: "";
}

.flaticon-vimeo10:before {
  content: "";
}

.flaticon-vintage27:before {
  content: "";
}

.flaticon-vk:before {
  content: "";
}

.flaticon-volume28:before {
  content: "";
}

.flaticon-volume29:before {
  content: "";
}

.flaticon-warning18:before {
  content: "";
}

.flaticon-weibo:before {
  content: "";
}

.flaticon-wheelchair2:before {
  content: "";
}

.flaticon-white66:before {
  content: "";
}

.flaticon-windows20:before {
  content: "";
}

.flaticon-x21:before {
  content: "";
}

.flaticon-xing4:before {
  content: "";
}

.flaticon-xing5:before {
  content: "";
}

.flaticon-yen18:before {
  content: "";
}

.flaticon-youtube13:before {
  content: "";
}

.flaticon-youtube14:before {
  content: "";
}

.flaticon-youtube15:before {
  content: "";
}

.flaticon-zoom27:before {
  content: "";
}

.flaticon-zoom28:before {
  content: "";
}

[class^=linearicon-], [class*=" linearicon-"] {
  font-family: "Linearicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Enable Ligatures ================ */
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.linearicon-home:before {
  content: "";
}

.linearicon-home2:before {
  content: "";
}

.linearicon-home3:before {
  content: "";
}

.linearicon-home4:before {
  content: "";
}

.linearicon-home5:before {
  content: "";
}

.linearicon-home6:before {
  content: "";
}

.linearicon-bathtub:before {
  content: "";
}

.linearicon-toothbrush:before {
  content: "";
}

.linearicon-bed:before {
  content: "";
}

.linearicon-couch:before {
  content: "";
}

.linearicon-chair:before {
  content: "";
}

.linearicon-city:before {
  content: "";
}

.linearicon-apartment:before {
  content: "";
}

.linearicon-pencil:before {
  content: "";
}

.linearicon-pencil2:before {
  content: "";
}

.linearicon-pen:before {
  content: "";
}

.linearicon-pencil3:before {
  content: "";
}

.linearicon-eraser:before {
  content: "";
}

.linearicon-pencil4:before {
  content: "";
}

.linearicon-pencil5:before {
  content: "";
}

.linearicon-feather:before {
  content: "";
}

.linearicon-feather2:before {
  content: "";
}

.linearicon-feather3:before {
  content: "";
}

.linearicon-pen2:before {
  content: "";
}

.linearicon-pen-add:before {
  content: "";
}

.linearicon-pen-remove:before {
  content: "";
}

.linearicon-vector:before {
  content: "";
}

.linearicon-pen3:before {
  content: "";
}

.linearicon-blog:before {
  content: "";
}

.linearicon-brush:before {
  content: "";
}

.linearicon-brush2:before {
  content: "";
}

.linearicon-spray:before {
  content: "";
}

.linearicon-paint-roller:before {
  content: "";
}

.linearicon-stamp:before {
  content: "";
}

.linearicon-tape:before {
  content: "";
}

.linearicon-desk-tape:before {
  content: "";
}

.linearicon-texture:before {
  content: "";
}

.linearicon-eye-dropper:before {
  content: "";
}

.linearicon-palette:before {
  content: "";
}

.linearicon-color-sampler:before {
  content: "";
}

.linearicon-bucket:before {
  content: "";
}

.linearicon-gradient:before {
  content: "";
}

.linearicon-gradient2:before {
  content: "";
}

.linearicon-magic-wand:before {
  content: "";
}

.linearicon-magnet:before {
  content: "";
}

.linearicon-pencil-ruler:before {
  content: "";
}

.linearicon-pencil-ruler2:before {
  content: "";
}

.linearicon-compass:before {
  content: "";
}

.linearicon-aim:before {
  content: "";
}

.linearicon-gun:before {
  content: "";
}

.linearicon-bottle:before {
  content: "";
}

.linearicon-drop:before {
  content: "";
}

.linearicon-drop-crossed:before {
  content: "";
}

.linearicon-drop2:before {
  content: "";
}

.linearicon-snow:before {
  content: "";
}

.linearicon-snow2:before {
  content: "";
}

.linearicon-fire:before {
  content: "";
}

.linearicon-lighter:before {
  content: "";
}

.linearicon-knife:before {
  content: "";
}

.linearicon-dagger:before {
  content: "";
}

.linearicon-tissue:before {
  content: "";
}

.linearicon-toilet-paper:before {
  content: "";
}

.linearicon-poop:before {
  content: "";
}

.linearicon-umbrella:before {
  content: "";
}

.linearicon-umbrella2:before {
  content: "";
}

.linearicon-rain:before {
  content: "";
}

.linearicon-tornado:before {
  content: "";
}

.linearicon-wind:before {
  content: "";
}

.linearicon-fan:before {
  content: "";
}

.linearicon-contrast:before {
  content: "";
}

.linearicon-sun-small:before {
  content: "";
}

.linearicon-sun:before {
  content: "";
}

.linearicon-sun2:before {
  content: "";
}

.linearicon-moon:before {
  content: "";
}

.linearicon-cloud:before {
  content: "";
}

.linearicon-cloud-upload:before {
  content: "";
}

.linearicon-cloud-download:before {
  content: "";
}

.linearicon-cloud-rain:before {
  content: "";
}

.linearicon-cloud-hailstones:before {
  content: "";
}

.linearicon-cloud-snow:before {
  content: "";
}

.linearicon-cloud-windy:before {
  content: "";
}

.linearicon-sun-wind:before {
  content: "";
}

.linearicon-cloud-fog:before {
  content: "";
}

.linearicon-cloud-sun:before {
  content: "";
}

.linearicon-cloud-lightning:before {
  content: "";
}

.linearicon-cloud-sync:before {
  content: "";
}

.linearicon-cloud-lock:before {
  content: "";
}

.linearicon-cloud-gear:before {
  content: "";
}

.linearicon-cloud-alert:before {
  content: "";
}

.linearicon-cloud-check:before {
  content: "";
}

.linearicon-cloud-cross:before {
  content: "";
}

.linearicon-cloud-crossed:before {
  content: "";
}

.linearicon-cloud-database:before {
  content: "";
}

.linearicon-database:before {
  content: "";
}

.linearicon-database-add:before {
  content: "";
}

.linearicon-database-remove:before {
  content: "";
}

.linearicon-database-lock:before {
  content: "";
}

.linearicon-database-refresh:before {
  content: "";
}

.linearicon-database-check:before {
  content: "";
}

.linearicon-database-history:before {
  content: "";
}

.linearicon-database-upload:before {
  content: "";
}

.linearicon-database-download:before {
  content: "";
}

.linearicon-server:before {
  content: "";
}

.linearicon-shield:before {
  content: "";
}

.linearicon-shield-check:before {
  content: "";
}

.linearicon-shield-alert:before {
  content: "";
}

.linearicon-shield-cross:before {
  content: "";
}

.linearicon-lock:before {
  content: "";
}

.linearicon-rotation-lock:before {
  content: "";
}

.linearicon-unlock:before {
  content: "";
}

.linearicon-key:before {
  content: "";
}

.linearicon-key-hole:before {
  content: "";
}

.linearicon-toggle-off:before {
  content: "";
}

.linearicon-toggle-on:before {
  content: "";
}

.linearicon-cog:before {
  content: "";
}

.linearicon-cog2:before {
  content: "";
}

.linearicon-wrench:before {
  content: "";
}

.linearicon-screwdriver:before {
  content: "";
}

.linearicon-hammer-wrench:before {
  content: "";
}

.linearicon-hammer:before {
  content: "";
}

.linearicon-saw:before {
  content: "";
}

.linearicon-axe:before {
  content: "";
}

.linearicon-axe2:before {
  content: "";
}

.linearicon-shovel:before {
  content: "";
}

.linearicon-pickaxe:before {
  content: "";
}

.linearicon-factory:before {
  content: "";
}

.linearicon-factory2:before {
  content: "";
}

.linearicon-recycle:before {
  content: "";
}

.linearicon-trash:before {
  content: "";
}

.linearicon-trash2:before {
  content: "";
}

.linearicon-trash3:before {
  content: "";
}

.linearicon-broom:before {
  content: "";
}

.linearicon-game:before {
  content: "";
}

.linearicon-gamepad:before {
  content: "";
}

.linearicon-joystick:before {
  content: "";
}

.linearicon-dice:before {
  content: "";
}

.linearicon-spades:before {
  content: "";
}

.linearicon-diamonds:before {
  content: "";
}

.linearicon-clubs:before {
  content: "";
}

.linearicon-hearts:before {
  content: "";
}

.linearicon-heart:before {
  content: "";
}

.linearicon-star:before {
  content: "";
}

.linearicon-star-half:before {
  content: "";
}

.linearicon-star-empty:before {
  content: "";
}

.linearicon-flag:before {
  content: "";
}

.linearicon-flag2:before {
  content: "";
}

.linearicon-flag3:before {
  content: "";
}

.linearicon-mailbox-full:before {
  content: "";
}

.linearicon-mailbox-empty:before {
  content: "";
}

.linearicon-at-sign:before {
  content: "";
}

.linearicon-envelope:before {
  content: "";
}

.linearicon-envelope-open:before {
  content: "";
}

.linearicon-paperclip:before {
  content: "";
}

.linearicon-paper-plane:before {
  content: "";
}

.linearicon-reply:before {
  content: "";
}

.linearicon-reply-all:before {
  content: "";
}

.linearicon-inbox:before {
  content: "";
}

.linearicon-inbox2:before {
  content: "";
}

.linearicon-outbox:before {
  content: "";
}

.linearicon-box:before {
  content: "";
}

.linearicon-archive:before {
  content: "";
}

.linearicon-archive2:before {
  content: "";
}

.linearicon-drawers:before {
  content: "";
}

.linearicon-drawers2:before {
  content: "";
}

.linearicon-drawers3:before {
  content: "";
}

.linearicon-eye:before {
  content: "";
}

.linearicon-eye-crossed:before {
  content: "";
}

.linearicon-eye-plus:before {
  content: "";
}

.linearicon-eye-minus:before {
  content: "";
}

.linearicon-binoculars:before {
  content: "";
}

.linearicon-binoculars2:before {
  content: "";
}

.linearicon-hdd:before {
  content: "";
}

.linearicon-hdd-down:before {
  content: "";
}

.linearicon-hdd-up:before {
  content: "";
}

.linearicon-floppy-disk:before {
  content: "";
}

.linearicon-disc:before {
  content: "";
}

.linearicon-tape2:before {
  content: "";
}

.linearicon-printer:before {
  content: "";
}

.linearicon-shredder:before {
  content: "";
}

.linearicon-file-empty:before {
  content: "";
}

.linearicon-file-add:before {
  content: "";
}

.linearicon-file-check:before {
  content: "";
}

.linearicon-file-lock:before {
  content: "";
}

.linearicon-files:before {
  content: "";
}

.linearicon-copy:before {
  content: "";
}

.linearicon-compare:before {
  content: "";
}

.linearicon-folder:before {
  content: "";
}

.linearicon-folder-search:before {
  content: "";
}

.linearicon-folder-plus:before {
  content: "";
}

.linearicon-folder-minus:before {
  content: "";
}

.linearicon-folder-download:before {
  content: "";
}

.linearicon-folder-upload:before {
  content: "";
}

.linearicon-folder-star:before {
  content: "";
}

.linearicon-folder-heart:before {
  content: "";
}

.linearicon-folder-user:before {
  content: "";
}

.linearicon-folder-shared:before {
  content: "";
}

.linearicon-folder-music:before {
  content: "";
}

.linearicon-folder-picture:before {
  content: "";
}

.linearicon-folder-film:before {
  content: "";
}

.linearicon-scissors:before {
  content: "";
}

.linearicon-paste:before {
  content: "";
}

.linearicon-clipboard-empty:before {
  content: "";
}

.linearicon-clipboard-pencil:before {
  content: "";
}

.linearicon-clipboard-text:before {
  content: "";
}

.linearicon-clipboard-check:before {
  content: "";
}

.linearicon-clipboard-down:before {
  content: "";
}

.linearicon-clipboard-left:before {
  content: "";
}

.linearicon-clipboard-alert:before {
  content: "";
}

.linearicon-clipboard-user:before {
  content: "";
}

.linearicon-register:before {
  content: "";
}

.linearicon-enter:before {
  content: "";
}

.linearicon-exit:before {
  content: "";
}

.linearicon-papers:before {
  content: "";
}

.linearicon-news:before {
  content: "";
}

.linearicon-reading:before {
  content: "";
}

.linearicon-typewriter:before {
  content: "";
}

.linearicon-document:before {
  content: "";
}

.linearicon-document2:before {
  content: "";
}

.linearicon-graduation-hat:before {
  content: "";
}

.linearicon-license:before {
  content: "";
}

.linearicon-license2:before {
  content: "";
}

.linearicon-medal-empty:before {
  content: "";
}

.linearicon-medal-first:before {
  content: "";
}

.linearicon-medal-second:before {
  content: "";
}

.linearicon-medal-third:before {
  content: "";
}

.linearicon-podium:before {
  content: "";
}

.linearicon-trophy:before {
  content: "";
}

.linearicon-trophy2:before {
  content: "";
}

.linearicon-music-note:before {
  content: "";
}

.linearicon-music-note2:before {
  content: "";
}

.linearicon-music-note3:before {
  content: "";
}

.linearicon-playlist:before {
  content: "";
}

.linearicon-playlist-add:before {
  content: "";
}

.linearicon-guitar:before {
  content: "";
}

.linearicon-trumpet:before {
  content: "";
}

.linearicon-album:before {
  content: "";
}

.linearicon-shuffle:before {
  content: "";
}

.linearicon-repeat-one:before {
  content: "";
}

.linearicon-repeat:before {
  content: "";
}

.linearicon-headphones:before {
  content: "";
}

.linearicon-headset:before {
  content: "";
}

.linearicon-loudspeaker:before {
  content: "";
}

.linearicon-equalizer:before {
  content: "";
}

.linearicon-theater:before {
  content: "";
}

.linearicon-3d-glasses:before {
  content: "";
}

.linearicon-ticket:before {
  content: "";
}

.linearicon-presentation:before {
  content: "";
}

.linearicon-play:before {
  content: "";
}

.linearicon-film-play:before {
  content: "";
}

.linearicon-clapboard-play:before {
  content: "";
}

.linearicon-media:before {
  content: "";
}

.linearicon-film:before {
  content: "";
}

.linearicon-film2:before {
  content: "";
}

.linearicon-surveillance:before {
  content: "";
}

.linearicon-surveillance2:before {
  content: "";
}

.linearicon-camera:before {
  content: "";
}

.linearicon-camera-crossed:before {
  content: "";
}

.linearicon-camera-play:before {
  content: "";
}

.linearicon-time-lapse:before {
  content: "";
}

.linearicon-record:before {
  content: "";
}

.linearicon-camera2:before {
  content: "";
}

.linearicon-camera-flip:before {
  content: "";
}

.linearicon-panorama:before {
  content: "";
}

.linearicon-time-lapse2:before {
  content: "";
}

.linearicon-shutter:before {
  content: "";
}

.linearicon-shutter2:before {
  content: "";
}

.linearicon-face-detection:before {
  content: "";
}

.linearicon-flare:before {
  content: "";
}

.linearicon-convex:before {
  content: "";
}

.linearicon-concave:before {
  content: "";
}

.linearicon-picture:before {
  content: "";
}

.linearicon-picture2:before {
  content: "";
}

.linearicon-picture3:before {
  content: "";
}

.linearicon-pictures:before {
  content: "";
}

.linearicon-book:before {
  content: "";
}

.linearicon-audio-book:before {
  content: "";
}

.linearicon-book2:before {
  content: "";
}

.linearicon-bookmark:before {
  content: "";
}

.linearicon-bookmark2:before {
  content: "";
}

.linearicon-label:before {
  content: "";
}

.linearicon-library:before {
  content: "";
}

.linearicon-library2:before {
  content: "";
}

.linearicon-contacts:before {
  content: "";
}

.linearicon-profile:before {
  content: "";
}

.linearicon-portrait:before {
  content: "";
}

.linearicon-portrait2:before {
  content: "";
}

.linearicon-user:before {
  content: "";
}

.linearicon-user-plus:before {
  content: "";
}

.linearicon-user-minus:before {
  content: "";
}

.linearicon-user-lock:before {
  content: "";
}

.linearicon-users:before {
  content: "";
}

.linearicon-users2:before {
  content: "";
}

.linearicon-users-plus:before {
  content: "";
}

.linearicon-users-minus:before {
  content: "";
}

.linearicon-group-work:before {
  content: "";
}

.linearicon-woman:before {
  content: "";
}

.linearicon-man:before {
  content: "";
}

.linearicon-baby:before {
  content: "";
}

.linearicon-baby2:before {
  content: "";
}

.linearicon-baby3:before {
  content: "";
}

.linearicon-baby-bottle:before {
  content: "";
}

.linearicon-walk:before {
  content: "";
}

.linearicon-hand-waving:before {
  content: "";
}

.linearicon-jump:before {
  content: "";
}

.linearicon-run:before {
  content: "";
}

.linearicon-woman2:before {
  content: "";
}

.linearicon-man2:before {
  content: "";
}

.linearicon-man-woman:before {
  content: "";
}

.linearicon-height:before {
  content: "";
}

.linearicon-weight:before {
  content: "";
}

.linearicon-scale:before {
  content: "";
}

.linearicon-button:before {
  content: "";
}

.linearicon-bow-tie:before {
  content: "";
}

.linearicon-tie:before {
  content: "";
}

.linearicon-socks:before {
  content: "";
}

.linearicon-shoe:before {
  content: "";
}

.linearicon-shoes:before {
  content: "";
}

.linearicon-hat:before {
  content: "";
}

.linearicon-pants:before {
  content: "";
}

.linearicon-shorts:before {
  content: "";
}

.linearicon-flip-flops:before {
  content: "";
}

.linearicon-shirt:before {
  content: "";
}

.linearicon-hanger:before {
  content: "";
}

.linearicon-laundry:before {
  content: "";
}

.linearicon-store:before {
  content: "";
}

.linearicon-haircut:before {
  content: "";
}

.linearicon-store-24:before {
  content: "";
}

.linearicon-barcode:before {
  content: "";
}

.linearicon-barcode2:before {
  content: "";
}

.linearicon-barcode3:before {
  content: "";
}

.linearicon-cashier:before {
  content: "";
}

.linearicon-bag:before {
  content: "";
}

.linearicon-bag2:before {
  content: "";
}

.linearicon-cart:before {
  content: "";
}

.linearicon-cart-empty:before {
  content: "";
}

.linearicon-cart-full:before {
  content: "";
}

.linearicon-cart-plus:before {
  content: "";
}

.linearicon-cart-plus2:before {
  content: "";
}

.linearicon-cart-add:before {
  content: "";
}

.linearicon-cart-remove:before {
  content: "";
}

.linearicon-cart-exchange:before {
  content: "";
}

.linearicon-tag:before {
  content: "";
}

.linearicon-tags:before {
  content: "";
}

.linearicon-receipt:before {
  content: "";
}

.linearicon-wallet:before {
  content: "";
}

.linearicon-credit-card:before {
  content: "";
}

.linearicon-cash-dollar:before {
  content: "";
}

.linearicon-cash-euro:before {
  content: "";
}

.linearicon-cash-pound:before {
  content: "";
}

.linearicon-cash-yen:before {
  content: "";
}

.linearicon-bag-dollar:before {
  content: "";
}

.linearicon-bag-euro:before {
  content: "";
}

.linearicon-bag-pound:before {
  content: "";
}

.linearicon-bag-yen:before {
  content: "";
}

.linearicon-coin-dollar:before {
  content: "";
}

.linearicon-coin-euro:before {
  content: "";
}

.linearicon-coin-pound:before {
  content: "";
}

.linearicon-coin-yen:before {
  content: "";
}

.linearicon-calculator:before {
  content: "";
}

.linearicon-calculator2:before {
  content: "";
}

.linearicon-abacus:before {
  content: "";
}

.linearicon-vault:before {
  content: "";
}

.linearicon-telephone:before {
  content: "";
}

.linearicon-phone-lock:before {
  content: "";
}

.linearicon-phone-wave:before {
  content: "";
}

.linearicon-phone-pause:before {
  content: "";
}

.linearicon-phone-outgoing:before {
  content: "";
}

.linearicon-phone-incoming:before {
  content: "";
}

.linearicon-phone-in-out:before {
  content: "";
}

.linearicon-phone-error:before {
  content: "";
}

.linearicon-phone-sip:before {
  content: "";
}

.linearicon-phone-plus:before {
  content: "";
}

.linearicon-phone-minus:before {
  content: "";
}

.linearicon-voicemail:before {
  content: "";
}

.linearicon-dial:before {
  content: "";
}

.linearicon-telephone2:before {
  content: "";
}

.linearicon-pushpin:before {
  content: "";
}

.linearicon-pushpin2:before {
  content: "";
}

.linearicon-map-marker:before {
  content: "";
}

.linearicon-map-marker-user:before {
  content: "";
}

.linearicon-map-marker-down:before {
  content: "";
}

.linearicon-map-marker-check:before {
  content: "";
}

.linearicon-map-marker-crossed:before {
  content: "";
}

.linearicon-radar:before {
  content: "";
}

.linearicon-compass2:before {
  content: "";
}

.linearicon-map:before {
  content: "";
}

.linearicon-map2:before {
  content: "";
}

.linearicon-location:before {
  content: "";
}

.linearicon-road-sign:before {
  content: "";
}

.linearicon-calendar-empty:before {
  content: "";
}

.linearicon-calendar-check:before {
  content: "";
}

.linearicon-calendar-cross:before {
  content: "";
}

.linearicon-calendar-31:before {
  content: "";
}

.linearicon-calendar-full:before {
  content: "";
}

.linearicon-calendar-insert:before {
  content: "";
}

.linearicon-calendar-text:before {
  content: "";
}

.linearicon-calendar-user:before {
  content: "";
}

.linearicon-mouse:before {
  content: "";
}

.linearicon-mouse-left:before {
  content: "";
}

.linearicon-mouse-right:before {
  content: "";
}

.linearicon-mouse-both:before {
  content: "";
}

.linearicon-keyboard:before {
  content: "";
}

.linearicon-keyboard-up:before {
  content: "";
}

.linearicon-keyboard-down:before {
  content: "";
}

.linearicon-delete:before {
  content: "";
}

.linearicon-spell-check:before {
  content: "";
}

.linearicon-escape:before {
  content: "";
}

.linearicon-enter2:before {
  content: "";
}

.linearicon-screen:before {
  content: "";
}

.linearicon-aspect-ratio:before {
  content: "";
}

.linearicon-signal:before {
  content: "";
}

.linearicon-signal-lock:before {
  content: "";
}

.linearicon-signal-80:before {
  content: "";
}

.linearicon-signal-60:before {
  content: "";
}

.linearicon-signal-40:before {
  content: "";
}

.linearicon-signal-20:before {
  content: "";
}

.linearicon-signal-0:before {
  content: "";
}

.linearicon-signal-blocked:before {
  content: "";
}

.linearicon-sim:before {
  content: "";
}

.linearicon-flash-memory:before {
  content: "";
}

.linearicon-usb-drive:before {
  content: "";
}

.linearicon-phone:before {
  content: "";
}

.linearicon-smartphone:before {
  content: "";
}

.linearicon-smartphone-notification:before {
  content: "";
}

.linearicon-smartphone-vibration:before {
  content: "";
}

.linearicon-smartphone-embed:before {
  content: "";
}

.linearicon-smartphone-waves:before {
  content: "";
}

.linearicon-tablet:before {
  content: "";
}

.linearicon-tablet2:before {
  content: "";
}

.linearicon-laptop:before {
  content: "";
}

.linearicon-laptop-phone:before {
  content: "";
}

.linearicon-desktop:before {
  content: "";
}

.linearicon-launch:before {
  content: "";
}

.linearicon-new-tab:before {
  content: "";
}

.linearicon-window:before {
  content: "";
}

.linearicon-cable:before {
  content: "";
}

.linearicon-cable2:before {
  content: "";
}

.linearicon-tv:before {
  content: "";
}

.linearicon-radio:before {
  content: "";
}

.linearicon-remote-control:before {
  content: "";
}

.linearicon-power-switch:before {
  content: "";
}

.linearicon-power:before {
  content: "";
}

.linearicon-power-crossed:before {
  content: "";
}

.linearicon-flash-auto:before {
  content: "";
}

.linearicon-lamp:before {
  content: "";
}

.linearicon-flashlight:before {
  content: "";
}

.linearicon-lampshade:before {
  content: "";
}

.linearicon-cord:before {
  content: "";
}

.linearicon-outlet:before {
  content: "";
}

.linearicon-battery-power:before {
  content: "";
}

.linearicon-battery-empty:before {
  content: "";
}

.linearicon-battery-alert:before {
  content: "";
}

.linearicon-battery-error:before {
  content: "";
}

.linearicon-battery-low1:before {
  content: "";
}

.linearicon-battery-low2:before {
  content: "";
}

.linearicon-battery-low3:before {
  content: "";
}

.linearicon-battery-mid1:before {
  content: "";
}

.linearicon-battery-mid2:before {
  content: "";
}

.linearicon-battery-mid3:before {
  content: "";
}

.linearicon-battery-full:before {
  content: "";
}

.linearicon-battery-charging:before {
  content: "";
}

.linearicon-battery-charging2:before {
  content: "";
}

.linearicon-battery-charging3:before {
  content: "";
}

.linearicon-battery-charging4:before {
  content: "";
}

.linearicon-battery-charging5:before {
  content: "";
}

.linearicon-battery-charging6:before {
  content: "";
}

.linearicon-battery-charging7:before {
  content: "";
}

.linearicon-chip:before {
  content: "";
}

.linearicon-chip-x64:before {
  content: "";
}

.linearicon-chip-x86:before {
  content: "";
}

.linearicon-bubble:before {
  content: "";
}

.linearicon-bubbles:before {
  content: "";
}

.linearicon-bubble-dots:before {
  content: "";
}

.linearicon-bubble-alert:before {
  content: "";
}

.linearicon-bubble-question:before {
  content: "";
}

.linearicon-bubble-text:before {
  content: "";
}

.linearicon-bubble-pencil:before {
  content: "";
}

.linearicon-bubble-picture:before {
  content: "";
}

.linearicon-bubble-video:before {
  content: "";
}

.linearicon-bubble-user:before {
  content: "";
}

.linearicon-bubble-quote:before {
  content: "";
}

.linearicon-bubble-heart:before {
  content: "";
}

.linearicon-bubble-emoticon:before {
  content: "";
}

.linearicon-bubble-attachment:before {
  content: "";
}

.linearicon-phone-bubble:before {
  content: "";
}

.linearicon-quote-open:before {
  content: "";
}

.linearicon-quote-close:before {
  content: "";
}

.linearicon-dna:before {
  content: "";
}

.linearicon-heart-pulse:before {
  content: "";
}

.linearicon-pulse:before {
  content: "";
}

.linearicon-syringe:before {
  content: "";
}

.linearicon-pills:before {
  content: "";
}

.linearicon-first-aid:before {
  content: "";
}

.linearicon-lifebuoy:before {
  content: "";
}

.linearicon-bandage:before {
  content: "";
}

.linearicon-bandages:before {
  content: "";
}

.linearicon-thermometer:before {
  content: "";
}

.linearicon-microscope:before {
  content: "";
}

.linearicon-brain:before {
  content: "";
}

.linearicon-beaker:before {
  content: "";
}

.linearicon-skull:before {
  content: "";
}

.linearicon-bone:before {
  content: "";
}

.linearicon-construction:before {
  content: "";
}

.linearicon-construction-cone:before {
  content: "";
}

.linearicon-pie-chart:before {
  content: "";
}

.linearicon-pie-chart2:before {
  content: "";
}

.linearicon-graph:before {
  content: "";
}

.linearicon-chart-growth:before {
  content: "";
}

.linearicon-chart-bars:before {
  content: "";
}

.linearicon-chart-settings:before {
  content: "";
}

.linearicon-cake:before {
  content: "";
}

.linearicon-gift:before {
  content: "";
}

.linearicon-balloon:before {
  content: "";
}

.linearicon-rank:before {
  content: "";
}

.linearicon-rank2:before {
  content: "";
}

.linearicon-rank3:before {
  content: "";
}

.linearicon-crown:before {
  content: "";
}

.linearicon-lotus:before {
  content: "";
}

.linearicon-diamond:before {
  content: "";
}

.linearicon-diamond2:before {
  content: "";
}

.linearicon-diamond3:before {
  content: "";
}

.linearicon-diamond4:before {
  content: "";
}

.linearicon-linearicons:before {
  content: "";
}

.linearicon-teacup:before {
  content: "";
}

.linearicon-teapot:before {
  content: "";
}

.linearicon-glass:before {
  content: "";
}

.linearicon-bottle2:before {
  content: "";
}

.linearicon-glass-cocktail:before {
  content: "";
}

.linearicon-glass2:before {
  content: "";
}

.linearicon-dinner:before {
  content: "";
}

.linearicon-dinner2:before {
  content: "";
}

.linearicon-chef:before {
  content: "";
}

.linearicon-scale2:before {
  content: "";
}

.linearicon-egg:before {
  content: "";
}

.linearicon-egg2:before {
  content: "";
}

.linearicon-eggs:before {
  content: "";
}

.linearicon-platter:before {
  content: "";
}

.linearicon-steak:before {
  content: "";
}

.linearicon-hamburger:before {
  content: "";
}

.linearicon-hotdog:before {
  content: "";
}

.linearicon-pizza:before {
  content: "";
}

.linearicon-sausage:before {
  content: "";
}

.linearicon-chicken:before {
  content: "";
}

.linearicon-fish:before {
  content: "";
}

.linearicon-carrot:before {
  content: "";
}

.linearicon-cheese:before {
  content: "";
}

.linearicon-bread:before {
  content: "";
}

.linearicon-ice-cream:before {
  content: "";
}

.linearicon-ice-cream2:before {
  content: "";
}

.linearicon-candy:before {
  content: "";
}

.linearicon-lollipop:before {
  content: "";
}

.linearicon-coffee-bean:before {
  content: "";
}

.linearicon-coffee-cup:before {
  content: "";
}

.linearicon-cherry:before {
  content: "";
}

.linearicon-grapes:before {
  content: "";
}

.linearicon-citrus:before {
  content: "";
}

.linearicon-apple:before {
  content: "";
}

.linearicon-leaf:before {
  content: "";
}

.linearicon-landscape:before {
  content: "";
}

.linearicon-pine-tree:before {
  content: "";
}

.linearicon-tree:before {
  content: "";
}

.linearicon-cactus:before {
  content: "";
}

.linearicon-paw:before {
  content: "";
}

.linearicon-footprint:before {
  content: "";
}

.linearicon-speed-slow:before {
  content: "";
}

.linearicon-speed-medium:before {
  content: "";
}

.linearicon-speed-fast:before {
  content: "";
}

.linearicon-rocket:before {
  content: "";
}

.linearicon-hammer2:before {
  content: "";
}

.linearicon-balance:before {
  content: "";
}

.linearicon-briefcase:before {
  content: "";
}

.linearicon-luggage-weight:before {
  content: "";
}

.linearicon-dolly:before {
  content: "";
}

.linearicon-plane:before {
  content: "";
}

.linearicon-plane-crossed:before {
  content: "";
}

.linearicon-helicopter:before {
  content: "";
}

.linearicon-traffic-lights:before {
  content: "";
}

.linearicon-siren:before {
  content: "";
}

.linearicon-road:before {
  content: "";
}

.linearicon-engine:before {
  content: "";
}

.linearicon-oil-pressure:before {
  content: "";
}

.linearicon-coolant-temperature:before {
  content: "";
}

.linearicon-car-battery:before {
  content: "";
}

.linearicon-gas:before {
  content: "";
}

.linearicon-gallon:before {
  content: "";
}

.linearicon-transmission:before {
  content: "";
}

.linearicon-car:before {
  content: "";
}

.linearicon-car-wash:before {
  content: "";
}

.linearicon-car-wash2:before {
  content: "";
}

.linearicon-bus:before {
  content: "";
}

.linearicon-bus2:before {
  content: "";
}

.linearicon-car2:before {
  content: "";
}

.linearicon-parking:before {
  content: "";
}

.linearicon-car-lock:before {
  content: "";
}

.linearicon-taxi:before {
  content: "";
}

.linearicon-car-siren:before {
  content: "";
}

.linearicon-car-wash3:before {
  content: "";
}

.linearicon-car-wash4:before {
  content: "";
}

.linearicon-ambulance:before {
  content: "";
}

.linearicon-truck:before {
  content: "";
}

.linearicon-trailer:before {
  content: "";
}

.linearicon-scale-truck:before {
  content: "";
}

.linearicon-train:before {
  content: "";
}

.linearicon-ship:before {
  content: "";
}

.linearicon-ship2:before {
  content: "";
}

.linearicon-anchor:before {
  content: "";
}

.linearicon-boat:before {
  content: "";
}

.linearicon-bicycle:before {
  content: "";
}

.linearicon-bicycle2:before {
  content: "";
}

.linearicon-dumbbell:before {
  content: "";
}

.linearicon-bench-press:before {
  content: "";
}

.linearicon-swim:before {
  content: "";
}

.linearicon-football:before {
  content: "";
}

.linearicon-baseball-bat:before {
  content: "";
}

.linearicon-baseball:before {
  content: "";
}

.linearicon-tennis:before {
  content: "";
}

.linearicon-tennis2:before {
  content: "";
}

.linearicon-ping-pong:before {
  content: "";
}

.linearicon-hockey:before {
  content: "";
}

.linearicon-8ball:before {
  content: "";
}

.linearicon-bowling:before {
  content: "";
}

.linearicon-bowling-pins:before {
  content: "";
}

.linearicon-golf:before {
  content: "";
}

.linearicon-golf2:before {
  content: "";
}

.linearicon-archery:before {
  content: "";
}

.linearicon-slingshot:before {
  content: "";
}

.linearicon-soccer:before {
  content: "";
}

.linearicon-basketball:before {
  content: "";
}

.linearicon-cube:before {
  content: "";
}

.linearicon-3d-rotate:before {
  content: "";
}

.linearicon-puzzle:before {
  content: "";
}

.linearicon-glasses:before {
  content: "";
}

.linearicon-glasses2:before {
  content: "";
}

.linearicon-accessibility:before {
  content: "";
}

.linearicon-wheelchair:before {
  content: "";
}

.linearicon-wall:before {
  content: "";
}

.linearicon-fence:before {
  content: "";
}

.linearicon-wall2:before {
  content: "";
}

.linearicon-icons:before {
  content: "";
}

.linearicon-resize-handle:before {
  content: "";
}

.linearicon-icons2:before {
  content: "";
}

.linearicon-select:before {
  content: "";
}

.linearicon-select2:before {
  content: "";
}

.linearicon-site-map:before {
  content: "";
}

.linearicon-earth:before {
  content: "";
}

.linearicon-earth-lock:before {
  content: "";
}

.linearicon-network:before {
  content: "";
}

.linearicon-network-lock:before {
  content: "";
}

.linearicon-planet:before {
  content: "";
}

.linearicon-happy:before {
  content: "";
}

.linearicon-smile:before {
  content: "";
}

.linearicon-grin:before {
  content: "";
}

.linearicon-tongue:before {
  content: "";
}

.linearicon-sad:before {
  content: "";
}

.linearicon-wink:before {
  content: "";
}

.linearicon-dream:before {
  content: "";
}

.linearicon-shocked:before {
  content: "";
}

.linearicon-shocked2:before {
  content: "";
}

.linearicon-tongue2:before {
  content: "";
}

.linearicon-neutral:before {
  content: "";
}

.linearicon-happy-grin:before {
  content: "";
}

.linearicon-cool:before {
  content: "";
}

.linearicon-mad:before {
  content: "";
}

.linearicon-grin-evil:before {
  content: "";
}

.linearicon-evil:before {
  content: "";
}

.linearicon-wow:before {
  content: "";
}

.linearicon-annoyed:before {
  content: "";
}

.linearicon-wondering:before {
  content: "";
}

.linearicon-confused:before {
  content: "";
}

.linearicon-zipped:before {
  content: "";
}

.linearicon-grumpy:before {
  content: "";
}

.linearicon-mustache:before {
  content: "";
}

.linearicon-tombstone-hipster:before {
  content: "";
}

.linearicon-tombstone:before {
  content: "";
}

.linearicon-ghost:before {
  content: "";
}

.linearicon-ghost-hipster:before {
  content: "";
}

.linearicon-halloween:before {
  content: "";
}

.linearicon-christmas:before {
  content: "";
}

.linearicon-easter-egg:before {
  content: "";
}

.linearicon-mustache2:before {
  content: "";
}

.linearicon-mustache-glasses:before {
  content: "";
}

.linearicon-pipe:before {
  content: "";
}

.linearicon-alarm:before {
  content: "";
}

.linearicon-alarm-add:before {
  content: "";
}

.linearicon-alarm-snooze:before {
  content: "";
}

.linearicon-alarm-ringing:before {
  content: "";
}

.linearicon-bullhorn:before {
  content: "";
}

.linearicon-hearing:before {
  content: "";
}

.linearicon-volume-high:before {
  content: "";
}

.linearicon-volume-medium:before {
  content: "";
}

.linearicon-volume-low:before {
  content: "";
}

.linearicon-volume:before {
  content: "";
}

.linearicon-mute:before {
  content: "";
}

.linearicon-lan:before {
  content: "";
}

.linearicon-lan2:before {
  content: "";
}

.linearicon-wifi:before {
  content: "";
}

.linearicon-wifi-lock:before {
  content: "";
}

.linearicon-wifi-blocked:before {
  content: "";
}

.linearicon-wifi-mid:before {
  content: "";
}

.linearicon-wifi-low:before {
  content: "";
}

.linearicon-wifi-low2:before {
  content: "";
}

.linearicon-wifi-alert:before {
  content: "";
}

.linearicon-wifi-alert-mid:before {
  content: "";
}

.linearicon-wifi-alert-low:before {
  content: "";
}

.linearicon-wifi-alert-low2:before {
  content: "";
}

.linearicon-stream:before {
  content: "";
}

.linearicon-stream-check:before {
  content: "";
}

.linearicon-stream-error:before {
  content: "";
}

.linearicon-stream-alert:before {
  content: "";
}

.linearicon-communication:before {
  content: "";
}

.linearicon-communication-crossed:before {
  content: "";
}

.linearicon-broadcast:before {
  content: "";
}

.linearicon-antenna:before {
  content: "";
}

.linearicon-satellite:before {
  content: "";
}

.linearicon-satellite2:before {
  content: "";
}

.linearicon-mic:before {
  content: "";
}

.linearicon-mic-mute:before {
  content: "";
}

.linearicon-mic2:before {
  content: "";
}

.linearicon-spotlights:before {
  content: "";
}

.linearicon-hourglass:before {
  content: "";
}

.linearicon-loading:before {
  content: "";
}

.linearicon-loading2:before {
  content: "";
}

.linearicon-loading3:before {
  content: "";
}

.linearicon-refresh:before {
  content: "";
}

.linearicon-refresh2:before {
  content: "";
}

.linearicon-undo:before {
  content: "";
}

.linearicon-redo:before {
  content: "";
}

.linearicon-jump2:before {
  content: "";
}

.linearicon-undo2:before {
  content: "";
}

.linearicon-redo2:before {
  content: "";
}

.linearicon-sync:before {
  content: "";
}

.linearicon-repeat-one2:before {
  content: "";
}

.linearicon-sync-crossed:before {
  content: "";
}

.linearicon-sync2:before {
  content: "";
}

.linearicon-repeat-one3:before {
  content: "";
}

.linearicon-sync-crossed2:before {
  content: "";
}

.linearicon-return:before {
  content: "";
}

.linearicon-return2:before {
  content: "";
}

.linearicon-refund:before {
  content: "";
}

.linearicon-history:before {
  content: "";
}

.linearicon-history2:before {
  content: "";
}

.linearicon-self-timer:before {
  content: "";
}

.linearicon-clock:before {
  content: "";
}

.linearicon-clock2:before {
  content: "";
}

.linearicon-clock3:before {
  content: "";
}

.linearicon-watch:before {
  content: "";
}

.linearicon-clock4:before {
  content: "";
}

.linearicon-alarm-add2:before {
  content: "";
}

.linearicon-alarm-remove:before {
  content: "";
}

.linearicon-alarm-check:before {
  content: "";
}

.linearicon-alarm-error:before {
  content: "";
}

.linearicon-timer:before {
  content: "";
}

.linearicon-timer-crossed:before {
  content: "";
}

.linearicon-timer2:before {
  content: "";
}

.linearicon-timer-crossed2:before {
  content: "";
}

.linearicon-download:before {
  content: "";
}

.linearicon-upload:before {
  content: "";
}

.linearicon-download2:before {
  content: "";
}

.linearicon-upload2:before {
  content: "";
}

.linearicon-enter-up:before {
  content: "";
}

.linearicon-enter-down:before {
  content: "";
}

.linearicon-enter-left:before {
  content: "";
}

.linearicon-enter-right:before {
  content: "";
}

.linearicon-exit-up:before {
  content: "";
}

.linearicon-exit-down:before {
  content: "";
}

.linearicon-exit-left:before {
  content: "";
}

.linearicon-exit-right:before {
  content: "";
}

.linearicon-enter-up2:before {
  content: "";
}

.linearicon-enter-down2:before {
  content: "";
}

.linearicon-enter-vertical:before {
  content: "";
}

.linearicon-enter-left2:before {
  content: "";
}

.linearicon-enter-right2:before {
  content: "";
}

.linearicon-enter-horizontal:before {
  content: "";
}

.linearicon-exit-up2:before {
  content: "";
}

.linearicon-exit-down2:before {
  content: "";
}

.linearicon-exit-left2:before {
  content: "";
}

.linearicon-exit-right2:before {
  content: "";
}

.linearicon-cli:before {
  content: "";
}

.linearicon-bug:before {
  content: "";
}

.linearicon-code:before {
  content: "";
}

.linearicon-file-code:before {
  content: "";
}

.linearicon-file-image:before {
  content: "";
}

.linearicon-file-zip:before {
  content: "";
}

.linearicon-file-audio:before {
  content: "";
}

.linearicon-file-video:before {
  content: "";
}

.linearicon-file-preview:before {
  content: "";
}

.linearicon-file-charts:before {
  content: "";
}

.linearicon-file-stats:before {
  content: "";
}

.linearicon-file-spreadsheet:before {
  content: "";
}

.linearicon-link:before {
  content: "";
}

.linearicon-unlink:before {
  content: "";
}

.linearicon-link2:before {
  content: "";
}

.linearicon-unlink2:before {
  content: "";
}

.linearicon-thumbs-up:before {
  content: "";
}

.linearicon-thumbs-down:before {
  content: "";
}

.linearicon-thumbs-up2:before {
  content: "";
}

.linearicon-thumbs-down2:before {
  content: "";
}

.linearicon-thumbs-up3:before {
  content: "";
}

.linearicon-thumbs-down3:before {
  content: "";
}

.linearicon-share:before {
  content: "";
}

.linearicon-merge1:before {
  content: "";
}

.linearicon-share3:before {
  content: "";
}

.linearicon-magnifier:before {
  content: "";
}

.linearicon-file-search:before {
  content: "";
}

.linearicon-find-replace:before {
  content: "";
}

.linearicon-zoom-in:before {
  content: "";
}

.linearicon-zoom-out:before {
  content: "";
}

.linearicon-loupe:before {
  content: "";
}

.linearicon-loupe-zoom-in:before {
  content: "";
}

.linearicon-loupe-zoom-out:before {
  content: "";
}

.linearicon-cross:before {
  content: "";
}

.linearicon-options:before {
  content: "";
}

.linearicon-list:before {
  content: "";
}

.linearicon-list2:before {
  content: "";
}

.linearicon-list3:before {
  content: "";
}

.linearicon-menu2:before {
  content: "";
}

.linearicon-list4:before {
  content: "";
}

.linearicon-menu3:before {
  content: "";
}

.linearicon-exclamation:before {
  content: "";
}

.linearicon-question:before {
  content: "";
}

.linearicon-check:before {
  content: "";
}

.linearicon-cross2:before {
  content: "";
}

.linearicon-plus:before {
  content: "";
}

.linearicon-minus:before {
  content: "";
}

.linearicon-percent:before {
  content: "";
}

.linearicon-chevron-up:before {
  content: "";
}

.linearicon-chevron-down:before {
  content: "";
}

.linearicon-chevron-left:before {
  content: "";
}

.linearicon-chevron-right:before {
  content: "";
}

.linearicon-chevrons-expand-vertical:before {
  content: "";
}

.linearicon-chevrons-expand-horizontal:before {
  content: "";
}

.linearicon-chevrons-contract-vertical:before {
  content: "";
}

.linearicon-chevrons-contract-horizontal:before {
  content: "";
}

.linearicon-arrow-up:before {
  content: "";
}

.linearicon-arrow-down:before {
  content: "";
}

.linearicon-arrow-left:before {
  content: "";
}

.linearicon-arrow-right:before {
  content: "";
}

.linearicon-arrow-up-right:before {
  content: "";
}

.linearicon-arrows-merge:before {
  content: "";
}

.linearicon-arrows-split:before {
  content: "";
}

.linearicon-arrow-divert:before {
  content: "";
}

.linearicon-arrow-return:before {
  content: "";
}

.linearicon-expand:before {
  content: "";
}

.linearicon-contract:before {
  content: "";
}

.linearicon-expand2:before {
  content: "";
}

.linearicon-contract2:before {
  content: "";
}

.linearicon-move:before {
  content: "";
}

.linearicon-tab:before {
  content: "";
}

.linearicon-arrow-wave:before {
  content: "";
}

.linearicon-expand3:before {
  content: "";
}

.linearicon-expand4:before {
  content: "";
}

.linearicon-contract3:before {
  content: "";
}

.linearicon-notification:before {
  content: "";
}

.linearicon-warning:before {
  content: "";
}

.linearicon-notification-circle:before {
  content: "";
}

.linearicon-question-circle:before {
  content: "";
}

.linearicon-menu-circle:before {
  content: "";
}

.linearicon-checkmark-circle:before {
  content: "";
}

.linearicon-cross-circle:before {
  content: "";
}

.linearicon-plus-circle:before {
  content: "";
}

.linearicon-circle-minus:before {
  content: "";
}

.linearicon-percent-circle:before {
  content: "";
}

.linearicon-arrow-up-circle:before {
  content: "";
}

.linearicon-arrow-down-circle:before {
  content: "";
}

.linearicon-arrow-left-circle:before {
  content: "";
}

.linearicon-arrow-right-circle:before {
  content: "";
}

.linearicon-chevron-up-circle:before {
  content: "";
}

.linearicon-chevron-down-circle:before {
  content: "";
}

.linearicon-chevron-left-circle:before {
  content: "";
}

.linearicon-chevron-right-circle:before {
  content: "";
}

.linearicon-backward-circle:before {
  content: "";
}

.linearicon-first-circle:before {
  content: "";
}

.linearicon-previous-circle:before {
  content: "";
}

.linearicon-stop-circle:before {
  content: "";
}

.linearicon-play-circle:before {
  content: "";
}

.linearicon-pause-circle:before {
  content: "";
}

.linearicon-next-circle:before {
  content: "";
}

.linearicon-last-circle:before {
  content: "";
}

.linearicon-forward-circle:before {
  content: "";
}

.linearicon-eject-circle:before {
  content: "";
}

.linearicon-crop:before {
  content: "";
}

.linearicon-frame-expand:before {
  content: "";
}

.linearicon-frame-contract:before {
  content: "";
}

.linearicon-focus:before {
  content: "";
}

.linearicon-transform:before {
  content: "";
}

.linearicon-grid:before {
  content: "";
}

.linearicon-grid-crossed:before {
  content: "";
}

.linearicon-layers:before {
  content: "";
}

.linearicon-layers-crossed:before {
  content: "";
}

.linearicon-toggle:before {
  content: "";
}

.linearicon-rulers:before {
  content: "";
}

.linearicon-ruler:before {
  content: "";
}

.linearicon-funnel:before {
  content: "";
}

.linearicon-flip-horizontal:before {
  content: "";
}

.linearicon-flip-vertical:before {
  content: "";
}

.linearicon-flip-horizontal2:before {
  content: "";
}

.linearicon-flip-vertical2:before {
  content: "";
}

.linearicon-angle:before {
  content: "";
}

.linearicon-angle2:before {
  content: "";
}

.linearicon-subtract:before {
  content: "";
}

.linearicon-combine:before {
  content: "";
}

.linearicon-intersect:before {
  content: "";
}

.linearicon-exclude:before {
  content: "";
}

.linearicon-align-center-vertical:before {
  content: "";
}

.linearicon-align-right:before {
  content: "";
}

.linearicon-align-bottom:before {
  content: "";
}

.linearicon-align-left:before {
  content: "";
}

.linearicon-align-center-horizontal:before {
  content: "";
}

.linearicon-align-top:before {
  content: "";
}

.linearicon-square:before {
  content: "";
}

.linearicon-plus-square:before {
  content: "";
}

.linearicon-minus-square:before {
  content: "";
}

.linearicon-percent-square:before {
  content: "";
}

.linearicon-arrow-up-square:before {
  content: "";
}

.linearicon-arrow-down-square:before {
  content: "";
}

.linearicon-arrow-left-square:before {
  content: "";
}

.linearicon-arrow-right-square:before {
  content: "";
}

.linearicon-chevron-up-square:before {
  content: "";
}

.linearicon-chevron-down-square:before {
  content: "";
}

.linearicon-chevron-left-square:before {
  content: "";
}

.linearicon-chevron-right-square:before {
  content: "";
}

.linearicon-check-square:before {
  content: "";
}

.linearicon-cross-square:before {
  content: "";
}

.linearicon-menu-square:before {
  content: "";
}

.linearicon-prohibited:before {
  content: "";
}

.linearicon-circle:before {
  content: "";
}

.linearicon-radio-button:before {
  content: "";
}

.linearicon-ligature:before {
  content: "";
}

.linearicon-text-format:before {
  content: "";
}

.linearicon-text-format-remove:before {
  content: "";
}

.linearicon-text-size:before {
  content: "";
}

.linearicon-bold:before {
  content: "";
}

.linearicon-italic:before {
  content: "";
}

.linearicon-underline:before {
  content: "";
}

.linearicon-strikethrough:before {
  content: "";
}

.linearicon-highlight:before {
  content: "";
}

.linearicon-text-align-left:before {
  content: "";
}

.linearicon-text-align-center:before {
  content: "";
}

.linearicon-text-align-right:before {
  content: "";
}

.linearicon-text-align-justify:before {
  content: "";
}

.linearicon-line-spacing:before {
  content: "";
}

.linearicon-indent-increase:before {
  content: "";
}

.linearicon-indent-decrease:before {
  content: "";
}

.linearicon-text-wrap:before {
  content: "";
}

.linearicon-pilcrow:before {
  content: "";
}

.linearicon-direction-ltr:before {
  content: "";
}

.linearicon-direction-rtl:before {
  content: "";
}

.linearicon-page-break:before {
  content: "";
}

.linearicon-page-break2:before {
  content: "";
}

.linearicon-sort-alpha-asc:before {
  content: "";
}

.linearicon-sort-alpha-desc:before {
  content: "";
}

.linearicon-sort-numeric-asc:before {
  content: "";
}

.linearicon-sort-numeric-desc:before {
  content: "";
}

.linearicon-sort-amount-asc:before {
  content: "";
}

.linearicon-sort-amount-desc:before {
  content: "";
}

.linearicon-sort-time-asc:before {
  content: "";
}

.linearicon-sort-time-desc:before {
  content: "";
}

.linearicon-sigma:before {
  content: "";
}

.linearicon-pencil-line:before {
  content: "";
}

.linearicon-hand:before {
  content: "";
}

.linearicon-pointer-up:before {
  content: "";
}

.linearicon-pointer-right:before {
  content: "";
}

.linearicon-pointer-down:before {
  content: "";
}

.linearicon-pointer-left:before {
  content: "";
}

.linearicon-finger-tap:before {
  content: "";
}

.linearicon-fingers-tap:before {
  content: "";
}

.linearicon-reminder:before {
  content: "";
}

.linearicon-fingers-crossed:before {
  content: "";
}

.linearicon-fingers-victory:before {
  content: "";
}

.linearicon-gesture-zoom:before {
  content: "";
}

.linearicon-gesture-pinch:before {
  content: "";
}

.linearicon-fingers-scroll-horizontal:before {
  content: "";
}

.linearicon-fingers-scroll-vertical:before {
  content: "";
}

.linearicon-fingers-scroll-left:before {
  content: "";
}

.linearicon-fingers-scroll-right:before {
  content: "";
}

.linearicon-hand2:before {
  content: "";
}

.linearicon-pointer-up2:before {
  content: "";
}

.linearicon-pointer-right2:before {
  content: "";
}

.linearicon-pointer-down2:before {
  content: "";
}

.linearicon-pointer-left2:before {
  content: "";
}

.linearicon-finger-tap2:before {
  content: "";
}

.linearicon-fingers-tap2:before {
  content: "";
}

.linearicon-reminder2:before {
  content: "";
}

.linearicon-gesture-zoom2:before {
  content: "";
}

.linearicon-gesture-pinch2:before {
  content: "";
}

.linearicon-fingers-scroll-horizontal2:before {
  content: "";
}

.linearicon-fingers-scroll-vertical2:before {
  content: "";
}

.linearicon-fingers-scroll-left2:before {
  content: "";
}

.linearicon-fingers-scroll-right2:before {
  content: "";
}

.linearicon-fingers-scroll-vertical3:before {
  content: "";
}

.linearicon-border-style:before {
  content: "";
}

.linearicon-border-all:before {
  content: "";
}

.linearicon-border-outer:before {
  content: "";
}

.linearicon-border-inner:before {
  content: "";
}

.linearicon-border-top:before {
  content: "";
}

.linearicon-border-horizontal:before {
  content: "";
}

.linearicon-border-bottom:before {
  content: "";
}

.linearicon-border-left:before {
  content: "";
}

.linearicon-border-vertical:before {
  content: "";
}

.linearicon-border-right:before {
  content: "";
}

.linearicon-border-none:before {
  content: "";
}

.linearicon-ellipsis:before {
  content: "";
}

.linearicon-uni21:before {
  content: "!";
}

.linearicon-uni22:before {
  content: '"';
}

.linearicon-uni23:before {
  content: "#";
}

.linearicon-uni24:before {
  content: "$";
}

.linearicon-uni25:before {
  content: "%";
}

.linearicon-uni26:before {
  content: "&";
}

.linearicon-uni27:before {
  content: "'";
}

.linearicon-uni28:before {
  content: "(";
}

.linearicon-uni29:before {
  content: ")";
}

.linearicon-uni2a:before {
  content: "*";
}

.linearicon-uni2b:before {
  content: "+";
}

.linearicon-uni2c:before {
  content: ",";
}

.linearicon-uni2d:before {
  content: "-";
}

.linearicon-uni2e:before {
  content: ".";
}

.linearicon-uni2f:before {
  content: "/";
}

.linearicon-uni30:before {
  content: "0";
}

.linearicon-uni31:before {
  content: "1";
}

.linearicon-uni32:before {
  content: "2";
}

.linearicon-uni33:before {
  content: "3";
}

.linearicon-uni34:before {
  content: "4";
}

.linearicon-uni35:before {
  content: "5";
}

.linearicon-uni36:before {
  content: "6";
}

.linearicon-uni37:before {
  content: "7";
}

.linearicon-uni38:before {
  content: "8";
}

.linearicon-uni39:before {
  content: "9";
}

.linearicon-uni3a:before {
  content: ":";
}

.linearicon-uni3b:before {
  content: ";";
}

.linearicon-uni3c:before {
  content: "<";
}

.linearicon-uni3d:before {
  content: "=";
}

.linearicon-uni3e:before {
  content: ">";
}

.linearicon-uni3f:before {
  content: "?";
}

.linearicon-uni40:before {
  content: "@";
}

.linearicon-uni41:before {
  content: "A";
}

.linearicon-uni42:before {
  content: "B";
}

.linearicon-uni43:before {
  content: "C";
}

.linearicon-uni44:before {
  content: "D";
}

.linearicon-uni45:before {
  content: "E";
}

.linearicon-uni46:before {
  content: "F";
}

.linearicon-uni47:before {
  content: "G";
}

.linearicon-uni48:before {
  content: "H";
}

.linearicon-uni49:before {
  content: "I";
}

.linearicon-uni4a:before {
  content: "J";
}

.linearicon-uni4b:before {
  content: "K";
}

.linearicon-uni4c:before {
  content: "L";
}

.linearicon-uni4d:before {
  content: "M";
}

.linearicon-uni4e:before {
  content: "N";
}

.linearicon-uni4f:before {
  content: "O";
}

.linearicon-uni50:before {
  content: "P";
}

.linearicon-uni51:before {
  content: "Q";
}

.linearicon-uni52:before {
  content: "R";
}

.linearicon-uni53:before {
  content: "S";
}

.linearicon-uni54:before {
  content: "T";
}

.linearicon-uni55:before {
  content: "U";
}

.linearicon-uni56:before {
  content: "V";
}

.linearicon-uni57:before {
  content: "W";
}

.linearicon-uni58:before {
  content: "X";
}

.linearicon-uni59:before {
  content: "Y";
}

.linearicon-uni5a:before {
  content: "Z";
}

.linearicon-uni5b:before {
  content: "[";
}

.linearicon-uni5c:before {
  content: "\\";
}

.linearicon-uni5d:before {
  content: "]";
}

.linearicon-uni5e:before {
  content: "^";
}

.linearicon-uni5f:before {
  content: "_";
}

.linearicon-uni60:before {
  content: "`";
}

.linearicon-uni61:before {
  content: "a";
}

.linearicon-uni62:before {
  content: "b";
}

.linearicon-uni63:before {
  content: "c";
}

.linearicon-uni64:before {
  content: "d";
}

.linearicon-uni65:before {
  content: "e";
}

.linearicon-uni66:before {
  content: "f";
}

.linearicon-uni67:before {
  content: "g";
}

.linearicon-uni68:before {
  content: "h";
}

.linearicon-uni69:before {
  content: "i";
}

.linearicon-uni6a:before {
  content: "j";
}

.linearicon-uni6b:before {
  content: "k";
}

.linearicon-uni6c:before {
  content: "l";
}

.linearicon-uni6d:before {
  content: "m";
}

.linearicon-uni6e:before {
  content: "n";
}

.linearicon-uni6f:before {
  content: "o";
}

.linearicon-uni70:before {
  content: "p";
}

.linearicon-uni71:before {
  content: "q";
}

.linearicon-uni72:before {
  content: "r";
}

.linearicon-uni73:before {
  content: "s";
}

.linearicon-uni74:before {
  content: "t";
}

.linearicon-uni75:before {
  content: "u";
}

.linearicon-uni76:before {
  content: "v";
}

.linearicon-uni77:before {
  content: "w";
}

.linearicon-uni78:before {
  content: "x";
}

.linearicon-uni79:before {
  content: "y";
}

.linearicon-uni7a:before {
  content: "z";
}

.linearicon-uni7b:before {
  content: "{";
}

.linearicon-uni7c:before {
  content: "|";
}

.linearicon-uni7d:before {
  content: "}";
}

.linearicon-uni7e:before {
  content: "~";
}

.linearicon-copyright:before {
  content: "©";
}

.success-icon-container .success-icon {
  line-height: 1;
  font-size: 30px;
  font-weight: 900;
  border: 3px solid white;
  border-radius: 50%;
  padding: 10px;
  background-color: #8cc152;
  color: white;
}

.large-icon {
  font-size: 30px;
}

.ms-one-drive:before {
  font-family: SPO365Icons;
  content: "";
}

.inactive-icon, .inactive-icon:focus, .inactive-icon:hover {
  cursor: default;
  color: #aab2bd;
  text-decoration: none;
}

.icon--green {
  color: #8cc152;
}

.icon--blue {
  color: #0e79c9;
}

.flipped-x {
  transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
}

.form-control {
  color: #656d78;
  max-width: 100%;
}

label {
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 13px;
  color: #333;
}

label.error-message {
  margin-top: 10px;
}

.frontend-errors {
  margin-top: 10px;
  color: #da4453;
  font-size: 13px;
  font-weight: 600;
}

.font-base {
  font-size: 13px;
}

.btn {
  padding-left: 13px;
  padding-right: 13px;
  font-size: 14px;
}
.btn .prepended-icon {
  margin-right: 0.5ex;
}
.btn .appended-icon {
  margin-left: 0.5ex;
}
.btn svg {
  width: 24px;
}
.btn.font-base {
  font-size: 13px;
}

.btn-lg, .btn-group-lg .btn {
  min-height: 40px;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.btn-wide {
  min-width: 16em;
  min-height: 3em;
  font-size: 1.25em;
  font-weight: 600;
}

.btn-group.btn-default .btn-group-item:not(:last-child) {
  border: 1px solid #0e79c9;
}
.btn-group.btn-default .btn-group-item:last-child {
  border-top: 1px solid #0e79c9;
  border-bottom: 1px solid #0e79c9;
  border-right: 1px solid #0e79c9;
  border-left: 0;
}
.btn-group.btn-default .btn-group-item.active {
  color: #fff;
  background-color: #0e79c9;
  box-shadow: none;
}

.btn-group-lg .btn .prepended-icon {
  margin-right: 1ex;
}

.btn-left-align {
  text-align: left;
}

.btn.loading {
  line-height: 1.33;
}
.btn.loading.btn-lg, .btn-group-lg .btn.loading {
  line-height: 0.9;
}
.btn.loading:before {
  content: "";
  font-family: "Flaticon";
  font-size: 20px;
  font-style: normal;
  animation: spinning 1.5s infinite linear;
  display: inline-block;
}

.btn-sm {
  padding: 5px 10px;
}

.btn-big {
  padding: 10px 20px;
  font-size: 18px;
}

.btn-brand {
  background-color: #0e79c9;
  border-color: #0c6bb1;
  color: #fff;
  box-shadow: 0 2px #0d6eb6;
}
.btn-brand:hover, .btn-brand:active, .btn-brand:focus {
  border-color: #0b5c99;
  color: #fff;
  background-color: #0c6bb1;
}
.btn-brand.btn-brand-one {
  border-radius: 4px;
  border-color: #22639c;
  background-color: #0e79c9;
  box-shadow: unset;
}
.btn-brand.btn-brand-one:hover, .btn-brand.btn-brand-one:active, .btn-brand.btn-brand-one:focus {
  border-color: #1a7bc5;
  background-color: #219af6;
}

.btn-gray-brand {
  background-color: #f5f7fa;
  border-color: #e4e9f2;
  color: #0e79c9;
  box-shadow: 0 2px #e7ecf3;
}
.btn-gray-brand:hover, .btn-gray-brand:active, .btn-gray-brand:focus, .btn-gray-brand.active {
  border-color: #0c6bb1;
  color: #fff;
  background-color: #0e79c9;
  box-shadow: 0 2px #0d6eb6;
}

.btn-orange {
  background-color: #f3a100;
  border-color: #f3a100;
  color: #fff;
  box-shadow: 0 3px #df9300;
}
.btn-orange:hover, .btn-orange:active, .btn-orange:focus {
  border-color: #f3a100;
  color: #fff;
  background-color: #e99a00;
}

.btn-orange-dark {
  background-color: #F96D4F;
  border-color: #F96D4F;
  color: #fff;
  box-shadow: 0 3px #f85d3b;
}
.btn-orange-dark:hover, .btn-orange-dark:active, .btn-orange-dark:focus {
  border-color: #F96D4F;
  color: #fff;
  background-color: #f96545;
}

.btn-success {
  border-color: #8cc152;
  color: white;
}
.btn-success:hover, .btn-success:active, .btn-success:focus {
  border-color: #72a53b;
}

.btn-default {
  border-color: #0e79c9;
  color: #0e79c9;
}
.btn-default:hover, .btn-default:focus {
  border-color: #0b5c99;
  color: #0b5c99;
  background-color: transparent;
}
.btn-default.active {
  background-color: transparent;
  border-color: #0e79c9;
  color: #0e79c9;
}
.btn-default.btn-success {
  border-color: #8cc152;
  color: #8cc152;
}
.btn-default.btn-success:hover, .btn-default.btn-success:active, .btn-default.btn-success:focus {
  border-color: #72a53b;
  color: #72a53b;
}
.btn-default.btn-danger {
  border-color: #da4453;
  color: #da4453;
}
.btn-default.btn-danger:hover, .btn-default.btn-danger:active, .btn-default.btn-danger:focus {
  border-color: #c42737;
  color: #c42737;
}
.btn-default:disabled, .btn-default[disabled] {
  color: #656d78;
  border-color: #656d78;
}
.btn-default:disabled:hover, .btn-default[disabled]:hover {
  background-color: transparent;
  border-color: #656d78;
}

.btn-rm-unify, .btn-facebook, .btn-office-365 {
  color: #fff;
  padding: 2px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn-rm-unify:hover, .btn-rm-unify:active, .btn-rm-unify:visited, .btn-facebook:hover, .btn-facebook:active, .btn-facebook:visited, .btn-office-365:hover, .btn-office-365:active, .btn-office-365:visited {
  color: #fff;
}
.btn-rm-unify:focus, .btn-facebook:focus, .btn-office-365:focus {
  outline: 0;
}
.btn-rm-unify::before, .btn-facebook::before, .btn-office-365::before {
  font-family: "themify";
  vertical-align: middle;
  margin-top: 1px;
}
.btn-rm-unify .bottom, .btn-facebook .bottom, .btn-office-365 .bottom {
  width: 90px;
  margin-left: -45px;
  border-radius: 4px;
}

.btn-office-365 {
  border-color: #f39182;
  background: #f39182;
}
.btn-office-365::before {
  font-family: "SPO365Icons";
  content: "";
  font-size: 16px;
}
.btn-office-365:hover {
  background-color: #ea3f25;
  border-color: #ea3f25;
}
.btn-office-365.highlighted {
  background-color: #ea3f25;
  border-color: #ea3f25;
}
.btn-office-365.btn-big {
  padding: 10px 20px;
}

.btn-rm-unify {
  background: rgba(147, 154, 164, 0.7);
  border-color: rgba(124, 128, 134, 0.15);
  box-shadow: 0 1px rgba(124, 128, 134, 0.5);
}
.btn-rm-unify:hover {
  background: #939AA4;
  border-color: #7c8086;
  box-shadow: 0 1px #7c8086;
}
.btn-rm-unify::before {
  content: "";
  background: url(https://d24lsbndsvqq17.cloudfront.net/images/login/rm_unify_logo_@2x-c90fa96d47b78285f091082607924a99.png) no-repeat;
  width: 23px;
  height: 22px;
  display: block;
  background-size: 23px 22px;
}

.btn-facebook {
  border-color: #2E4D7A;
  color: #2E4D7A;
}
.btn-facebook::before {
  content: "";
}

.btn-collapse {
  margin-bottom: 20px;
}

.btn-group .btn-group-item {
  display: block;
  float: left;
  border-radius: 0;
  padding: 6px 10px;
  text-decoration: none;
}
.btn-group .btn-group-item i {
  font-weight: 600;
}
.btn-group .btn-group-item.active {
  background-color: #f5f7fa;
  color: #656d78;
  box-shadow: inset 0 0 2px #ccd1d9;
}
.btn-group .btn-group-item:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.btn-group .btn-group-item:not(:last-child) {
  border: 1px solid #ccd1d9;
}
.btn-group .btn-group-item:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top: 1px solid #ccd1d9;
  border-bottom: 1px solid #ccd1d9;
  border-right: 1px solid #ccd1d9;
}

.btn-download-letters {
  font-size: 16px;
  padding: 10px;
}

.btn-gray-lighter {
  background-color: #f5f7fa;
  color: #0e79c9 !important;
}
.btn-gray-lighter:hover {
  background-color: #e4e9f2;
}

.btn-link, .btn-upload-link {
  border: none;
  padding: 0;
}
.btn-link:hover, .btn-upload-link:hover, .btn-link:focus, .btn-upload-link:focus {
  cursor: pointer;
  outline: 0;
  text-decoration: none;
}

.btn-upload-link {
  top: -2px;
}

.btn-google {
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn-microsoft-teams {
  color: white;
  background-color: #7B83EB;
}
.btn-microsoft-teams:hover {
  color: white;
  background-color: #505AC9;
}

.btn--default-gray {
  color: #656d78;
  background-color: #fff;
  border-color: #e6e9ed;
}

.btn--blue-hover:hover {
  color: #0e79c9;
  border-color: #0e79c9;
}

.btn--no-outline,
.btn--no-outline:focus,
.btn--no-outline:active,
.btn--no-outline:active:focus {
  outline: 0;
}

.btn--right {
  float: right;
}

.btn--left {
  float: left;
}

.btn + .btn {
  margin-left: 1em;
}

.smhw-progress {
  border-radius: 8px;
  height: 8px;
  background-color: #ccd1d9;
  overflow: hidden;
}

.smhw-progress-bar {
  background-color: #4babf2;
  height: 8px;
  float: left;
}

td.expand {
  width: 100%;
}

.table th {
  padding: 12px 15px;
  border: 1px solid #ccd1d9;
}
.table tbody td {
  padding: 8px 15px;
}

.main-content .table th {
  color: #656D78;
  font-weight: normal;
  position: relative;
  border-width: 1px;
  padding: 15px;
}

.table .icon-container {
  margin-top: 4px;
  position: relative;
  float: left;
  margin-left: 7px;
}
.table .arrows-container .arrow-up {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #656d78;
  margin-bottom: 2px;
}
.table .arrows-container .arrow-down {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #656d78;
}
.table .expand-cell {
  width: 100%;
}

.table .table__header--solid {
  border: 1px solid #ccd1d9;
  background-color: #f5f7fa;
}
.table .table__header--solid .table__header-cell {
  border: 0;
  padding: 15px;
  font-weight: normal;
}
.table .table__header--solid .table__header-cell--black {
  color: #333;
}
.table--celled tbody tr td {
  border-top: 0;
}
.table--celled tbody tr td:first-child {
  padding-left: 0;
}
.table--celled tbody tr td:last-child {
  padding-right: 0;
}
.table--celled tr:first-child td {
  padding-top: 20px;
}
.table--celled .table__cell {
  min-height: 37px;
  padding: 8px 12px;
  border: 1px solid #ccd1d9;
  border-radius: 3px;
}
.table--celled .table__cell--has-error {
  border-color: #da4453;
}
.table__error-details {
  max-width: 200px;
  padding-top: 5px;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
  color: #da4453;
}

.sidebar-nav {
  position: absolute;
  top: none;
  width: 268px;
  margin: 0;
  padding: 0;
  background: #fff;
  padding-bottom: 50px;
}
.sidebar-nav.banner-visible {
  padding-bottom: calc(50px + 50px);
}
.sidebar-nav li {
  text-indent: 20px;
  line-height: 40px;
}
.sidebar-nav li a {
  display: block;
  text-decoration: none;
  color: #656d78;
  border-bottom: 1px solid #e6e9ed;
}
.sidebar-nav li a.edit-tool {
  display: inline;
  border: none;
}
.sidebar-nav li a.edit-tool:hover, .sidebar-nav li a.edit-tool.active {
  background: none;
}
.sidebar-nav li a.edit-tool:hover::before, .sidebar-nav li a.edit-tool:hover::after, .sidebar-nav li a.edit-tool.active::before, .sidebar-nav li a.edit-tool.active::after {
  content: none;
}
.sidebar-nav li a i {
  margin-right: 10px;
  color: #0e79c9;
}
.sidebar-nav li a i.ti-check-box {
  padding-right: 3px;
}
.sidebar-nav li a:hover, .sidebar-nav li a.active {
  text-decoration: none;
  color: #656d78;
  background: #f6f7fb;
}
.sidebar-nav li a:active, .sidebar-nav li a:focus {
  text-decoration: none;
}
.sidebar-nav li a.active {
  position: relative;
}
.sidebar-nav li a.active:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #f6f7fb;
  position: absolute;
  right: -10px;
  top: 50%;
  margin-top: -10px;
}
.sidebar-nav li a.active:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #e6e9ed;
  position: absolute;
  right: -11px;
  top: 50%;
  margin-top: -10px;
}
.sidebar-nav li .mp-level .active:after, .sidebar-nav li .mp-level .active:before {
  display: none;
}
.sidebar-nav li .mp-level.toggled .active:after, .sidebar-nav li .mp-level.toggled .active:before {
  display: block;
}
.sidebar-nav li .mp-level .primary-action {
  width: 268px;
  transition: all 0.2s ease;
}
.sidebar-nav li ul.sidebar-nav {
  padding-left: 0;
  list-style: none;
}
.sidebar-nav li.spacer {
  padding: 17px 0;
  border-bottom: 1px solid #e6e9ed;
}

@media (min-width: 767px) {
  #wrapper.toggled .mp-level .primary-action {
    width: 45px;
    overflow: hidden;
    border-top: 1px solid #e6e9ed;
    margin-top: -1px;
    transition: all 0.2s ease;
  }
}
.tab-container {
  background-color: #e6e9ed;
  border-left: 1px solid #e6e9ed;
  border-bottom: 1px solid #dadada;
  height: 54px;
  overflow-y: hidden;
  overflow-x: auto;
  position: relative;
}
.tab-container ul.tabs {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  min-width: 520px;
  height: 54px;
}
.tab-container ul.tabs li {
  height: 54px;
  overflow: hidden;
}
.tab-container ul.tabs li a {
  padding: 0 24px;
  color: #333;
  height: 54px;
  line-height: 54px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  min-width: 80px;
}
.tab-container ul.tabs li a:hover, .tab-container ul.tabs li a.active, .tab-container ul.tabs li a:focus {
  background-color: #fff;
  text-decoration: none;
}
.tab-container ul.tabs.tab-justified-2 {
  width: 100%;
  min-width: 100%;
}
.tab-container ul.tabs.tab-justified-2 li {
  width: 50%;
}
.tab-container ul.tabs.tab-justified-2 li a {
  display: block;
}
.tab-container .dropdown-container {
  margin-top: 5px;
  margin-right: 20px;
  position: absolute;
  top: 0;
  right: 0;
}
.tab-container.tabs-extended {
  background: white;
  border-left: none;
  border-bottom: 1px solid #e6e9ed;
  height: 60px;
  padding: 0 24px;
}
.tab-container.tabs-extended ul.tabs {
  height: 60px;
}
.tab-container.tabs-extended ul.tabs li {
  height: 60px;
}
.tab-container.tabs-extended ul.tabs li a {
  height: 60px;
  font-weight: 600;
  color: #656d78;
  line-height: 60px;
  min-width: 0;
  padding: 0;
  border-bottom: 4px solid transparent;
}
.tab-container.tabs-extended ul.tabs li a:hover {
  color: #333;
}
.tab-container.tabs-extended ul.tabs li a.active {
  border-bottom-color: #0e79c9;
}
.tab-container.tabs-extended ul.tabs li + li a {
  margin-left: 35px;
}
@media (max-width: 500px) {
  .tab-container .dropdown-container {
    margin-top: 2px;
  }
}
@media (max-width: 992px) {
  .tab-container ul.tabs li a {
    padding: 0 15px;
  }
}

.tab-wrapper {
  display: flex;
  align-items: center;
  background: white;
  border-bottom: 1px solid #e6e9ed;
}
.tab-wrapper > .tab-container {
  flex: 1;
  border-bottom: none;
}
.tab-wrapper > .btn {
  flex-shrink: 0;
  height: 33px;
  font-size: 13px;
  margin-right: 24px;
  margin-left: 10px;
}

.tabs-navigation {
  display: flex;
  height: 44px;
  background-color: #ccd1d9;
  margin-bottom: 15px;
  border-radius: 5px;
  list-style: none;
  padding: 0;
}
.tabs-navigation__tab {
  background-color: white;
  border-top: 1px solid #ccd1d9;
  border-bottom: 1px solid #ccd1d9;
  flex: 1;
  margin-right: 1px;
  cursor: pointer;
}
.tabs-navigation__tab .btn-link, .tabs-navigation__tab .btn-upload-link {
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  color: #333;
}
.tabs-navigation__tab:first-child {
  border-left: 1px solid #ccd1d9;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.tabs-navigation__tab:first-child:hover {
  margin-left: 0;
}
.tabs-navigation__tab:last-child {
  border-right: 1px solid #ccd1d9;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  margin-right: -1px;
}
.tabs-navigation__tab:last-child:hover {
  margin-right: -1px;
}
.tabs-navigation__tab:hover {
  border: 1px solid #0e79c9;
  margin-right: 0;
  margin-left: -1px;
}
.tabs-navigation__tab:hover .btn-link, .tabs-navigation__tab:hover .btn-upload-link {
  color: #0e79c9;
}
.tabs-navigation__tab--active {
  background: #132843;
  border-top: 1px solid #132843;
  border-bottom: 1px solid #132843;
  text-decoration: none;
}
.tabs-navigation__tab--active .btn-link, .tabs-navigation__tab--active .btn-upload-link {
  color: white;
}
.tabs-navigation__tab--active:hover {
  border: none;
  margin-left: 0px;
  margin-right: 1px;
}
.tabs-navigation__tab--active:hover .btn-link, .tabs-navigation__tab--active:hover .btn-upload-link {
  color: white;
}
.tabs-navigation__tab--active:first-child {
  border-left: 1px solid #132843;
}
.tabs-navigation__tab--active:last-child {
  border-right: 1px solid #132843;
}

.checkbox {
  padding-left: 20px;
  margin-top: 5px;
}
.checkbox label {
  display: inline-block;
  position: relative;
  padding-left: 5px;
}
.checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #ccd1d9;
  background-color: #fff;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  margin-left: -20px;
  padding-left: 4px;
  padding-top: 1px;
  font-size: 11px;
  color: #fff;
}
.checkbox.checked label::before {
  background-color: #0e79c9;
  border: 0;
}
.checkbox.checked label::after {
  font-family: "FontAwesome";
  content: "";
  font-size: 13px;
}
.checkbox input[type=checkbox] {
  opacity: 0;
  z-index: 1;
  width: 20px;
  height: 20px;
  top: -4px;
}
.checkbox input[type=checkbox]:hover {
  cursor: pointer;
}
.checkbox input[type=checkbox]:focus + label::before {
  outline: thin dotted;
  background-color: #0e79c9;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.checkbox input[type=checkbox]:checked:focus + label::before {
  background-color: #fff;
  border-color: #ccd1d9;
}
.checkbox input[type=checkbox]:disabled + label {
  opacity: 0.65;
}
.checkbox input[type=checkbox]:disabled + label::before {
  background-color: #e6e9ed;
  border: 1px solid #ccd1d9;
  cursor: not-allowed;
}

.classes-homeworks-list-table .actions {
  white-space: nowrap;
}

.inner-title-classes {
  margin-top: 10px;
  line-height: 32px;
}

.my-classes-box > .panel-heading {
  height: 40px;
  margin-bottom: -20px;
}
.my-classes-box .fa-star {
  cursor: pointer;
  font-size: 16px;
}

.fa-star {
  color: #aab2bd;
}
.fa-star.favourited {
  color: #f3a100;
}
.fa-star:focus {
  outline: none;
}

.class-homework-list-placeholder {
  position: relative;
}
.class-homework-list-placeholder table {
  opacity: 0.1;
}
.class-homework-list-placeholder .homework-list-overlay {
  position: absolute;
  top: 50px;
  width: 100%;
  z-index: 100;
}
.class-homework-list-placeholder .homework-list-overlay .btn {
  font-size: 22px;
}

.class-name input {
  text-align: center;
  margin: -6px 0;
}
.class-name .ti-pencil {
  display: none;
}
.class-name .ti-pencil::before,
.class-name .ti-lock::before {
  font-size: 17px;
}
.class-name:hover {
  text-decoration: none;
}
.class-name:hover .ti-pencil {
  position: absolute;
  display: inline-block;
}

.login-letter .popup-body {
  padding: 20px;
  text-align: center;
}
.login-letter .fa-file-pdf-o {
  color: red;
}

.my-classes-class-years {
  margin: 10px 0 0 10px;
  min-width: 130px;
}
.my-classes-class-years .ember-basic-dropdown-trigger {
  width: 100%;
}

.subjects-dropdown {
  margin: 10px 0 0 10px;
  min-width: 130px;
}
.subjects-dropdown .ember-basic-dropdown-trigger {
  width: 100%;
}

.web-link-list {
  list-style: none;
  padding: 0;
}
.web-link-list li {
  float: left;
  padding: 0 20px 0 0;
  max-width: 210px;
}
.web-link-list li a {
  display: inline-block;
  max-width: 200px;
}
.web-link-list li a:hover {
  text-decoration: none;
}
.web-link-list li a:focus {
  text-decoration: none;
  outline: 0;
}
.web-link-list li a img {
  margin-bottom: 5px;
}
.web-link-list li .default-web-link-icon {
  width: 150px;
  height: 90px;
  border: 5px solid #ccd1d9;
  text-align: center;
  font-size: 50px;
  margin: 0 auto 5px auto;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.web-link-list li .default-web-link-icon.youtube {
  padding-top: 0;
  position: relative;
}
.web-link-list li .default-web-link-icon.youtube:hover {
  cursor: pointer;
}
.web-link-list li .default-web-link-icon.youtube i {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 50px;
  width: 50px;
  margin-top: -25px;
  margin-left: -25px;
}
.web-link-list li .default-web-link-icon i {
  color: #ccd1d9;
}
.web-link-list li .default-web-link-icon .ti-link {
  padding-bottom: 4px;
}

.homework-information {
  background-color: #f5f7fa;
  border-radius: 4px;
  margin-top: 20px;
}
.homework-information ul {
  padding: 0 0 0 18px;
  margin-bottom: 0;
}

.assignment-description-title {
  margin-bottom: 15px;
}
.assignment-description-title .label {
  font-size: 100%;
}

.attachment-list .ti-file {
  color: #0e79c9;
}

input::-ms-clear {
  display: none;
}

.publication-warning-popup .popup-wrapper .popup-body .popup-list {
  padding-left: 20px !important;
}
.publication-warning-popup .popup-wrapper .popup-body .popup-text {
  padding-left: 20px;
}
.publication-warning-popup .popup-wrapper .popup-body .popup-text span.ti-alert {
  margin-right: 5px;
}

.assignments-container {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
}
.assignments-container .panel {
  padding: 0 10px 20px;
  position: relative;
  border: 0;
  box-shadow: none;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .assignments-container .panel {
    flex-grow: 1;
    width: 100%;
  }
}
@media (min-width: 769px) {
  .assignments-container .panel {
    width: calc(100% / 3);
  }
}
.assignments-container .panel__inner {
  border: 1px solid #ccd1d9;
  border-radius: 5px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.assignments-container .panel-body {
  flex-grow: 1;
}

.popular-assignments-container table {
  width: 100%;
}
.popular-assignments-container table td:last-child {
  text-align: right;
}
.popular-assignments-container .assignment-info {
  max-width: 0;
  /* Trick to allow ellipsis in a table cell */
}
.popular-assignments-container .truncate-text {
  display: block;
}
.popular-assignments-container .assignment-actions {
  width: 90px;
}

.homework-submission-type {
  margin-bottom: 10px;
}

.completion-time-container .time {
  padding-right: 5px;
}
.completion-time-container .unit {
  padding-left: 5px;
}

.focus-tooltip-wrapper {
  position: relative;
}
.focus-tooltip-wrapper .focus-tooltip {
  display: none;
  bottom: -30px;
  z-index: 10;
}
.focus-tooltip-wrapper .focus-tooltip span::before {
  left: 20%;
}
.focus-tooltip-wrapper input:focus + .focus-tooltip,
.focus-tooltip-wrapper .focus + .focus-tooltip {
  display: block;
}

.has-error.homework-issued-on.form-group, .has-error.homework-issued-on .form-group {
  margin-bottom: 0;
}

.homework-description {
  padding-bottom: 10px;
}

.for-partial-group-banner {
  color: #656d78;
}
.for-partial-group-banner .school-calendar-link {
  color: #0e79c9;
  font-weight: normal;
}

.preview-quiz-button a {
  margin: 30px 0;
}

.my-files-wrapper {
  display: flex;
  flex-wrap: wrap;
}

.new-label {
  opacity: 0;
  background: #FDDB16;
  padding: 1px 4px;
  text-transform: uppercase;
  border-radius: 4px;
  font-size: 11px;
  font-weight: bold;
  box-shadow: 1px 1px 3px -1px rgba(0, 0, 0, 0.75);
  animation: fadein 1s forwards;
  animation-delay: 0.5s;
}

.grouped-classes-options {
  display: inline-block;
  font-weight: bold;
  text-decoration: underline;
  padding: 8px;
  cursor: pointer;
}

.app-button {
  width: 130px;
  height: 40px;
  display: inline-block;
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/home/app_store_badge-009b9a47811cf53c1f9d9141e1171429.png);
  background-image: -webkit-image-set(url(https://d24lsbndsvqq17.cloudfront.net/images/home/app_store_badge-009b9a47811cf53c1f9d9141e1171429.png) 1x, url(https://d24lsbndsvqq17.cloudfront.net/images/home/app_store_badge_@2x-0e53fd6c1928d9d1ba6d58dcf4f70e3d.png) 2x);
}
.app-button.google {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/home/google_play_badge-8c4f062fc4bad1af818903469b3ec82d.png);
  background-image: -webkit-image-set(url(https://d24lsbndsvqq17.cloudfront.net/images/home/google_play_badge-8c4f062fc4bad1af818903469b3ec82d.png) 1x, url(https://d24lsbndsvqq17.cloudfront.net/images/home/google_play_badge_@2x-31fff26a90d072c46333df03cc9d60e5.png) 2x);
}

.green-checks-list {
  padding: 0;
  list-style: none;
  margin-bottom: 15px;
}
.green-checks-list .fa-check {
  color: #8cc152;
  margin-right: 10px;
}

@media (max-width: 991px) {
  .ordered-flex-block {
    display: flex;
    flex-direction: column;
  }
  .ordered-flex-block--first {
    order: 1;
  }
  .ordered-flex-block--last {
    order: 999;
  }
}
@media (min-width: 992px) {
  .justified-block {
    display: flex;
  }
  .justified-block--right {
    justify-content: flex-end;
  }
}
.quiz-form .incorrect-answers .incorrect-answer {
  margin-bottom: 10px;
}
.quiz-form .incorrect-answers .ti-trash {
  float: right;
  margin-top: -32px;
  margin-right: 5px;
}
.quiz-form .image-upload.has-error .image-upload-text {
  color: #da4453;
}
.quiz-form .image-upload.has-error .upload-btn {
  border-color: #da4453;
  color: #da4453;
}
.quiz-form .image-upload .control-label {
  margin-top: 10px;
}
.quiz-form .error-message {
  display: block;
  margin-bottom: 0;
}
.quiz-form .error-message + .error-message {
  margin-bottom: 10px;
}

.quiz-form .add-more-link-wrapper {
  margin-right: 20px;
  margin-top: 10px;
  margin-bottom: 15px;
  display: block;
}

.quiz-results .basic-results-information {
  margin-bottom: 20px;
  display: flex;
}
.quiz-results .result-box {
  background-color: #f5f7fa;
}
.quiz-results .percentage-score-box {
  font-size: 80px;
  line-height: 96px;
  text-align: center;
  padding: 0 0.25em;
}
.quiz-results .percentage-score-box small {
  font-size: 40%;
}
.quiz-results .attempts-summary {
  padding: 10px 15px;
  margin-left: 15px;
  min-height: 114px;
  flex: 1;
}

.quiz-game {
  color: #fff;
  background-color: #5c95bc;
}

.game-container-wrapper {
  background-color: #5c95bc;
}

.game-container {
  background-color: #5c95bc;
  width: auto;
  max-width: 772px;
  margin: 0 auto;
  margin-top: 75px;
  padding: 0 20px;
}

.floating-box {
  background-color: white;
  box-shadow: 0px 1px 4px rgba(51, 51, 51, 0.4);
  display: flex;
  flex-direction: column;
  border-radius: 5px;
  overflow: hidden;
  color: #0e79c9;
  font-weight: 600;
}
.floating-box .content {
  font-size: 30px;
  flex: 1;
  line-height: 2.3;
}
.floating-box.small {
  width: 148px;
}
.floating-box.medium {
  width: 228px;
}
.floating-box .questions-count {
  opacity: 0.5;
}
.floating-box footer {
  background-color: #e6e9ed;
  line-height: 2.5;
  color: #333;
}

.game-header {
  display: flex;
}

.game-info {
  flex: 1;
}

.game-content {
  text-align: center;
  padding-top: 10px;
}
.game-content-text {
  font-weight: bold;
  text-shadow: 0px 1px 2px #333;
}

.game-answers {
  padding: 20px 0 30px;
  counter-reset: answers-row answers;
  opacity: 1;
  transition: opacity 0.3s;
}
.game-answers.hide-answers {
  opacity: 0;
  transition: opacity 0s;
}

.game-options-row {
  margin-bottom: 15px;
  display: flex;
  justify-content: space-between;
  counter-increment: answers-row;
}

.game-answer {
  font-size: 18px;
  background-color: #44708D;
  border: none;
  min-height: 70px;
  padding: 10px 10px 10px 80px;
  border-radius: 4px;
  max-width: 49%;
  min-width: 49%;
  counter-increment: answers;
  position: relative;
  overflow: hidden;
  text-align: left;
}
.game-answer + .game-answer {
  margin-left: 15px;
}
.game-answer::before, .game-answer::after {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.game-answer::before {
  background-color: #223646;
  content: counter(answers);
  width: 70px;
  left: 0;
  font-size: 31.5px;
  font-weight: bold;
}
.game-answer:after {
  font-family: "flaticon";
  font-size: 20px;
  right: 0;
}
.game-answer:hover {
  background-color: #3c627c;
}
.game-answer:hover::before {
  background-color: #1a2935;
}
.game-answer:active {
  background-color: #33556b;
}
.game-answer:active::before {
  background-color: #111c24;
}
.game-answer:disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  box-shadow: none;
}

.game-content.correct .game-answer.selected {
  background-color: #8cc152;
}
.game-content.correct .game-answer.selected::before {
  background-color: #476027;
}
.game-content.correct .game-answer.selected::after {
  content: "";
}
.game-content.incorrect .game-answer.selected, .game-content.timeout .game-answer {
  background-color: #da4453;
}
.game-content.incorrect .game-answer.selected::before, .game-content.timeout .game-answer::before {
  background-color: #6d2229;
}
.game-content.incorrect .game-answer.selected::after, .game-content.timeout .game-answer::after {
  content: "";
}

.game-summary.perfect {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/confetti-c3f7481a167af02c241d324bbe29d3d5.png);
  margin: 0 214px;
  padding: 1px;
  width: 300px;
  margin: 20px auto;
}
.game-summary.perfect .game-score {
  width: 250px;
}
.game-summary .game-score {
  margin: 40px auto 30px;
  display: block;
}
.game-summary .game-score .content {
  font-size: 116px;
  line-height: 1.25;
  font-weight: 400;
}
.game-summary .game-score .content .percentage-sign {
  font-size: 40%;
}

.game-actions {
  text-align: center;
}
.game-actions .btn {
  font-weight: 600;
  margin: 0 5px;
  width: 130px;
}
.game-actions .btn i {
  font-weight: inherit;
  vertical-align: baseline;
}
.game-actions .btn i:first-child {
  margin-right: 5px;
}
.game-actions .btn i:last-child {
  margin-left: 5px;
}

@media (max-width: 580px) {
  .game-options-row {
    display: block;
    margin-bottom: 0;
  }

  .game-info {
    display: none;
  }

  .question-countdown {
    margin-left: auto;
  }

  .game-answer {
    width: 100%;
    max-width: initial;
    min-width: initial;
    margin-bottom: 10px;
  }

  .game-answer + .game-answer {
    margin-left: 0;
  }

  .quiz-content .btn-big {
    margin-bottom: 10px;
  }
}
.satchel-drawer .liquid-container {
  transform: none;
}

.activity-feed-entry {
  width: 100%;
  margin: 20px 0;
}
.activity-feed-entry .activity-feed-entry-profile {
  font-size: 44px;
  margin-top: 4px;
}
.activity-feed-entry .activity-feed-entry-profile .user-profile-picture img {
  width: 40px;
  border-radius: 44px;
  height: 40px;
}
.activity-feed-entry .activity-feed-entry-content {
  padding: 12px;
  display: inline-block;
  background-color: #fafafa;
  border: 1px solid #cdd0d9;
  border-radius: 10px;
  width: 100%;
  word-wrap: break-word;
  position: relative;
}
.activity-feed-entry .activity-feed-entry-content:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 12px 12px 12px 0;
  border-color: transparent #fafafa;
  display: block;
  width: 0;
  z-index: 1;
  left: -12px;
  top: 20px;
}
.activity-feed-entry .activity-feed-entry-content:before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 12px 12px 12px 0;
  border-color: transparent #cdd0d9;
  display: block;
  width: 0;
  z-index: 0;
  left: -13px;
  top: 20px;
}
.activity-feed-entry .activity-feed-entry-content p {
  margin-top: 9px;
}
.activity-feed-entry .activity-feed-entry-content .submission-comment-info {
  width: 70%;
  display: inline-block;
}
.activity-feed-entry .activity-feed-entry-content .submission-comment-icon {
  vertical-align: top;
  position: absolute;
  top: 27px;
  text-align: right;
  right: 26px;
}
.activity-feed-entry .activity-feed-entry-content .submission-comment-icon .icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  position: relative;
}
.activity-feed-entry .activity-feed-entry-content .submission-comment-icon .icon::before, .activity-feed-entry .activity-feed-entry-content .submission-comment-icon .icon::after {
  font-family: FontAwesome;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  position: absolute;
  top: -1px;
  transition: left 0.3s;
  width: 40px;
  height: 40px;
  left: -1px;
}
.activity-feed-entry .activity-feed-entry-content .submission-comment-icon .icon:before {
  left: -40px;
  background-color: white;
}
.activity-feed-entry .activity-feed-entry-content .submission-comment-icon .icon.badge {
  border: 1px solid #0893cc;
}
.activity-feed-entry .activity-feed-entry-content .submission-comment-icon .icon.badge::after, .activity-feed-entry .activity-feed-entry-content .submission-comment-icon .icon.badge::before {
  content: "";
}
.activity-feed-entry .activity-feed-entry-content .submission-comment-icon .icon.badge::after {
  background-color: #0893cc;
}
.activity-feed-entry .activity-feed-entry-content .submission-comment-icon .icon.badge:before {
  color: #0893cc;
}
.activity-feed-entry .activity-feed-entry-content .submission-comment-icon .icon.badge .badge-border {
  content: "";
  display: block;
  position: absolute;
  border-radius: 50%;
  width: 34px;
  height: 34px;
  background: transparent;
  top: 2px;
  left: 2px;
  z-index: 100;
  transition: left 0.3s;
  border: 1px solid #fff;
}
.activity-feed-entry .activity-feed-entry-content .submission-comment-icon .icon.positive, .activity-feed-entry .activity-feed-entry-content .submission-comment-icon .icon.negative {
  border: 1px solid #8cc152;
  background-color: #8cc152;
  color: white;
  font-weight: bold;
}
.activity-feed-entry .activity-feed-entry-content .submission-comment-icon .icon.positive .points, .activity-feed-entry .activity-feed-entry-content .submission-comment-icon .icon.negative .points {
  position: relative;
  font-size: 17px;
  text-align: center;
}
.activity-feed-entry .activity-feed-entry-content .submission-comment-icon .icon.negative {
  border: 1px solid #da4453;
  background-color: #da4453;
}
.activity-feed-entry .activity-feed-entry-content .submission-comment-icon .icon.negative .points {
  position: relative;
  font-size: 17px;
  text-align: center;
}
.activity-feed-entry .activity-feed-entry-content__textarea {
  display: flex;
  flex-direction: column;
  height: 100%;
  border: 1px solid #ccd1d9;
  background-color: #fff;
  margin-bottom: 20px;
}
.activity-feed-entry .activity-feed-entry-content__textarea__text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 20px;
}
.activity-feed-entry .activity-feed-entry-content__textarea__text textarea {
  border: 0;
  resize: vertical;
}
.activity-feed-entry .activity-feed-entry-content__attachments .drop-area {
  background-color: #fff;
}
.activity-feed-entry .activity-feed-entry-content__actions {
  border-top: 1px solid #ccd1d9;
  display: flex;
  padding: 20px;
  width: 100%;
}
.activity-feed-entry .activity-feed-entry-content__actions .btn {
  flex-grow: 1;
  text-align: left;
}
.activity-feed-entry .activity-feed-entry-content .comment-item__attachments {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.activity-feed-entry .activity-feed-entry-content.comment-item__content p {
  white-space: pre-wrap;
}
.activity-feed-entry .activity-feed-entry-content .timestamps {
  display: flex;
  flex-direction: column;
}
.activity-feed-entry.activity-feed-entry--form p {
  margin-top: 0;
}

@media (max-width: 1000px) {
  .activity-feed-entry .activity-feed-entry-content {
    width: 95%;
    float: right;
  }
  .activity-feed-entry .activity-feed-entry-content .submission-comment-icon {
    position: relative;
    top: 0;
    text-align: left;
    right: 0;
  }
}
.__ae9aa .has-error .accordion-multi-form-item .base-index {
  color: #da4453;
}

.__ae9aa .delete-item-wrapper .ti-trash {
  display: contents;
}

.__64595 {
  list-style: none;
  -webkit-padding-start: 0;
}

.__64595 .accordion-multi-form-item {
  border-bottom: 1px solid #ccd1d9;
}
.__64595 .accordion-multi-form-item header {
  padding: 15px 0;
  min-height: 50px;
}
.__64595 .accordion-multi-form-item header .actions {
  float: right;
}
.__64595 .accordion-multi-form-item.has-error-inside header {
  color: #da4453;
}

.__64595 .form {
  background-color: #f5f7fa;
  padding: 20px;
  border-top: 1px solid #ccd1d9;
  border-left: 1px solid #ccd1d9;
  border-right: 1px solid #ccd1d9;
}

.__64595 .char-counter {
  margin-top: 5px;
  margin-left: 1px;
  float: right;
  font-size: 11px;
  color: #656d78;
}

.__64595 .toggle-options {
  display: block;
  margin-bottom: 20px;
}

.__b3459 {
  background-color: #fff;
  border: 1px solid #e6e9ed;
  border-radius: 4px;
}

.__b3459 .body, .__b3459 .posted-by {
  padding: 25px;
}

.__b3459 .posted-by {
  padding-top: 0px;
  padding-bottom: 15px;
}

.__b3459 .date {
  text-align: center;
  color: #333;
}
.__b3459 .date .day {
  font-size: 62px;
  line-height: 65px;
}

.__b3459 h4 {
  font-weight: bold;
  color: #333;
}

.__b3459 .actions {
  margin-bottom: 25px;
}

.__b3459 .attachments {
  margin-top: 30px;
}
.__b3459 .attachments .attachment {
  margin-right: 20px;
  display: inline-block;
}
.__b3459 .attachments .attachment .ti-file {
  color: #0E79C9;
  margin-right: 3px;
}

.__b3459 footer {
  padding: 15px 25px;
  color: #fff;
}

.__b3459.announcement footer {
  background-color: #4dc1ea;
}

.__b3459.school-event footer {
  background-color: #eb563e;
}

.__b3459 .delete-event-btn {
  margin-left: 10px;
}

.__b3459 .event-message {
  padding-bottom: 10px;
}

.__197e1 {
  margin-top: 20px;
}

.__197e1 .submissions-list {
  width: 44.4444444%;
  float: left;
  margin-bottom: 0;
  list-style: none;
  border-top: 1px solid #ccd1d9;
  overflow-y: scroll;
  height: 100vh;
}
.__197e1 .submissions-list ul {
  padding-left: 0;
}

.__197e1 .submissions-detail-panel {
  float: left;
  width: 55.5555556%;
  padding: 15px 5px 0 15px;
  border-top: 1px solid #ccd1d9;
}

.__197e1 .checkbox {
  display: inline-block;
  margin-right: 15px;
}

.__197e1 .selected {
  background-color: #f2f4f9;
}

.__0262b {
  position: relative;
}

.__0262b .assignment-actions__list-title {
  font-weight: 600;
  color: #333;
}
.__0262b .assignment-actions__list {
  list-style: none;
  padding-left: 0;
}
.__0262b .assignment-actions__list__list-item {
  padding-bottom: 4px;
}
.__0262b .assignment-actions__list .list-item__trigger {
  background: none;
  border-width: 0;
  text-align: left;
  padding: 0;
  color: #0e79c9;
}
.__0262b .assignment-actions__list .list-item__trigger:hover {
  text-decoration: underline;
}

.__0262b .smhw-dropdown-btn {
  background-color: #fff;
  position: relative;
  z-index: 100;
  padding: 10px;
}
.__0262b .smhw-dropdown-btn i {
  vertical-align: middle;
}
.__0262b .smhw-dropdown-btn:hover {
  text-decoration: none;
}
.__0262b .smhw-dropdown-btn:active {
  text-decoration: none;
}
.__0262b .smhw-dropdown-btn:focus {
  text-decoration: none;
  outline: none;
}

.__0262b .close-dropdown {
  background: none;
  z-index: 100;
}

.__26cd9 {
  display: inline-block;
  width: 100%;
  margin: 15px 0 20px 0;
}
.__26cd9 .homework-date {
  display: inline-block;
  padding: 3px 12px;
  border-radius: 5px;
  color: #fff;
}
.__26cd9 .homework-date.issued-on, .__26cd9 .homework-date.lesson-date {
  background-color: #8cc152;
  margin-right: 10px;
}
.__26cd9 .homework-date.due-on {
  background-color: #da4453;
}
.__26cd9 .homework-date.complete-by, .__26cd9 .homework-date.lesson-time {
  background-color: #0e79c9;
}

@media (max-width: 400px) {
  .__26cd9 .homework-date {
    display: block;
    max-width: 75%;
    margin: 10px auto;
  }
  .__26cd9 .homework-date.issued-on {
    margin-right: auto;
  }
}
.__757fa {
  position: absolute;
  width: 100%;
  bottom: 0;
}
.__757fa .btn {
  max-width: 75px;
}
.__757fa .fa-chevron-down {
  display: block;
  text-align: center;
  padding: 10px 0;
  color: #4b9bd8;
}
.__757fa .fa-chevron-down.enabled {
  cursor: pointer;
}

.__757fa .btn-group {
  display: flex;
  justify-content: center;
}

.__757fa .flex-wrapper {
  position: relative;
}

.__757fa .fa-caret-down, .__757fa .fa-caret-up {
  display: inline-block;
  margin-left: 10px;
}

.__757fa .dropdown-menu {
  padding: 12px;
  min-width: 165px;
  top: 95%;
  display: block;
}
.__757fa .dropdown-menu hr {
  margin: 0 -12px;
}
.__757fa .dropdown-menu .dropdown-title {
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 5px;
}
.__757fa .dropdown-menu .submitted-status {
  margin-bottom: 12px;
}
.__757fa .dropdown-menu .submitted-status .color {
  display: inline-block;
  position: relative;
  margin-right: 4px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
}
.__757fa .dropdown-menu .submitted-status .color.not-submitted {
  background-color: #d84852;
}
.__757fa .dropdown-menu .submitted-status .color.submitted {
  background-color: #8fc053;
}
.__757fa .dropdown-menu .submitted-status .color.submitted-late {
  background-color: #5e9b24;
}
.__757fa .dropdown-menu .submitted-status .color.resubmission {
  background-color: #f1a100;
}
.__757fa .dropdown-menu .submitted-status .color.absent {
  background-color: #3083d1;
}
.__757fa .dropdown-menu .submitted-status .color.clear-status {
  border: 1px solid #656d78;
}
.__757fa .dropdown-menu .submitted-status .color.clear-status.checked::after {
  color: #656d78;
}
.__757fa .dropdown-menu .submitted-status .color.checked::after {
  content: "";
  font-family: FontAwesome;
  font-size: 12px;
  color: #fff;
  vertical-align: text-bottom;
  position: absolute;
  left: 2px;
  top: -1px;
}
.__757fa .dropdown-menu .assignment-grades {
  margin-top: 12px;
  max-height: 220px;
  overflow-y: scroll;
}
.__757fa .dropdown-menu .assignment-grades .checkbox label::before {
  width: 18px;
  height: 18px;
}
.__757fa .dropdown-menu .assignment-grades .checkbox.checked label::after {
  padding-top: 0;
}
.__757fa .dropdown-menu .assignment-grades .checkbox input[type=checkbox] {
  width: 18px;
  height: 18px;
}
.__757fa .dropdown-menu .btn-grey {
  background-color: #ccd1d9;
  color: #fff;
}
.__757fa .dropdown-menu .btn-grey.enabled {
  background-color: #656d78;
}

.__757fa .btn.no-results {
  pointer-events: none;
  border-color: #ccc;
  color: #656d78;
  max-width: none;
}

.__c9062 {
  margin-bottom: 5px;
}
.__c9062 .color-box {
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-right: 5px;
}

.__1e8c7 {
  position: relative;
}

.__1e8c7 .attachment-preview {
  position: absolute;
  background-color: #fff;
  height: 350px;
  width: 350px;
  z-index: 1002;
  box-shadow: black 1px 1px 12px;
  top: -358px;
  border: 1px solid #4b9bd8;
  padding: 5px;
}
.__1e8c7 .attachment-preview .loading-spinner {
  position: absolute;
  top: 86px;
}
.__1e8c7 .attachment-preview::before, .__1e8c7 .attachment-preview::after {
  content: "";
  position: absolute;
  display: block;
  border-width: 10px 10px 0 10px;
  border-color: transparent;
  border-style: solid;
  left: 20px;
}
.__1e8c7 .attachment-preview::before {
  bottom: -10px;
  border-top-color: #4b9bd8;
}
.__1e8c7 .attachment-preview::after {
  bottom: -9px;
  border-top-color: white;
}
.__1e8c7 .attachment-preview img {
  height: 100%;
  width: 100%;
}
.__1e8c7 .attachment-preview .generating {
  font-size: 20px;
  text-align: center;
  margin-top: 77px;
}

.__1e8c7 .open-in {
  color: #656d78;
  margin-left: 10px;
}

.__1e8c7 .attachment {
  margin-bottom: 10px;
}
.__1e8c7 .attachment .file-type {
  text-transform: uppercase;
  text-align: center;
  float: left;
  width: 80px;
  padding: 10px;
  font-size: 20px;
  font-weight: bold;
  border: 1px solid #ccc;
  background-color: #f6f7fb;
  border-radius: 5px;
  margin-right: 10px;
  min-height: 48px;
}
.__1e8c7 .attachment .filename {
  line-height: 22px;
  color: #333;
}
.__1e8c7 .attachment a {
  line-height: 22px;
  color: #656d78;
  margin-right: 8px;
}
.__1e8c7 .attachment a:hover {
  text-decoration: none;
}

.__72a54 .avatars {
  display: inline-flex;
}
.__72a54 .avatars .full-name, .__72a54 .avatars .view-profile {
  display: inline-block;
}
.__72a54 .avatars .avatars-list-text {
  position: relative;
  top: 8px;
  margin-left: 10px;
}
.__72a54 .avatars .avatar {
  margin-left: -13px;
  position: relative;
  border: 3px solid #fff;
  border-radius: 50%;
  overflow: hidden;
  width: 36px;
  height: 36px;
  background-color: #fff;
}

.__0bb2a {
  position: relative;
  border-radius: 4px;
  width: 100%;
  background-color: #fff;
}
.__0bb2a .carousel-widget__navigation {
  position: absolute;
  z-index: 1;
  top: 50%;
}
.__0bb2a .carousel-widget__navigation--left {
  left: 0;
  transform: translate(-50%, -50%);
}
@media (max-width: 500px) {
  .__0bb2a .carousel-widget__navigation--left {
    transform: translate(-30%, -50%);
  }
}
.__0bb2a .carousel-widget__navigation--right {
  right: 0;
  transform: translate(50%, -50%);
}
@media (max-width: 500px) {
  .__0bb2a .carousel-widget__navigation--right {
    transform: translate(30%, -50%);
  }
}

.__a3cc5 {
  position: relative;
  z-index: 99;
}
.__a3cc5 .centered-spinner-body {
  position: absolute;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
}

.__24728 {
  box-shadow: 0 3px 10px #e6e9ed;
  border-radius: 20px;
  border: 0;
  padding: 10px 13px;
  background-color: #fff;
}
.__24728:focus {
  outline: 0;
}

.__24728 .circle-arrow-button__icon {
  font-size: 16px;
  color: #333;
}

.__07bd4 {
  display: flex;
}
.__07bd4:not(.floating-avatar) {
  width: 100%;
  height: 100%;
}
.__07bd4 .avatar-wrapper {
  width: 100%;
  height: 100%;
  background-size: cover;
  border-radius: 50%;
  background-position: center;
  background-color: #fff;
}
.__07bd4.floating-avatar {
  display: inline-block;
  margin-right: 5px;
  float: left;
}
.__07bd4.floating-avatar .avatar-wrapper {
  width: 36px;
  height: 36px;
  margin-right: 4px;
  margin-left: 4px;
}

.__020c2 {
  margin-bottom: 25px;
}
.__020c2 .collapsible-panel {
  border: 1px solid #e6e9ed;
  border-radius: 3px;
  display: flex;
}
.__020c2 .collapsible-panel__main-icon {
  color: #0e79c9;
  font-size: 36px;
  padding: 20px;
}
.__020c2 .collapsible-panel__details__title {
  color: #333;
  font-size: 16px;
  margin-top: 20px;
}
.__020c2 .collapsible-panel__details__description {
  color: #aab2bd;
  font-size: 14px;
}
.__020c2 .collapsible-panel__chevron-icon {
  align-self: center;
  margin-left: auto;
  margin-right: 20px;
}
.__020c2 .collapsible-panel:hover {
  border: 1px solid #0e79c9;
  box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.1);
}
.__020c2 .cp-Panel-body-inner {
  border: 1px solid #0e79c9;
  border-top: none;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.1);
  padding: 20px;
}
.__020c2 .cp-Panel-toggle {
  text-decoration: none;
}

.__020c2.collapsible-panel--opened .collapsible-panel {
  border-color: #0e79c9;
  border-bottom: none;
  box-shadow: none;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.__41afe textarea {
  outline: none;
}

.__14bed .comment-item__attachment-wrapper {
  display: flex;
  flex-direction: row;
}
.__14bed .comment-item__attachment {
  margin-right: 8px;
}

.__8b729 {
  border: 1px solid #e6e9ed;
  position: relative;
  margin: 0 auto;
  box-shadow: 1px 1px 2px 0 #ccd1d9;
}
.__8b729 .daily-agenda__header {
  display: flex;
  font-weight: normal;
  justify-content: space-between;
  padding: 0 20px;
  height: 61px;
}
.__8b729 .daily-agenda__header p {
  font-size: 16px;
  margin: 0;
}
.__8b729 .daily-agenda__header a {
  font-size: 14px;
}
.__8b729 .daily-agenda__body .scrollable-list-widget__list {
  padding-bottom: 20px;
}
.__8b729 .daily-agenda__body .scrollable-list-widget__list .scrollable-list-widget__item {
  padding: 0;
}
.__8b729 .daily-agenda__body .scrollable-list-widget__list .scrollable-list-widget__item:not(:first-child) {
  border-top: 0;
}
.__8b729 .sub-popup-wrapper {
  position: absolute;
  left: 23px;
}
.__8b729 .sub-popup-wrapper .sub-popup {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  box-shadow: 2px 2px 1px 0 #ddd, -3px 0 1px 0 #fff;
  margin-top: -9px;
  margin-left: -1px;
  padding: 4px;
}
.__8b729 .sub-popup-wrapper .sub-popup a {
  color: inherit;
  text-decoration: none;
}
.__8b729 .sub-popup-wrapper .sub-popup.set-assignment::after, .__8b729 .sub-popup-wrapper .sub-popup.set-assignment::before {
  right: 73%;
}
.__8b729 .sub-popup-wrapper .sub-popup.seating {
  width: 154px;
}
.__8b729 .sub-popup-wrapper .sub-popup.seating::after, .__8b729 .sub-popup-wrapper .sub-popup.seating::before {
  right: 42%;
}
.__8b729 .sub-popup-wrapper .sub-popup.behaviour::after, .__8b729 .sub-popup-wrapper .sub-popup.behaviour::before {
  right: 22%;
}
.__8b729 .sub-popup-wrapper .sub-popup.detentions {
  margin-left: 165px;
}
.__8b729 .sub-popup-wrapper .sub-popup.notices {
  margin-left: 172px;
}
.__8b729 .sub-popup-wrapper .sub-popup.notices::after, .__8b729 .sub-popup-wrapper .sub-popup.notices::before {
  right: 21.5%;
}
.__8b729 .sub-popup-wrapper .sub-popup::after, .__8b729 .sub-popup-wrapper .sub-popup::before {
  content: "";
  border: 12px solid transparent;
  top: -12px;
  height: 0;
  position: absolute;
  pointer-events: none;
  width: 0;
}
.__8b729 .sub-popup-wrapper .sub-popup::before {
  border-bottom-color: #ccd1d9;
  margin-top: -20px;
}
.__8b729 .sub-popup-wrapper .sub-popup::after {
  border-bottom-color: #fff;
  margin-top: -19px;
}
.__8b729 .sub-popup-wrapper .sub-popup__item {
  display: flex;
  padding: 5px;
  overflow: hidden;
}
.__8b729 .sub-popup-wrapper .sub-popup__item span {
  color: #0e79c9;
  height: 15px;
  padding-top: 3px;
  margin: 0;
  margin-right: 7px;
  width: 15px;
}
.__8b729 .sub-popup-wrapper .sub-popup .ti-pencil-alt {
  color: #8cc152;
}
.__8b729 .sub-popup-wrapper .sub-popup .linearicon-presentation {
  color: #ed5565;
}
.__8b729 .sub-popup-wrapper .sub-popup .linearicon-spell-check {
  color: #37bd9c;
}
.__8b729 .sub-popup-wrapper .sub-popup .ti-list {
  color: #f3a100;
}
.__8b729 .sub-popup-wrapper .sub-popup .linearicon-exclude {
  color: #0e79c9;
}
.__8b729 .sub-popup-wrapper .sub-popup .ti-clipboard {
  color: #967bdc;
}
.__8b729 .sub-popup-wrapper .sub-popup .linearicon-reading {
  color: #d770ad;
}

.__8b729 .agenda-item {
  margin-top: 20px;
}
.__8b729 .agenda-item__top {
  color: #3a3a3a;
  border-left: 3px solid #93CDF2;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  display: flex;
  background-color: #C2E8FD;
  justify-content: space-between;
  margin: 0 auto;
  padding: 10px;
  width: 90%;
}
.__8b729 .agenda-item__top.detention {
  background-color: rgba(218, 68, 83, 0.2);
  border-left: 3px solid rgba(218, 68, 83, 0.5);
}
.__8b729 .agenda-item__top.active-item {
  background-color: #fff0ed;
  border-left: 3px solid #fdb1a3;
}
.__8b729 .agenda-item__top .left-box {
  display: flex;
  flex-direction: column;
  line-height: 20px;
}
.__8b729 .agenda-item__top .left-box p {
  margin-bottom: 2px;
}
.__8b729 .agenda-item__top .left-box p:first-child {
  font-weight: 600;
}
.__8b729 .agenda-item__top .right-box__sign-area {
  display: flex;
  justify-content: flex-end;
}
.__8b729 .agenda-item__top .right-box__sign-area .sign {
  width: inherit;
}
.__8b729 .agenda-item__top .right-box__sign-area .sign--due-on {
  padding: 0 6px 1px 6px;
}
.__8b729 .agenda-item__top .right-box__sign-area .sign:last-child {
  margin-left: 5%;
}
.__8b729 .agenda-item__top .right-box .detention-triangle {
  color: #ed5565;
  float: right;
}
.__8b729 .agenda-item__top .right-box p {
  margin-bottom: 52%;
}
.__8b729 .agenda-item__bottom {
  border: 1px solid #e6e9ed;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  box-shadow: 0 1px 1px #e6e9ed;
  margin: auto;
  height: 60px;
  width: 90%;
}
.__8b729 .agenda-item__bottom .quick-actions {
  padding: 20px 10px;
}
.__8b729 .agenda-item__bottom .quick-actions .quick-actions-tooltip {
  padding: 0 5px;
  margin-left: -45px;
  width: 91px;
}
.__8b729 .agenda-item__bottom .quick-actions .quick-actions__item {
  border-color: #e6e9ed;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.05);
  font-size: 18px;
  margin-top: -8px;
}
.__8b729 .agenda-item.current-item .agenda-item__top {
  background-color: #fff0ed;
  border-left: 3px solid #fdb1a3;
}
.__8b729 .agenda-item.current-item .agenda-item__top.detention {
  background-color: rgba(218, 68, 83, 0.1);
  border-left: 3px solid #da4453;
}

.__292fe .content {
  margin-top: 20px;
  border: 1px solid #ccd1d9;
  border-radius: 3px;
}
.__292fe .content__title {
  color: #333;
  font-size: 16px;
  padding: 15px;
  border-bottom: 1px solid #ccd1d9;
  min-height: 50px;
}
.__292fe .content__tabs {
  border-bottom: 1px solid #ccd1d9;
}
.__292fe .content__tabs--content {
  list-style: none;
  margin: 0;
  display: flex;
  padding: 15px 0 0 15px;
  justify-content: flex-start;
  flex-direction: row;
  max-width: 100%;
  border-bottom: 0;
}
.__292fe .content__tabs .nav__item:last-child {
  padding-left: 20px;
}
.__292fe .content__tabs .nav__tab {
  background: none;
  height: 40px;
  overflow: hidden;
  padding-bottom: 7px;
  color: #656d78;
  text-decoration: none;
  font-weight: bold;
  border: 0;
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  cursor: pointer;
}
.__292fe .content__tabs .nav__tab:hover {
  color: #333;
}
.__292fe .content__tabs .nav__tab:focus {
  outline: 0;
}
.__292fe .content__tabs .nav--active-tab {
  border-bottom: 4px solid #0e79c9;
  color: #333;
}
.__292fe .content__tabs .nav--inactive-tab {
  padding-bottom: 9px;
}
.__292fe .content__body {
  padding: 15px;
  overflow: hidden;
  height: auto;
}
.__292fe .content__column {
  border: 1px solid #ccd1d9;
  border-top: 0;
  background-color: #f6f7fb;
}
.__292fe .content__column:first-child {
  width: 5%;
  border-left: 0;
}
.__292fe .content__column:last-child {
  border-right: 0;
  width: 5%;
}
.__292fe .content__column--attached {
  width: 182px;
  max-width: 182px;
}
.__292fe .content__row:nth-child(even) {
  background-color: #f6f7fb;
}
.__292fe .content__cell {
  border-left: 1px solid #ccd1d9;
  border-top: 0;
  padding: 15px;
}
.__292fe .content__cell:first-child {
  border-left: 0;
  text-align: center;
}
.__292fe .content .cell-rows {
  display: flex;
  flex-wrap: wrap;
  margin-top: 5px;
}
.__292fe .content .cell-rows__item {
  margin-right: 15px;
}
.__292fe .content .cell-rows__item:first-child {
  padding-top: 2px;
}
.__292fe .content .cell-rows__item .cell-rows__item--linearicon-cross, .__292fe .content .cell-rows__item .cell-rows__item--linearicon-check {
  font-weight: bolder;
}
.__292fe .content .cell-rows__item--linearicon-check {
  color: #8dc153;
}
.__292fe .content .cell-rows__item--linearicon-cross {
  color: #b7404b;
}
.__292fe .content .cell-rows__item--link {
  color: #0e79c9;
  cursor: pointer;
}
.__292fe .content__cell--link {
  color: #0e79c9;
  cursor: pointer;
}
.__292fe .content__cell--clickable {
  cursor: pointer;
}
.__292fe .content__percentage {
  display: flex;
}
.__292fe .content__percentage--text {
  min-width: 28px;
}

.__2153f .demo-browser-tab__body {
  background-color: #f6f7fb;
  border-radius: 4px;
  height: 390px;
  background-size: cover;
  background-position: 0 100px;
  background-repeat: no-repeat;
}
.__2153f .demo-browser-tab__body .nav-bar {
  align-items: center;
  background-color: #e6e9ed;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  display: flex;
  height: 40px;
  justify-content: space-evenly;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .__2153f .demo-browser-tab__body .nav-bar {
    justify-content: center;
  }
}
@supports (-ms-ime-align: auto) {
  .__2153f .demo-browser-tab__body .nav-bar {
    justify-content: space-between;
    padding: 0 15px;
  }
}
.__2153f .demo-browser-tab__body .nav-bar__item {
  font-size: 16px;
  margin-top: 8px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .__2153f .demo-browser-tab__body .nav-bar__item {
    margin-right: 25px;
  }
}
.__2153f .demo-browser-tab__body .nav-bar__item .linearicon-book {
  font-size: 21px;
}
.__2153f .demo-browser-tab__body .nav-bar .address-bar {
  background-color: #fff;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  padding: 4px 3px 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 60%;
  max-width: 280px;
}

.__ead82 {
  padding: 15px 25px;
}

.__ead82 .discussion-panel__form-preface--bold {
  color: #333;
  font-weight: 600;
}
.__ead82 .discussion-panel__form-container, .__ead82 .discussion-panel__feed-container {
  width: 56%;
}
.__ead82 .discussion-panel__feed-container .comment-item--peer .comment-item__row {
  position: relative;
}
.__ead82 .discussion-panel__feed-container .comment-item--peer .comment-item__avatar {
  position: absolute;
  right: -73px;
}
.__ead82 .discussion-panel__feed-container .comment-item--peer .comment-item__body {
  margin-left: calc(100% / 9);
}
.__ead82 .discussion-panel__feed-container .comment-item--peer .comment-item__content::before {
  border-width: 12px 0 12px 12px;
  left: unset;
  right: -13px;
}
.__ead82 .discussion-panel__feed-container .comment-item--peer .comment-item__content::after {
  border-width: 12px 0 12px 12px;
  left: unset;
  right: -12px;
}

.__e0454 .full-text-tooltip {
  bottom: 33px;
  width: auto;
  height: 24px;
  padding-left: 5px;
  padding-right: 5px;
}
.__e0454 .full-text-tooltip::after {
  top: 100%;
  left: 20%;
  border-top: 8px solid #000000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

.__e0454 .shortened-text {
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}

.__daa37 {
  padding: 10px 28px;
  background: #fff;
  border-bottom: 1px solid #e6e9ed;
  border-left: 1px solid #e6e9ed;
}
.__daa37 .actions {
  display: flex;
  flex-wrap: wrap;
}
.__daa37 .actions .item {
  margin: 0 5px;
}
.__daa37 .btn {
  border-color: #e6e9ed;
  color: #656d78;
}
.__daa37 .btn.btn-success {
  border-color: transparent;
  color: #fff;
}
.__daa37 .btn.btn-success:hover {
  background-color: #8cc152;
  border-color: #72a53b;
}
.__daa37 .export .fa {
  color: #46bb9b;
}
.__daa37 .scheduled-reports-link .fa {
  color: #4d91cf;
}

.__daa37 .filter-bar__zero-padding {
  padding: 0;
}

.__daa37 .form-group {
  margin-bottom: 0;
}

.__daa37 .container-fluid, .__daa37 .only-icon {
  padding-left: 0;
  padding-right: 0;
}

.__daa37 .filter-bar-element {
  width: 20%;
  float: left;
  padding-right: 10px;
}
.__daa37 .filter-bar-element:last-child {
  padding-right: 0;
}

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

.__daa37 .four .filter-bar-element {
  width: 25%;
}

@media (max-width: 500px) {
  .__daa37 .filter-bar-element {
    width: 100%;
    margin-bottom: 5px;
    height: 32px;
    padding-right: 0;
  }
}
.__ce6a7 .smhw-editor-theme.fr-box.fr-basic .fr-element {
  color: #656d78;
  padding: 10px;
  min-height: 40px;
}

.__ce6a7 .smhw-editor-theme.fr-box a.fr-floating-btn {
  box-shadow: none;
  height: 32px;
  width: 32px;
  background: #ffffff;
  color: #1e88e5;
  left: 0;
  top: 0;
  line-height: 32px;
  border: none;
}

.__ce6a7 .smhw-editor-theme.fr-box a.fr-floating-btn svg {
  fill: #1e88e5;
}

.__ce6a7 .smhw-editor-theme.fr-box a.fr-floating-btn i {
  font-size: 12px;
  line-height: 32px;
}

.__ce6a7 .smhw-editor-theme.fr-box a.fr-floating-btn:hover {
  background: #ebebeb;
}

.__ce6a7 .smhw-editor-theme.fr-box a.fr-floating-btn:hover svg {
  fill: #1e88e5;
}

.__ce6a7 .smhw-editor-theme .fr-wrapper .fr-placeholder {
  font-size: 12px;
  color: #aaaaaa;
  top: 0;
  left: 0;
  right: 0;
}

.__ce6a7 .smhw-editor-theme .fr-wrapper ::-moz-selection {
  background: #b5d6fd;
  color: #000000;
}

.__ce6a7 .smhw-editor-theme .fr-wrapper ::selection {
  background: #b5d6fd;
  color: #000000;
}

.__ce6a7 .smhw-editor-theme .fr-wrapper ::-moz-selection {
  background: #b5d6fd;
  color: #000000;
}

.__ce6a7 .smhw-editor-theme.fr-box.fr-basic .fr-wrapper {
  background: #ffffff;
  border: 1px solid #ccc;
  border-top: 0;
  top: 0;
  left: 0;
}

.__ce6a7 .smhw-editor-theme.fr-box.fr-basic.fr-top .fr-wrapper {
  border-top: 0;
  box-shadow: none;
  border-radius: 0 0 4px 4px;
}

.__ce6a7 .smhw-editor-theme.fr-box.fr-basic.fr-bottom .fr-wrapper {
  border-bottom: 0;
  border-radius: 2px 2px 0 0;
  box-shadow: none;
}

.__ce6a7 .smhw-editor-theme .fr-sticky-on.fr-sticky-ios {
  left: 0;
  right: 0;
}

.__ce6a7 .smhw-editor-theme.fr-box .fr-counter {
  color: #ccc;
  background: #ffffff;
  border-top: solid 1px #ebebeb;
  border-left: solid 1px #ebebeb;
  border-radius: 2px 0 0 0;
}

.__ce6a7 .smhw-editor-theme.fr-box.fr-rtl .fr-counter {
  right: auto;
  border-right: solid 1px #ebebeb;
  border-radius: 0 2px 0 0;
}

.__ce6a7 .smhw-editor-theme textarea.fr-code {
  background: #ffffff;
  color: #000000;
}

.__ce6a7 .smhw-editor-theme.fr-box.fr-code-view.fr-inline {
  box-shadow: none;
}

.__ce6a7 .smhw-editor-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch {
  top: 0;
  right: 0;
  box-shadow: none;
  background: #ffffff;
  color: #222222;
  outline: 0;
  border: 0;
  padding: 9px 9px;
}

.__ce6a7 .smhw-editor-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch i {
  font-size: 12px;
  width: 12px;
}

.__ce6a7 .smhw-editor-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover {
  background: #ebebeb;
}

.__ce6a7 .smhw-editor-theme.fr-popup .fr-colors-tabs {
  box-shadow: none;
}

.__ce6a7 .smhw-editor-theme.fr-popup .fr-colors-tabs .fr-colors-tab {
  color: #656d78;
  padding: 8px 0;
}

.__ce6a7 .smhw-editor-theme.fr-popup .fr-colors-tabs .fr-colors-tab:hover,
.__ce6a7 .smhw-editor-theme.fr-popup .fr-colors-tabs .fr-colors-tab:focus {
  color: #1e88e5;
}

.__ce6a7 .smhw-editor-theme.fr-popup .fr-colors-tabs .fr-colors-tab[data-param1=background]::after {
  bottom: 0;
  left: 0;
  background: #1e88e5;
}

.__ce6a7 .smhw-editor-theme.fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab {
  color: #1e88e5;
}

.__ce6a7 .smhw-editor-theme.fr-popup .fr-color-set {
  line-height: 0;
}

.__ce6a7 .smhw-editor-theme.fr-popup .fr-color-set > span > i {
  bottom: 0;
  left: 0;
}

.__ce6a7 .smhw-editor-theme.fr-popup .fr-color-set > span .fr-selected-color {
  color: #ffffff;
  font-weight: 400;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.__ce6a7 .smhw-editor-theme.fr-popup .fr-color-set > span:hover,
.__ce6a7 .smhw-editor-theme.fr-popup .fr-color-set > span:focus {
  outline: 1px solid #656d78;
}

.__ce6a7 .smhw-editor-theme .fr-drag-helper {
  background: #1e88e5;
}

.__ce6a7 .smhw-editor-theme.fr-popup .fr-link:focus {
  background: #ebebeb;
}

.__ce6a7 .smhw-editor-theme .fr-file-upload-layer {
  border: dashed 2px #bdbdbd;
  padding: 25px 0;
}

.__ce6a7 .smhw-editor-theme .fr-file-upload-layer:hover {
  background: #ebebeb;
}

.__ce6a7 .smhw-editor-theme .fr-file-upload-layer.fr-drop {
  background: #ebebeb;
  border-color: #1e88e5;
}

.__ce6a7 .smhw-editor-theme .fr-file-upload-layer .fr-form {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.__ce6a7 .smhw-editor-theme .fr-file-progress-bar-layer > h3 {
  margin: 10px 0;
}

.__ce6a7 .smhw-editor-theme .fr-file-progress-bar-layer > div.fr-loader {
  background: #bcdbf7;
}

.__ce6a7 .smhw-editor-theme .fr-file-progress-bar-layer > div.fr-loader span {
  background: #1e88e5;
}

.__ce6a7 .smhw-editor-theme .fr-file-progress-bar-layer > div.fr-loader.fr-indeterminate span {
  top: 0;
}

.__ce6a7 .smhw-editor-theme.fr-box.fr-fullscreen {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.__ce6a7 .smhw-editor-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr {
  border: 0;
}

.__ce6a7 .smhw-editor-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr {
  border-bottom: solid 1px #ebebeb;
}

.__ce6a7 .smhw-editor-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child {
  color: #9399a1;
}

.__ce6a7 .smhw-editor-theme.fr-modal-head .fr-modal-head-line i.fr-modal-more.fr-not-available {
  opacity: 0;
  width: 0;
  padding: 12px 0;
}

.__ce6a7 .smhw-editor-theme.fr-modal-head .fr-modal-tags a {
  opacity: 0;
  color: #1e88e5;
}

.__ce6a7 .smhw-editor-theme.fr-modal-head .fr-modal-tags a.fr-selected-tag {
  background: #d6d6d6;
}

.__ce6a7 .smhw-editor-theme.smhw-editor-theme.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a:hover {
  background: #ebebeb;
}

.__ce6a7 .smhw-editor-theme.smhw-editor-theme.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a.fr-selected-tag {
  background: #d6d6d6;
}

.__ce6a7 .smhw-editor-theme.smhw-editor-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover {
  background: #bf4644;
  color: #ffffff;
}

.__ce6a7 .smhw-editor-theme.smhw-editor-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover {
  background: #ebebeb;
}

.__ce6a7 .smhw-editor-theme .fr-line-breaker {
  border-top: 1px solid #1e88e5;
}

.__ce6a7 .smhw-editor-theme .fr-line-breaker a.fr-floating-btn {
  left: calc(34%);
  top: -16px;
}

.__ce6a7 .smhw-editor-theme .fr-qi-helper {
  padding-left: 10px;
}

.__ce6a7 .smhw-editor-theme .fr-qi-helper a.fr-btn.fr-floating-btn {
  color: #656d78;
}

.__ce6a7 .smhw-editor-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal .fr-special-character {
  border: 1px solid #ccc;
}

.__ce6a7 .smhw-editor-theme .fr-element table td.fr-selected-cell,
.__ce6a7 .smhw-editor-theme .fr-element table th.fr-selected-cell {
  border: 1px double #1e88e5;
}

.__ce6a7 .smhw-editor-theme .fr-table-resizer div {
  border-right: 1px solid #1e88e5;
}

.__ce6a7 .smhw-editor-theme.fr-popup .fr-table-size .fr-select-table-size {
  line-height: 0;
}

.__ce6a7 .smhw-editor-theme.fr-popup .fr-table-size .fr-select-table-size > span {
  padding: 0px 4px 4px 0;
}

.__ce6a7 .smhw-editor-theme.fr-popup .fr-table-size .fr-select-table-size > span > span {
  border: 1px solid #dddddd;
}

.__ce6a7 .smhw-editor-theme.fr-popup .fr-table-size .fr-select-table-size > span.hover > span {
  background: rgba(30, 136, 229, 0.3);
  border: solid 1px #1e88e5;
}

.__ce6a7 .smhw-editor-theme.fr-popup .fr-table-colors {
  line-height: 0;
}

.__ce6a7 .smhw-editor-theme.fr-popup .fr-table-colors > span > i {
  bottom: 0;
  left: 0;
}

.__ce6a7 .smhw-editor-theme.fr-popup .fr-table-colors > span:focus {
  outline: 1px solid #656d78;
}

.__ce6a7 .smhw-editor-theme .fr-element .fr-video::after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.__ce6a7 .smhw-editor-theme .fr-view strong {
  font-weight: 700;
}

.__ce6a7 .smhw-editor-theme .fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
  background: #f5f5f5;
}

.__ce6a7 .smhw-editor-theme .fr-view table td,
.__ce6a7 .smhw-editor-theme .fr-view table th {
  border: 1px solid #dddddd;
}

.__ce6a7 .smhw-editor-theme .fr-view table th {
  background: #f0f0f2;
}

.__ce6a7 .smhw-editor-theme .fr-view[dir=rtl] blockquote {
  border-right: solid 2px #5e35b1;
  margin-right: 0;
}

.__ce6a7 .smhw-editor-theme .fr-view[dir=rtl] blockquote blockquote {
  border-color: #00bcd4;
}

.__ce6a7 .smhw-editor-theme .fr-view[dir=rtl] blockquote blockquote blockquote {
  border-color: #43a047;
}

.__ce6a7 .smhw-editor-theme .fr-view blockquote {
  border-left: solid 2px #5e35b1;
  margin-left: 0;
  color: #5e35b1;
}

.__ce6a7 .smhw-editor-theme .fr-view blockquote blockquote {
  border-color: #00bcd4;
  color: #00bcd4;
}

.__ce6a7 .smhw-editor-theme .fr-view blockquote blockquote blockquote {
  border-color: #43a047;
  color: #43a047;
}

.__ce6a7 .smhw-editor-theme .fr-view span.fr-emoticon {
  line-height: 0;
}

.__ce6a7 .smhw-editor-theme .fr-view span.fr-emoticon.fr-emoticon-img {
  font-size: inherit;
}

.__ce6a7 .smhw-editor-theme .fr-view .fr-text-bordered {
  padding: 10px 0;
}

.__ce6a7 .smhw-editor-theme .fr-tooltip {
  top: 0;
  left: 0;
  box-shadow: none;
  background: #222222;
  color: #ffffff;
  font-size: 11px;
  line-height: 22px;
}

.__ce6a7 .smhw-editor-theme.fr-toolbar .fr-command.fr-btn,
.__ce6a7 .smhw-editor-theme.fr-popup .fr-command.fr-btn {
  color: #222222;
  outline: 0;
  border: 0;
  margin: 0px 2px;
  padding: 0;
  width: 32px;
  height: 32px;
}

.__ce6a7 .smhw-editor-theme.fr-toolbar .fr-command.fr-btn::-moz-focus-inner,
.__ce6a7 .smhw-editor-theme.fr-popup .fr-command.fr-btn::-moz-focus-inner {
  border: 0;
}

.__ce6a7 .smhw-editor-theme.fr-toolbar .fr-command.fr-btn.fr-btn-text,
.__ce6a7 .smhw-editor-theme.fr-popup .fr-command.fr-btn.fr-btn-text {
  width: auto;
}

.__ce6a7 .smhw-editor-theme.fr-toolbar .fr-command.fr-btn i,
.__ce6a7 .smhw-editor-theme.fr-popup .fr-command.fr-btn i {
  font-size: 12px;
  width: 12px;
  margin: 9px 9px;
}

.__ce6a7 .smhw-editor-theme.fr-toolbar .fr-command.fr-btn span,
.__ce6a7 .smhw-editor-theme.fr-popup .fr-command.fr-btn span {
  font-size: 12px;
  line-height: 17px;
  min-width: 32px;
  height: 17px;
  padding: 0 2px;
}

.__ce6a7 .smhw-editor-theme.fr-toolbar .fr-command.fr-btn img,
.__ce6a7 .smhw-editor-theme.fr-popup .fr-command.fr-btn img {
  margin: 9px 9px;
  width: 12px;
}

.__ce6a7 .smhw-editor-theme.fr-toolbar .fr-command.fr-btn.fr-active,
.__ce6a7 .smhw-editor-theme.fr-popup .fr-command.fr-btn.fr-active {
  color: #1e88e5;
  background: transparent;
}

.__ce6a7 .smhw-editor-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection,
.__ce6a7 .smhw-editor-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection {
  width: auto;
}

.__ce6a7 .smhw-editor-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown i,
.__ce6a7 .smhw-editor-theme.fr-popup .fr-command.fr-btn.fr-dropdown i,
.__ce6a7 .smhw-editor-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown span,
.__ce6a7 .smhw-editor-theme.fr-popup .fr-command.fr-btn.fr-dropdown span,
.__ce6a7 .smhw-editor-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown img,
.__ce6a7 .smhw-editor-theme.fr-popup .fr-command.fr-btn.fr-dropdown img {
  margin-left: 5px;
  margin-right: 13px;
}

.__ce6a7 .smhw-editor-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,
.__ce6a7 .smhw-editor-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active {
  color: #222222;
  background: #d6d6d6;
}

.__ce6a7 .smhw-editor-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.__ce6a7 .smhw-editor-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.__ce6a7 .smhw-editor-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus,
.__ce6a7 .smhw-editor-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus {
  background: #d6d6d6 !important;
  color: #222222 !important;
}

.__ce6a7 .smhw-editor-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,
.__ce6a7 .smhw-editor-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,
.__ce6a7 .smhw-editor-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus::after,
.__ce6a7 .smhw-editor-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus::after {
  border-top-color: #222222 !important;
}

.__ce6a7 .smhw-editor-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown::after,
.__ce6a7 .smhw-editor-theme.fr-popup .fr-command.fr-btn.fr-dropdown::after {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #222222;
  right: 2.5px;
  top: 12px;
}

.__ce6a7 .smhw-editor-theme.fr-toolbar .fr-command.fr-btn.fr-disabled,
.__ce6a7 .smhw-editor-theme.fr-popup .fr-command.fr-btn.fr-disabled {
  color: #bdbdbd;
}

.__ce6a7 .smhw-editor-theme.fr-toolbar .fr-command.fr-btn.fr-disabled::after,
.__ce6a7 .smhw-editor-theme.fr-popup .fr-command.fr-btn.fr-disabled::after {
  border-top-color: #bdbdbd !important;
}

.__ce6a7 .smhw-editor-theme.fr-toolbar.fr-disabled .fr-btn,
.__ce6a7 .smhw-editor-theme.fr-popup.fr-disabled .fr-btn,
.__ce6a7 .smhw-editor-theme.fr-toolbar.fr-disabled .fr-btn.fr-active,
.__ce6a7 .smhw-editor-theme.fr-popup.fr-disabled .fr-btn.fr-active {
  color: #bdbdbd;
}

.__ce6a7 .smhw-editor-theme.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after,
.__ce6a7 .smhw-editor-theme.fr-popup.fr-disabled .fr-btn.fr-dropdown::after,
.__ce6a7 .smhw-editor-theme.fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after,
.__ce6a7 .smhw-editor-theme.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after {
  border-top-color: #bdbdbd;
}

.__ce6a7 .smhw-editor-theme.fr-desktop .fr-command:hover,
.__ce6a7 .smhw-editor-theme.fr-desktop .fr-command:focus {
  color: #222222;
  background: #ebebeb;
}

.__ce6a7 .smhw-editor-theme.fr-desktop .fr-command:hover::after,
.__ce6a7 .smhw-editor-theme.fr-desktop .fr-command:focus::after {
  border-top-color: #222222 !important;
}

.__ce6a7 .smhw-editor-theme.fr-desktop .fr-command.fr-selected {
  color: #222222;
  background: #d6d6d6;
}

.__ce6a7 .smhw-editor-theme.fr-desktop .fr-command.fr-active:hover,
.__ce6a7 .smhw-editor-theme.fr-desktop .fr-command.fr-active:focus {
  color: #1e88e5;
  background: #ebebeb;
}

.__ce6a7 .smhw-editor-theme.fr-desktop .fr-command.fr-active.fr-selected {
  color: #1e88e5;
  background: #d6d6d6;
}

.__ce6a7 .smhw-editor-theme.fr-toolbar.fr-mobile .fr-command.fr-blink,
.__ce6a7 .smhw-editor-theme.fr-popup.fr-mobile .fr-command.fr-blink {
  background: transparent;
}

.__ce6a7 .smhw-editor-theme .fr-command.fr-btn + .fr-dropdown-menu {
  right: auto;
  bottom: auto;
  height: auto;
}

.__ce6a7 .smhw-editor-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper {
  background: #fafafa;
  padding: 0;
  margin: auto;
  margin-top: 0;
  max-height: 0;
  height: 0;
}

.__ce6a7 .smhw-editor-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content {
  overflow: auto;
  max-height: 275px;
}

.__ce6a7 .smhw-editor-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
  margin: 0;
  padding: 0;
}

.__ce6a7 .smhw-editor-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li {
  padding: 0;
  margin: 0;
}

.__ce6a7 .smhw-editor-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
  color: inherit;
}

.__ce6a7 .smhw-editor-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
  background: #d6d6d6;
}

.__ce6a7 .smhw-editor-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled {
  color: #bdbdbd;
}

.__ce6a7 .smhw-editor-theme .fr-command.fr-btn.fr-active + .fr-dropdown-menu {
  box-shadow: none;
}

.__ce6a7 .smhw-editor-theme .fr-command.fr-btn.fr-active + .fr-dropdown-menu .fr-dropdown-wrapper {
  height: auto;
  max-height: 275px;
}

.__ce6a7 .smhw-editor-theme .fr-bottom > .fr-command.fr-btn + .fr-dropdown-menu {
  border-radius: 2px 2px 0 0;
  box-shadow: none;
}

.__ce6a7 .smhw-editor-theme.fr-modal {
  color: #656d78;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.__ce6a7 .smhw-editor-theme.fr-modal .fr-modal-wrapper {
  margin: 20px auto;
  background: #ffffff;
  box-shadow: none;
  border: 1px solid #ccc;
  border-top: 1px solid #ccc;
  font-family: "Open Sans" !important;
}

@media (min-width: 768px) and (max-width: 991px) {
  .__ce6a7 .smhw-editor-theme.fr-modal .fr-modal-wrapper {
    margin: 30px auto;
  }
}
@media (min-width: 992px) {
  .__ce6a7 .smhw-editor-theme.fr-modal .fr-modal-wrapper {
    margin: 50px auto;
  }
}
.__ce6a7 .smhw-editor-theme.fr-modal .fr-modal-wrapper .fr-modal-head {
  background: #fafafa;
  box-shadow: none;
  border-bottom: 1px solid #ccc;
}

.__ce6a7 .smhw-editor-theme.fr-modal .fr-modal-wrapper .fr-modal-head i {
  color: #656d78;
}

.__ce6a7 .smhw-editor-theme.fr-modal .fr-modal-wrapper .fr-modal-head i.fr-modal-close {
  top: 0;
  right: 0;
}

.__ce6a7 .smhw-editor-theme.fr-modal .fr-modal-wrapper .fr-modal-head h4 {
  margin: 0;
  font-weight: 400;
}

.__ce6a7 .smhw-editor-theme.smhw-editor-theme.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover {
  background: #ebebeb;
}

.__ce6a7 .smhw-editor-theme.fr-overlay {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000000;
}

.__ce6a7 .smhw-editor-theme.fr-popup {
  color: #656d78;
  background: #fafafa;
  box-shadow: none;
  border: 1px solid #ccc;
  border-top: 1px solid #ccc;
}

.__ce6a7 .smhw-editor-theme.fr-popup .fr-input-focus {
  background: #f5f5f5;
}

.__ce6a7 .smhw-editor-theme.fr-popup.fr-above {
  border-top: 0;
  border-bottom: 1px solid #ccc;
  box-shadow: none;
}

.__ce6a7 .smhw-editor-theme.fr-popup .fr-input-line {
  padding: 8px 0;
}

.__ce6a7 .smhw-editor-theme.fr-popup .fr-input-line input[type=text],
.__ce6a7 .smhw-editor-theme.fr-popup .fr-input-line textarea {
  margin: 0px 0 1px 0;
  border-bottom: solid 1px #bdbdbd;
  color: #656d78;
}

.__ce6a7 .smhw-editor-theme.fr-popup .fr-input-line input[type=text]:focus,
.__ce6a7 .smhw-editor-theme.fr-popup .fr-input-line textarea:focus {
  border-bottom: solid 2px #1e88e5;
}

.__ce6a7 .smhw-editor-theme.fr-popup .fr-input-line input + label,
.__ce6a7 .smhw-editor-theme.fr-popup .fr-input-line textarea + label {
  top: 0;
  left: 0;
  background: #fafafa;
}

.__ce6a7 .smhw-editor-theme.fr-popup .fr-input-line input.fr-not-empty:focus + label,
.__ce6a7 .smhw-editor-theme.fr-popup .fr-input-line textarea.fr-not-empty:focus + label {
  color: #1e88e5;
}

.__ce6a7 .smhw-editor-theme.fr-popup .fr-input-line input.fr-not-empty + label,
.__ce6a7 .smhw-editor-theme.fr-popup .fr-input-line textarea.fr-not-empty + label {
  color: #808080;
}

.__ce6a7 .smhw-editor-theme.fr-popup .fr-buttons {
  box-shadow: none;
  padding: 0 2px;
  line-height: 0;
  border-bottom: 1px solid #ccc;
}

.__ce6a7 .smhw-editor-theme.fr-popup .fr-layer {
  width: 225px;
}

@media (min-width: 768px) {
  .__ce6a7 .smhw-editor-theme.fr-popup .fr-layer {
    width: 300px;
  }
}
.__ce6a7 .smhw-editor-theme.fr-popup .fr-action-buttons button.fr-command {
  color: #1e88e5;
}

.__ce6a7 .smhw-editor-theme.fr-popup .fr-action-buttons button.fr-command:hover,
.__ce6a7 .smhw-editor-theme.fr-popup .fr-action-buttons button.fr-command:focus {
  background: #ebebeb;
  color: #1e88e5;
}

.__ce6a7 .smhw-editor-theme.fr-popup .fr-action-buttons button.fr-command:active {
  background: #d6d6d6;
  color: #1e88e5;
}

.__ce6a7 .smhw-editor-theme.fr-popup .fr-action-buttons button::-moz-focus-inner {
  border: 0;
}

.__ce6a7 .smhw-editor-theme.fr-popup .fr-checkbox span {
  border: solid 1px #656d78;
}

.__ce6a7 .smhw-editor-theme.fr-popup .fr-checkbox input {
  margin: 0;
  padding: 0;
}

.__ce6a7 .smhw-editor-theme.fr-popup .fr-checkbox input:checked + span {
  background: #1e88e5;
  border-color: #1e88e5;
}

.__ce6a7 .smhw-editor-theme.fr-popup .fr-checkbox input:focus + span {
  border-color: #1e88e5;
}

.__ce6a7 .smhw-editor-theme.fr-popup.fr-rtl .fr-input-line input + label,
.__ce6a7 .smhw-editor-theme.fr-popup.fr-rtl .fr-input-line textarea + label {
  left: auto;
  right: 0;
}

.__ce6a7 .smhw-editor-theme.fr-popup .fr-arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #ccc;
  top: -9px;
  margin-left: -5px;
}

.__ce6a7 .smhw-editor-theme.fr-popup.fr-above .fr-arrow {
  top: auto;
  bottom: -9px;
  border-bottom: 0;
  border-top: 5px solid #ccc;
}

.__ce6a7 .smhw-editor-theme.fr-toolbar {
  color: #656d78;
  background: #fafafa;
  padding: 0 2px;
  box-shadow: none;
  border: 1px solid #ccc;
  border-top: 1px solid #ccc;
}

.__ce6a7 .smhw-editor-theme.fr-toolbar.fr-inline .fr-arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #ccc;
  top: -9px;
  margin-left: -5px;
}

.__ce6a7 .smhw-editor-theme.fr-toolbar.fr-inline.fr-above {
  box-shadow: none;
  border-bottom: 1px solid #ccc;
  border-top: 0;
}

.__ce6a7 .smhw-editor-theme.fr-toolbar.fr-inline.fr-above .fr-arrow {
  top: auto;
  bottom: -9px;
  border-bottom: 0;
  border-top-color: inherit;
  border-top-width: 5px;
}

.__ce6a7 .smhw-editor-theme.fr-toolbar.fr-top {
  top: 0;
  border-radius: 4px 4px 0 0;
  box-shadow: none;
}

.__ce6a7 .smhw-editor-theme.fr-toolbar.fr-bottom {
  bottom: 0;
  box-shadow: none;
}

.__ce6a7 .smhw-editor-theme .fr-separator {
  background: #ebebeb;
}

.__ce6a7 .smhw-editor-theme .fr-separator.fr-vs {
  height: 28px;
  width: 1;
  margin: 2px;
}

.__ce6a7 .smhw-editor-theme .fr-separator.fr-hs {
  height: 1;
  width: calc(96%);
  margin: 0 2px;
}

.__827c9 {
  height: 50px;
  display: flex;
  align-items: center;
  position: relative;
  width: 260px;
  margin-right: 10px;
}
.__827c9 .loading-spinner {
  height: 20px;
}
.__827c9 .loading-spinner svg {
  width: 20px;
}
.__827c9 input {
  background: #fff;
  border-radius: 4px;
  padding: 0 25px 0 10px;
  width: 260px;
  font-size: 13px;
  border: none;
  height: 30px;
  color: #000000;
}
.__827c9 input::-webkit-input-placeholder {
  color: #656d78;
  font-size: 13px;
}
.__827c9 input::-moz-placeholder {
  color: #656d78;
  font-size: 13px;
}
.__827c9 input:-moz-placeholder {
  color: #656d78;
  font-size: 13px;
}
.__827c9 input:-ms-input-placeholder {
  color: #656d78;
  font-size: 13px;
}
.__827c9 input:focus {
  outline: none;
  box-shadow: 0 0 5px -1px #BDDDFD;
}
.__827c9::after {
  content: "";
  font-family: "Pe-icon-7-stroke";
  font-size: 20px;
  color: #000000;
  position: absolute;
  right: 0;
  top: 50%;
  width: 25px;
  margin-top: -11px;
}
.__827c9 .results-list {
  display: none;
  position: absolute;
  padding: 0;
  box-shadow: 0 0 2px #ccd1d9;
  border: 1px solid #ccd1d9;
  background-color: white;
  border-radius: 3px;
  margin-top: 3px;
  right: 0;
  top: 50px;
  z-index: 500;
  list-style: none;
  width: 300px;
}
.__827c9 .results-list:hover {
  cursor: pointer;
}
.__827c9 .results-list::after,
.__827c9 .results-list li:first-child::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 75%;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-bottom: 10px solid #FFF;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}
.__827c9 .results-list::before,
.__827c9 .results-list li:first-child::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 75%;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-bottom: 10px solid #000;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}
.__827c9 .results-list.enabled {
  display: block;
}
.__827c9 .results-list li {
  padding: 10px;
  border-bottom: 1px solid #e6e9ed;
  display: flex;
  position: relative;
}
.__827c9 .results-list li .picture {
  margin-left: 5px;
  width: 50px;
  float: left;
  display: flex;
  margin-left: 6px;
}
.__827c9 .results-list li .picture i {
  font-size: 50px;
}
.__827c9 .results-list li .picture .user-profile-picture img {
  width: 50px;
  height: 50px;
  border-radius: 50px;
}
.__827c9 .results-list li .student-name {
  display: flex;
  flex-direction: column;
  max-width: 200px;
  float: left;
}
.__827c9 .results-list li .student-name strong, .__827c9 .results-list li .student-name .details {
  padding-left: 20px;
}
.__827c9 .results-list li .type-container {
  display: flex;
  float: left;
  width: 20px;
}
.__827c9 .results-list li .type-container .color-box {
  width: 10px;
  height: 10px;
  margin-top: 10px;
}
.__827c9 .results-list li .submission-text {
  float: left;
  max-width: 240px;
}
.__827c9 .results-list li .submission-text p {
  margin: 5px 0;
}
.__827c9 .results-list li .submission-text .title {
  display: inline-block;
  max-width: 180px;
  margin-top: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.__827c9 .results-list li .submission-text .due-date {
  position: absolute;
  right: 10px;
  top: 10px;
  padding: 5px;
  display: inline-block;
  color: white;
  border-radius: 5px;
  background-color: #da4453;
}
.__827c9 .results-list li.active, .__827c9 .results-list li:hover {
  background: #f6f7fb;
}
.__827c9 .results-list li.active:first-child::after, .__827c9 .results-list li:hover:first-child::after {
  border-bottom: 10px solid #f6f7fb;
  z-index: 999;
}
.__827c9 .results-list li:last-child {
  border-bottom: none;
}
.__827c9 .no-results {
  display: none;
  position: absolute;
  padding: 10px;
  box-shadow: 0 0 2px #ccd1d9;
  border: 1px solid #ccd1d9;
  background-color: white;
  border-radius: 3px;
  margin-top: 3px;
  right: 0;
  top: 50px;
  z-index: 500;
  list-style: none;
  width: 300px;
}
.__827c9 .no-results::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 75%;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-bottom: 10px solid #FFF;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}
.__827c9 .no-results::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 75%;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-bottom: 10px solid #000;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}
.__827c9 .no-results.enabled {
  display: block;
}
.__827c9 .no-results.searching {
  display: flex;
  padding-left: 30%;
}
.__827c9 .no-results.searching .loading-spinner {
  width: 120px;
  margin-left: -40px;
}

@media (max-width: 877px) {
  .__827c9 input, .__827c9 {
    width: 170px;
  }
}
@media (max-width: 350px) {
  .__827c9 {
    display: none;
  }
}
.__39e5e .form-group {
  margin-bottom: 0;
  margin-top: 10px;
}

.__39e5e .error-message {
  margin: 0;
}

.__39e5e .has-error, .__39e5e .error-message {
  color: #da4453;
}

.__8f740 {
  align-items: center;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.__8f740 .hero-panel__icon {
  height: 70px;
  margin-top: 10%;
  width: 70px;
}
.__8f740 .hero-panel__icon--font {
  height: auto;
  width: auto;
  font-size: 100px;
  color: #ccd1d9;
}
.__8f740 .hero-panel__title {
  color: #333;
  font-size: 24px;
  font-weight: 600;
  margin-top: 3%;
}
.__8f740 .hero-panel__description {
  font-size: 18px;
  line-height: 28px;
  color: #656d78;
  margin-top: 2%;
}
.__8f740 .hero-panel__description .btn {
  margin-top: 2%;
}
.__8f740 .hero-panel a {
  font-size: 18px;
  height: 46px;
  padding: 10px 20px;
  margin-top: 2%;
}

.__3ac2c {
  background-color: #ecf1f5;
  padding-bottom: 15px;
}

.__3ac2c .homepage-zone__inner {
  align-content: stretch;
  background-color: white;
  display: flex;
  flex-direction: column;
  margin: 25px 0;
}
.__3ac2c .homepage-zone__inner__title {
  color: #333;
  border-bottom: 1px solid #ccd1d9;
  font-weight: 600;
  font-size: 18px;
  padding: 20px;
}
.__3ac2c .homepage-zone__head {
  background-color: #0e79c9;
  border-top: 1px solid #4b9bd8;
  color: white;
  text-align: center;
  padding: 25px;
}
.__3ac2c .homepage-zone__head__title {
  font-size: 2.2em;
  font-weight: bold;
  margin-bottom: 8px;
}
.__3ac2c .homepage-zone__navigation {
  background-color: #fff;
  border-bottom: #ccd1d9 solid 1px;
}
.__3ac2c .homepage-zone__navigation__search-bar {
  align-self: center;
  position: relative;
  margin-left: auto;
  width: 30%;
}
.__3ac2c .homepage-zone__navigation__search-bar .input-lg, .__3ac2c .homepage-zone__navigation__search-bar .input-group-lg > .form-control,
.__3ac2c .homepage-zone__navigation__search-bar .input-group-lg > .input-group-addon,
.__3ac2c .homepage-zone__navigation__search-bar .input-group-lg > .input-group-btn > .btn {
  height: 40px;
}
.__3ac2c .homepage-zone__navigation__search-bar .ti-search, .__3ac2c .homepage-zone__navigation__search-bar .ti-close {
  position: absolute;
  top: 11px;
  right: 15px;
  font-size: 14px;
  padding-top: 3px;
}
.__3ac2c .homepage-zone__navigation__search-bar .ti-close {
  cursor: pointer;
}
.__3ac2c .homepage-zone__navigation__search-bar input {
  font-size: 14px;
}
.__3ac2c .homepage-zone__navigation .container, .__3ac2c .homepage-zone__navigation .public-school-footer__inner {
  display: flex;
  height: 60px;
  flex-wrap: wrap;
}
.__3ac2c .homepage-zone__navigation .my-files-folder-breadcrumbs {
  align-self: center;
}
.__3ac2c .homepage-zone__navigation .my-files-folder-breadcrumbs .truncate {
  max-width: none;
}
.__3ac2c .homepage-zone .hide {
  display: none;
}

.__3ac2c.padding-bottom-zero {
  padding-bottom: 0;
}

.__4f5ec .homework-widget__tabs {
  display: flex;
  list-style: none;
  padding-left: 0;
  margin: 0;
  border-bottom: 1px solid #e6e9ed;
  background-color: #f6f7fb;
}

.__6140d {
  width: calc(100% - 10px);
}

.__6140d.animated .bars {
  clip-path: inset(0px 0% 0px 0%);
  transition: clip-path 1s ease-in-out;
}
.__6140d.animated.clipped .bars {
  clip-path: inset(0px 100% 0px 0%);
}

.__6140d.with-markers .chart {
  background: repeating-linear-gradient(to right, #ccd1d9, #ccd1d9 0px, white 1px, white 10%);
  border-right: 1px solid #ccd1d9;
  padding-bottom: 1px;
}

.__6140d .bar {
  background-color: #0e79c9;
  margin-bottom: 10px;
  height: 20px;
  line-height: 20px;
  padding: 0 0 0 5px;
  font-size: 12px;
  clear: both;
}
.__6140d .bar.lighter {
  background-color: rgba(14, 121, 201, 0.25);
}
.__6140d .bar.very-short {
  float: left;
}
.__6140d .bar .score {
  float: right;
  margin-right: -40px;
}

.__6140d .bar-content {
  float: left;
  padding-left: 5px;
}
.__6140d .bar-content .legend {
  color: #656d78;
}

.__6140d .legend {
  color: white;
  font-size: 12px;
}
.__6140d .legend.inverse {
  color: #656d78;
}

.__6140d .x-axis {
  display: flex;
  text-align: center;
  width: 110%;
  margin-left: -5%;
  font-size: 10px;
}
.__6140d .x-axis .marker {
  flex: 1;
}

.__4101b {
  width: 80%;
  display: flex;
  flex-wrap: wrap;
}
.__4101b .btn.category {
  margin: 0 10px 10px 0 !important;
  padding: 5px 10px;
  color: #656d78;
  border-color: #ccd1d9;
  box-shadow: none;
  width: 50px;
}
.__4101b .btn.category:focus {
  color: #999999;
  outline: 0;
}
.__4101b .btn.category.active, .__4101b .btn.category.active:active {
  color: #fff;
}
.__4101b .btn.category:not(.active):hover {
  border: 1px solid #967adc;
  color: #967adc;
}
.__4101b .btn.category:not(.active):hover.EAL {
  border: 1px solid #8cc152;
  color: #8cc152;
}
.__4101b .btn.category:not(.active):hover.SEN {
  border: 1px solid #333;
  color: #333;
}
.__4101b .btn.category:not(.active):hover.FSM {
  border: 1px solid #37bc9b;
  color: #37bc9b;
}
.__4101b .btn.category:not(.active):hover.PP {
  border: 1px solid #f3a100;
  color: #f3a100;
}
.__4101b .btn.category:not(.active):hover.GT {
  border: 1px solid #967adc;
  color: #967adc;
}
.__4101b .btn.category:not(.active):hover.SC {
  border: 1px solid #333;
  color: #333;
}
.__4101b .btn.category:not(.active):hover.LAC {
  border: 1px solid #da4453;
  color: #da4453;
}
.__4101b .btn.category.active {
  border-color: #967adc;
}
.__4101b .btn.category.active.EAL {
  border-color: #8cc152;
}
.__4101b .btn.category.active.SEN {
  border-color: #333;
}
.__4101b .btn.category.active.FSM {
  border-color: #37bc9b;
}
.__4101b .btn.category.active.PP {
  border-color: #f3a100;
}
.__4101b .btn.category.active.GT {
  border-color: #967adc;
}
.__4101b .btn.category.active.SC {
  border-color: #333;
}
.__4101b .btn.category.active.LAC {
  border-color: #da4453;
}
.__4101b .btn.category.active:hover {
  background-color: #ac92ec;
  border-color: #ac92ec;
}
.__4101b .btn.category.active:hover.EAL {
  background-color: #a0d468;
  border-color: #a0d468;
}
.__4101b .btn.category.active:hover.SEN {
  background-color: #4a4a4a;
  border-color: #4a4a4a;
}
.__4101b .btn.category.active:hover.FSM {
  background-color: #48cfad;
  border-color: #48cfad;
}
.__4101b .btn.category.active:hover.PP {
  background-color: #ffce54;
  border-color: #ffce54;
}
.__4101b .btn.category.active:hover.GT {
  background-color: #ac92ec;
  border-color: #ac92ec;
}
.__4101b .btn.category.active:hover.SC {
  background-color: #656d78;
  border-color: #656d78;
}
.__4101b .btn.category.active:hover.LAC {
  background-color: #ed5565;
  border-color: #ed5565;
}

.__5321a {
  position: relative;
}
.__5321a.has-error input {
  outline-color: #da4453;
  border-color: #da4453;
}

.__5321a input {
  width: 190px;
}

.__5321a .focus-tooltip {
  line-height: normal;
}
.__5321a .focus-tooltip .text {
  display: block;
  text-align: left;
}

.__91f1e {
  display: flex;
}

.__91f1e .legend-list-dropdown__wrapper {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.__91f1e .legend-list-dropdown__toggle {
  color: #5d9cec;
}
.__91f1e .legend-list-dropdown__toggle:hover {
  color: #0e79c9;
  text-decoration: underline;
}
.__91f1e .legend-list-dropdown__inner {
  margin-top: 10px;
  border: 1px solid #ccd1d9;
  border-radius: 4px;
  padding: 6px 10px 9px 9px;
  background: #fff;
  position: absolute;
  top: 25px;
  z-index: 501;
}
.__91f1e .legend-list-dropdown__inner__title {
  font-weight: 700;
  font-size: 12px;
}
.__91f1e .legend-list-dropdown__inner::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: 7px;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent #ccd1d9 transparent;
  border-width: 7px;
}
.__91f1e .legend-list-dropdown__inner::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 51%;
  margin-left: 7px;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  border-width: 5px;
}
.__91f1e .legend-list-dropdown__inner ul {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  margin-top: 8px;
}
.__91f1e .legend-list-dropdown__inner ul li {
  display: inline-flex;
  display: -ms-inline-flexbox;
  margin: 0 0 6px;
  width: 100%;
}
.__91f1e .legend-list-dropdown__inner ul li::before {
  content: "";
  display: inline-block;
  height: 20px;
  margin-right: 10px;
  position: relative;
  top: 5px;
  width: 20px;
}
.__91f1e .legend-list-dropdown__inner ul li div {
  margin-top: 2%;
  top: 2px;
}

.__91f1e li.assessment-dropdown-class-list:nth-child(1)::before {
  background: #5d9cec;
}
.__91f1e li.assessment-dropdown-class-list:nth-child(2)::before {
  background: #4fc1e9;
}
.__91f1e li.assessment-dropdown-class-list:nth-child(3)::before {
  background: #ccd1d9;
}
.__91f1e li.assessment-dropdown-class-list:nth-child(4)::before {
  background: #ec87c0;
}

.__91f1e li.legend-dropdown-class-list:nth-child(1)::before {
  background: #967bdc;
}
.__91f1e li.legend-dropdown-class-list:nth-child(2)::before {
  background: #0e79c9;
}
.__91f1e li.legend-dropdown-class-list:nth-child(3)::before {
  background: #d770ad;
}
.__91f1e li.legend-dropdown-class-list:nth-child(4)::before {
  background: #8cc152;
}
.__91f1e li.legend-dropdown-class-list:nth-child(5)::before {
  background: #f3a100;
}
.__91f1e li.legend-dropdown-class-list:nth-child(6)::before {
  background: #37bd9c;
}
.__91f1e li.legend-dropdown-class-list:nth-child(7)::before {
  background: #ed5565;
}

.__796dc {
  margin-left: 10px;
}
.__796dc .ember-power-select-trigger {
  background: #0B5C99;
  border-radius: 3px;
  color: #FFFFFF;
  line-height: 33px;
  background-color: #0B5C99;
  border: none !important;
  padding-right: 20px;
  padding-left: 10px;
}
.__796dc .ember-power-select-trigger:active, .__796dc .ember-power-select-trigger:focus, .__796dc .ember-power-select-trigger:hover {
  box-shadow: 0 0 5px -1px #BDDDFD;
  outline: none;
}
.__796dc .ember-power-select-status-icon {
  right: 7px;
}

.__3a007 {
  margin: auto;
  padding: 30px;
  border-radius: 4px;
  width: 378px;
  background-color: #fff;
}

.__3a007 .login-details-form__heading {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 600;
  color: #333;
}
.__3a007 .login-details-form__hint {
  margin-bottom: 20px;
}
.__3a007 .login-details-form__input-group {
  position: relative;
  margin-bottom: 20px;
}
.__3a007 .login-details-form__error-label {
  margin: 0;
}
.__3a007 .login-details-form__input {
  border-radius: 5px;
  border: 1px solid #e0e7ff;
  padding: 10px 16px;
  width: 100%;
  height: 44px;
  background-color: #f9faff;
  box-shadow: none;
  outline: 0;
}
.__3a007 .login-details-form__input::-moz-placeholder {
  color: #aab2bd;
}
.__3a007 .login-details-form__input:-ms-input-placeholder {
  color: #aab2bd;
}
.__3a007 .login-details-form__input::placeholder {
  color: #aab2bd;
}
.__3a007 .login-details-form__input:focus, .__3a007 .login-details-form__input--filled {
  border: 1px solid #0e79c9;
  background-color: #fff;
}
.__3a007 .login-details-form__input--has-error {
  border-color: #da4453;
}
.__3a007 .login-details-form__input--disabled {
  background-color: #eff3ff;
}
.__3a007 .login-details-form__input-icon {
  position: absolute;
  top: 10px;
  right: 20px;
  margin: 4px;
}
.__3a007 .login-details-form__input-icon--blue {
  color: #0e79c9;
}
.__3a007 .login-details-form__btn {
  width: 100%;
  height: 50px;
  line-height: 14px;
}

.__3a007 label.error-message {
  margin: 0;
}

.__77222 {
  text-align: center;
  border-radius: 4px;
  margin: 0 auto;
  background-color: #fff;
}
@media (max-width: 900px) {
  .__77222 {
    width: auto;
  }
}
.__77222 h4 {
  margin-bottom: 20px;
}

.__77222 .login-form__actions {
  margin-top: 20px;
}
.__77222 .login-form__actions--padded {
  margin-top: 40px;
}
.__77222 .login-form__section {
  margin-bottom: 20px;
}
.__77222 .login-form__btn {
  width: 100%;
  height: 50px;
  font-size: 14px;
}
.__77222 .login-form__input {
  border-radius: 5px;
  border: 1px solid #e0e7ff;
  padding: 10px 16px;
  width: 100%;
  height: 44px;
  background-color: #f9faff;
  box-shadow: none;
  font-size: 14px;
  outline: 0;
}
.__77222 .login-form__input::-moz-placeholder {
  color: #aab2bd;
}
.__77222 .login-form__input:-ms-input-placeholder {
  color: #aab2bd;
}
.__77222 .login-form__input::placeholder {
  color: #aab2bd;
}
.__77222 .login-form__input:focus, .__77222 .login-form__input--filled {
  border: 1px solid #0e79c9;
  background-color: #fff;
}

.__77222 .monolithic-form .login-form-wrapper {
  position: relative;
}
.__77222 .monolithic-form .login-form-wrapper::after, .__77222 .monolithic-form .login-form-wrapper::before {
  left: 100%;
  top: 40px;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.__77222 .monolithic-form .login-form-wrapper::before {
  border-left-color: #ccd1d9;
  border-width: 16px;
  margin-top: -16px;
}
.__77222 .monolithic-form .login-form-wrapper::after {
  border-left-color: #fff;
  border-width: 15px;
  margin-top: -15px;
}

.__77222 .login-wrapper {
  display: flex;
  height: 100%;
}

.__77222 .help-container,
.__77222 .login-form-wrapper {
  flex: 1;
  padding: 30px;
}

.__77222 .separator {
  width: 1px;
  margin: 0 auto;
  background-color: #ccd1d9;
  height: 100%;
}

.__77222 .help-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #f5f7fa;
  border-radius: 0 4px 4px 0;
}

.__77222 .login-header-wrapper {
  display: flex;
  justify-content: space-between;
}
.__77222 .login-header-wrapper .btn-link.active, .__77222 .login-header-wrapper .active.btn-upload-link, .__77222 .login-header-wrapper .btn-link:focus, .__77222 .login-header-wrapper .btn-upload-link:focus {
  outline: 0;
}

.__77222 .container-header {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin: 0;
}

.__77222 .account-existence {
  display: flex;
  flex-direction: column;
  text-align: left;
}
.__77222 .account-existence input {
  margin-right: 5px;
}
.__77222 .account-existence label {
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 500;
}

.__77222 .captcha {
  transform: scale(1.29);
  transform-origin: 0 0;
}
@media (max-width: 992px) {
  .__77222 .captcha {
    transform: none;
  }
}

.__77222 .btn-brand {
  margin-bottom: 20px;
  border: 0;
  height: 50px;
  box-shadow: unset;
}

.__77222 .line-with-text {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #e6e9ed;
  line-height: 0.1em;
  margin: 10px 0 25px;
}
.__77222 .line-with-text span {
  background: #fff;
  padding: 0 10px;
}

.__77222 .login-providers-wrapper .btn-login-provider {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 15px 0;
  border: 1px solid #e6e9ed;
  border-radius: 4px;
  width: 100%;
  height: 46px;
  background-color: #fff;
  color: #333;
  box-shadow: 0 2px 0 0 #e6e9ed;
}
.__77222 .login-providers-wrapper .btn-login-provider:hover {
  border-color: #0e79c9;
  color: #0e79c9;
  box-shadow: none;
}
.__77222 .login-providers-wrapper .btn-login-provider.btn + .btn {
  margin-left: 0;
}
.__77222 .login-providers-wrapper .login-provider-logo {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}

.__77222 .need-help-content > .fa {
  color: #fc6e51;
  vertical-align: -5%;
}
.__77222 .need-help-content > .container-header {
  display: inline;
  padding-left: 5px;
}

.__77222 .help-link-list {
  margin: 15px 0;
}
.__77222 .help-link-list .fa {
  color: #fc6e51;
  padding-right: 5px;
}

.__77222 .help-container-subheader {
  margin-top: 15px;
  font-weight: 600;
  color: #333;
}

.__0b795 {
  display: flex;
  align-items: center;
  height: 60px;
  padding: 0 24px;
  background-color: #fff;
  border-bottom: 1px solid #e6e9ed;
}
.__0b795 h1 {
  display: inline-block;
  margin: 0;
  font-size: 20px;
  font-weight: 400;
  color: #333;
  flex-shrink: 0;
}
.__0b795 .title-wrapper {
  display: flex;
  align-items: center;
  max-width: 80%;
  flex: 1;
}
.__0b795 .breadcrumb {
  margin-left: auto;
  margin-bottom: 0;
}
.__0b795 .main-header__tooltip-trigger {
  font-size: 18px;
  margin-left: 10px;
}
.__0b795 .main-header__tooltip-trigger--primary {
  color: #0e79c9;
}
.__0b795 .tooltip-wrapper {
  width: 50%;
}
.__0b795 .tooltip-wrapper .tooltips {
  width: 100%;
}
.__0b795 .tooltip-wrapper .tooltips span {
  width: 100%;
  height: auto;
  padding: 5px;
  margin-top: 0;
  margin-left: 0;
  left: 30px;
  top: -25px;
}
@media (max-width: 1200px) {
  .__0b795 .tooltip-wrapper .tooltips span {
    top: -30px;
  }
}
@media (max-width: 992px) {
  .__0b795 .tooltip-wrapper .tooltips span {
    top: -40px;
  }
}
@media (max-width: 480px) {
  .__0b795 .tooltip-wrapper .tooltips span {
    top: -63px;
  }
}
@media (max-width: 375px) {
  .__0b795 .tooltip-wrapper .tooltips span {
    top: -83px;
  }
}

.__0b795 .tooltip-inner {
  width: 560px;
}

.__0b795 .breadcrumb {
  display: flex;
}
.__0b795 .breadcrumb > .breadcrumb-item {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.__0b795 .header-button {
  font-size: 13px;
  position: absolute;
  right: 0;
}

.__c8bcb + .__c8bcb a {
  border-top: 1px solid #ccd1d9;
}

.__c8bcb.selected a {
  border: 1px solid #4C88E6;
  position: relative;
  background-color: #E9F2FD;
}
.__c8bcb.selected .my-files-popup-thumbnail__selected {
  display: flex;
}
.__c8bcb.selected + .__c8bcb.selected a {
  border-top: none;
}

.__c8bcb a {
  display: flex;
  text-align: center;
  color: #333;
  padding: 10px;
  box-sizing: border-box;
}
.__c8bcb a .file-icon {
  display: block;
  font-size: 35px;
  width: 35px;
  justify-content: center;
}
.__c8bcb a .file-icon.folder {
  color: #84c4fe;
}
.__c8bcb a .image-wrapper {
  width: 100%;
  height: 35px;
  overflow: hidden;
  border: 1px solid #ccd1d9;
  margin: 0 auto;
}
.__c8bcb a .file-icon,
.__c8bcb a .image-wrapper {
  margin-bottom: 5px;
}
.__c8bcb a:hover, .__c8bcb a:link, .__c8bcb a:active .__c8bcb a:visited {
  cursor: pointer;
  text-decoration: none;
}
.__c8bcb a .my-files-popup-thumbnail__section {
  display: flex;
  align-items: center;
  margin-left: 10px;
}
.__c8bcb a .my-files-popup-thumbnail__section:first-child {
  margin-left: 0;
}
.__c8bcb a .my-files-popup-thumbnail__filename {
  flex-grow: 1;
}
.__c8bcb a .my-files-popup-thumbnail__filesize {
  width: 68px;
}
.__c8bcb a .my-files-popup-thumbnail__filesize .truncate-text {
  margin-left: auto;
}
.__c8bcb a .my-files-popup-thumbnail__selected {
  display: none;
  width: 19px;
}
.__c8bcb a .my-files-popup-thumbnail__selected .fa-check {
  color: #fff;
  background: #8cc152;
  border-radius: 10px;
  padding: 3px;
}

.__c8bcb .pdf-color {
  color: #ED5565;
}

.__c8bcb .image-color {
  color: #FFCE54;
}

.__c8bcb .video-color {
  color: #AC92EC;
}

.__c8bcb .excel-color,
.__c8bcb .xls-color,
.__c8bcb .xlsx-color {
  color: #48CFAD;
}

.__c8bcb .word-color,
.__c8bcb .doc-color,
.__c8bcb .docx-color {
  color: #0E79C9;
}

.__c8bcb .powerpoint-color,
.__c8bcb .ppt-color,
.__c8bcb .pps-color,
.__c8bcb .pptx-color,
.__c8bcb .ppsx-color {
  color: #FC6E51;
}

.__c8bcb .zip-color,
.__c8bcb .archive-color {
  color: #CCD1D9;
}

.__c8bcb .txt-color .default-color {
  color: #4FC1E9;
}

.__db4a9 {
  display: inline-block;
  width: 125px;
  vertical-align: top;
  padding: 10px;
  margin-right: 20px;
  font-size: 13px;
  min-height: 500px;
  position: relative;
  margin-bottom: 35px;
}
.__db4a9.announcement {
  border: 1px solid #4ec2eb;
  background-color: #e5f6fd;
}
.__db4a9.announcement hr {
  border-color: #4ec2eb;
}
.__db4a9.school-event {
  border: 1px solid #e9573f;
  background-color: #fdeeeb;
}
.__db4a9.school-event hr {
  border-color: #e9573f;
}
.__db4a9 svg {
  width: 20px;
  position: absolute;
  top: -15px;
  right: -6px;
}
.__db4a9 svg .announcement {
  fill: #4ec2eb;
}
.__db4a9 svg .school-event {
  fill: #e9573f;
}

.__db4a9 .attachments-length {
  color: #333;
  display: inline-block;
  margin-bottom: 10px;
}

.__db4a9 h5 {
  font-weight: bold;
  margin-top: 0;
  line-height: 18px;
}

.__db4a9 p {
  margin-bottom: 15px;
}

.__db4a9 .ti-link::before {
  font-weight: bold;
}

.__305e2 .notice-board-day-container {
  padding-top: 36px;
  background-image: url("https://d24lsbndsvqq17.cloudfront.net/images/notice-board/background-a543d99f244f5ac97967e512a1cc7f48.jpg");
}

.__305e2 .header {
  height: 275px;
}
.__305e2 .header h1, .__305e2 .header h2, .__305e2 .header h3, .__305e2 .header h4 {
  font-size: 14px;
}

.__305e2 ul {
  padding-left: 25px;
}

.__305e2 .calendar-nav-buttons .square-btn, .__305e2 .calendar-nav-buttons .page-actions-container .right-btns .tooltip-wrapper .tooltips.fullscreen-disabled, .page-actions-container .right-btns .tooltip-wrapper .__305e2 .calendar-nav-buttons .tooltips.fullscreen-disabled, .__305e2 .calendar-nav-buttons-v2 .square-btn, .__305e2 .calendar-nav-buttons-v2 .page-actions-container .right-btns .tooltip-wrapper .tooltips.fullscreen-disabled, .page-actions-container .right-btns .tooltip-wrapper .__305e2 .calendar-nav-buttons-v2 .tooltips.fullscreen-disabled {
  height: 39px;
  margin-left: 5px;
  width: 39px;
}
.__305e2 .calendar-nav-buttons .btn-default, .__305e2 .calendar-nav-buttons-v2 .btn-default {
  height: 39px;
  margin-left: 5px;
  padding: 9px 15px;
}
.__305e2 .calendar-nav-buttons-v2 {
  padding: 20px 15px;
  background-color: #fff;
  display: flex;
}
.__305e2 .calendar-nav-buttons-v2__back-button {
  padding-left: 0;
}
.__305e2 .calendar-nav-buttons-v2__notice-types-dropdown {
  margin-left: 14px;
}

.__305e2 .announcement-events-container {
  padding-top: 30px;
}

.__305e2 .announcement-event-v2-col {
  margin-bottom: 30px;
}

.__305e2 .select-notice-type-dropdown {
  min-width: 200px;
  min-height: 39px;
  max-width: 200px;
  max-height: 39px;
}
.__305e2 .select-notice-type-dropdown .ember-power-select-placeholder {
  margin-top: 3px;
}
.__305e2 .select-notice-type-dropdown .ember-power-select-clear-btn {
  top: 4px;
}

.__3b629 .notice-board-targets .ember-basic-dropdown-content--in-place {
  position: absolute;
  top: -240px;
}

.__43d88 .notice-board-wrapper {
  border-left: 1px solid #ccd1d9;
  border-bottom: 1px solid #ccd1d9;
  display: inline-block;
}

.__43d88 .notice-board-header {
  width: 14.2857142857%;
  display: inline-block;
  padding: 20px;
  border-right: 1px solid #ccd1d9;
  border-top: 1px solid #ccd1d9;
  float: left;
  font-weight: bold;
  position: relative;
  text-align: center;
}
.__43d88 .notice-board-header:after {
  content: attr(data-day);
}

@media (max-width: 1100px) {
  .__43d88 .notice-board-header:after {
    content: attr(data-shortday);
  }
}
.__43d88 .notice-board-day {
  width: 14.2857142857%;
  display: inline-block;
  padding: 20px;
  border-right: 1px solid #ccd1d9;
  border-top: 1px solid #ccd1d9;
  float: left;
  min-height: 85px;
  position: relative;
}
.__43d88 .notice-board-day .day {
  position: absolute;
  right: 15px;
  top: 15px;
}
.__43d88 .notice-board-day.fadeout .day {
  opacity: 0.3;
}
.__43d88 .notice-board-day:hover {
  background-color: #fafafa;
}

@media (max-width: 990px) and (min-width: 768px) {
  .__43d88 .notice-board-day {
    padding: 20px 9px;
  }
}
@media (max-width: 660px) {
  .__43d88 .notice-board-day {
    padding: 20px 9px;
  }
}
.__c4ba8 {
  border-radius: 4px;
  width: 100%;
  background-color: #fff;
}

.__c4ba8 .notice-details__actions-bar {
  border-bottom: 1px solid #e6e9ed;
  padding: 15px 0 15px 20px;
}
.__c4ba8 .notice-details__body {
  display: flex;
  border-bottom: 1px solid #e6e9ed;
  padding: 20px 30px 20px 20px;
}
.__c4ba8 .notice-details__date {
  text-align: center;
}
.__c4ba8 .notice-details__day-of-month {
  line-height: 52px;
  font-size: 62px;
  font-weight: 600;
  color: #333;
}
.__c4ba8 .notice-details__day-of-week {
  margin-top: 5px;
  font-weight: 600;
  color: #333;
}
.__c4ba8 .notice-details__main {
  padding-left: 20px;
}
.__c4ba8 .notice-details__title {
  margin: 0 0 20px;
  font-size: 18px;
  font-weight: 700;
  color: #333;
}
.__c4ba8 .notice-details__message {
  margin-bottom: 30px;
}
.__c4ba8 .notice-details__gallery {
  display: flex;
  flex-wrap: wrap;
}
.__c4ba8 .notice-details__signature {
  padding: 15px 20px;
}
.__c4ba8 .notice-details__signature strong {
  color: #333;
}
.__c4ba8 .notice-details__type-marker {
  display: flex;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 15px 20px;
  color: #fff;
}
.__c4ba8 .notice-details__type-marker--bittersweet {
  background-color: #e9573f;
}
.__c4ba8 .notice-details__type-marker--aqua {
  background-color: #3bafda;
}
.__c4ba8 .notice-details__type-icon {
  margin-right: 10px;
  font-size: 20px;
}

.__1d27e.notices-widget--horizontal {
  width: 100%;
}
.__1d27e.notices-widget--horizontal .notices-widget__header-title {
  padding-left: 5px;
}

.__1d27e .notices-widget__header {
  justify-content: space-between;
  flex-wrap: wrap;
}
.__1d27e .notices-widget__due-today {
  display: flex;
  align-items: center;
}
.__1d27e .notices-widget__due-today-count {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 6px;
  border-radius: 15px;
  width: 28px;
  height: 28px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  background-color: #ed5565;
}
.__1d27e .notices-widget__due-today-count--zero {
  color: #656d78;
  background-color: #f5f7fa;
}
.__1d27e .notices-widget__due-today-title {
  font-size: 14px;
  font-weight: 500;
}
.__1d27e .notices-widget__notice-section p {
  margin: 0;
}
.__1d27e .notices-widget__notice-section:not(:first-child) {
  margin-top: 14px;
}
.__1d27e .notices-widget__notice-section--dark-gray {
  color: #333;
}
.__1d27e .notices-widget__notice-section--row {
  display: flex;
  flex-direction: row;
}
.__1d27e .notices-widget__notice-section--row div {
  padding: 4px 4px 4px 11px;
}
.__1d27e .notices-widget__notice-date-section {
  flex-shrink: 0;
  width: 100px;
  color: #fff;
}
.__1d27e .notices-widget__notice-date-section--brand-primary-navy {
  background-color: #132843;
}
.__1d27e .notices-widget__notice-date-section--lavender {
  background-color: #967adc;
}
.__1d27e .notices-widget__notice-date-section--aqua {
  background-color: #3bafda;
}
.__1d27e .notices-widget__notice-date-section--grass {
  background-color: #8cc152;
}
.__1d27e .notices-widget__notice-date-section--sunflower {
  background-color: #f3a100;
}
.__1d27e .notices-widget__notice-date-section--bittersweet-lighter {
  background-color: #fc6e51;
}
.__1d27e .notices-widget__notice-date-section--grapefruit {
  background-color: #da4453;
}
.__1d27e .notices-widget__notice-date-section--pink-rose-lighter {
  background-color: #ec87c0;
}
.__1d27e .notices-widget__notice-date-section--mint {
  background-color: #37bc9b;
}
.__1d27e .notices-widget__notice-date-section--blue-jeans {
  background-color: #0e79c9;
}
.__1d27e .notices-widget__notice-date-section--dark-gray {
  background-color: #333;
}
.__1d27e .notices-widget__notice-date-section--black {
  background-color: #000000;
}
.__1d27e .notices-widget__notice-date-section--bittersweet {
  background-color: #e9573f;
}
.__1d27e .notices-widget__empty-icon {
  font-size: 80px;
  color: #e6e9ed;
}
.__1d27e .notices-widget__empty-message {
  width: 280px;
  margin-top: 11px;
  line-height: 23px;
  text-align: center;
}
.__1d27e .notices-widget__empty-message--semi-bold {
  font-weight: 600;
}
.__1d27e .notices-widget__empty-message--dark-gray {
  color: #333;
}
.__1d27e .notices-widget__empty-message--medium-gray-lighter {
  color: #ccd1d9;
}

.__1d27e .scrollable-list-widget__list--empty {
  padding: 0 40px;
}

.__1d27e .carousel-widget__slide--empty {
  justify-content: center;
  align-items: center;
}
.__1d27e .carousel-widget__slide--empty .notices-widget__empty-message {
  width: 160px;
}

.__75832 {
  text-align: center;
}
.__75832 h4 {
  margin-bottom: 20px;
}

.__66259 {
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  padding-bottom: 10px;
  padding-top: 10px;
  text-align: center;
}

.__66259.today {
  background-color: #f5f7fa;
}

.__4e604 {
  position: relative;
  text-align: left;
  display: block;
  border-radius: 3px;
  padding: 8px 15px;
  font-size: 11px;
  margin: 5px 10px 0;
  position: relative;
  text-decoration: none;
  line-height: 15px;
  cursor: pointer;
}

.__4e604.fade-out {
  opacity: 0.3;
}
.__4e604.fade-out:hover {
  opacity: 1;
}

.__4e604.calendar-item-homework {
  color: #333300;
  background-color: #8cc152;
  border: 1px solid #72a53b;
}
.__4e604.calendar-item-homework.deadline {
  color: #333;
  border: 1px solid #8cc152;
  background-color: #f5f7fa;
}

.__4e604.calendar-item-quiz {
  color: #333300;
  background-color: #f3a100;
  border: 1px solid #c07f00;
}
.__4e604.calendar-item-quiz.deadline {
  color: #333;
  border: 1px solid #f3a100;
  background-color: #f5f7fa;
}

.__4e604.calendar-item-flexible-task {
  color: #333300;
  background-color: #ec87c0;
  border: 1px solid #d770ad;
}
.__4e604.calendar-item-flexible-task.deadline {
  color: #333;
  border: 1px solid #d770ad;
  background-color: #f5f7fa;
}

.__4e604.calendar-item-class-test {
  color: #fff;
  background-color: #967bdc;
  border: 1px solid #7653d1;
}
.__4e604.calendar-item-class-test.deadline {
  color: #333;
  border: 1px solid #967bdc;
  background-color: #f5f7fa;
}

.__4e604.calendar-item-spelling-test {
  color: #fff;
  background-color: #37bd9c;
  border: 1px solid #2c957b;
}
.__4e604.calendar-item-spelling-test.deadline {
  color: #333;
  border: 1px solid #37bd9c;
  background-color: #f5f7fa;
}

.__4e604.calendar-item-differentiated-homework {
  color: #fff;
  background-color: #0e79c9;
  border: 1px solid #0b5c99;
}
.__4e604.calendar-item-differentiated-homework.deadline {
  color: #333;
  border: 1px solid #0e79c9;
  background-color: #f5f7fa;
}

.__4e604.calendar-item-classwork {
  color: #333300;
  background-color: #ed5565;
  border: 1px solid #e8273b;
}
.__4e604.calendar-item-classwork.deadline {
  color: #333;
  border: 1px solid #ed5565;
  background-color: #f5f7fa;
}

.__4e604:hover {
  text-transform: underline !important;
}

.__673a9 .cal-column {
  border-left: 1px solid #ccd1d9;
}

.__673a9 .personal-calendar-header {
  margin-bottom: 10px;
}

.__673a9 .cal-row-fluid {
  width: 100%;
}
.__673a9 .cal-row-fluid:before {
  display: table;
  content: "";
  line-height: 0;
}
.__673a9 .cal-row-fluid:after {
  display: table;
  content: "";
  line-height: 0;
  clear: both;
}
.__673a9 .cal-row-fluid [class*=cal-cell] {
  display: block;
  width: 100%;
  box-sizing: border-box;
  float: left;
  margin-left: 0%;
}
.__673a9 .cal-row-fluid [class*=cal-cell]:first-child {
  margin-left: 0;
}
.__673a9 .cal-row-fluid .controls-row [class*=cal-cell] + [class*=cal-cell] {
  margin-left: 0%;
}

.__673a9 .cal-week-box .cal-offset1 {
  margin-left: 14.2857142857%;
}

.__673a9 .cal-task-1 {
  width: calc(14.2857142857% - 2%);
}

.__673a9 .cal-task-offset-1 {
  margin-left: calc(14.2857142857% + 1%);
}

.__673a9 .cal-row-fluid .cal-offset1 {
  margin-left: 14.2857142857%;
}
.__673a9 .cal-row-fluid .cal-offset1:first-child {
  margin-left: 14.2857142857%;
}

.__673a9 .cal-week-box .cal-offset2 {
  margin-left: 28.5714285714%;
}

.__673a9 .cal-task-2 {
  width: calc(28.5714285714% - 2%);
}

.__673a9 .cal-task-offset-2 {
  margin-left: calc(28.5714285714% + 1%);
}

.__673a9 .cal-row-fluid .cal-offset2 {
  margin-left: 28.5714285714%;
}
.__673a9 .cal-row-fluid .cal-offset2:first-child {
  margin-left: 28.5714285714%;
}

.__673a9 .cal-week-box .cal-offset3 {
  margin-left: 42.8571428571%;
}

.__673a9 .cal-task-3 {
  width: calc(42.8571428571% - 2%);
}

.__673a9 .cal-task-offset-3 {
  margin-left: calc(42.8571428571% + 1%);
}

.__673a9 .cal-row-fluid .cal-offset3 {
  margin-left: 42.8571428571%;
}
.__673a9 .cal-row-fluid .cal-offset3:first-child {
  margin-left: 42.8571428571%;
}

.__673a9 .cal-week-box .cal-offset4 {
  margin-left: 57.1428571429%;
}

.__673a9 .cal-task-4 {
  width: calc(57.1428571429% - 2%);
}

.__673a9 .cal-task-offset-4 {
  margin-left: calc(57.1428571429% + 1%);
}

.__673a9 .cal-row-fluid .cal-offset4 {
  margin-left: 57.1428571429%;
}
.__673a9 .cal-row-fluid .cal-offset4:first-child {
  margin-left: 57.1428571429%;
}

.__673a9 .cal-week-box .cal-offset5 {
  margin-left: 71.4285714286%;
}

.__673a9 .cal-task-5 {
  width: calc(71.4285714286% - 2%);
}

.__673a9 .cal-task-offset-5 {
  margin-left: calc(71.4285714286% + 1%);
}

.__673a9 .cal-row-fluid .cal-offset5 {
  margin-left: 71.4285714286%;
}
.__673a9 .cal-row-fluid .cal-offset5:first-child {
  margin-left: 71.4285714286%;
}

.__673a9 .cal-week-box .cal-offset6 {
  margin-left: 85.7142857143%;
}

.__673a9 .cal-task-6 {
  width: calc(85.7142857143% - 2%);
}

.__673a9 .cal-task-offset-6 {
  margin-left: calc(85.7142857143% + 1%);
}

.__673a9 .cal-row-fluid .cal-offset6 {
  margin-left: 85.7142857143%;
}
.__673a9 .cal-row-fluid .cal-offset6:first-child {
  margin-left: 85.7142857143%;
}

.__673a9 .cal-row-fluid .cal-cell1 {
  width: 14.2857142857%;
}

.__673a9 .cal-row-head [class*=cal-cell] {
  min-height: auto;
  overflow: hidden;
  text-overflow: ellipsis;
}
.__673a9 .cal-row-head [class*=cal-cell]:first-child {
  min-height: auto;
  overflow: hidden;
  text-overflow: ellipsis;
}

.__673a9 .cal-week-box {
  position: relative;
}
.__673a9 .cal-week-box [data-event-class] {
  white-space: nowrap;
  margin: 1px 1px;
  line-height: 30px;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left: 10px;
}
.__673a9 .cal-week-box .cal-column {
  position: absolute;
  height: 100%;
}

.__673a9 .cal-row-head [class*=cal-cell] {
  font-weight: bolder;
  text-align: center;
  border: 0px solid;
  padding: 5px 0;
}
.__673a9 .cal-row-head [class*=cal-cell]:first-child {
  font-weight: bolder;
  text-align: center;
  border: 0px solid;
  padding: 5px 0;
}
.__673a9 .cal-row-head [class*=cal-cell] small {
  font-weight: normal;
}

.__673a9 .cal-week-box {
  border: 1px solid #ccd1d9;
  border-radius: 2px;
}

.__673a9 #cal-week-box {
  border: 1px solid #ccd1d9;
  border-right: 0px;
  border-radius: 5px 0 0 5px;
  background-color: #333;
  text-align: right;
}

.__673a9 .calendar-block {
  min-height: 150px;
  margin-top: 70px;
}

.__673a9 .calendar {
  width: 100%;
  position: relative;
  padding: 0 0 15px 0;
}
.__673a9 .calendar .row {
  padding: 0px 13px;
}
.__673a9 .calendar .calendar-body {
  border: none;
  width: 100%;
  border-collapse: inherit;
  padding-bottom: 10px;
}
.__673a9 .calendar .calendar-body tr {
  vertical-align: top;
}
.__673a9 .calendar .calendar-body td {
  vertical-align: top;
  width: 135px;
  border: none;
  padding: 0;
}

@media (max-width: 400px) {
  .__673a9 .cal-week-box {
    width: 370px;
  }
}
.__673a9 .school-calendar-wrapper__calendar-legend {
  display: flex;
  justify-content: flex-end;
  margin-left: auto;
  position: relative;
}

.__84a88 .popular-assignments-list tr, .__84a88 header {
  border-bottom: 1px solid #f5f7fa;
  margin-bottom: 5px;
}

.__84a88 .popular-assignments-list .assignment-info {
  padding: 5px 0;
}
.__84a88 .popular-assignments-list .assignment-info p {
  margin: 0 0 5px;
}

.__84a88 header {
  padding-bottom: 15px;
}

.__84a88 .see-all {
  margin-top: 15px;
  text-align: left;
}
.__84a88 .see-all a {
  margin-right: 10px;
}
.__84a88 .see-all tr td {
  text-align: left;
}

.__0e2d2 {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
}
.__0e2d2 .overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}
.__0e2d2 .popup-wrapper {
  background: #fff;
  width: 470px;
  border-radius: 6px;
  box-shadow: 1px 1px 15px 2px #353535;
  position: relative;
  z-index: 1001;
  max-height: 100vh;
  display: flex;
  flex-direction: column;
}
.__0e2d2 .popup-wrapper:not(.no-top-border)::before, .__0e2d2 .popup-wrapper:not(.no-top-border)::after {
  content: "";
  border: 10px solid #0E79C9;
  width: 100%;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom: none;
  position: absolute;
  top: -1px;
  left: 0;
}
.__0e2d2 .popup-wrapper:not(.no-top-border)::after {
  top: 4px;
  border-color: #fff;
}
.__0e2d2 .popup-wrapper.no-top-border {
  background: none;
}
.__0e2d2 .popup-wrapper.no-top-border .popup-body {
  background: #fff;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.__0e2d2 .popup-wrapper .popup-title {
  color: #000;
  text-align: center;
}
.__0e2d2 .popup-wrapper .popup-text {
  text-align: center;
  padding: 10px 0;
  line-height: 22px;
}
.__0e2d2 .popup-wrapper .popup-text .ti-alert {
  color: #CA0000;
}
.__0e2d2 .popup-wrapper .exit-popup {
  position: absolute;
  right: 15px;
  top: 20px;
  font-weight: bold;
  color: #0e79c9;
  font-size: 12px;
}
.__0e2d2 .popup-wrapper .exit-popup--white {
  color: #fff;
}
.__0e2d2 .popup-wrapper .exit-popup--black {
  color: #000000;
}
.__0e2d2 .popup-wrapper .exit-popup--bigger {
  font-size: 15px;
}
.__0e2d2 .popup-wrapper .exit-popup--rigth-20 {
  right: 20px;
}
.__0e2d2 .popup-wrapper .exit-popup:hover {
  text-decoration: none;
  cursor: pointer;
}
.__0e2d2 .popup-wrapper .popup-body {
  min-height: 80px;
  padding: 10px 20px;
  position: relative;
  flex-grow: 1;
  overflow-y: auto;
}
.__0e2d2 .popup-wrapper .popup-body .popup-list {
  padding-left: 85px;
}
.__0e2d2 .popup-wrapper .popup-body .popup-list .popup-list-item {
  padding-right: 20px;
}
.__0e2d2 .popup-wrapper .popup-footer {
  padding: 6px;
  text-align: center;
  border-top: 1px solid #ddd;
  background: #e6e9ed;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.__0e2d2 .popup-wrapper .popup-footer .btn {
  margin: 4px;
}
.__0e2d2 .popup-wrapper .popup-footer .btn--default-gray {
  border-color: rgba(0, 0, 0, 0.25);
}
.__0e2d2 .popup-wrapper .header-pro {
  height: 12em;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.__0e2d2 .popup-wrapper .header-pro .popup-title {
  color: white;
}
.__0e2d2 .popup-wrapper .header-pro .header-logo {
  width: 70px;
  height: 70px;
}
.__0e2d2 .popup-wrapper .header-pro + .popup-body {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.__0e2d2 .popup-wrapper .header-pro.header-pro-green {
  background: #3f7b4b;
  color: white;
}
.__0e2d2 .popup-wrapper.bigger {
  width: 60%;
  height: auto;
}
.__0e2d2 .popup-wrapper.bigger .popup-body {
  min-height: 155px;
}
.__0e2d2 .popup-wrapper.my-drive-popup {
  width: 500px;
  height: auto;
}
.__0e2d2 .popup-wrapper.my-drive-popup .popup-body {
  min-height: 283px;
}
.__0e2d2 .popup-wrapper.big {
  width: 40%;
  height: auto;
}
.__0e2d2 .popup-wrapper.big .popup-body {
  min-height: 155px;
}
.__0e2d2 .popup-wrapper.video {
  width: 70%;
  height: calc(70vw * .563);
}
.__0e2d2 .popup-wrapper.video.big {
  width: 500px;
}
.__0e2d2 .popup-wrapper.video.big .popup-footer {
  padding: 20px;
}
.__0e2d2 .popup-wrapper.video::before, .__0e2d2 .popup-wrapper.video::after {
  content: none;
}
.__0e2d2 .popup-wrapper.video .close {
  position: absolute;
  top: -15px;
  right: -15px;
  color: #fff;
  z-index: 1;
}
.__0e2d2 .popup-wrapper.video .close:hover {
  cursor: pointer;
}
.__0e2d2 .popup-wrapper.video .close::before {
  font-size: 30px;
}
.__0e2d2 .popup-wrapper.video .wistia-embed {
  margin-bottom: -4px;
}
.__0e2d2 .popup-wrapper.video iframe {
  width: 100%;
  height: 100%;
}
.__0e2d2 .popup-wrapper.page-tour {
  width: 50%;
}
.__0e2d2 .popup-wrapper.no-padding .popup-body {
  padding: 0;
}
.__0e2d2 .popup-wrapper.of-size-420 {
  width: 420px;
}
@media (max-width: 450px) {
  .__0e2d2 .popup-wrapper.of-size-420 {
    width: 100%;
    margin: 0 20px;
  }
}
.__0e2d2 .popup-wrapper .checkboxes-section {
  border-top: 1px solid #e6e9ed;
}
.__0e2d2 .popup-wrapper .checkboxes-section .checkbox {
  margin-top: 10px;
}
.__0e2d2.small-screen .popup-wrapper {
  width: 40%;
}
.__0e2d2.tabs-popup .popup-icon-wrapper {
  position: absolute;
  width: 100%;
  text-align: center;
  top: -25px;
  z-index: 100;
  line-height: 50px;
}
.__0e2d2.tabs-popup .popup-icon-wrapper .fa-stack-2x {
  font-size: 50px;
}
.__0e2d2.tabs-popup .popup-icon-wrapper .popup-icon {
  color: #fff;
  font-size: 22px;
}
.__0e2d2.tabs-popup .popup-wrapper {
  width: 450px;
  padding-top: 20px;
}
.__0e2d2.tabs-popup .popup-title {
  margin-bottom: 20px;
}
.__0e2d2.tabs-popup ul.tabs {
  width: 100%;
}
.__0e2d2.tabs-popup ul.tabs.two-tabs .tab {
  width: 50%;
}
.__0e2d2.tabs-popup ul.tabs.two-tabs .tab .tab-link {
  width: 100%;
  padding: 16px 16px 17px 16px;
  margin-top: 1px;
}
.__0e2d2 .info {
  display: flex;
  align-items: center;
  font-size: 13px;
  height: 23px;
}
.__0e2d2 .info i {
  color: #0e79c9;
  margin-right: 3px;
}
.__0e2d2 .info.left {
  float: left;
  margin: 0 0 0 5px;
  height: 33px;
}
.__0e2d2 .info.left i {
  margin-top: 1px;
}
.__0e2d2 .info.center {
  justify-content: center;
}
.__0e2d2 .pe-7s-close.close {
  position: absolute;
  top: 7px;
  right: 3px;
  padding: 0;
  font-size: 28px;
  z-index: 15;
  border-width: 0;
  background: none;
}
.__0e2d2 .pe-7s-close.close:hover {
  text-decoration: none;
}
.__0e2d2 .single-body-text {
  margin: 20px 17px 15px;
}
.__0e2d2 .popup-body .smaller-title {
  font-size: 20px;
}
.__0e2d2 .popup-header--with-icon {
  height: 20px;
}
.__0e2d2 .popup-header-icon {
  position: absolute;
  left: 50%;
  top: 2px;
  transform: translate(-50%, -50%);
  padding: 13px;
  border-radius: 50%;
  font-size: 20px;
  background-color: #0e79c9;
  color: #fff;
  z-index: 15;
}
.__0e2d2 .popup-header-icon.done {
  background-color: #8cc152;
}
.__0e2d2 .popup-header-icon.in-progress {
  background-color: #0e79c9;
}
.__0e2d2 .files-loading-icons {
  position: relative;
  margin: 20px 0;
  display: flex;
  justify-content: space-between;
}
.__0e2d2 .files-loading-icons .file-icon {
  background-image: url("https://d24lsbndsvqq17.cloudfront.net/images/file-generation-modal/generate_pdf_grey_@2x-97d9d1dd51a676a5b0b02364f7b5942e.png");
  background-image: -webkit-image-set(url("https://d24lsbndsvqq17.cloudfront.net/images/file-generation-modal/generate_pdf_grey-10c60b0aac80b37675c74da3337bc827.png") 1x, url("https://d24lsbndsvqq17.cloudfront.net/images/file-generation-modal/generate_pdf_grey_@2x-97d9d1dd51a676a5b0b02364f7b5942e.png") 2x);
  background-repeat: no-repeat;
  background-size: cover;
  width: 60px;
  height: 82px;
}
.__0e2d2 .files-loading-icons .file-icon.ready {
  background-image: url("https://d24lsbndsvqq17.cloudfront.net/images/file-generation-modal/doc_ready_@2x-2309b58721172126aa868dc2c0751637.png");
  background-image: -webkit-image-set(url("https://d24lsbndsvqq17.cloudfront.net/images/file-generation-modal/doc_ready-7529054942658817637c78df7bd4258b.png") 1x, url("https://d24lsbndsvqq17.cloudfront.net/images/file-generation-modal/doc_ready_@2x-2309b58721172126aa868dc2c0751637.png") 2x);
  height: 88px;
  width: 65px;
}
.__0e2d2 .files-loading-icons .file-icon.grey {
  opacity: 0.4;
}
.__0e2d2 .files-loading-icons .loading-spinner {
  position: absolute;
  left: 0;
  top: 27px;
  opacity: 0.7;
}
.__0e2d2 .files-loading-icons .loading-spinner svg {
  margin: 0;
  width: 35px;
  height: 35px;
}
@media (max-width: 450px) {
  .__0e2d2 .files-loading-icons .file-icon:first-child {
    display: none;
  }
}
@media (max-width: 350px) {
  .__0e2d2 .files-loading-icons .file-icon:nth-child(2) {
    display: none;
  }
}

.__be0a1 .public-school-header {
  border-bottom: 1px solid #e6e9ed;
  background-color: #fff;
  height: 110px;
  min-width: 500px;
}
.__be0a1 .public-school-header .container, .__be0a1 .public-school-header .public-school-footer__inner {
  display: flex;
}
.__be0a1 .public-school-header__logo {
  border-radius: 10px;
  padding-top: 19px;
  height: 70px;
  width: 70px;
}
.__be0a1 .public-school-header__logo img {
  border-radius: 4px;
  height: 70px;
  width: 70px;
}
.__be0a1 .public-school-header__details {
  padding-top: 31px;
  padding-left: 12px;
}
.__be0a1 .public-school-header__details p {
  font-weight: 700;
  font-size: larger;
}
.__be0a1 .public-school-header__contact {
  padding-top: 29px;
  margin-left: auto;
}
@media (max-width: 767px) {
  .__be0a1 .public-school-header__contact {
    display: none;
  }
}
.__be0a1 .public-school-header__contact-phone > p {
  text-align: right;
}

.__02278 {
  width: 360px;
  border: 1px solid #e6e9ed;
  position: relative;
  margin: 0 auto;
  box-shadow: 1px 1px 2px 0 #ccd1d9;
  background-color: #fff;
}
.__02278 .pulse-promo__header {
  display: flex;
  font-weight: normal;
  justify-content: space-between;
  padding: 0 20px;
  height: 61px;
  align-items: center;
  border-bottom: 1px solid #e6e9ed;
  font-size: 18px;
  color: #333;
}
.__02278 .pulse-promo__header--logo {
  background: url("https://d24lsbndsvqq17.cloudfront.net/images/pulse-promo/satchel-pulse-logo-dd3e1855097720a41517cce5a70fb7d0.svg") no-repeat;
  height: 40px;
  width: 100%;
}
.__02278 .pulse-promo__body {
  padding: 10px 10px 0 10px;
}
.__02278 .pulse-promo__body a {
  cursor: pointer;
}

@media (max-width: 992px) {
  .__02278 {
    width: 100%;
  }
  .__02278 .pulse-promo__body img {
    margin: auto;
    width: 360px;
  }
}
.__2c26b .pulsing-dot {
  position: relative;
  height: 15px;
  width: 15px;
}
.__2c26b .pulsing-dot__circle, .__2c26b .pulsing-dot__ring {
  height: 15px;
  left: 0;
  position: absolute;
  top: 0;
  width: 15px;
}
.__2c26b .pulsing-dot__circle {
  background-color: #0e79c9;
  border-radius: 50%;
  box-shadow: 0 0 6px 3px rgba(255, 255, 255, 0.75);
  transition: all 0.2s ease-in-out;
  z-index: 2;
}
.__2c26b .pulsing-dot__ring {
  animation: pulsate 1s ease-out;
  animation-iteration-count: infinite;
  border: 2px solid #219af6;
  border-radius: 30px;
  opacity: 0;
  z-index: 2;
}

@keyframes pulsate {
  0% {
    opacity: 0;
    transform: scale(0.1, 0.1);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(2, 2);
  }
}
.__46985 .quiz-question-image__open-popup-btn {
  display: none;
}
.__46985 .quiz-question-image__image {
  display: inline-block;
  position: relative;
}
.__46985 .quiz-question-image__image img {
  max-height: 50vh;
}
.__46985 .quiz-question-image__image:hover .quiz-question-image__open-popup-btn {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 50px;
  color: #fff;
}
.__46985 .quiz-question-image__popup {
  width: auto;
  max-width: 100vw;
  background: #fff;
}
.__46985 .quiz-question-image__popup-image {
  display: block;
  max-width: 90vw;
  max-height: 90vh;
  width: auto;
  height: auto;
}
.__46985 .quiz-question-image__popup-actions {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
}
.__46985 .quiz-question-image__popup-actions .btn {
  padding: 5px 10px;
  background-color: #000000;
  color: #fff;
  border-radius: 5px;
}
.__46985 .quiz-question-image__icon {
  margin-right: 5px;
}
.__46985 .quiz-question-image__close-popup {
  margin-left: 10px;
}

.__901c2 {
  width: 100%;
  height: 4px;
  background: linear-gradient(to right, #34495e, #34495e 24%, #967adc 25%, #967adc 34%, #4fc1e9 35%, #4fc1e9 44%, #8cc152 45%, #8cc152 54%, #ffce54 55%, #ffce54 64%, #f3a100 65%, #f3a100 74%, #fc6e51 75%, #fc6e51 84%, #da4453 85%, #da4453 100%) 50% 100% no-repeat #f7f9fa;
}

.__617a6 :focus {
  color: #0e79c9;
  border: 1px solid #e6e9ed;
  outline: none;
  margin: -1px;
}

.__617a6 input {
  color: #656d78;
  background: transparent;
  padding: 2px 5px;
  border: none;
  text-align: center;
  max-width: 130px;
}

.__617a6.hasError input {
  color: #da4453;
  font-weight: bold;
}

.__617a6 {
  position: relative;
  max-width: 150px;
  min-width: 10px;
  min-height: 18px;
  max-height: 20px;
}

.__617a6 .focus-tooltip .text {
  display: none;
}

.__617a6 input:focus + .focus-tooltip .text {
  display: block;
}

.__617a6 input {
  width: auto;
}

.__617a6 .focus-tooltip .text {
  width: 230px;
  left: -40px;
  position: relative;
}
.__617a6 .focus-tooltip .text:hover {
  cursor: default;
}
.__617a6 .focus-tooltip .text::before {
  left: 30%;
}

.__ce916 .shared-resource {
  position: absolute;
  padding: 3px;
  background-color: #0e79c9;
  color: #fff;
  border-radius: 14px;
  width: 24px;
  right: 10px;
}
.__ce916 .shared-resource .tooltips .top {
  margin-left: -51px;
  width: 100px;
}

.__d3062 .toggle-password-mask {
  margin: 4px;
  padding: 0;
  border-width: 0;
  background-color: transparent;
  color: #0e79c9;
  outline: 0;
}
.__d3062 .linearicon-eye, .__d3062 .linearicon-eye-crossed {
  position: absolute;
  right: 20px;
  top: 12px;
}

.__21bb8 {
  margin: 5px 9px !important;
  position: relative;
  color: #fff;
  background-color: #8cc152;
  display: block;
  padding: 8px;
  font-size: 11px;
  position: relative;
  text-align: center;
  text-decoration: none;
  line-height: 15px;
  cursor: pointer;
}
.__21bb8 .count {
  color: #fff;
  border-radius: 14px;
  min-width: 15px;
  min-height: 15px;
  line-height: 15px;
  text-align: center;
  font-weight: bold;
  font-size: 10px;
  position: absolute;
  top: -4px;
  right: -3px;
  padding: 0 4px;
}
.__21bb8 .primary-icon {
  width: 70px;
  height: 70px;
  display: block;
  margin: 5px auto 0 auto;
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/calendar/primary-icons/generic-6d9e1b33e44da0ad48d37e69af9a32d5.svg);
  background-size: 70px;
}
.__21bb8 .primary-icon.arts {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/calendar/primary-icons/arts-8998cf522aba3eb23f3e4f9f2dd0f09e.svg);
}
.__21bb8 .primary-icon.challenges {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/calendar/primary-icons/challenges-c831e6af7a0501bf6b6dbb8356156594.svg);
}
.__21bb8 .primary-icon.computings {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/calendar/primary-icons/computings-7a980eb3a95c59b0b5692aee46e85700.svg);
}
.__21bb8 .primary-icon.dramas {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/calendar/primary-icons/dramas-e1f34228203a58761107d8f40ff965d6.svg);
}
.__21bb8 .primary-icon.englishes {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/calendar/primary-icons/englishes-d8cb8f9c63341368c0e02ecb946e1f61.svg);
}
.__21bb8 .primary-icon.geographies {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/calendar/primary-icons/geographies-c655d1a6c1cd673991b23b63888a570d.svg);
}
.__21bb8 .primary-icon.histories {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/calendar/primary-icons/histories-88fae6c9b46bd302412b619b5aa8a31d.svg);
}
.__21bb8 .primary-icon.languages {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/calendar/primary-icons/languages-a28fd0c484eb18cf7255f5a4e318e782.svg);
}
.__21bb8 .primary-icon.listenings {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/calendar/primary-icons/listenings-d764540b1c478abaaa63b51db36ea789.svg);
}
.__21bb8 .primary-icon.literacies {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/calendar/primary-icons/literacies-b6eeab1af19cb511c3c03acd6e8ed3cf.svg);
}
.__21bb8 .primary-icon.maths {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/calendar/primary-icons/maths-09e16902b61492777413330d3d693484.svg);
}
.__21bb8 .primary-icon.musics {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/calendar/primary-icons/musics-5a3ac54283ee1f89fadf31c01518facc.svg);
}
.__21bb8 .primary-icon.numeracies {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/calendar/primary-icons/numeracies-a7582509002850edf77ada9dda0c79f6.svg);
}
.__21bb8 .primary-icon.readings {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/calendar/primary-icons/readings-7dcf0ef50bbd9da6c099b49ba0208c46.svg);
}
.__21bb8 .primary-icon.religious-studies {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/calendar/primary-icons/religious-studies-d34eaa6a6f8fcc668c3049778895cc51.svg);
}
.__21bb8 .primary-icon.sciences {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/calendar/primary-icons/sciences-da9b5091e52729886d4a39ba98cc0bbb.svg);
}
.__21bb8 .primary-icon.spellings {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/calendar/primary-icons/spellings-3e4624356c1b23e795ea595d189f6488.svg);
}
.__21bb8 .primary-icon.sports {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/calendar/primary-icons/sports-88b94fa6934652dde468293b471bce8f.svg);
}
.__21bb8.deadline-passed {
  opacity: 0.7;
}
.__21bb8:hover {
  text-decoration: none;
}
.__21bb8.fade-out {
  opacity: 0.3;
}
.__21bb8.fade-out:hover {
  opacity: 1;
}
.__21bb8 .number {
  background-color: #333;
}
.__21bb8.calendar-item-homework {
  color: #333300;
  background-color: #8cc152;
  border: 1px solid #72a53b;
}
.__21bb8.calendar-item-homework.deadline {
  color: #333;
  border: 1px solid #8cc152;
  background-color: #f5f7fa;
}
.__21bb8.calendar-item-flexible-task {
  color: #333300;
  background-color: #ec87c0;
  border: 1px solid #d770ad;
}
.__21bb8.calendar-item-flexible-task.deadline {
  color: #333;
  border: 1px solid #d770ad;
  background-color: #f5f7fa;
}
.__21bb8.calendar-item-class-test {
  color: #fff;
  background-color: #967bdc;
  border: 1px solid #7653d1;
}
.__21bb8.calendar-item-class-test.deadline {
  color: #333;
  border: 1px solid #967bdc;
  background-color: #f5f7fa;
}
.__21bb8.calendar-item-quiz {
  color: #333300;
  background-color: #f3a100;
  border: 1px solid #c07f00;
}
.__21bb8.calendar-item-quiz.deadline {
  color: #333;
  border: 1px solid #f3a100;
  background-color: #f5f7fa;
}
.__21bb8.calendar-item-spelling-test {
  color: #fff;
  background-color: #37bd9c;
  border: 1px solid #2c957b;
}
.__21bb8.calendar-item-spelling-test.deadline {
  color: #333;
  border: 1px solid #37bd9c;
  background-color: #f5f7fa;
}
.__21bb8.calendar-item-differentiated-homework {
  color: #fff;
  background-color: #0e79c9;
  border: 1px solid #0b5c99;
}
.__21bb8.calendar-item-differentiated-homework.deadline {
  color: #333;
  border: 1px solid #0e79c9;
  background-color: #f5f7fa;
}
.__21bb8.calendar-item-classwork {
  color: #333300;
  background-color: #ed5565;
  border: 1px solid #e8273b;
}
.__21bb8.calendar-item-classwork.deadline {
  color: #333;
  border: 1px solid #ed5565;
  background-color: #f5f7fa;
}
.__21bb8 .fa-check-circle-o {
  float: right;
  font-size: 20px;
  position: absolute;
  top: 15px;
  right: 5px;
}
.__21bb8 a.title {
  text-align: left;
  color: #000;
}
.__21bb8 a.title:hover {
  text-decoration: underline;
}

.__746dd [class*=cal-cell] {
  float: left;
  margin-left: 0;
  min-height: 1px;
}

.__746dd .primary-banner-wrapper {
  width: 100vw;
  height: 176px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/calendar/primary_school_calendar_hero_wide-30148528045a12d5b7b96c9c73b8aa9a.gif);
  background-position: center;
  background-repeat: no-repeat;
}

.__746dd .container.main-content, .__746dd .main-content.public-school-footer__inner {
  margin-top: 15px;
  background-color: #fff;
}

.__746dd .cal-row-fluid {
  width: 100%;
}
.__746dd .cal-row-fluid:before {
  display: table;
  content: "";
  line-height: 0;
}
.__746dd .cal-row-fluid:after {
  display: table;
  content: "";
  line-height: 0;
  clear: both;
}
.__746dd .cal-row-fluid [class*=cal-cell] {
  display: block;
  width: 100%;
  float: left;
  margin-left: 0;
}
.__746dd .cal-row-fluid [class*=cal-cell]:first-child {
  margin-left: 0;
}
.__746dd .cal-row-fluid .controls-row [class*=cal-cell] + [class*=cal-cell] {
  margin-left: 0;
}

.__746dd .cal-week-box .cal-offset1 {
  margin-left: 14.2857142857%;
}

.__746dd .cal-row-fluid .cal-offset1 {
  margin-left: 14.2857142857%;
}
.__746dd .cal-row-fluid .cal-offset1:first-child {
  margin-left: 14.2857142857%;
}

.__746dd .cal-week-box .cal-offset2 {
  margin-left: 28.5714285714%;
}

.__746dd .cal-row-fluid .cal-offset2 {
  margin-left: 28.5714285714%;
}
.__746dd .cal-row-fluid .cal-offset2:first-child {
  margin-left: 28.5714285714%;
}

.__746dd .cal-week-box .cal-offset3 {
  margin-left: 42.8571428571%;
}

.__746dd .cal-row-fluid .cal-offset3 {
  margin-left: 42.8571428571%;
}
.__746dd .cal-row-fluid .cal-offset3:first-child {
  margin-left: 42.8571428571%;
}

.__746dd .cal-week-box .cal-offset4 {
  margin-left: 57.1428571429%;
}

.__746dd .cal-row-fluid .cal-offset4 {
  margin-left: 57.1428571429%;
}
.__746dd .cal-row-fluid .cal-offset4:first-child {
  margin-left: 57.1428571429%;
}

.__746dd .cal-week-box .cal-offset5 {
  margin-left: 71.4285714286%;
}

.__746dd .cal-row-fluid .cal-offset5 {
  margin-left: 71.4285714286%;
}
.__746dd .cal-row-fluid .cal-offset5:first-child {
  margin-left: 71.4285714286%;
}

.__746dd .cal-week-box .cal-offset6 {
  margin-left: 85.7142857143%;
}

.__746dd .cal-row-fluid .cal-offset6 {
  margin-left: 85.7142857143%;
}
.__746dd .cal-row-fluid .cal-offset6:first-child {
  margin-left: 85.7142857143%;
}

.__746dd .cal-row-fluid .cal-cell1 {
  width: 14.2857142857%;
}
.__746dd .cal-row-fluid .loading-spinner {
  height: auto;
  padding: 50px;
}

.__746dd .cal-week-box {
  position: relative;
}
.__746dd .cal-week-box [data-event-class] {
  white-space: nowrap;
  margin: 1px 1px;
  line-height: 30px;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left: 10px;
}
.__746dd .cal-week-box .cal-column {
  position: absolute;
  height: 100%;
}

.__746dd .cal-week-box {
  border: 1px solid #e6e9ed;
  border-radius: 2px;
}

.__746dd #cal-week-box {
  border: 1px solid #e6e9ed;
  border-right: 0;
  border-radius: 5px 0 0 5px;
  background-color: #ccd1d9;
  text-align: right;
}

.__746dd .cal-column {
  border-left: 1px solid #e6e9ed;
}

.__746dd .day-wrapper {
  padding: 0 0 10px 0;
  text-align: center;
  min-height: 220px;
}

.__746dd .cal-header {
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  padding-bottom: 10px;
  padding-top: 10px;
  text-align: center;
}
.__746dd .cal-header.today {
  background: #fafafa;
  border-left: 1px solid #e6e9ed;
}
.__746dd .cal-header strong {
  display: block;
}

.__746dd .cal-day-today .cal-header, .__746dd .cal-day-today.cal-header {
  background-color: #efefef;
}

@media all and (max-width: 767px) {
  .__746dd .cal-row-fluid .cal-cell1 {
    width: 100% !important;
  }

  .__746dd .cal-week-box .cal-column {
    display: none;
  }

  .__746dd .cal-header {
    border-top: 1px solid #ccc;
    margin-bottom: 10px;
    padding-top: 10px;
    border-bottom: 0;
    padding-bottom: 10px;
  }

  .__746dd .day-wrapper {
    padding: 0 0 10px 0;
  }

  .__746dd .cal-row-fluid [class*=cal-cell]:first-child .cal-header {
    border-top: 0;
  }
}
.__746dd .cell {
  border: 1px solid #ccd1d9;
  border-radius: 10px;
  padding: 35px;
  font-size: 16px;
  margin: 45px auto;
  width: 500px;
}
.__746dd .cell p {
  margin-bottom: 15px;
}
.__746dd .cell .or-search {
  font-size: 14px;
  margin-bottom: 0;
  line-height: 20px;
}

@media (max-width: 510px) {
  .__746dd .cell {
    width: 100%;
  }
  .__746dd .cell a img {
    margin-top: 5px;
  }
}
.__746dd .school-calendar-wrapper {
  padding: 1% 0 2%;
  min-height: calc(75vh - 80px - 115px);
}
.__746dd .school-calendar-wrapper--padding {
  padding: 1.5%;
}
.__746dd .school-calendar-wrapper--rounded {
  border-radius: 4px;
}
.__746dd .school-calendar-wrapper__calendar-legend {
  display: flex;
  justify-content: flex-end;
  margin-left: auto;
  position: relative;
}

.__9d908 {
  border-radius: 4px;
  width: 360px;
  background-color: #fff;
}

.__758c1 .search-input--grey-regular-when-not-focused:not(:focus) {
  border-color: #ccc;
}
@media (max-width: 639px) {
  .__758c1 .search-input--xs-max-sizes {
    max-width: 100%;
    width: 100%;
  }
}

.__86987 .smart-popup {
  max-width: 400px;
}

.__86987 .search-popup-body {
  border-radius: 6px;
  background: #fff;
  max-width: 400px;
}
.__86987 .search-popup-body .search-popup-header {
  padding: 10px 20px 0;
  width: 100%;
  display: inline-block;
  height: auto;
  align-items: center;
}
.__86987 .search-popup-body .search-popup-header .search-popup-title {
  display: flex;
  justify-content: center;
}
.__86987 .search-popup-body .search-popup-header .search-popup-title .ti-close {
  color: #656d78;
  font-weight: bolder;
}
.__86987 .search-popup-body .search-popup-header .search-popup-title .text {
  color: #333;
  font-size: 26px;
}
.__86987 .search-popup-body .search-popup-header .search-popup-title .linearicon-cross, .__86987 .search-popup-body .search-popup-header .search-popup-title .linearicon-check, .__86987 .search-popup-body .search-popup-header .search-popup-title .title-icon {
  font-weight: bolder;
  font-size: 18px;
  margin-right: 15px;
}
.__86987 .search-popup-body .search-popup-header .search-popup-title .title-icon {
  padding-top: 20px;
}
.__86987 .search-popup-body .search-popup-header .search-popup-title .linearicon-check {
  color: #8dc153;
}
.__86987 .search-popup-body .search-popup-header .search-popup-title .linearicon-cross {
  color: #b7404b;
}
.__86987 .search-popup-body .search-popup-header .search-popup-subtitle {
  text-align: center;
  color: #656d78;
  font-size: 14px;
  margin-bottom: 15px;
  line-height: 23px;
}
.__86987 .search-popup-body .search-wrapper {
  padding: 0 20px 20px;
}
.__86987 .search-popup-body .search-wrapper input {
  height: 50px;
  font-size: 18px;
  max-width: 100%;
}
.__86987 .search-popup-body .search-wrapper:not(.no-icon)::after {
  font-size: 20px;
  color: #aaa;
  top: 16px;
  right: 31px;
  font-weight: bold;
}
.__86987 .search-popup-body .loading-spinner-wrapper {
  padding: 20px 0;
}
.__86987 .search-popup-body .results-block .container-results {
  height: 370px;
  position: relative;
  overflow-y: scroll;
}
.__86987 .search-popup-body .results-block .container-results::-webkit-scrollbar {
  width: 6px;
  background-color: #fff;
}
.__86987 .search-popup-body .results-block .container-results::-webkit-scrollbar-thumb {
  background-color: #ddd;
  border-radius: 10px;
}
.__86987 .search-popup-body .results-block .no-results,
.__86987 .search-popup-body .results-block .no-more-results,
.__86987 .search-popup-body .results-block .errors-result {
  padding: 20px;
  text-align: center;
}
.__86987 .search-popup-body .results-block .no-more-results {
  clear: both;
}
.__86987 .search-popup-body .results-block .errors-result {
  color: #da4453;
}
.__86987 .search-popup-body .search-popup-footer {
  padding: 15px;
  border-top: 1px solid #e6e9ed;
  display: flex;
  justify-content: center;
}

.__727d4 ul {
  padding: 0 21px 20px;
  list-style-type: none;
  width: 100%;
  max-height: 4px;
  margin-bottom: 0;
}
.__727d4 ul li {
  border-top: 1px solid #e6e9ed;
  padding: 15px 0;
  min-height: 54px;
}
.__727d4 ul li:last-child {
  border-bottom: 1px solid #e6e9ed;
}

.__65664 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 46px;
  box-shadow: 0 2px 0 0 #e6e9ed;
  border: 1px solid #e6e9ed;
  background: #fff;
  margin: 10px 0 15px !important;
  width: 245px;
}
.__65664 img {
  width: 35px;
}
.__65664 .share-text {
  color: #333;
  font-size: 14px;
  margin-left: 15px;
}
.__65664:hover {
  border-color: #0e79c9;
  color: #0e79c9;
  box-shadow: none;
}
.__65664:hover .share-text {
  color: #0e79c9;
}
.__65664:focus {
  outline: 0;
}

.__18d6c .filter-search {
  text-indent: initial;
  margin: 10px 0 5px 0;
}
.__18d6c .filter-search .search-box {
  width: 100%;
  height: 35px;
  line-height: 35px;
  border-radius: 4px;
  border: 1px solid #ccd1d9;
  padding-left: 10px;
}

.__18d6c .checkbox-wrapper {
  float: none;
  line-height: initial;
  text-indent: initial;
  margin-right: 0;
}
.__18d6c .checkbox-wrapper .smhw-checkbox-label {
  font-weight: 600;
}
.__18d6c .checkbox-wrapper .smhw-checkbox:checked + label.smhw-checkbox-label.disabled:before {
  background: #ddd;
}
.__18d6c .checkbox-wrapper::after {
  content: attr(data-count);
  position: absolute;
  right: 0;
  line-height: 30px;
  font-weight: 600;
  color: #ddd;
}

.__328a1 {
  display: flex;
  flex-direction: column;
  position: fixed;
  right: 0;
  top: 0;
  background-color: white;
  width: 290px;
  height: 100vh;
  transform: translateX(100%);
  transition: transform 0.2s;
  overflow-y: scroll;
  z-index: 1001;
  padding: 15px;
}
.__328a1.toggled {
  transform: translateX(0);
  box-shadow: 0 0 20px #bbbbbb;
}
.__328a1.classes-modal-opened {
  transform: none;
}
.__328a1.is-wide {
  width: 350px;
}
.__328a1 .sidebar-slider--header {
  display: flex;
  align-items: center;
}
.__328a1 .sidebar-slider--header h4 {
  font-weight: bold;
}
.__328a1 .sidebar-slider--header .grey-circle {
  color: #0e79c9;
  background-color: #f6f7fb;
  border-radius: 35px;
  font-size: 18px;
  width: 35px;
  height: 35px;
  display: block;
  line-height: 35px;
  text-align: center;
  margin-right: 8px;
  align-items: center;
  justify-content: center;
}
.__328a1 .sidebar-slider--header .ti-close {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
}
.__328a1 .sidebar-slider--body {
  flex-grow: 1;
}
.__328a1 .sidebar-slider--body .form-control.textarea {
  padding: 0;
  border: none;
  height: auto;
}
.__328a1 .sidebar-slider--subheader {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 10px;
}
.__328a1 .sidebar-slider--subtitle {
  font-size: 13px;
  margin: 10px 0 20px 0;
}
.__328a1 .sidebar-slider--filter-wrapper {
  margin-bottom: 15px;
}
.__328a1 .sidebar-slider--footer {
  margin-top: 10px;
}
.__328a1 .sidebar-slider--footer .btn {
  background: #fff;
  color: #0e79c9;
}
.__328a1 .sidebar-slider--footer .btn:focus, .__328a1 .sidebar-slider--footer .btn:active:focus {
  color: #333;
  outline: 0;
}
.__328a1 .sidebar-slider--footer .btn-danger {
  background: #da4453;
  color: #fff;
}
.__328a1 .sidebar-slider--footer .btn-danger:focus, .__328a1 .sidebar-slider--footer .btn-danger:active:focus {
  color: #fff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.__328a1 .sidebar-slider--footer .btn-primary {
  background: #0e79c9;
  color: #fff;
}
.__328a1 .sidebar-slider--footer .btn-primary:focus, .__328a1 .sidebar-slider--footer .btn-primary:active:focus {
  color: #fff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.__328a1 .sidebar-slider--footer .btn-success {
  background: #8cc152;
  color: #fff;
  border-color: transparent;
}
.__328a1 .sidebar-slider--footer .btn-success:hover {
  border-color: #72a53b;
}
.__328a1 .sidebar-slider--footer .btn-success:focus, .__328a1 .sidebar-slider--footer .btn-success:active:focus {
  color: #fff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  border-color: #72a53b;
}

.__3b94c .my-files-wrapper {
  max-height: 60vh;
  overflow: auto;
  flex-direction: column;
  flex-wrap: nowrap;
}

.__35472 {
  position: relative;
  display: inline-block;
}
.__35472.attachments-dropdown-menu .smhw-dropdown-menu {
  width: 190px;
  left: -14px;
  margin-top: 8px;
}
.__35472.aspects-dropdown-menu {
  padding: 0;
  margin-top: 10px;
}
.__35472.aspects-dropdown-menu .smhw-dropdown-btn {
  margin: 0 !important;
  background-color: #0E79C9;
  color: white;
  padding: 6px 10px;
  min-height: 20px;
  border-radius: 4px;
}
.__35472.aspects-dropdown-menu .smhw-dropdown-menu {
  margin-top: -3px;
  padding: 10px;
  font-size: 14px;
}
.__35472.aspects-dropdown-menu .smhw-dropdown-menu .delete-link {
  color: #656D78;
  text-decoration: none;
}
.__35472.aspects-dropdown-menu .smhw-dropdown-menu .dropdown-placeholder {
  min-width: 181px;
  width: 100%;
  min-height: 20px;
}

.__35472 .smhw-dropdown-menu {
  display: block;
  padding: 0 0 5px 0;
  position: absolute;
  box-shadow: 0 0 2px #ddd;
  border: 1px solid #ddd;
  background-color: white;
  border-radius: 3px;
  margin-top: 3px;
  float: left;
  z-index: 100;
  text-align: left;
}
.__35472 .smhw-dropdown-menu hr {
  margin: 0 10px;
}
.__35472 .smhw-dropdown-menu__hidden {
  visibility: hidden;
}
.__35472 .smhw-dropdown-menu__top {
  bottom: 100%;
  margin-bottom: 10px;
}
.__35472 .smhw-dropdown-menu .list-item {
  min-width: 160px;
  width: 100%;
  min-height: 20px;
  text-decoration: none;
}
.__35472 .smhw-dropdown-menu .list-item a, .__35472 .smhw-dropdown-menu .list-item div {
  padding: 7px 15px;
  display: block;
  color: #0e79c9;
}
.__35472 .smhw-dropdown-menu .list-item i {
  vertical-align: middle;
}
.__35472 .smhw-dropdown-menu .list-item.plain-text div {
  color: #656d78;
}
.__35472 .smhw-dropdown-menu .list-item:hover:not(.plain-text) {
  background-color: #0e79c9;
}
.__35472 .smhw-dropdown-menu .list-item:hover:not(.plain-text) a, .__35472 .smhw-dropdown-menu .list-item:hover:not(.plain-text) div {
  text-decoration: none;
  color: white;
}

.__35472 .smhw-dropdown-btn {
  background-color: white;
  position: relative;
}
.__35472 .smhw-dropdown-btn i {
  vertical-align: middle;
}
.__35472 .smhw-dropdown-btn:hover {
  text-decoration: none;
}
.__35472 .smhw-dropdown-btn:active {
  text-decoration: none;
}
.__35472 .smhw-dropdown-btn:focus {
  text-decoration: none;
  outline: none;
}

.__35472 .close-dropdown {
  background: none;
  z-index: 100;
}

.__404b8 {
  position: relative;
}
.__404b8 input {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  padding-left: 100%;
  cursor: pointer;
}

@keyframes open-top-down {
  0% {
    overflow: hidden;
    max-height: 0;
    padding: 0;
  }
  99.999% {
    overflow: visible;
  }
  100% {
    max-height: 350px;
    padding: 19px;
  }
}
.__d16f4.open-top-down-animation .drop-area {
  animation-name: open-top-down;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}

.__d16f4 .ti-cloud-up {
  font-size: 60px;
  display: block;
}

.__d16f4 .drop-area {
  border: 1px dashed #ddd;
  padding: 20px;
  margin-bottom: 10px;
}

.__d16f4 .pending-uploads {
  width: 100%;
  margin-bottom: 15px;
}

.__d16f4 .upload-file-name {
  padding: 5px 10px 5px 0;
}

.__d16f4 .fa.fa-hdd-o {
  padding: 0 1px 0 1px;
}

.__d16f4.highlighted .ti-cloud-up {
  color: #0e79c9;
}
.__d16f4.highlighted .drop-area {
  border-color: #0e79c9;
  background-color: aliceblue;
}

.__d16f4.small .my-files {
  margin-top: 10px;
}

.__d16f4 .add-links {
  margin-left: 10px;
}

.__d16f4 .finished-uploads {
  clear: left;
}

.__8e310 .file-name {
  margin: 0 0 0 10px;
  line-height: 30px;
}

.__07b07 span {
  border-radius: 60px;
  padding: 0.5em 0.6em;
}

.__e5536 .sign-in-link a {
  margin: 30px 0;
}

.__7edc4 .play-word-btn {
  margin-top: 27px;
}

.__7edc4 .tab-container .tabs {
  margin: -5px;
  padding-left: 4px;
}

.__7edc4 i {
  vertical-align: middle;
}

.__46031__button {
  width: 50px;
  margin: 0 10px 10px 0;
  padding: 5px 10px;
  color: #656d78;
  border-color: #ddd;
  box-shadow: none;
}
.__46031__button--size-small {
  height: 34px;
  max-width: 48px;
}
.__46031__button:focus {
  color: #999999;
  outline: 0;
}
.__46031__button.__46031__button--active, .__46031__button.__46031__button--active:active {
  color: #fff;
}
.__46031__button.__46031__button--disabled {
  opacity: 0.65;
  pointer-events: none;
}
.__46031__button:not(.__46031__button--active):hover {
  border: 1px solid #967adc;
  color: #967adc;
}
.__46031__button:not(.__46031__button--active):hover.__46031__button--eal {
  border: 1px solid #8cc152;
  color: #8cc152;
}
.__46031__button:not(.__46031__button--active):hover.__46031__button--sen {
  border: 1px solid #333;
  color: #333;
}
.__46031__button:not(.__46031__button--active):hover.__46031__button--fsm {
  border: 1px solid #37bc9b;
  color: #37bc9b;
}
.__46031__button:not(.__46031__button--active):hover.__46031__button--pp {
  border: 1px solid #f3a100;
  color: #f3a100;
}
.__46031__button:not(.__46031__button--active):hover.__46031__button--gt {
  border: 1px solid #967adc;
  color: #967adc;
}
.__46031__button--active {
  color: #fff;
  background-color: #967adc;
  border-color: #967adc;
}
.__46031__button--active.__46031__button--eal {
  border-color: #8cc152;
  background-color: #8cc152;
}
.__46031__button--active.__46031__button--sen {
  border-color: #333;
  background-color: #333;
}
.__46031__button--active.__46031__button--fsm {
  border-color: #37bc9b;
  background-color: #37bc9b;
}
.__46031__button--active.__46031__button--pp {
  border-color: #f3a100;
  background-color: #f3a100;
}
.__46031__button--active.__46031__button--gt {
  border-color: #967adc;
  background-color: #967adc;
}
.__46031__button--active:hover {
  color: #fff;
  background-color: #ac92ec;
  border-color: #ac92ec;
}
.__46031__button--active:hover.__46031__button--eal {
  background-color: #a0d468;
  border-color: #a0d468;
}
.__46031__button--active:hover.__46031__button--sen {
  background-color: #4a4a4a;
  border-color: #4a4a4a;
}
.__46031__button--active:hover.__46031__button--fsm {
  background-color: #48cfad;
  border-color: #48cfad;
}
.__46031__button--active:hover.__46031__button--pp {
  background-color: #ffce54;
  border-color: #ffce54;
}
.__46031__button--active:hover.__46031__button--gt {
  background-color: #ac92ec;
  border-color: #ac92ec;
}

.__46031 {
  display: flex;
  flex-wrap: wrap;
}
.__46031--placement-space-out {
  justify-content: space-between;
}
.__46031--placement-space-out .__46031__button {
  margin: 0;
}

.__0111a {
  padding: 15px;
  margin-top: 20px;
  border: 1px solid #e6e9ed;
}
.__0111a.awaiting-grade {
  padding: 0;
  border: none;
}
.__0111a .grade {
  color: #0e79c9;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
}
.__0111a p.footer {
  margin-top: 45px;
}
.__0111a .awaiting-grade-container {
  position: relative;
}
.__0111a .awaiting-grade-container img {
  width: 100%;
}
.__0111a .awaiting-grade-container h4, .__0111a .awaiting-grade-container p {
  position: absolute;
  color: #fff;
  left: 20px;
}
.__0111a .awaiting-grade-container h4 {
  top: 20px;
}
.__0111a .awaiting-grade-container p {
  top: 60px;
  width: 25%;
}

.__a97a8 .activity-feed-entry-content__attachment-wrapper {
  display: flex;
  flex-direction: row;
}
.__a97a8 .activity-feed-entry-content__attachment-link {
  margin-right: 8px;
}

.__92bf4 {
  cursor: pointer;
  width: 100%;
  display: inline-block;
  padding: 0;
  background-color: #fff;
  width: 100%;
  border: 1px solid #ccd1d9;
  border-top: none;
  color: #333;
}

.__92bf4 .flex-wrapper {
  display: flex;
  align-items: center;
  min-height: inherit;
}

.__92bf4 .checkbox {
  display: inline-block;
  margin-top: 10px;
  padding: 30px 15px 27px 40px;
}
.__92bf4 .checkbox.student {
  margin: 0;
}
.__92bf4 .checkbox.with-right-border {
  border-right: 1px solid #ccd1d9;
}

.__92bf4:hover {
  background-color: #f2f4f9;
}

.__92bf4 .submission-name {
  float: left;
  width: calc(100% - 250px);
  overflow: hidden;
  text-overflow: ellipsis;
}
.__92bf4 .submission-name .no-submission-status {
  color: #d3d3d3;
}

.__92bf4 .right-wrapper {
  float: right;
  display: inline-block;
}

.__92bf4 .submission-grade, .__92bf4 .submission-status {
  float: left;
  padding-left: 5px;
  display: flex;
  align-items: center;
}

.__92bf4 .grade {
  padding-left: 5px;
}

.__92bf4 .submission-status {
  height: 10px;
  width: 10px;
  border-radius: 15px;
  margin-right: 6px;
  margin-top: 6px;
}
.__92bf4 .submission-status.submitted {
  background-color: #8fc053;
}
.__92bf4 .submission-status.submitted-late {
  background-color: #5e9b24;
}
.__92bf4 .submission-status.resubmission {
  background-color: #f1a100;
}
.__92bf4 .submission-status.not-submitted {
  background-color: #d84852;
}
.__92bf4 .submission-status.absent {
  background-color: #3083d1;
}

.__92bf4 i {
  color: #656d78;
  line-height: 40px;
}
.__92bf4 i.pe-7s-user {
  font-size: 44px;
}
.__92bf4 i.ti-marker-alt {
  font-size: 24px;
}

@media (max-width: 900px) {
  .__92bf4 .user-profile-picture {
    display: none;
  }

  .__92bf4 .submission-name {
    min-width: 100px;
  }
}
@media (max-width: 969px) {
  .__92bf4 .checkbox {
    padding: 40px 15px 37px 40px;
  }
}
.__48913.editable {
  cursor: pointer;
}

.__48913.disabled {
  border-top: 0;
  border-bottom: 0;
  background-color: #f9f9f9;
}
.__48913.disabled .no-submission {
  display: none;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  text-align: center;
  z-index: 1;
}

.__48913.submitted-status {
  position: relative;
  padding: 0;
}
.__48913.submitted-status .cell-wrapper {
  padding: 8px;
}
.__48913.submitted-status .student-not-assigned {
  text-align: center;
}
.__48913.submitted-status.selected .cell-border {
  position: absolute;
  height: 100%;
  width: 100%;
  outline: 1px solid #0e79c9;
}
.__48913.submitted-status .color-wrapper {
  display: inline-block;
  padding: 3px;
  width: 24px;
  height: 24px;
  border: 1px solid #ddd;
  border-radius: 5px;
  vertical-align: middle;
}
.__48913.submitted-status .color-wrapper .color {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
}
.__48913.submitted-status .color-wrapper .color.not-submitted {
  background-color: #d84852;
}
.__48913.submitted-status .color-wrapper .color.submitted {
  background-color: #8fc053;
}
.__48913.submitted-status .color-wrapper .color.submitted-late {
  background-color: #5e9b24;
}
.__48913.submitted-status .color-wrapper .color.resubmission {
  background-color: #f1a100;
}
.__48913.submitted-status .color-wrapper .color.absent {
  background-color: #3083d1;
}
.__48913.submitted-status .status-text, .__48913.submitted-status .grade-text {
  display: inline-block;
  vertical-align: middle;
  max-width: 75%;
}
.__48913.submitted-status .status-text::first-letter, .__48913.submitted-status .grade-text::first-letter {
  text-transform: uppercase;
}

.__f60d7 {
  overflow-y: scroll;
  height: 100vh;
}

.__f60d7 .avatars-kudos {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 15px 0;
}
@media (max-width: 992px) {
  .__f60d7 .avatars-kudos .column {
    width: 100%;
    margin-bottom: 10px;
  }
}

.__f60d7 .row-flash-messages {
  margin-top: 10px;
}

.__f60d7 .sticky-wrapper .row-comment-form > div {
  padding: 0 15px 10px 0;
}

.__f60d7 .comment-form-toggle {
  margin-left: auto;
}

@media (min-width: 768px) {
  .__f60d7 .sticky-wrapper .row-comment-form {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
@media (max-width: 1140px) {
  .__f60d7 .sticky-wrapper .row-comment-form > div {
    width: 100%;
  }
}
.__a92ca {
  overflow-y: scroll;
  height: 100vh;
}

.__a92ca .class-average {
  margin: 30px 0;
  display: flex;
}
.__a92ca .class-average .left-block, .__a92ca .class-average .right-block {
  flex: 1;
}
.__a92ca .class-average header {
  color: #0e79c9;
}
.__a92ca .class-average .left-block {
  min-width: 100px;
  max-width: 100px;
}
.__a92ca .class-average .right-block {
  color: #0e79c9;
  font-size: 70px;
  line-height: 50px;
}

.__a92ca .avatars-kudos {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 15px 0;
}
@media (max-width: 992px) {
  .__a92ca .avatars-kudos .column {
    width: 100%;
    margin-bottom: 10px;
  }
}

.__a92ca .row-flash-messages {
  margin-top: 10px;
}

.__a92ca .row-comment-form {
  padding: 0 15px 15px 0;
}
.__a92ca .row-comment-form__status-select {
  margin-right: auto;
}

.__b2f57 {
  display: flex;
  align-items: center;
}
.__b2f57.disabled:not(.disabled--green) .switch-btn-handle {
  background-color: #d3d3d3;
  border: 1px solid #d3d3d3;
}
.__b2f57.disabled:not(.disabled--green) .switch-btn:checked + .switch-btn-handle {
  background-color: #d3d3d3;
  border-color: #d3d3d3;
}
.__b2f57.disabled:not(.disabled--green) .switch-btn:checked + .switch-btn-handle:before {
  border-color: #d3d3d3;
}
.__b2f57.disabled:not(.disabled--green) .switch-btn-label {
  color: #d3d3d3;
}

.__b2f57 .switch-btn-container {
  display: inline-block;
  position: relative;
  width: 40px;
  margin-right: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.__b2f57 .switch-btn {
  display: none;
}

.__b2f57 .switch-btn-handle {
  display: block;
  overflow: hidden;
  cursor: pointer;
  height: 24px;
  padding: 0;
  line-height: 24px;
  border: 1px solid #d3d3d3;
  border-radius: 24px;
  background-color: #fff;
  transition: background-color 0.3s ease-in;
  margin-bottom: 0;
}
.__b2f57 .switch-btn-handle:before {
  content: "";
  display: block;
  width: 24px;
  margin: 0px;
  background: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  border: 1px solid #d3d3d3;
  border-radius: 24px;
  transition: all 0.3s ease-in 0s;
  box-shadow: inset 0 -3px 3px rgba(0, 0, 0, 0.025), 0 1px 4px rgba(0, 0, 0, 0.15), 0 4px 4px rgba(0, 0, 0, 0.1);
  height: inherit;
}

.__b2f57.big .switch-btn-container {
  width: 50px;
}
.__b2f57.big .switch-btn-handle {
  height: 31px;
}
.__b2f57.big .switch-btn-handle:before {
  width: 31px;
}

.__b2f57 .switch-btn:checked + .switch-btn-handle {
  background-color: #8cc152;
}

.__b2f57 .switch-btn:checked + .switch-btn-handle,
.__b2f57 .switch-btn:checked + .switch-btn-handle:before {
  border-color: #8cc152;
}

.__b2f57 .switch-btn:checked + .switch-btn-handle:before {
  right: -1px;
}

.__b2f57 .switch-btn-label {
  margin: 0;
  color: #0e79c9;
}
.__b2f57 .switch-btn-label:hover {
  cursor: pointer;
}

.__351ce {
  white-space: nowrap;
}

.__351ce a {
  color: #656d78;
}
.__351ce a:hover, .__351ce a:focus {
  text-decoration: none;
}

.__351ce .arrows-container {
  display: inline-block;
  height: 12px;
  width: 10px;
  vertical-align: middle;
}

.__351ce.is-active .arrows-container.asc .arrow-up {
  border-bottom-color: #0e79c9;
}
.__351ce.is-active .arrows-container.asc .arrow-down {
  border-top-color: #e6e9ed;
}
.__351ce.is-active .arrows-container.desc .arrow-up {
  border-bottom-color: #e6e9ed;
}
.__351ce.is-active .arrows-container.desc .arrow-down {
  border-top-color: #0e79c9;
}

.__799b9 .form-group {
  margin-bottom: 0;
  margin-top: 10px;
}

.__799b9 .error-message {
  margin: 0;
}

.__799b9 .has-error, .__799b9 .error-message {
  color: #da4453;
}

.__5f4ad .switch-btn-label {
  color: #656d78;
}

.__8956b .training-academy {
  height: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 57px;
  border-left: 1px solid #e6e9ed;
}
.__8956b .training-academy a {
  text-decoration: none;
}
.__8956b .training-academy i {
  font-size: 26px;
  text-align: center;
  color: #aab2bd;
}
.__8956b .training-academy i:hover {
  color: #0e79c9;
}

.__ea52b {
  display: flex;
}
.__ea52b.cursor-pointer {
  cursor: pointer;
}
.__ea52b:not(.floating-avatar) {
  width: 100%;
  height: 100%;
}
.__ea52b .avatar-wrapper {
  width: 100%;
  height: 100%;
  background-size: cover;
  border-radius: 50%;
  background-position: center;
  background-color: #fff;
}
.__ea52b.floating-avatar {
  display: inline-block;
  margin-right: 10px;
  float: left;
}
.__ea52b.floating-avatar .avatar-wrapper {
  width: 45px;
  height: 45px;
  margin-left: 4px;
}
.__ea52b.floating-avatar .avatar-wrapper--middle-square {
  height: 40px;
  width: 40px;
}
.__ea52b.floating-avatar .avatar-wrapper--medium-square {
  height: 60px;
  width: 60px;
}
.__ea52b.floating-avatar .avatar-wrapper--big-square {
  height: 71px;
  width: 71px;
}
.__ea52b.floating-avatar .avatar-wrapper--light-grey-background {
  background-color: #e8eae7;
}
.__ea52b.floating-avatar .avatar-wrapper--darkest-shadow {
  border: solid 2px #fff;
  box-shadow: 0 4px #595959;
}
.__ea52b.floating-avatar--margin-right-15 {
  margin-right: 15px;
}

.__ea52b .not-user-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #f3a100;
  border-radius: 50%;
}
.__ea52b .not-user-avatar i {
  font-size: 27px;
  color: #f3a100;
}

.__ea52b .dummy-avatar {
  background-image: url("https://d24lsbndsvqq17.cloudfront.net/assets/images/dummy-avatar-d0d5a799a2d12c84d69356baa610d00c.png");
}

.__ea52b .blue-avatar {
  background-image: url("https://d24lsbndsvqq17.cloudfront.net/assets/images/blue-avatar-255f7c0bd66ee42915ed6c6b6e1aed9b.png");
}

.__ea52b .red-avatar {
  background-image: url("https://d24lsbndsvqq17.cloudfront.net/assets/images/red-avatar-18eba72d50b7b739fd9603ff4a3ac85a.png");
}

.__ea52b .green-avatar {
  background-image: url("https://d24lsbndsvqq17.cloudfront.net/assets/images/green-avatar-cf455a147e2f00e71fafbf93846b4f67.png");
}

.__ea52b .purple-avatar {
  background-image: url("https://d24lsbndsvqq17.cloudfront.net/assets/images/purple-avatar-09f2dc9cd420565229af538e78e35b6e.png");
}

.__c6cac {
  display: flex;
  margin-top: 6px;
  width: 160px;
}
.__c6cac .pickr .pcr-button::after, .__c6cac .pickr .pcr-button::before {
  border-radius: 0 2px 2px 0;
}
.__c6cac .validated-color-picker-input {
  width: 75%;
}
.__c6cac .validated-color-picker-input input {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: none;
  height: 28px;
}

.__9ea9c {
  cursor: pointer;
}

.__9ea9c .input-group-addon {
  background-color: white;
  color: #0e79c9;
}

.__9ea9c.active .input-group-addon {
  background-color: #0e79c9;
}
.__9ea9c.active .calendar-icon {
  color: white;
}

.__9ea9c.has-error .form-group {
  margin-bottom: 0px;
}
.__9ea9c.has-error .calendar-icon {
  color: #da4453;
}

.__f5b59 .form-control[disabled] {
  background-color: #fafafa;
}

.__f5b59 .yield-wrapper {
  position: relative;
}
.__f5b59 .yield-wrapper input.form-control {
  padding-right: 16px;
}

.__8a96e .counter {
  float: right;
  font-size: 12px;
  margin-top: 5px;
}
.__8a96e .counter .red {
  color: #da4453;
  font-weight: bold;
}

.__8a96e.disabled {
  pointer-events: none;
}

.__d7314 .counter {
  float: right;
  font-size: 12px;
  margin-top: 5px;
}
.__d7314 .counter .red {
  color: #da4453;
  font-weight: bold;
}

.__dcece .error-message--zero-margin-top {
  margin-top: 0;
}

.__18d6c {
  background-color: rgba(243, 161, 0, 0.1);
  border-top: 3px solid #f3a100;
  display: flex;
  margin-top: 10px;
  padding: 10px;
}
.__18d6c .icon {
  background-color: #fff;
  border-radius: 15px;
  color: #f3a100;
  display: inline-table;
  padding: 3px;
}
.__18d6c .icon .fa {
  width: 20px;
  text-align: center;
}
.__18d6c .message {
  padding-left: 10px;
}

.__dfd66.separator {
  padding-top: 15px;
}

.__f57de {
  color: #333;
  height: 100%;
  display: flex;
  align-items: center;
  margin-left: 10px;
}
.__f57de img {
  margin-right: 10px;
  width: 40px;
  height: 40px;
}

.__1f6d1.disabled input, .__1f6d1.disabled input:hover, .__1f6d1.disabled label, .__1f6d1.disabled label::before, .__1f6d1.disabled label::after {
  cursor: not-allowed;
}
.__1f6d1.disabled label::before {
  background-color: white;
  border: 1px solid #D2D4DC;
}
.__1f6d1.disabled label::after {
  color: #D2D4DC;
}

.__4ff38.zeroclipboard-is-hover.btn-primary {
  color: #fff;
  background-color: #0b5c99;
  border-color: #084878;
}

.__1ecad th {
  background-color: #f5f7fa;
}

.__25210 {
  color: #656d78;
}
.__25210:hover, .__25210:visited {
  text-decoration: none;
  color: #656d78;
}

.__855b1 {
  height: 100px;
  flex: 1 1 0;
  padding: 0 10px;
  max-width: 33.33%;
  cursor: pointer;
  overflow: hidden;
}
.__855b1 .attachments-row-item__wrapper {
  height: 100px;
  border: 1px solid #e6e9ed;
  border-radius: 3px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.__855b1 .attachments-row-item__wrapper:hover {
  border-color: #0e79c9;
}
.__855b1 .attachments-row-item__image {
  text-align: center;
  max-height: 65px;
  overflow: hidden;
  flex: 1 1 0;
}
.__855b1 .attachments-row-item__image img {
  width: 100%;
}
.__855b1 .attachments-row-item__image i {
  display: block;
  font-size: 35px;
  margin-top: 15px;
}
.__855b1 .attachments-row-item__filename {
  padding: 0 10px;
  max-height: 35px;
  background-color: #f1f7fa;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 1 0;
}
.__855b1 .attachments-row-item__filename_link {
  color: #0e79c9;
  line-height: 35px;
  font-size: 12px;
}
.__855b1 .loading-spinner {
  height: 50px;
  margin-top: 8px;
}
.__855b1 .loading-spinner svg {
  height: 50px;
  width: 50px;
}

.__deba7 .attachments-row-list-item--filename {
  font-size: 13px;
}

.__34fbc .attendance-groups-form {
  display: flex;
  flex-direction: row;
}

.__58b32 {
  position: relative;
}

.__58b32 .writeback-enabled {
  cursor: pointer;
}

.__58b32 .disabled-mark {
  cursor: default;
}

.__58b32 .no-lesson {
  display: table-cell;
  vertical-align: middle;
  height: 30px;
  font-size: 25px;
}

.__58b32 .attendance-mark-popup {
  text-align: left;
  background: #fff;
  border: 1px solid #c8cfd8;
  border-radius: 6px;
  box-shadow: 2px 2px 1px 0 #d7dce2;
  position: absolute;
  width: 300px;
  padding: 20px;
  right: 50%;
  margin-right: -150px;
  z-index: 551;
}
.__58b32 .attendance-mark-popup .attendance-notes {
  display: flex;
  align-items: center;
  color: #0e79c9;
  margin-left: 10px;
}
.__58b32 .attendance-mark-popup .attendance-notes .btn-link, .__58b32 .attendance-mark-popup .attendance-notes .btn-upload-link {
  margin: 0 10px;
}
.__58b32 .attendance-mark-popup .attendance-notes .btn-link.active, .__58b32 .attendance-mark-popup .attendance-notes .active.btn-upload-link, .__58b32 .attendance-mark-popup .attendance-notes .btn-link:focus, .__58b32 .attendance-mark-popup .attendance-notes .btn-upload-link:focus {
  outline: 0;
}
.__58b32 .attendance-mark-popup .attendance-notes .show-notes {
  color: #0e79c9;
}
.__58b32 .attendance-mark-popup--hidden {
  visibility: hidden;
}
.__58b32 .attendance-mark-popup::after, .__58b32 .attendance-mark-popup::before {
  right: calc(50% - 12px);
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.__58b32 .attendance-mark-popup::before {
  border-width: 12px;
  margin-right: -1px;
}
.__58b32 .attendance-mark-popup::after {
  border-width: 11px;
}
.__58b32 .attendance-mark-popup--bottom {
  top: calc(100% + 12px);
}
.__58b32 .attendance-mark-popup--bottom::after, .__58b32 .attendance-mark-popup--bottom::before {
  top: 0;
}
.__58b32 .attendance-mark-popup--bottom::after {
  border-bottom-color: #fff;
  margin-top: -22px;
}
.__58b32 .attendance-mark-popup--bottom::before {
  border-bottom-color: #ccd1d9;
  margin-top: -24px;
}
.__58b32 .attendance-mark-popup--top {
  bottom: calc(100% + 12px);
}
.__58b32 .attendance-mark-popup--top::after, .__58b32 .attendance-mark-popup--top::before {
  bottom: 0;
}
.__58b32 .attendance-mark-popup--top::after {
  border-top-color: #fff;
  margin-bottom: -22px;
}
.__58b32 .attendance-mark-popup--top::before {
  border-top-color: #ccd1d9;
  margin-bottom: -24px;
}
.__58b32 .attendance-mark-popup__item {
  margin-bottom: 20px;
}
.__58b32 .attendance-mark-popup__item--title {
  font-weight: 600;
  margin-bottom: 15px;
}
.__58b32 .attendance-mark-popup__item--mark-and-late-input {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.__58b32 .attendance-mark-popup__item--mark-and-late-input .form-group {
  margin-bottom: 0;
}
.__58b32 .attendance-mark-popup__item--mark-and-late-input .select-attendance-mark,
.__58b32 .attendance-mark-popup__item--mark-and-late-input .select-late-minutes {
  margin-right: 5px;
}
.__58b32 .attendance-mark-popup__item--mark-and-late-input .select-attendance-mark {
  flex-grow: 1;
}
.__58b32 .attendance-mark-popup__item--mark-and-late-input .select-late-minutes input {
  width: 50px;
  text-align: center;
  padding: 16px;
}
.__58b32 .attendance-mark-popup__actions {
  display: flex;
  flex-direction: row;
}

.__adbcb .table thead tr {
  border-top: 1px solid #ddd;
}
.__adbcb .table th {
  font-weight: 600;
  border: 0;
}
.__adbcb .table th:first-child {
  border-right: 1px solid #ddd;
}
.__adbcb .table th:not(:first-child) {
  text-align: center;
}
.__adbcb .table tbody td {
  text-align: center;
}
.__adbcb .table tbody td:first-child {
  border-right: 1px solid #ddd;
  text-align: left;
  padding-left: 15px;
}
.__adbcb .table tbody tr:last-child {
  border-bottom: 1px solid #ddd;
}

.__455fb .table thead tr {
  border-top: 1px solid #ddd;
}
.__455fb .table th {
  font-weight: 600;
  border: 0;
}
.__455fb .table th:first-child {
  border-right: 1px solid #ddd;
  vertical-align: middle;
}
.__455fb .table th:not(:first-child) {
  text-align: center;
}
.__455fb .table tbody td {
  text-align: center;
}
.__455fb .table tbody td:first-child {
  border-right: 1px solid #ddd;
  text-align: left;
  padding-left: 15px;
}
.__455fb .table tbody tr:last-child {
  border-bottom: 1px solid #ddd;
}

.__08454 {
  display: flex;
}
.__08454 .tooltips {
  margin-right: 10px;
}
.__08454 .icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  cursor: pointer;
  position: relative;
}
.__08454 .icon::before, .__08454 .icon::after {
  font-family: FontAwesome;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  position: absolute;
  top: -1px;
  transition: left 0.3s;
  width: 40px;
  height: 40px;
  left: -1px;
}
.__08454 .icon:before {
  left: -40px;
  background-color: white;
}
.__08454 .icon.badge {
  border: 1px solid #0893cc;
}
.__08454 .icon.badge::after, .__08454 .icon.badge::before {
  content: "";
}
.__08454 .icon.badge::after {
  background-color: #0893cc;
}
.__08454 .icon.badge:before {
  color: #0893cc;
}
.__08454 .icon.badge .badge-border {
  content: "";
  display: block;
  position: absolute;
  border-radius: 50%;
  width: 34px;
  height: 34px;
  background: transparent;
  top: 2px;
  left: 2px;
  z-index: 100;
  transition: left 0.3s;
  border: 1px solid #fff;
}
.__08454 .icon.deduct {
  border: 1px solid #da4453;
}
.__08454 .icon.deduct::after {
  background-color: #da4453;
}
.__08454 .icon.deduct::before {
  color: #da4453;
}
.__08454 .icon.deduct::after, .__08454 .icon.deduct::before {
  content: "";
}
.__08454 .icon.add {
  border: 1px solid #8cc152;
}
.__08454 .icon.add::after, .__08454 .icon.add::before {
  content: "";
}
.__08454 .icon.add::after {
  background-color: #8cc152;
}
.__08454 .icon.add:before {
  color: #8cc152;
}
.__08454:not(.disabled) .icon::not(.disabled):hover::before {
  left: -1px;
  transition: left 0.3s;
}
.__08454:not(.disabled) .icon::not(.disabled):hover::after, .__08454:not(.disabled) .icon::not(.disabled):hover .badge-border {
  left: 40px;
  transition: left 0.3s;
}
.__08454.disabled .icon, .__08454.points-disabled .icon-points {
  cursor: default;
  background-color: #abb5c2;
  border-color: #e6e9ed;
}
.__08454.disabled .icon::after, .__08454.points-disabled .icon-points::after {
  background: none;
}
.__08454 .tooltips span.top {
  bottom: 48px;
}
.__08454 .tooltips:hover span {
  z-index: 1000;
}

.__3a6a4 .student-item {
  padding-bottom: 0;
}

.__3a6a4 .default-points {
  margin-left: 5px;
}

.__3a6a4 .flaticon-thumbs26 {
  color: #8cc152;
}

.__3a6a4 .flaticon-thumbs25 {
  color: #da4453;
}

.__d17a0 {
  border: 1px solid #ddd;
  width: 150px;
  height: 240px;
  padding: 30px 20px 20px;
  position: relative;
  border-radius: 4px;
  box-shadow: 1px 1px 2px 0px #ccd1d9;
  margin: 0 15px 20px;
}
.__d17a0 .praise-avatar {
  position: relative;
  width: 100px;
  height: 100px;
  margin: 0 auto 15px auto;
}
.__d17a0 .praise-avatar .user-profile-picture {
  justify-content: center;
  align-items: center;
}
.__d17a0 .praise-avatar .user-profile-picture .avatar-wrapper {
  border: 1px solid white;
  box-shadow: 0px 5px 2px 0px rgba(0, 0, 0, 0.2);
}
.__d17a0 .praise-checkbox {
  position: absolute;
  left: 0;
  top: 0;
}
.__d17a0 .praise-checkbox .praise-check-label {
  padding: 8px;
  margin: 0;
  cursor: pointer;
}
.__d17a0 .praise-checkbox .praise-check-label::before {
  content: "";
  border: 1px solid #ddd;
  display: block;
  position: relative;
  width: 20px;
  height: 20px;
}
.__d17a0 .praise-checkbox input[type=checkbox]:checked + .praise-check-label::before {
  background-color: #0e79c9;
  border-color: #0e79c9;
}
.__d17a0 .praise-checkbox input[type=checkbox]:checked + .praise-check-label::after {
  font-family: "FontAwesome";
  content: "";
  font-size: 12px;
  position: absolute;
  left: 10px;
  top: 10px;
  width: 15px;
  color: white;
  font-weight: normal;
}
.__d17a0 .forename {
  color: #3a3a3a;
  font-weight: 600;
  font-size: 16px;
  margin: 0;
}
.__d17a0 .surname {
  font-size: 13px;
}
.__d17a0 .student-board-link:hover {
  text-decoration: none;
}

.__389fc {
  overflow: hidden;
  width: 100%;
  display: inline-flex;
  scroll-behavior: smooth;
  min-height: 270px;
}
.__389fc .carousel-widget__slide {
  display: flex;
  flex-direction: column;
  width: 33.3%;
  padding: 30px 50px;
  flex-shrink: 0;
}
.__389fc .carousel-widget__slide:not(:first-child) {
  border-left: 1px solid #f5f7fa;
}
.__389fc.carousel-widget__gallery--empty {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.__a058f {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e6e9ed;
  padding: 0 30px;
  height: 60px;
  font-size: 18px;
  font-weight: 600;
  color: #333;
}

.__9e6d1 .insight-view-legend {
  font-size: 26px;
  width: 80px;
  height: 30px;
  top: 55%;
  left: calc(50% - 38px);
}

.__93900 h5 {
  margin-left: 15px;
  margin-right: 15px;
}

.__93900 .tab-container {
  border: none;
}

.__93900 .profile {
  display: block;
  padding: 5px 12px;
  margin-left: 15px;
  margin-right: 15px;
}
.__93900 .profile:last-of-type {
  border-bottom: none;
}
.__93900 .profile .pe-7s-user {
  margin-right: 4px;
  margin-left: 4px;
}

.__93900 .rating {
  font-size: 24px;
  margin-top: 14px;
}

.__93900 .info {
  float: left;
  margin-top: 15px;
  margin-left: 20px;
}

.__93900 .tooltip-wrapper {
  font-weight: normal;
}
.__93900 .tooltip-wrapper .tooltips {
  vertical-align: super;
  font-size: 15px;
}
.__93900 .tooltip-wrapper .tooltips span {
  text-transform: none;
  height: 70px;
}
.__93900 .tooltip-wrapper .flaticon-light45::before {
  color: #656d78;
}

.__93900 a .fa {
  color: #aab2bd;
}
.__93900 a.active .fa-arrow-up {
  color: #8cc152;
}
.__93900 a.active .fa-arrow-down {
  color: #da4453;
}

.__906a0 #task-error-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80vh;
}
.__906a0 #task-error-wrapper .task-error {
  text-align: center;
}
.__906a0 #task-error-wrapper .task-error .trash-icon {
  font-size: 45px;
}
.__906a0 #task-error-wrapper .task-error .title {
  font-size: 20px;
  font-weight: 600;
  color: #333;
  padding: 30px 0 20px;
}
.__906a0 #task-error-wrapper .task-error .subtitle {
  padding-bottom: 30px;
}
.__906a0 #task-error-wrapper .task-error .back-btn {
  font-size: 15px;
}

.__ccb3e #custom-error-wrapper {
  height: 90vh;
}

.__39975 {
  border: 1px solid #ddd;
  text-align: center;
  margin-bottom: 25px;
  margin-right: 25px;
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  border-radius: 5px;
}

.__39975 .community-resource-item-line {
  padding: 10px;
}
.__39975 .community-resource-item-line:not(:last-child) {
  border-bottom: 1px solid #ddd;
}

.__39975 .community-resource-item-titles {
  min-height: 58px;
}
.__39975 .community-resource-item-titles .truncate-text {
  font-weight: bold;
  width: 100%;
}

.__39975 .community-resource-item-info {
  font-size: 13px;
  min-height: 57px;
}

.__39975 .community-resource-item-footer {
  text-align: left;
  display: flex;
  align-items: center;
  font-size: 13px;
  background-color: #f6f7fb;
  width: 100%;
}

.__39975 .view-resource {
  margin-left: auto;
  padding: 5px;
  color: #fff;
  background-color: #0e79c9;
  border-radius: 4px;
}
.__39975 .view-resource:hover {
  text-decoration: none;
}

.__39975 .subject-picture-link {
  display: block;
}

.__39975 .type-circle {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  display: inline-block;
  margin-right: 5px;
}
.__39975 .type-circle.homework {
  background-color: #8cc152;
}
.__39975 .type-circle.quiz {
  background-color: #f3a100;
}
.__39975 .type-circle.spelling-test {
  background-color: #37bd9c;
}
.__39975 .type-circle.differentiated-homework {
  background-color: #0e79c9;
}
.__39975 .type-circle.flexible-task {
  background-color: #d770ad;
}
.__39975 .type-circle.classwork {
  background-color: #ed5565;
}

.__0c671 .main-details-row {
  display: flex;
}

.__0c671 .title {
  font-weight: bold;
  font-size: 20px;
}

.__0c671 .info {
  border-bottom: 1px dashed #ddd;
}
.__0c671 .info .info-detail {
  padding-right: 10px;
  display: inline-block;
}
.__0c671 .info .info-detail:not(:last-child)::after {
  content: "|";
  margin-left: 10px;
}

.__0c671 .use-button {
  display: block;
  margin-top: 10px;
  width: 100%;
}

.__0c671 .attachments h5 {
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 15px;
}

.__0c671 .tag-list:not(:last-child) {
  margin-bottom: 10px;
}

.__0c671 .details-block {
  border-bottom: 1px dashed #ddd;
  padding-bottom: 15px;
  position: relative;
}
.__0c671 .details-block:not(:first-child) {
  padding-top: 15px;
}

.__0c671 .web-link-list li {
  float: none;
  padding-top: 10px;
}
.__0c671 .web-link-list li .default-web-link-icon {
  margin: 0 0 5px 0;
}

.__0c671 .description-col {
  margin: 0 25px;
  flex-grow: 2;
}

.__0c671 .teacher-col {
  max-width: 400px;
  flex-grow: 2;
}

.__0c671 .picture-col {
  min-width: 235px;
}

@media (max-width: 1200px) {
  .__0c671 .main-details-row {
    display: block;
  }

  .__0c671 .picture-col {
    margin: 0 auto 20px;
    max-width: 400px;
  }
  .__0c671 .picture-col .community-resource-item-picture {
    height: 175px;
  }

  .__0c671 .teacher-col {
    margin: auto;
  }

  .__0c671 .description-col {
    margin: 20px 0;
  }
}
.__0c671 .books-flex-container [class*=community-resource-item--box] {
  max-width: 200px;
}

.__57b18 {
  height: 110px;
  display: flex;
  align-items: center;
  background: url(https://d24lsbndsvqq17.cloudfront.net/images/community-resources/subject-icons/generic_icon_@2x-bda4b685abd207f398443cb57399f8a7.png) center;
  background-size: cover;
  background-color: #e6e9ed;
}
.__57b18 .main-title {
  margin: auto;
}
.__57b18 .new-badge {
  position: absolute;
  right: -5px;
  top: -5px;
  background-color: #FFD900;
  border-radius: 5px;
  padding: 1px 4px;
  font-size: 14px;
  color: #333;
}
.__57b18.art-design, .__57b18.art, .__57b18.art-and-design {
  background: url("https://d24lsbndsvqq17.cloudfront.net/images/community-resources/subject-icons/art_design_icon_@2x-32d6a6ed364ff188939698050bffd722.png") center;
  background-size: cover;
  background-color: #e6e9ed;
}
.__57b18.biology {
  background: url("https://d24lsbndsvqq17.cloudfront.net/images/community-resources/subject-icons/biology_icon_@2x-3003e8f1c274a80429387da482056d10.png") center;
  background-size: cover;
  background-color: #e6e9ed;
}
.__57b18.computer-studies, .__57b18.computing, .__57b18.ict {
  background: url("https://d24lsbndsvqq17.cloudfront.net/images/community-resources/subject-icons/computer_studies_icon_@2x-3fbf2944270801cfb2c9ddd7b9af0b1a.png") center;
  background-size: cover;
  background-color: #e6e9ed;
}
.__57b18.french {
  background: url("https://d24lsbndsvqq17.cloudfront.net/images/community-resources/subject-icons/french_icon_@2x-75e4ccb534d5478a02b840dd01cde3f4.png") center;
  background-size: cover;
  background-color: #e6e9ed;
}
.__57b18.english, .__57b18.english-literature {
  background: url("https://d24lsbndsvqq17.cloudfront.net/images/community-resources/subject-icons/english_icon_@2x-258008dd3f37a7136e5d85a810bb302d.png") center;
  background-size: cover;
  background-color: #e6e9ed;
}
.__57b18.chemistry {
  background: url("https://d24lsbndsvqq17.cloudfront.net/images/community-resources/subject-icons/chemistry_icon_@2x-1989d8698ddc85fb39d99d1e897233f4.png") center;
  background-size: cover;
  background-color: #e6e9ed;
}
.__57b18.drama {
  background: url("https://d24lsbndsvqq17.cloudfront.net/images/community-resources/subject-icons/drama_icon_@2x-129fcca78d5c319eee0b5d5121073a40.png") center;
  background-size: cover;
  background-color: #e6e9ed;
}
.__57b18.german {
  background: url("https://d24lsbndsvqq17.cloudfront.net/images/community-resources/subject-icons/german_icon_@2x-78675412312be37049f41a40899cc6c8.png") center;
  background-size: cover;
  background-color: #e6e9ed;
}
.__57b18.history {
  background: url("https://d24lsbndsvqq17.cloudfront.net/images/community-resources/subject-icons/history_icon_@2x-82162a672d86cb323077dc57697012fe.png") center;
  background-size: cover;
  background-color: #e6e9ed;
}
.__57b18.spanish {
  background: url("https://d24lsbndsvqq17.cloudfront.net/images/community-resources/subject-icons/spanish_icon_@2x-e6f6971e92670efca0425ca9cfb4c54b.png") center;
  background-size: cover;
  background-color: #e6e9ed;
}
.__57b18.business-studies {
  background: url("https://d24lsbndsvqq17.cloudfront.net/images/community-resources/subject-icons/business_studies_icon_@2x-a7acd7fca28e2e7450034e4cbccc3967.png") center;
  background-size: cover;
  background-color: #e6e9ed;
}
.__57b18.music {
  background: url("https://d24lsbndsvqq17.cloudfront.net/images/community-resources/subject-icons/music_icon_@2x-d48fd33b8efa2026fc21f53ed5a4bd82.png") center;
  background-size: cover;
  background-color: #e6e9ed;
}
.__57b18.design-technology, .__57b18.design, .__57b18.resistant-materials {
  background: url("https://d24lsbndsvqq17.cloudfront.net/images/community-resources/subject-icons/design_technology_icon_@2x-0267091e6aaa84552293447248d60899.png") center;
  background-size: cover;
  background-color: #e6e9ed;
}
.__57b18.geography {
  background: url("https://d24lsbndsvqq17.cloudfront.net/images/community-resources/subject-icons/geography_icon_@2x-f15444a42f212385d2f942ea864e44ca.png") center;
  background-size: cover;
  background-color: #e6e9ed;
}
.__57b18.maths, .__57b18.additional-maths, .__57b18.mathematics {
  background: url("https://d24lsbndsvqq17.cloudfront.net/images/community-resources/subject-icons/maths_icon_@2x-16dfbf7e503b437ded6dc782db4a31d5.png") center;
  background-size: cover;
  background-color: #e6e9ed;
}
.__57b18.physics, .__57b18.physical-e {
  background: url("https://d24lsbndsvqq17.cloudfront.net/images/community-resources/subject-icons/physics_icon_@2x-e0ad308f5989af4c076e02a6cd1d0ecf.png") center;
  background-size: cover;
  background-color: #e6e9ed;
}
.__57b18.science, .__57b18.additional-science {
  background: url("https://d24lsbndsvqq17.cloudfront.net/images/community-resources/subject-icons/science_icon_@2x-4e25eb7aa55f4732ae2388f983870aa2.png") center;
  background-size: cover;
  background-color: #e6e9ed;
}
.__57b18.religious-studies, .__57b18.religious-education, .__57b18.religious {
  background: url("https://d24lsbndsvqq17.cloudfront.net/images/community-resources/subject-icons/religius_studies_icon_@2x-5d81be50a447526e73336d6909bd529e.png") center;
  background-size: cover;
  background-color: #e6e9ed;
}

.__d489f {
  display: inline-block;
}

.__d489f .tag {
  background-color: #e6e9ed;
  padding: 3px 3px 3px 10px;
  position: relative;
  margin-right: 17px;
  display: inline-block;
  margin-bottom: 10px;
  text-transform: lowercase;
  border-radius: 5px 0 0 5px;
}
.__d489f .tag a {
  color: #656d78;
}
.__d489f .tag a:hover {
  text-decoration: none;
}
.__d489f .tag:after {
  content: "";
  width: 0;
  height: 0;
  top: 0;
  border-right: 13px solid transparent;
  border-bottom: 13px solid transparent;
  border-left: 13px solid #e6e9ed;
  position: absolute;
  right: -26px;
  border-top: 13px solid transparent;
}
.__d489f .tag .fa-times {
  margin-right: 5px;
  color: #da4453;
  cursor: pointer;
}

.__5b49c {
  margin-top: 20px;
}
.__5b49c .top {
  display: flex;
  margin-bottom: 5px;
}
.__5b49c .top .thumb {
  width: 70px;
  height: 50px;
  border-radius: 4px;
  background-size: cover;
  background-repeat: no-repeat;
  border: 1px solid #ccd1d9;
}
.__5b49c .top .thumb-info {
  padding-left: 10px;
  max-width: 135px;
}
.__5b49c .top .thumb-info .book-title-link {
  color: #0e79c9;
}
.__5b49c .top .thumb-info .item-title {
  margin: 0;
}
.__5b49c .remove {
  max-width: 100px;
}
.__5b49c .remove:hover {
  text-decoration: none !important;
}

.__bc006 .community-resources-basket-items {
  margin: 10px 0;
  border-top: 1px solid #ccd1d9;
  text-indent: initial;
  line-height: initial;
  padding: 0;
  list-style: none;
  max-height: 470px;
  transition: all 0.65s ease-in;
  overflow: auto;
}

.__bc006.collapsed .community-resources-basket-items {
  border-color: #fff;
  max-height: 0;
  transition: all 0.5s ease-out;
}

.__bc006 .toggle-collapse,
.__bc006 .toggle-collapse:hover {
  color: #0e79c9;
}

.__bc006 .homework-title {
  padding: 10px;
  background: #E4F1F9;
  border-radius: 4px;
  margin-top: 9px;
}

.__004f3 {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: #01A195;
}
.__004f3 .new {
  position: absolute;
  padding: 1px 4px;
  background-color: #FFD900;
  top: -5px;
  right: 7px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
}
.__004f3 .top-wrapper {
  flex: 1;
}
.__004f3 .top-wrapper .cover {
  height: 110px;
  background-color: #e6e9ed;
  color: rgba(0, 0, 0, 0);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-repeat: no-repeat;
  background-size: cover;
}
.__004f3 .top-wrapper .book-content {
  color: #fff;
  padding: 25px 10px;
}
.__004f3 .top-wrapper .book-content .subject {
  font-size: 16px;
  font-weight: 600;
}
.__004f3 .top-wrapper .book-content .title {
  display: block;
}
.__004f3 .book-footer {
  text-align: left;
  padding: 10px;
  display: flex;
  align-items: center;
  font-size: 13px;
  background-color: #f6f7fb;
  border: 1px solid #ccd1d9;
  position: absolute;
  width: 100%;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  bottom: -45px;
}
.__004f3 .book-footer .view-book {
  margin-left: auto;
  padding: 5px;
  color: #fff;
  background-color: #0e79c9;
  border-radius: 4px;
}
.__004f3 .view-book:hover {
  text-decoration: none;
}

.__f2fdb .chapter-row {
  margin: 0 0 2px 0;
  background-color: #fafafa;
  display: flex;
  align-items: center;
  height: 45px;
}
.__f2fdb .chapter-row .chapter-title-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
}
.__f2fdb .chapter-row .chapter-title {
  margin: 0;
  display: inline-block;
  min-width: 0;
  flex-basis: 95%;
}
.__f2fdb .chapter-row .chapter-title .truncate-text {
  height: 20px;
}
.__f2fdb .chapter-row .chapter-arrow {
  display: inline-block;
  width: 6px;
  padding: 15px;
}
.__f2fdb .chapter-row .chapter-arrow::before {
  content: "";
  display: block;
  border-left: 6px solid #0e79c9;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  transition: transform 0.25s;
}
.__f2fdb .chapter-row .chapter-arrow:hover {
  cursor: pointer;
}
.__f2fdb .chapter-row .chapter-actions {
  margin-left: auto;
  display: flex;
  border-left: 2px solid #f5f7fa;
  border-right: 2px solid #f5f7fa;
}
.__f2fdb .chapter-row .chapter-actions a, .__f2fdb .chapter-row .chapter-actions a:hover, .__f2fdb .chapter-row .chapter-actions a:active {
  text-decoration: none;
}
.__f2fdb .chapter-row .chapter-actions .chapter-action {
  min-width: 45px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.__f2fdb .chapter-row .chapter-actions .chapter-action:not(:last-of-type) {
  border-right: 2px solid #f5f7fa;
}
.__f2fdb .chapter-row .chapter-actions .chapter-action.chapter-check.ti-new-window:before {
  font-size: 21px;
}
.__f2fdb .chapter-row .chapter-actions .chapter-action.chapter-check::before {
  display: block;
  font-size: 14px;
  border-radius: 4px;
  background-color: #F96D4F;
  color: #fff;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
}
.__f2fdb .chapter-row .chapter-actions .chapter-action.chapter-check.empty-check::before {
  content: "";
  background-color: transparent;
  border: 1px solid #F96D4F;
}
.__f2fdb .chapter-row .chapter-actions .chapter-action.chapter-preview {
  font-size: 20px;
  color: #0e79c9;
}
.__f2fdb .chapter-row .chapter-actions .chapter-action:hover {
  cursor: pointer;
}

.__f2fdb .sub-chapters {
  max-height: 0;
  transition: max-height 0.2s ease-out;
  overflow: hidden;
  padding-left: 35px;
}
.__f2fdb .sub-chapters .sub-chapter {
  margin: 15px 0;
}

.__f2fdb.collapsed .sub-chapters {
  max-height: 500px;
  transition: max-height 0.35s ease-in;
}
.__f2fdb.collapsed .chapter-row .chapter-arrow::before {
  transform: rotate(90deg);
  transition: transform 0.25s;
}

.__f17bb .breadcrumb > li {
  display: inline-flex;
}
.__f17bb .breadcrumb > li .ti-home {
  font-size: 16px;
}

.__20fae .overlay-cover {
  pointer-events: none;
}

.__20fae .daily-absences-contacts-popup {
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  font-weight: normal;
  line-height: 23px;
  margin: 0 20px;
  max-height: 95vh;
  height: auto;
  width: 350px;
}
.__20fae .daily-absences-contacts-popup.popup-wrapper::before, .__20fae .daily-absences-contacts-popup.popup-wrapper::after {
  content: none;
}
.__20fae .daily-absences-contacts-popup__header {
  background-color: #656d78;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: #fff;
  display: flex;
  padding: 20px;
  align-items: center;
}
.__20fae .daily-absences-contacts-popup__content {
  background-color: #fff;
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  overflow: auto;
}
.__20fae .daily-absences-contacts-popup__footer {
  background-color: #fff;
  border-top: 1px solid #e6e9ed;
  padding: 20px;
  text-align: center;
}
.__20fae .daily-absences-contacts-popup .student {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.__20fae .daily-absences-contacts-popup .student__name {
  font-size: 20px;
  font-weight: 600;
}
.__20fae .daily-absences-contacts-popup .student .go-back {
  color: #fff;
}
.__20fae .daily-absences-contacts-popup .student .go-back:hover {
  text-decoration: underline;
}
.__20fae .daily-absences-contacts-popup .student-parent-contact {
  padding: 14px;
}
@media (max-width: 1023px) {
  .__20fae .daily-absences-contacts-popup .student-parent-contact {
    flex-grow: 1;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .__20fae .daily-absences-contacts-popup .student-parent-contact {
    width: calc(100% / 2);
  }
}
.__20fae .daily-absences-contacts-popup .student-parent-contact__inner {
  border: 1px solid #e6e9ed;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 20px;
  height: 100%;
}
.__20fae .daily-absences-contacts-popup .student-parent-contact__inner:hover {
  border-color: #0e79c9;
  cursor: pointer;
}
.__20fae .daily-absences-contacts-popup .student-parent-contact__inner .warning {
  background-color: #da4453;
}
.__20fae .daily-absences-contacts-popup .student-parent-contact__inner .tooltips {
  bottom: 10px;
}
.__20fae .daily-absences-contacts-popup .student-parent-contact__inner .tooltips .top {
  bottom: 47px;
  left: 1px;
}
.__20fae .daily-absences-contacts-popup .student-parent-contact__name {
  font-weight: 600;
}
.__20fae .daily-absences-contacts-popup .student-parent-contact__priority {
  background-color: #0e79c9;
  color: #fff;
  margin-right: auto;
  margin-left: auto;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 5px;
  font-weight: bold;
}
.__20fae .daily-absences-contacts-popup .contact-details {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.__20fae .daily-absences-contacts-popup .contact-details__item {
  padding: 14px;
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #e6e9ed;
}
.__20fae .daily-absences-contacts-popup .contact-details__item__icon {
  line-height: 25px;
  margin-right: 10px;
  color: #0e79c9;
}
.__20fae .daily-absences-contacts-popup .contact-details__item__title {
  font-weight: 600;
  line-height: 25px;
}

.__5d490 .expandable-cell__header {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
}
.__5d490 .expandable-cell__header__link {
  color: #0e79c9;
  cursor: pointer;
}
.__5d490 .expandable-cell__header__arrow {
  margin-top: 2px;
  font-size: 10px;
}

.__770cc .smhw-dropdown-menu {
  box-shadow: 0 0 2px #ccd1d9;
  border: 1px solid #ccd1d9;
  width: 325px;
  right: 0;
  top: 37px;
}
.__770cc .dropdown-notifications {
  top: 57px !important;
  right: 0 !important;
}
.__770cc .total-unread-count {
  background-color: #ed5565;
  border-radius: 4px;
  color: white;
  font-size: 10px;
  font-weight: 700;
  right: 10px;
  padding: 2px;
  position: absolute;
  top: 11px;
  min-width: 19px;
}
.__770cc .smhw-dropdown-btn {
  background-color: #0b5c99;
  padding: 5px 12px 6px;
  position: relative;
  border: none;
}
.__770cc .smhw-dropdown-btn:active, .__770cc .smhw-dropdown-btn:focus, .__770cc .smhw-dropdown-btn:hover {
  box-shadow: 0 0 5px -1px #BDDDFD;
  outline: none;
}
.__770cc .arrow::after {
  content: "";
  border-color: transparent transparent #ccd1d9 transparent;
  border-style: solid;
  border-width: 12px;
  width: 0;
  height: 0;
  position: absolute;
  top: -25px;
  left: 87.5%;
  z-index: 1;
}
.__770cc .arrow::before {
  content: "";
  border-color: transparent transparent #fff transparent;
  border-style: solid;
  border-width: 12px;
  width: 0;
  height: 0;
  position: absolute;
  bottom: -1px;
  left: 87.5%;
  z-index: 2;
}
.__770cc .event-row {
  padding: 10px;
}
.__770cc .event-row.unread {
  background-color: rgba(255, 206, 84, 0.2);
}
.__770cc .event-row:hover {
  background-color: #f5f7fa;
}
.__770cc .event-row .picture {
  margin-left: 6px;
}
.__770cc .event-row .picture .user-profile-picture {
  margin-top: 7px;
}
.__770cc .event-row .picture .user-profile-picture img {
  margin-top: 6px;
  width: 50px;
  height: 50px;
  border-radius: 50px;
}
.__770cc .event-row .view-all-btn {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.__f5cfa {
  margin: 0 0 -1px -1px;
  cursor: pointer;
  font-size: 16px;
}

.__f5cfa .homework-widget__alert-circle {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background-color: #aab2bd;
  font-size: 14px;
  font-weight: 600;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 10px;
}
.__f5cfa .homework-widget__alert-circle--active {
  background-color: #ed5565;
}
.__f5cfa .homework-widget__alert-circle--empty {
  background-color: #f5f7fa;
  color: #656d78;
}
.__f5cfa .homework-widget__link {
  padding: 15px;
  color: #333;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  display: flex !important;
  justify-content: center;
  align-items: center;
  border-top-left-radius: 3px;
}
.__f5cfa .homework-widget__link--active {
  border-left-color: #e6e9ed;
  border-right-color: #e6e9ed;
  background-color: #fff;
}

.__bb684.homework-widget__table {
  max-height: 510px;
  min-height: 125px;
  overflow: auto;
  padding: 20px;
}
.__bb684.homework-widget__table--empty {
  display: flex;
  align-items: center;
  justify-content: center;
}
.__bb684.homework-widget__table .color-circle {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin-right: 5px;
}
.__bb684.homework-widget__table .flex-td {
  display: flex;
  align-items: center;
}
.__bb684.homework-widget__table .table {
  margin-bottom: 0;
  table-layout: fixed;
}
.__bb684.homework-widget__table .table th {
  border: 1px solid #ddd;
  border-top: 0;
  background-color: #f6f7fb;
}
.__bb684.homework-widget__table .table th:first-child {
  width: 50%;
}
.__bb684.homework-widget__table .table td {
  border-left: 1px solid #ddd;
  border-top: 0;
  padding: 10px;
}
.__bb684.homework-widget__table .table td a {
  width: 90%;
}
.__bb684.homework-widget__table .table .due-on-column {
  max-width: 150px;
}
.__bb684.homework-widget__table .table tr:nth-child(even) {
  background-color: #f6f7fb;
}
.__bb684.homework-widget__table .table th,
.__bb684.homework-widget__table .table th a {
  color: #333;
}
.__bb684.homework-widget__table .table tr:first-child th {
  border-top: 0;
}
.__bb684.homework-widget__table .table tr:last-child td {
  border-bottom: 0;
}
.__bb684.homework-widget__table .table tr td:first-child,
.__bb684.homework-widget__table .table tr th:first-child {
  border-left: 0;
}
.__bb684.homework-widget__table .table tr td:last-child,
.__bb684.homework-widget__table .table tr th:last-child {
  border-right: 0;
}
.__bb684.homework-widget__table .fa-exclamation-triangle {
  color: #ed5565;
}
@media (max-width: 768px) {
  .__bb684.homework-widget__table {
    height: auto;
  }
  .__bb684.homework-widget__table .table th:first-child {
    width: 40%;
  }
}

.__54fb8 .overall-views-chart-tooltip-container .overall-views-chart-tooltip .all {
  font-size: 27px;
  color: black;
}
.__54fb8 .overall-views-chart-tooltip-container .overall-views-chart-tooltip .value {
  margin-left: 10px;
}

.__efa4c .overall-views__header {
  border-bottom: 1px solid #e6e9ed;
  max-height: 50px;
  height: 50px;
}
.__efa4c .overall-views__header__text {
  padding: 15px;
  color: #333;
  margin: 0;
  font-size: 16px;
}

.__efa4c .overall-views__description {
  padding: 15px 15px 0;
}

.__efa4c .overall-views__stats {
  padding: 15px;
}

.__efa4c .compared-with-note {
  margin-top: 10px;
  font-size: 0.9em;
}

.__9180b .insights-progress-bar__numbers {
  font-weight: bold;
  color: #656d78;
  font-size: 16px;
  display: inline-flex;
}
.__9180b .insights-progress-bar__numbers--completed {
  color: #0e79c9;
}

.__9180b .progress {
  height: 6px;
  max-width: 70%;
  width: 70%;
  margin-top: 8px;
  margin-right: 12px;
}

.__2516a .resources-views__header {
  border-bottom: 1px solid #e6e9ed;
  max-height: 50px;
  height: 50px;
}
.__2516a .resources-views__header__text {
  padding: 15px;
  color: #333;
  margin: 0;
  font-size: 16px;
}

.__2516a .resources-views__description {
  padding: 15px 15px 0;
}

.__2516a .resources-views__body {
  padding: 0 15px 15px;
}

.__2516a .resources-views__resource {
  padding: 15px 0;
  border-bottom: 1px solid #ddd;
  min-height: 80px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.__2516a .resources-views__resource--first-elements {
  min-width: auto;
  width: auto;
}
.__2516a .resources-views__resource--last-elements {
  min-width: 300px;
  width: auto;
  display: inline-flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.__2516a .resources-views__resource__progress-bar {
  min-width: 350px;
  margin-right: 40px;
  margin-top: 5px;
  display: inline-flex;
  justify-content: flex-end;
  padding-top: 12px;
}

.__2516a .insights-progress-bar .numbers {
  margin: 0;
}

.__2516a .download-button {
  margin-top: 10px;
}

.__2516a .file-name {
  margin-top: 5px;
  display: inline-block;
  word-break: break-all;
}

@media (max-width: 993px) {
  .__2516a .resources-views__resource {
    display: block;
  }
  .__2516a .resources-views__resource--last-elements {
    display: block;
    justify-content: flex-start;
  }
  .__2516a .resources-views__resource__progress-bar {
    justify-content: flex-start;
    margin-right: 20px;
    display: inline-flex;
    max-width: 100%;
    width: 100%;
  }
}
.__57f1f .submission-stats__header {
  border-top: 1px solid #e6e9ed;
  padding: 15px;
  max-height: 50px;
  height: 50px;
}

.__57f1f .submission-stats__body {
  height: 338px;
  max-height: 338px;
  padding: 15px;
  margin-bottom: 25px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.__57f1f .submission-stats__body__legend {
  max-width: 300px;
  width: 300px;
  padding-left: 15px;
}
.__57f1f .submission-stats__body__legend__submission {
  display: inline-block;
  width: 130px;
  max-width: 130px;
  margin-bottom: 5px;
}
.__57f1f .submission-stats__body__legend__submission--icon {
  width: 13px;
  height: 13px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  border-radius: 13px;
}
.__57f1f .submission-stats__body__chart {
  height: 230px;
  max-height: 225px;
  width: 264px;
  max-width: 264px;
  margin: 10px 0 14px;
}

.__57f1f .submission-stats__footer--link {
  line-height: 23px;
}

@media (min-width: 731px) and (max-width: 1122px) {
  .__57f1f .submission-stats__body__legend {
    margin: 10px 25% 0;
  }

  .__57f1f .submission-stats__body__chart {
    margin: 5px 25%;
  }
}
@media (max-width: 419px) {
  .__57f1f .submission-stats__body {
    display: inline-block;
  }
}
.__f5bb4 .tabs {
  border-top: 1px solid #e6e9ed;
  border-bottom: 1px solid #e6e9ed;
  min-height: 54px;
  position: relative;
  max-width: 100%;
}
.__f5bb4 .tabs .nav--content {
  list-style: none;
  margin: 0;
  padding: 10px 0 0 15px;
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  max-width: 100%;
}
.__f5bb4 .tabs .nav--content__item:last-child {
  padding-left: 20px;
}
.__f5bb4 .tabs .nav__item {
  background: none;
  height: 50px;
  overflow: hidden;
  padding-bottom: 15px;
  color: #656d78;
  text-decoration: none;
  font-weight: bold;
  border: 0;
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  margin-right: 10px;
}
.__f5bb4 .tabs .nav__button {
  background: none;
  height: 50px;
  overflow: hidden;
  padding-bottom: 7px;
  color: #656d78;
  text-decoration: none;
  font-weight: bold;
  border: 0;
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  cursor: pointer;
}
.__f5bb4 .tabs .nav__button:hover {
  color: #333;
}
.__f5bb4 .tabs .nav__button:focus {
  outline: 0;
}
.__f5bb4 .tabs .nav--active__button {
  border-bottom: 4px solid #0e79c9;
}
.__f5bb4 .tabs .nav--inactive__button {
  padding-bottom: 9px;
}
.__f5bb4 .tabs .nav__span {
  background-color: #ed5565;
  border-radius: 30px;
  width: 30px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  height: 30px;
  line-height: 28px;
  margin-top: -3px;
  top: 5px;
  position: relative;
  cursor: pointer;
  margin-right: 10px;
}
.__f5bb4 .tabs .nav--counter-viewed__span {
  background-color: #8dc153;
}
.__f5bb4 .tabs .nav__text {
  font-weight: normal;
  top: 5px;
  position: relative;
}
.__f5bb4 .tabs .nav__text--active {
  color: #333;
}

.__f5bb4 .body {
  height: 350px;
  max-height: 350px;
  overflow-y: auto;
}
.__f5bb4 .body__details {
  min-height: 50px;
  padding: 15px;
  border-bottom: 1px solid #e6e9ed;
  margin: 0 14px 0 20px;
}
.__f5bb4 .body__details__name--student {
  color: #0e79c9;
}
.__f5bb4 .body__details__name--parent {
  color: #333;
}
.__f5bb4 .body__details__name:hover {
  color: #094e81;
}
.__f5bb4 .body__details__link {
  text-decoration: none;
}

.__f5bb4 .body::-webkit-scrollbar {
  width: 6px;
  background-color: #fff;
}

.__f5bb4 .body::-webkit-scrollbar-thumb {
  background-color: #ddd;
  border-radius: 10px;
}

.__f5bb4 .user-views__footer__icon {
  padding-top: 10px;
  color: #0e79c9;
  cursor: pointer;
}
.__f5bb4 .user-views__footer__link {
  padding-top: 8px;
}

.__e38a8 .insight-view-legend {
  font-size: 26px;
  width: 80px;
  height: 30px;
  top: 55%;
  left: calc(50% - 38px);
}

.__1fddf .popup-box .popup-wrapper {
  width: 650px;
}

.__1fddf .popup-wrapper .popup-body.split-view {
  display: flex;
  padding: 0;
}
.__1fddf .popup-wrapper .popup-body.split-view .options {
  flex: 1;
  z-index: 10;
  width: 50%;
  display: flex;
  flex-direction: column;
}
.__1fddf .popup-wrapper .popup-body.split-view .options .basic-option {
  padding: 25px;
  border-bottom: 1px solid #ccd1d9;
  flex: 1 1 auto;
  min-height: 130px;
}
.__1fddf .popup-wrapper .popup-body.split-view .options .basic-option:first-child {
  margin-top: 4px;
  border-top-left-radius: 6px;
}
.__1fddf .popup-wrapper .popup-body.split-view .options .basic-option:hover {
  cursor: pointer;
}
.__1fddf .popup-wrapper .popup-body.split-view .options .basic-option .description {
  padding-left: 25px;
}
.__1fddf .popup-wrapper .popup-body.split-view .options .basic-option input[type=radio] {
  display: none;
}
.__1fddf .popup-wrapper .popup-body.split-view .options .basic-option .option-label {
  position: relative;
  display: flex;
  font-size: 16px;
  font-weight: normal;
  color: inherit;
  align-items: center;
  padding-left: 25px;
}
.__1fddf .popup-wrapper .popup-body.split-view .options .basic-option .option-label::before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  border: 1px solid #ccd1d9;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #fff;
  margin-right: 5px;
}
.__1fddf .popup-wrapper .popup-body.split-view .options .basic-option .option-label:hover {
  cursor: pointer;
}
.__1fddf .popup-wrapper .popup-body.split-view .options .basic-option input[type=radio]:checked + .option-label::after {
  content: "";
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #0e79c9;
  border-radius: 50%;
  content: "";
  top: 6px;
  left: 4px;
}
.__1fddf .popup-wrapper .popup-body.split-view .options .basic-option:not(.active) {
  background-color: #e6e9ed;
}
.__1fddf .popup-wrapper .popup-body.split-view .options.advanced {
  border-left: 1px solid #ccd1d9;
  border-bottom: 1px solid #ccd1d9;
}
.__1fddf .popup-wrapper .popup-body.split-view .options .advanced-option {
  padding: 25px;
}
.__1fddf .popup-wrapper .popup-body.split-view .options .advanced-option .advanced-title {
  font-size: 16px;
  font-weight: normal;
  margin-top: 6px;
  margin-bottom: 10px;
}
.__1fddf .popup-wrapper .popup-body.split-view .options .advanced-option .advanced-text {
  margin-bottom: 20px;
}
.__1fddf .popup-wrapper .popup-body.split-view .options .advanced-option .advanced-info-text {
  padding: 0 0 0 20px;
  position: relative;
}
.__1fddf .popup-wrapper .popup-body.split-view .options .advanced-option .advanced-info-text::before {
  content: "";
  font-family: "themify";
  color: #0e79c9;
  position: absolute;
  left: 0;
}
.__1fddf .popup-wrapper .popup-body.split-view .options .advanced-option .advanced-option-radio-buttons {
  float: left;
  padding-left: 8%;
  padding-top: 2%;
  width: 100%;
}
.__1fddf .popup-wrapper .popup-body.split-view .options .advanced-option .advanced-option-radio-buttons label {
  font-weight: normal;
  margin-left: 3px;
}
.__1fddf .popup-wrapper .popup-body.split-view .options .advanced-option .select-users {
  margin-bottom: 15px;
}
.__1fddf .popup-wrapper .popup-body.split-view .options .advanced-option .timeframe-title {
  font-size: 15px;
  margin-bottom: 10px;
}
.__1fddf .popup-wrapper .footer {
  padding: 20px 25px;
  display: flex;
}
.__1fddf .popup-wrapper .footer .ti-info-alt {
  margin: 3px 5px 0;
  color: #0e79c9;
}
.__1fddf .popup-wrapper .footer .info-text {
  flex: 1;
  margin: 0 30px 0 0;
}

.__6ec6d .btn.smhw-dropdown-btn.ember-basic-dropdown-trigger {
  background-color: #0e79c9;
  color: white;
  position: relative;
  z-index: 100;
  padding: 6px;
  margin-left: 0px;
}
.__6ec6d .btn.smhw-dropdown-btn.ember-basic-dropdown-trigger i {
  vertical-align: middle;
}
.__6ec6d .btn.smhw-dropdown-btn.ember-basic-dropdown-trigger:hover {
  text-decoration: none;
}
.__6ec6d .btn.smhw-dropdown-btn.ember-basic-dropdown-trigger:active {
  text-decoration: none;
}
.__6ec6d .btn.smhw-dropdown-btn.ember-basic-dropdown-trigger:focus {
  text-decoration: none;
  outline: none;
}
.__6ec6d .btn.smhw-dropdown-btn.ember-basic-dropdown-trigger.active {
  background-color: #1870b3;
}

.__d1f4a .popup-footer .ti-trash {
  color: #fff;
}

.__f0032.popup {
  font-size: 15px;
  margin-bottom: 20px;
}
.__f0032 .folder {
  margin-left: 3px;
  margin-right: 3px;
}
.__f0032 .folder-name {
  margin-right: 5px;
}
.__f0032 .folder-separator {
  margin-left: 5px;
  margin-right: 5px;
}
.__f0032 .truncate {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 150px;
}

.__f0032.small-size {
  font-size: 14px;
}

.__f0032.default-size {
  font-size: 20px;
}

.__afefe {
  margin: 0 28px 16px 0;
  width: 120px;
}

.__afefe .notice-details__attachment-link {
  text-decoration: none;
}
.__afefe .notice-details__preview {
  display: block;
  margin-bottom: 5px;
  width: 120px;
  height: 120px;
}
.__afefe .notice-details__preview--empty {
  padding-top: 30px;
  font-size: 62px;
  text-align: center;
  color: #656d78;
  background-color: #e6e9ed;
}

.__5203a .smhw-dropdown-menu {
  box-shadow: 0 0 2px #ccd1d9;
  border: 1px solid #ccd1d9;
  width: 325px;
  right: 0;
  top: 37px;
}
.__5203a .dropdown-notifications {
  top: 57px !important;
  right: 0 !important;
}
.__5203a .total-unread-count {
  background-color: #ed5565;
  border-radius: 4px;
  color: white;
  font-size: 10px;
  font-weight: 700;
  right: 10px;
  padding: 2px;
  position: absolute;
  top: 11px;
  min-width: 19px;
}
.__5203a .smhw-dropdown-btn {
  background-color: #0b5c99;
  padding: 5px 12px 6px;
  position: relative;
  border: none;
}
.__5203a .smhw-dropdown-btn:active, .__5203a .smhw-dropdown-btn:focus, .__5203a .smhw-dropdown-btn:hover {
  box-shadow: 0 0 5px -1px #BDDDFD;
  outline: none;
}
.__5203a .arrow::after {
  content: "";
  border-color: transparent transparent #ccd1d9 transparent;
  border-style: solid;
  border-width: 12px;
  width: 0;
  height: 0;
  position: absolute;
  top: -25px;
  left: 87.5%;
  z-index: 1;
}
.__5203a .arrow::before {
  content: "";
  border-color: transparent transparent #fff transparent;
  border-style: solid;
  border-width: 12px;
  width: 0;
  height: 0;
  position: absolute;
  bottom: -1px;
  left: 87.5%;
  z-index: 2;
}
.__5203a .alerts-container {
  overflow-y: scroll;
  max-height: 520px;
}
.__5203a .event-row {
  padding: 10px;
}
.__5203a .event-row.unread {
  background-color: rgba(255, 206, 84, 0.2);
}
.__5203a .event-row:hover {
  background-color: #f5f7fa;
}
.__5203a .event-row .picture {
  margin-left: 6px;
}
.__5203a .event-row .picture .user-profile-picture {
  margin-top: 7px;
}
.__5203a .event-row .picture .user-profile-picture img {
  margin-top: 6px;
  width: 50px;
  height: 50px;
  border-radius: 50px;
}
.__5203a .event-row .view-all-btn {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.__3a833 .chart .bar {
  height: 30px;
  line-height: 30px;
}
.__3a833 .chart .bar .score {
  font-size: 15px;
}
.__3a833 .chart .bar:nth-child(1) .score {
  color: #0e79c9;
}
.__3a833 .chart .bar:nth-child(2) {
  background-color: rgba(14, 121, 201, 0.25);
}
.__3a833 .chart .bar:nth-child(2) .legend {
  color: #656d78;
}

.__3a833 .chart .bar-content {
  line-height: 30px;
}

.__3a833 .attempt {
  text-align: center;
}

.__b1a1f .toggle-filters span {
  margin-left: 5px;
}
.__b1a1f .tooltips:hover span {
  padding: 5px;
}

.__62518 .schedule-on {
  text-align: center;
  margin-top: 5px;
}

.__62518 .popup-wrapper {
  width: 500px;
}

.__62518 .smhw-datepicker .form-group {
  margin-bottom: 0;
}

.__62518 .error-message {
  margin-top: 0;
  margin-bottom: 0;
}

.__7a803 {
  display: inline-block;
}

.__7a803 .dot {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 15px;
}

.__7a803.active .dot {
  background-color: #8cc152;
}

.__7a803.inactive {
  color: #da4453;
}
.__7a803.inactive .dot {
  background-color: #da4453;
}

.__19318 {
  background-color: #e9ecf3;
  padding: 5px 10px;
  border-radius: 10px;
  display: inline-block;
}

.__0571d .chart-wrapper {
  position: relative;
  text-align: center;
}
.__0571d .chart-wrapper .doughnut-chart-legend {
  top: 65%;
  left: calc(50% - 75px);
  font-size: 2em;
  position: absolute;
  width: 150px;
}
.__0571d .chart-wrapper .value {
  color: #333;
  font-size: 2em;
}
.__0571d .chart-wrapper .title {
  font-size: 14px;
}

.__2d681 th {
  background-color: #f5f7fa;
}

.__2eb1e th {
  background-color: #f5f7fa;
}

.__06873 .positive, .__06873 .activity-feed-entry .activity-feed-entry-content .submission-comment-icon .icon.negative, .activity-feed-entry .activity-feed-entry-content .submission-comment-icon .__06873 .icon.negative {
  color: #8dc153;
}

.__06873 .negative {
  color: #db4453;
}

.__c1ebc .zip i {
  color: #0E79C9;
}

.__e0c84 th {
  background-color: #f5f7fa;
}

.__726c0.table-row .student-info {
  display: flex;
}
.__726c0.table-row .student-info__name {
  display: flex;
  flex-direction: column;
}
.__726c0.table-row .student-info__name span {
  margin-bottom: auto;
}
.__726c0.table-row .avatar {
  border-radius: 50%;
  height: 45px;
  margin-right: 10px;
  width: 45px;
}

.__726c0.with-inclusion-groups td {
  vertical-align: top;
}

.__726c0.without-inclusion-groups td {
  vertical-align: middle;
}
.__726c0.without-inclusion-groups .student-info__name span {
  margin-top: auto;
}

.__1321d th {
  background-color: #f5f7fa;
  font-weight: 600;
}

.__e6fe1 .negative-points {
  color: #db4453;
}

.__39cf9 .table .table-head th {
  background-color: #f5f7fa;
  font-weight: 600;
}

.__6d41c .student-info {
  display: flex;
}
.__6d41c .student-info .avatar {
  position: relative;
  border-radius: 50%;
  height: 45px;
  margin-right: 10px;
  width: 45px;
}
.__6d41c .student-info .pulsing-dot-wrapper {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-5px, -50%);
}

.__79392 {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e6e9ed;
  padding: 0 30px;
  height: 70px;
  font-size: 18px;
  font-weight: 600;
  color: #333;
}

.__2c113 {
  height: 510px;
  overflow-y: scroll;
}

.__2c113.scrollable-list-widget__list--empty {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.__2c113 .scrollable-list-widget__item {
  display: flex;
  flex-direction: column;
  padding: 30px;
}
.__2c113 .scrollable-list-widget__item:not(:first-child) {
  border-top: 2px solid #f5f7fa;
}

.__ff4c7 .search-users-popup__row--user-name {
  color: #333;
  font-size: 14px;
  line-height: 23px;
}
.__ff4c7 .search-users-popup__row .search-users-popup__row--user-email, .__ff4c7 .search-users-popup__row .search-users-popup__row--reg-group {
  color: #656d78;
  font-size: 14px;
  line-height: 23px;
}
.__402b1 .options-block-fields {
  margin-bottom: 20px;
}
.__402b1 .options-block-fields .sidebar-slider--subheader {
  font-weight: 600;
}

.__402b1 .edit-plan-input {
  border-radius: 2px;
  height: 39px;
  min-width: 280px;
}

.__402b1 .edit-plan-selects {
  flex-direction: row;
  justify-content: center;
}
.__402b1 .edit-plan-selects .rows,
.__402b1 .edit-plan-selects .columns {
  flex: 1;
  margin-top: 21px;
  width: 130px;
}
.__402b1 .edit-plan-selects .rows .ember-power-select-selected-item,
.__402b1 .edit-plan-selects .columns .ember-power-select-selected-item {
  margin-left: 11px;
}
.__402b1 .edit-plan-selects .rows:first-child,
.__402b1 .edit-plan-selects .columns:first-child {
  margin-right: 19px;
}
.__402b1 .edit-plan-selects .ember-power-select-trigger {
  border-radius: 2px;
  height: 39px;
  padding-top: 2px;
}

.__96395 .export-warning {
  background-color: #fff6e5;
  border: 1px solid #f7cd74;
  color: #745945;
  font-size: 13px;
  padding: 10px;
  border-radius: 5px;
}

.__f4798 .assessment-results {
  display: flex;
  flex-wrap: wrap;
  color: #fff;
}
.__f4798 .assessment-results .result {
  width: 50%;
  height: 50%;
  border-radius: 0;
  margin: 0;
  line-height: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-color: #fff;
  border-style: solid;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
}
.__f4798 .assessment-results .result:nth-of-type(1) {
  border-width: 0 1px 1px 0;
}
.__f4798 .assessment-results .result:nth-of-type(2) {
  border-width: 0 0 1px 1px;
}
.__f4798 .assessment-results .result:nth-of-type(3) {
  border-width: 1px 1px 0 0;
}
.__f4798 .assessment-results .result:nth-of-type(4) {
  border-width: 1px 0 0 1px;
}

.__74e27 .seating-student {
  position: relative;
}
.__74e27 .seating-student .assessment-results {
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 52px;
}

.__74e27 .assessment-results .result {
  height: 19px;
  margin: 5px 1px;
  padding: 2px;
  width: 34px;
}

.__88c59 {
  width: 100%;
  height: 100%;
  min-width: 30px;
  min-height: 30px;
  position: relative;
}
.__88c59 .smart-seating-user-profile-wrapper {
  width: 100%;
  height: 100%;
}
.__88c59 .fa, .__88c59 .fa-stack {
  height: 22px;
  width: 22px;
  line-height: 22px;
  font-size: 22px;
}
.__88c59 .remove-student,
.__88c59 .info-link__icon,
.__88c59 .pulsing-dot-wrapper {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 9px;
}
.__88c59 .remove-student,
.__88c59 .info-link__icon_circle {
  height: 22px;
  width: 22px;
  border-radius: 50%;
}
.__88c59 .remove-student {
  right: -11px;
  background-color: #da4453;
}
.__88c59 .remove-student .fa-times {
  font-size: 13px;
}
.__88c59 .remove-student:hover {
  display: block;
  background-color: #F24B5C;
}
.__88c59 .pulsing-dot-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  left: -11px;
  height: 22px;
  width: 22px;
}
.__88c59 .info-link {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.__88c59 .info-link__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  left: -11px;
}
.__88c59 .info-link__icon .info-link__icon_circle {
  background-color: #0e79c9;
}
.__88c59 .info-link__icon .fa-info {
  font-size: 13px;
}
.__88c59 .info-link:hover .fa-stack {
  display: block;
}
.__88c59 .info-link:hover .info-link__icon_circle {
  background-color: #219AF6;
}
.__88c59 .fa-stack {
  display: none;
}
.__88c59.with-unread-notes .info-link .info-link__icon {
  display: flex;
}
.__88c59.with-unread-notes .info-link__icon_circle {
  height: 15px;
  width: 15px;
}
.__88c59.with-unread-notes .info-link__icon_circle .fa-info {
  opacity: 0;
}
.__88c59:hover .fa-stack, .__88c59.hover .fa-stack {
  display: block;
}
.__88c59:hover.with-unread-notes .pulsing-dot-wrapper, .__88c59.hover.with-unread-notes .pulsing-dot-wrapper {
  opacity: 0;
  transition: opacity 0 linear;
  transition-delay: 0.2s;
}
.__88c59:hover.with-unread-notes .pulsing-dot-wrapper .pulsing-dot__ring, .__88c59.hover.with-unread-notes .pulsing-dot-wrapper .pulsing-dot__ring {
  display: none;
}
.__88c59:hover.with-unread-notes .info-link__icon_circle, .__88c59.hover.with-unread-notes .info-link__icon_circle {
  height: 22px;
  width: 22px;
  transition: all 0.2s linear;
}
.__88c59:hover.with-unread-notes .info-link__icon_circle .fa-info, .__88c59.hover.with-unread-notes .info-link__icon_circle .fa-info {
  opacity: 1;
  transition: all 0 linear;
  transition-delay: 0.2s;
}

.__c0444 {
  display: inline-block;
  font-weight: bold;
  text-decoration: underline;
  padding: 8px;
  cursor: pointer;
}

.__845b5 {
  padding: 5px 8px 5px 8px;
  background-color: #f5f7fa;
}
.__845b5 a {
  cursor: pointer;
}

.__3def7 {
  text-align: center;
}

.__3def7 .corner-ribbon {
  width: 170px;
  position: absolute;
  text-align: center;
  line-height: 2.3;
  color: #f0f0f0;
  top: 18px;
  right: -50px;
  transform: rotate(45deg);
  z-index: 2;
}
.__3def7 .corner-ribbon.quiz {
  background: #f3a100;
}
.__3def7 .corner-ribbon.spelling-test {
  background: #37bd9c;
}

.__3def7 .fake-cover {
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
  box-shadow: 1px 1px 3px 1px #ddd;
}
.__3def7 .fake-cover .info {
  padding: 10px;
  height: 70px;
}
.__3def7 .fake-cover .info h3 {
  font-size: 14px;
  color: #333;
}
.__3def7 .fake-cover .info h3 a {
  height: 16px;
}
.__3def7 .fake-cover .info p {
  font-size: 13px;
}
.__3def7 .fake-cover .content {
  color: #fff;
}
.__3def7 .fake-cover .score {
  background-color: #62A8D9;
  font-size: 55px;
  color: #fff;
  height: 80px;
  line-height: 80px;
  border-top: 1px solid #62A8D9;
  border-bottom: 1px solid #62A8D9;
  position: relative;
}
.__3def7 .fake-cover .score::before, .__3def7 .fake-cover .score::after {
  width: 0;
  height: 0;
  border-style: solid;
  content: "";
  top: 0;
  position: absolute;
  z-index: 1;
}
.__3def7 .fake-cover .score::before {
  border-width: 40px 93px 0 0;
  border-color: #5BA4D7 transparent transparent transparent;
  left: 0;
}
.__3def7 .fake-cover .score::after {
  border-width: 0 93px 40px 0;
  border-color: transparent #5BA4D7 transparent transparent;
  right: 0;
}
.__3def7 .fake-cover .score.not-submitted {
  background-color: #fafafa;
  border-top-color: #ccd1d9;
  border-bottom-color: #ccd1d9;
}
.__3def7 .fake-cover .score.not-submitted::before, .__3def7 .fake-cover .score.not-submitted::after {
  content: initial;
}
.__3def7 .fake-cover .score.not-submitted i {
  font-style: normal;
}
.__3def7 .fake-cover .score.not-submitted i:after {
  font-family: "Pe-icon-7-stroke";
  font-style: 50px;
}
.__3def7 .fake-cover .score.not-submitted i.not-submitted::after {
  content: "";
  color: #d84852;
}
.__3def7 .fake-cover .score.not-submitted i.resubmission::after {
  content: "";
  color: #f1a100;
}
.__3def7 .fake-cover .score.not-submitted i.absent::after {
  content: "";
  color: #3083d1;
}
.__3def7 .fake-cover .score .awaiting-grades {
  background: url(https://d24lsbndsvqq17.cloudfront.net/images/gradebook/awaiting_grade_placeholder-856ceb8a473e977a8dd30891acda5716.jpg) no-repeat;
  background-color: #5BA4D7;
  background-position: bottom right;
  background-size: 200px;
  height: 85px;
  position: relative;
}
.__3def7 .fake-cover .score .awaiting-grades span {
  font-size: 13px;
  display: block;
  text-align: left;
  line-height: initial;
  position: absolute;
  top: 15px;
  left: 15px;
}
.__3def7 .fake-cover .score .grade {
  font-size: 30px;
  display: block;
  z-index: 2;
  position: absolute;
  width: 100%;
}
.__3def7 .fake-cover .score .grade.small {
  font-size: 55px;
}
.__3def7 .fake-cover .score small {
  font-size: 0.5em;
}
.__3def7 .fake-cover .footer {
  background-color: #fafafa;
  height: 35px;
  line-height: 35px;
  border-top: 1px solid #ccd1d9;
}

.__3def7 a.truncate-text {
  display: block;
}

.__baea9 {
  display: inline-block;
  font-weight: bold;
  text-decoration: underline;
  padding: 8px;
  cursor: pointer;
}

.__0e5de {
  border: 1px solid #e6e9ed;
  border-top-width: 0;
  flex: 1;
  position: relative;
  height: calc(102px * 13);
}
.__0e5de:not(:first-child) {
  border-left: none;
}

.__bfaec .quick-actions {
  display: flex;
  justify-content: space-between;
  padding-top: 23px;
}
.__bfaec .quick-actions div {
  margin-right: 2px;
}
.__bfaec .quick-actions a {
  color: inherit;
  text-decoration: none;
}
.__bfaec .quick-actions__item {
  cursor: pointer;
  border: 1px solid #ccd1d9;
  border-radius: 2px;
  margin-top: -7px;
  padding: 8px;
}
.__bfaec .quick-actions__item:hover {
  border: 1px solid #5d9cec;
}
.__bfaec .quick-actions .tooltip-wrapper {
  color: #0e79c9;
  margin: 0;
}
.__bfaec .quick-actions .active-popup {
  background-color: #ecf1f5;
  box-shadow: -1px -1px 1px 0 #ccd1d9;
}

.__bfaec .sub-popup {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  box-shadow: 2px 2px 1px 0 #ddd, -3px 0 1px 0 #fff;
  margin-top: -9px;
  margin-left: -1px;
  padding: 4px;
}
.__bfaec .sub-popup a {
  color: inherit;
  text-decoration: none;
}
.__bfaec .sub-popup.set-assignment::after, .__bfaec .sub-popup.set-assignment::before {
  right: 64%;
}
.__bfaec .sub-popup.seating {
  width: 154px;
}
.__bfaec .sub-popup.seating::after, .__bfaec .sub-popup.seating::before {
  right: 42%;
}
.__bfaec .sub-popup.behaviour::after, .__bfaec .sub-popup.behaviour::before {
  right: 30%;
}
.__bfaec .sub-popup.detentions {
  left: 136px;
}
.__bfaec .sub-popup.detentions::after, .__bfaec .sub-popup.detentions::before {
  left: 6%;
}
.__bfaec .sub-popup.notices {
  left: 129px;
}
.__bfaec .sub-popup.notices::after, .__bfaec .sub-popup.notices::before {
  right: 44%;
}
.__bfaec .sub-popup::after, .__bfaec .sub-popup::before {
  content: "";
  border: 12px solid transparent;
  top: -12px;
  height: 0;
  position: absolute;
  pointer-events: none;
  width: 0;
}
.__bfaec .sub-popup::before {
  border-bottom-color: #ccd1d9;
  margin-top: -12px;
}
.__bfaec .sub-popup::after {
  border-bottom-color: #fff;
  margin-top: -11px;
}
.__bfaec .sub-popup__item {
  display: flex;
  padding: 5px;
  overflow: hidden;
}
.__bfaec .sub-popup__item span {
  color: #0e79c9;
  height: 15px;
  padding-top: 3px;
  margin: 0;
  margin-right: 7px;
  width: 15px;
}
.__bfaec .sub-popup .ti-pencil-alt {
  color: #8cc152;
}
.__bfaec .sub-popup .linearicon-presentation {
  color: #ed5565;
}
.__bfaec .sub-popup .linearicon-spell-check {
  color: #37bd9c;
}
.__bfaec .sub-popup .ti-list {
  color: #f3a100;
}
.__bfaec .sub-popup .linearicon-exclude {
  color: #0e79c9;
}
.__bfaec .sub-popup .ti-clipboard {
  color: #967bdc;
}
.__bfaec .sub-popup .linearicon-reading {
  color: #d770ad;
}

.__109df {
  margin-top: -2px;
}

.__109df .tooltip-wrapper {
  margin-left: 3px;
}

.__109df .attachments-btn {
  background-color: #f1f7fa;
  border-radius: 20px;
  height: 28px;
  width: 45px;
}
.__109df .attachments-btn::before {
  vertical-align: middle;
}
.__109df .attachments-btn span {
  font-family: "Open Sans";
  vertical-align: middle;
}

.__109df .tooltips.ti-pencil .top {
  margin-left: -30px;
}
.__109df .tooltips.ti-trash .top {
  margin-left: -37px;
}
.__109df .tooltips .top {
  padding: 0 5px;
  white-space: nowrap;
  width: auto;
  z-index: 1000;
}

.__9a75f {
  display: flex;
  height: 70px;
  padding: 20px;
}

.__9a75f .welfare-note-author-header {
  display: flex;
  flex-grow: 1;
  font-size: 14px;
  font-weight: normal;
  line-height: 23px;
}
.__9a75f .welfare-note-author-header__second-column {
  flex: 1;
}
.__9a75f .welfare-note-author-header__name {
  font-weight: 600;
  margin-top: -5px;
}
.__9a75f .welfare-note-author-header__edited-at {
  color: #aab2bd;
}

.__e0164 .welfare-notes-header {
  background-color: #fff;
  border-bottom: 1px solid #e6e9ed;
  display: flex;
  padding: 19px 25px;
  width: 100%;
}
@media (max-width: 639px) {
  .__e0164 .welfare-notes-header {
    flex-wrap: wrap;
    padding-bottom: 4px;
  }
}
.__e0164 .welfare-notes-header__create-btn {
  height: 32px;
  margin-left: 15px;
  width: 108px;
}
@media (max-width: 639px) {
  .__e0164 .welfare-notes-header__create-btn {
    flex: 1.5 0;
    margin-left: 7.5px;
    order: 3;
    width: 100%;
  }
}
.__e0164 .welfare-notes-header__filter {
  margin-left: 15px;
  margin-right: 15px;
  width: 224px;
}
@media (max-width: 639px) {
  .__e0164 .welfare-notes-header__filter {
    flex: 2.5 0;
    margin-left: 0;
    margin-right: 7.5px;
    order: 1;
    width: 100%;
  }
}
.__e0164 .welfare-notes-header__search {
  width: 224px;
}
@media (max-width: 639px) {
  .__e0164 .welfare-notes-header__search {
    flex: 1 0 100%;
    margin-bottom: 15px;
    order: 0;
  }
}
.__e0164 .welfare-notes-header__export-btn {
  background-color: #fff;
  border-color: #ccc;
  margin-left: auto;
}
@media (max-width: 703px) {
  .__e0164 .welfare-notes-header__export-btn {
    margin-left: 15px;
  }
}
@media (max-width: 639px) {
  .__e0164 .welfare-notes-header__export-btn {
    flex: 0.5 0;
    margin: 0 7.5px 15px;
    order: 2;
  }
}
.__e0164 .welfare-notes-header__export-icon {
  color: #b7404b;
}

.__9230e .welfare-notes-popup-header {
  background-color: #656d78;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: #fff;
  display: flex;
  padding: 20px;
}
.__9230e .welfare-notes-popup-header__content {
  display: flex;
  flex-direction: column;
  margin-top: -10px;
  width: 100%;
}
.__9230e .welfare-notes-popup-header__first-row {
  justify-content: flex-end;
}
.__9230e .welfare-notes-popup-header__second-row {
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
}
.__9230e .welfare-notes-popup-header__categories {
  display: inline-block;
}
.__9230e .welfare-notes-popup-header__name {
  display: inline-block;
  font-size: 20px;
  font-weight: 600;
  padding-top: 15px;
}
.__9230e .welfare-notes-popup-header__class-group {
  background-color: #0e79c9;
  border-radius: 12px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  margin-left: 5px;
  padding: 2px 7px;
}
.__9230e .welfare-notes-popup-header__logged {
  display: inline-block;
  padding-top: 0;
  text-align: right;
}
.__9230e .welfare-notes-popup-header .student-category-badge {
  color: #656d78;
}

.__0e676 .popup-wrapper.welfare-notes-popup::before, .__0e676 .popup-wrapper.welfare-notes-popup::after {
  content: none;
}

.__0e676 .welfare-notes-popup {
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  font-weight: normal;
  height: 90%;
  line-height: 23px;
  margin: 0 20px;
  max-height: 90%;
  width: 789px;
}
.__0e676 .welfare-notes-popup__content {
  background-color: #f6f7fb;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  display: flex;
  flex-grow: 1;
  padding: 20px;
  min-height: 0;
  flex: 1 1 0%;
}
.__0e676 .welfare-notes-popup__textarea-service {
  padding: 20px;
  width: 100%;
  border-top: 1px solid #ccd1d9;
}
.__0e676 .welfare-notes-popup__attach-file::before {
  vertical-align: middle;
}
.__0e676 .welfare-notes-popup__attach-file.disabled {
  cursor: not-allowed;
}
.__0e676 .welfare-notes-popup__attach-file.disabled p, .__0e676 .welfare-notes-popup__attach-file.disabled::before {
  opacity: 0.5;
}
.__0e676 .welfare-notes-popup__attach-file.disabled:hover, .__0e676 .welfare-notes-popup__attach-file.disabled:focus {
  color: #0e79c9;
}
.__0e676 .welfare-notes-popup__attach-file p {
  display: inline-block;
  font-family: "Open Sans";
  vertical-align: middle;
  margin: 0;
}
.__0e676 .welfare-notes-popup__textarea {
  border: 0;
  font-size: 14px;
  font-weight: normal;
  height: 100%;
  width: 100%;
  line-height: 23px;
  resize: none;
  outline: 0;
}
.__0e676 .welfare-notes-popup__textarea--read-only {
  min-height: 100%;
  font-family: "Open Sans";
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.__0e676 .welfare-notes-popup__share {
  margin-left: 4px;
}
.__0e676 .welfare-notes-popup__share--upper {
  margin-top: 36px;
}
@media (max-width: 800px) {
  .__0e676 .welfare-notes-popup {
    min-height: 90%;
    max-width: 95%;
  }
}
@media (max-width: 639px) {
  .__0e676 .welfare-notes-popup {
    min-height: 95%;
  }
}

.__0e676 .welfare-notes-popup-read-box {
  max-width: 100%;
  padding: 0;
}
.__0e676 .welfare-notes-popup-read-box__content {
  border-bottom: 1px solid #e6e9ed;
  padding: 20px;
  overflow: hidden;
}
.__0e676 .welfare-notes-popup-read-box .welfare-notes-attachments {
  display: flex;
  padding: 20px 10px;
  border-bottom: 1px solid #e6e9ed;
}
.__0e676 .welfare-notes-popup-read-box__footer {
  padding: 20px;
}

.__0e676 .welfare-notes-popup-edit-box {
  padding: 20px;
}
.__0e676 .welfare-notes-popup-edit-box__content {
  border: solid 1px;
  border-radius: 1px;
  border-color: #ccd1d9;
}
.__0e676 .welfare-notes-popup-edit-box__textarea-text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 0;
}
.__0e676 .welfare-notes-popup-edit-box__textarea-text--has-error {
  border: solid 1px;
  border-radius: 1px;
  border-color: #da4453;
}
.__0e676 .welfare-notes-popup-edit-box .smhw-editor-theme.fr-box.fr-basic .fr-wrapper {
  border: none;
}
.__0e676 .welfare-notes-popup-edit-box .smhw-editor-theme .fr-toolbar.fr-top {
  border-left: none;
  border-top: none;
  border-right: none;
}
.__0e676 .welfare-notes-popup-edit-box__attachments .drop-area {
  margin-bottom: 0;
  background-color: #fff;
}
.__0e676 .welfare-notes-popup-edit-box .welfare-notes-attachments {
  margin-top: 10px;
}
.__0e676 .welfare-notes-popup-edit-box__buttons {
  display: flex;
  padding-top: 20px;
}
.__0e676 .welfare-notes-popup-edit-box__buttons .has-error {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.__0e676 .welfare-notes-popup-edit-box__buttons .has-error label {
  margin: 0;
}
.__0e676 .welfare-notes-popup-edit-box__btn-success {
  height: 40px;
  margin-left: 15px;
  width: 62px;
}
.__0e676 .welfare-notes-popup-edit-box__btn-cancel {
  background-color: #fff;
  border: 1px solid #ccc;
  height: 40px;
  width: 74px;
}

.__0e676 .welfare-notes-popup-read-box,
.__0e676 .welfare-notes-popup-edit-box {
  background-color: #fff;
  border: solid 1px #e6e9ed;
  border-radius: 2px;
  display: flex;
  flex: 1;
  flex-flow: column;
}
.__0e676 .welfare-notes-popup-read-box__content,
.__0e676 .welfare-notes-popup-edit-box__content {
  display: flex;
  flex-flow: column;
  height: 100%;
}
.__0e676 .welfare-notes-popup-read-box__footer,
.__0e676 .welfare-notes-popup-edit-box__footer {
  width: 100%;
}

.__c5ffe .welfare-note-card__text {
  height: 92px;
  position: relative;
  margin-top: -5px;
  overflow: hidden;
}
.__c5ffe .welfare-note-card__read-more-link {
  margin-top: 10px;
}
.__c5ffe .welfare-note-card__shadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: inset 0px -20px 10px -10px #fff;
  pointer-events: none;
}

.__4fb73 .popup-body .popup-text:first-of-type {
  text-align: left;
}
.__4fb73 .popup-body .popup-text:first-of-type ul {
  margin: 0;
}

.__496ba {
  display: flex;
  align-items: center;
}

.__496ba .switch-btn-label {
  color: #656d78;
  font-size: 14px;
  font-weight: normal;
  line-height: 23px;
}

.__496ba .switch-btn-handle {
  background-color: #ccc;
}

.__52ba5 .rules {
  display: flex;
  margin-top: 15px;
  max-width: 850px;
}
.__52ba5 .rules .behaviour-points-rule {
  flex-grow: 1;
}
.__52ba5 .rules .positive-points .fa {
  color: #8cc152;
}
.__52ba5 .rules .negative-points .fa {
  color: #da4453;
}
.__52ba5 .rules .badges .fa {
  color: #4fc1e9;
}

.__eca06 .title {
  font-weight: 600;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.__eca06 input {
  width: 90px;
}

.__9e806 .btn.smhw-dropdown-btn.ember-basic-dropdown-trigger {
  background-color: #0e79c9;
  color: white;
  position: relative;
  padding: 6px;
  margin-left: 0px;
}
.__9e806 .btn.smhw-dropdown-btn.ember-basic-dropdown-trigger i {
  vertical-align: middle;
}
.__9e806 .btn.smhw-dropdown-btn.ember-basic-dropdown-trigger:hover {
  text-decoration: none;
}
.__9e806 .btn.smhw-dropdown-btn.ember-basic-dropdown-trigger:active {
  text-decoration: none;
}
.__9e806 .btn.smhw-dropdown-btn.ember-basic-dropdown-trigger:focus {
  text-decoration: none;
  outline: none;
}
.__9e806 .btn.smhw-dropdown-btn.ember-basic-dropdown-trigger.active {
  background-color: #1870b3;
}
.__9e806 .btn.smhw-dropdown-btn.ember-basic-dropdown-trigger[aria-disabled=true] {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  box-shadow: none;
}

.__f0f88 a.disabled:before {
  opacity: 0.65;
  box-shadow: none;
}

.__bb0ab .popup-footer .ti-trash {
  color: #fff;
}

.__46478 .popup-title {
  margin-bottom: 20px;
}
.__46478 .popup-box .popup-wrapper {
  width: 530px;
}
.__46478 .no-background.popup-footer {
  background: #fff;
}
.__46478 .ti-close.exit-popup {
  color: #333;
  font-size: 10px;
}
.__46478 .codes-panel {
  display: flex;
  justify-content: space-around;
}
.__46478 .codes-panel .panel {
  flex: 50%;
}
.__46478 .codes-panel .panel:first-child {
  margin-right: 20px;
}
.__46478 .codes-panel .panel .panel-heading {
  color: #333;
  text-align: center;
}
.__46478 .codes-panel .panel .dashed-panel {
  text-align: center;
  border: 1px dashed;
  -o-border-image: url("https://d24lsbndsvqq17.cloudfront.net/images/admin/border_grid-869ca034837f81fb6376c341e6192dc2.png") 2 round;
     border-image: url("https://d24lsbndsvqq17.cloudfront.net/images/admin/border_grid-869ca034837f81fb6376c341e6192dc2.png") 2 round;
  padding: 20px;
  margin-bottom: 10px;
}
.__46478 .codes-panel .panel .dashed-panel .code {
  color: #333;
  font-size: 22px;
  margin-bottom: 5px;
}
.__46478 .codes-panel .panel .dashed-panel .btn-link:hover, .__46478 .codes-panel .panel .dashed-panel .btn-upload-link:hover, .__46478 .codes-panel .panel .dashed-panel .btn-link:focus, .__46478 .codes-panel .panel .dashed-panel .btn-upload-link:focus {
  text-decoration: none;
  cursor: pointer;
  outline: 0;
}
.__46478 .codes-panel .panel .codes-text {
  color: #333;
  text-align: center;
  font-size: 12px;
}

.__68211 .btn-link.active, .__68211 .active.btn-upload-link, .__68211 .btn-link:focus, .__68211 .btn-upload-link:focus {
  outline: 0;
}

.__6e5a2 {
  padding: 10px;
}
.__6e5a2 .attendance-group__card {
  border: 1px solid #ccd1d9;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 20px;
}
.__6e5a2 .attendance-group__title {
  text-align: center;
  margin-bottom: 20px;
  font-weight: 600;
}
.__6e5a2 .attendance-group__title--red {
  color: #ed5565;
}
.__6e5a2 .attendance-group__title--pink {
  color: #d770ad;
}
.__6e5a2 .attendance-group__title--amber {
  color: #f3a100;
}
.__6e5a2 .attendance-group__title--yellow {
  color: #ffce54;
}
.__6e5a2 .attendance-group__title--green {
  color: #8cc152;
}
.__6e5a2 .attendance-group__boundary {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.__6e5a2 .attendance-group__value {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.__6e5a2 .attendance-group__value .form-group {
  margin: 0 10px;
  width: 60px;
}
.__6e5a2 .attendance-group__value .form-control {
  text-align: center;
}
.__6e5a2 .attendance-group__bar {
  height: 10px;
}
.__6e5a2 .attendance-group__bar--red {
  background-color: #ed5565;
}
.__6e5a2 .attendance-group__bar--pink {
  background-color: #d770ad;
}
.__6e5a2 .attendance-group__bar--amber {
  background-color: #f3a100;
}
.__6e5a2 .attendance-group__bar--yellow {
  background-color: #ffce54;
}
.__6e5a2 .attendance-group__bar--green {
  background-color: #8cc152;
}
.__6e5a2 .attendance-group__values {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.__13242 .assign-badge-popup.praise-popup .student-profile-header {
  z-index: 1;
}

.__75926 .popup-body {
  flex-direction: column;
}
.__75926 .popup-body .praise-infos {
  flex-grow: 1;
}

.__75926 .smart-popup.popup-wrapper.praise-popup {
  overflow: auto;
}
.__75926 .smart-popup.popup-wrapper.praise-popup .praise-popup-header {
  flex-direction: column;
  height: 165px;
}
.__75926 .smart-popup.popup-wrapper.praise-popup .praise-popup-header .links {
  border-bottom: 1px solid #4b9bd8;
  flex: 1 30%;
}
.__75926 .smart-popup.popup-wrapper.praise-popup .praise-popup-header .go-back {
  color: #fff;
  left: 10px;
  position: absolute;
  top: 10px;
}

.__75926 .reason-description {
  color: #fff;
  display: flex;
  flex: 1 100%;
  font-size: 1.5em;
  font-weight: 600;
  justify-content: center;
  overflow: hidden;
  padding-top: 20px;
  position: relative;
  text-align: center;
  z-index: 999;
}
.__75926 .reason-description::before {
  animation: spinning 30s infinite linear;
  background: url("https://d24lsbndsvqq17.cloudfront.net/images/praise/sun_rays-7e8035e825e6749f28e720cdf82503cd.svg") no-repeat;
  background-position: center;
  background-size: cover;
  content: "";
  filter: invert(100%);
  height: 400%;
  left: -50%;
  opacity: 0.2;
  position: absolute;
  top: -100%;
  width: 200%;
  z-index: -1;
}
.__75926 .reason-description::after {
  background: radial-gradient(ellipse farthest-side at bottom, transparent, #0e79c9);
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: -1;
}

.__75926 .points-input-wrapper {
  z-index: 999;
}

.__75926 .more-details {
  border-top: 1px solid #dadada;
  background: #fff;
  width: 100%;
  position: absolute;
  bottom: 1px;
  height: 40px;
  transition: height 0.3s linear;
}
.__75926 .more-details--shown {
  height: 100%;
  overflow: hidden;
}
.__75926 .more-details__title {
  padding: 10px 20px;
}
.__75926 .more-details__title a {
  cursor: pointer;
}
.__75926 .more-details__body {
  padding: 20px;
  height: calc(100% - 40px);
  overflow-y: auto;
}

.__a09df .smart-popup.popup-wrapper.praise-popup {
  overflow: auto;
}
.__a09df .smart-popup.popup-wrapper.praise-popup .popup-footer {
  border-top: 1px solid #e6e9ed;
}

.__a09df .reasons-search-wrapper {
  align-items: center;
  border: 1px solid #C5DBF8;
  border-radius: 4px;
  display: flex;
  margin: 20px;
  padding: 10px 15px;
  position: relative;
}
.__a09df .reasons-search-wrapper input {
  border: 0;
  flex: 1;
  height: 35px;
  padding-left: 15px;
  padding-right: 30px;
}
.__a09df .reasons-search-wrapper input:focus {
  outline: 0;
}
.__a09df .reasons-search-wrapper input::-moz-placeholder {
  opacity: 0.7;
}
.__a09df .reasons-search-wrapper input:-ms-input-placeholder {
  opacity: 0.7;
}
.__a09df .reasons-search-wrapper input::placeholder {
  opacity: 0.7;
}
.__a09df .reasons-search-wrapper .icon {
  font-size: 25px;
  font-weight: 600;
}

.__1637a .smart-popup.popup-wrapper.praise-popup {
  overflow: auto;
}
.__1637a .smart-popup.popup-wrapper.praise-popup.add .badge {
  background-color: #8dc153;
}
.__1637a .smart-popup.popup-wrapper.praise-popup.add .badge .links {
  border-bottom: 1px solid #99c866;
}
.__1637a .smart-popup.popup-wrapper.praise-popup.deduct .badge {
  background-color: #db4453;
}
.__1637a .smart-popup.popup-wrapper.praise-popup.deduct .badge .links {
  border-bottom: 1px solid #df5967;
}
.__1637a .smart-popup.popup-wrapper.praise-popup .praise-popup-header.badge {
  flex-direction: column;
  height: 165px;
}
.__1637a .smart-popup.popup-wrapper.praise-popup .praise-popup-header.badge .links {
  flex: 1 30%;
}
.__1637a .smart-popup.popup-wrapper.praise-popup .praise-popup-header.badge .close-link-wrapper {
  background-color: transparent;
}
.__1637a .smart-popup.popup-wrapper.praise-popup.add .points-input-wrapper, .__1637a .smart-popup.popup-wrapper.praise-popup.deduct .points-input-wrapper {
  background-color: #fff;
  z-index: 999;
}

.__1637a .reason-description {
  color: #fff;
  display: flex;
  flex: 1 100%;
  font-size: 1.5em;
  font-weight: 600;
  justify-content: center;
  overflow: hidden;
  padding-top: 20px;
  position: relative;
  text-align: center;
  z-index: 999;
}

.__1637a .deduct .reason-description::before {
  animation: spinning 30s infinite linear;
  background: url("https://d24lsbndsvqq17.cloudfront.net/images/praise/sun_rays-7e8035e825e6749f28e720cdf82503cd.svg") no-repeat;
  background-position: center;
  background-size: cover;
  content: "";
  filter: invert(100%);
  height: 400%;
  left: -50%;
  opacity: 0.2;
  position: absolute;
  top: -100%;
  width: 200%;
  z-index: -1;
}
.__1637a .deduct .reason-description::after {
  background: radial-gradient(ellipse farthest-side at bottom, transparent, #db4453);
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: -1;
}

.__1637a .praise-image {
  height: 65%;
  width: 65%;
}

.__1637a .bounce {
  animation-duration: 1s;
  animation-name: bounce;
}

.__1637a .reason {
  font-weight: 600;
}

.__ef50b {
  float: left;
  width: 140px;
}

.__ef50b .checkbox {
  float: left;
  margin: 0;
  margin-right: 10px;
  padding: 10px 7px 10px 31px;
  border-radius: 5px;
}
.__ef50b .checkbox.checked label::before {
  background-color: white;
}
.__ef50b .checkbox label::after {
  font-weight: bold;
  margin-left: -19px;
  padding-top: 2px;
}

.__ef50b.all .checkbox {
  background-color: #0e79c9;
}
.__ef50b.all .checkbox.checked label::after {
  color: #0e79c9;
}

.__ef50b.pupil-premium .checkbox {
  background-color: #f3a100;
}
.__ef50b.pupil-premium .checkbox.checked label::after {
  color: #f3a100;
}

.__ef50b.senstatus .checkbox {
  background-color: #333;
}
.__ef50b.senstatus .checkbox.checked label::after {
  color: #333;
}

.__ef50b.gifted-talented .checkbox {
  background-color: #967adc;
}
.__ef50b.gifted-talented .checkbox.checked label::after {
  color: #967adc;
}

.__ef50b.eal .checkbox {
  background-color: #8cc152;
}
.__ef50b.eal .checkbox.checked label::after {
  color: #8cc152;
}

.__ef50b.female .checkbox {
  background-color: #e06fb1;
}
.__ef50b.female .checkbox.checked label::after {
  color: #e06fb1;
}

.__ef50b.male .checkbox {
  background-color: #439fd5;
}
.__ef50b.male .checkbox.checked label::after {
  color: #439fd5;
}

.__ef50b.fsmeligible .checkbox {
  background-color: #37bc9b;
}
.__ef50b.fsmeligible .checkbox.checked label::after {
  color: #37bc9b;
}

.__ef50b .title {
  font-weight: bold;
  float: left;
}

.__ef50b .percentage {
  font-size: 19px;
  float: left;
}

.__cced6 {
  margin-top: 20px;
  position: relative;
}
.__cced6 .y-axis-hint {
  position: absolute;
  top: 350px;
  transform: rotate(-90deg);
  transform-origin: left 0;
}
.__cced6 .chart-tooltip-container {
  text-align: center;
}
.__cced6 .chart-tooltip-container .chart-tooltip {
  width: 160px;
}
.__cced6 .chart-tooltip-container .chart-tooltip.multi-tooltip {
  left: 0;
}
.__cced6 .chart-tooltip-container .task-name {
  color: black;
}
.__cced6 .chart-tooltip-container .data {
  color: grey;
}
.__cced6 .navigation-buttons {
  margin-bottom: 20px;
}
.__cced6 .navigation-buttons a {
  padding: 4px 5px;
}
.__cced6 .chart-container {
  margin-left: 35px;
}

.__022f9 {
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 20px;
}
.__022f9 .top-block {
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}
.__022f9 [class*=user-profile-picture] {
  float: none;
  margin-bottom: 10px;
}
.__022f9 [class*=user-profile-picture] i {
  font-size: 108px;
}
.__022f9 [class*=user-profile-picture] .avatar-wrapper {
  margin: 0 auto;
  width: 100px;
  height: 100px;
  border-radius: 50px;
}

.__e66d7 h5 {
  font-weight: bold;
  font-size: 15px;
}

.__18083 {
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 20px;
}
.__18083 .top-block {
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}
.__18083 .top-block .avatar-wrapper {
  margin-bottom: 10px;
}
.__18083 .top-block .avatar-wrapper img {
  width: 100px;
  height: 100px;
  border-radius: 15px;
}

.__89e57 h5 {
  font-weight: bold;
  font-size: 15px;
}

.__bdac3 {
  display: block;
  height: 120px;
  text-decoration: none;
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/community-resources/resources_box_bg_@2x-983671d0c5dbb21c0a5fc3af582a3d14.png);
  background-image: -webkit-image-set(url(https://d24lsbndsvqq17.cloudfront.net/images/community-resources/resources_box_bg-4309d5aa56e4e0c1de6a8447db46fe3f.png) 1x, url(https://d24lsbndsvqq17.cloudfront.net/images/community-resources/resources_box_bg_@2x-983671d0c5dbb21c0a5fc3af582a3d14.png) 2x);
  background-position: center;
  color: white;
  border-radius: 9px;
  text-align: center;
  padding: 15px;
  box-shadow: 2px 2px 1px #ddd;
}
.__bdac3:hover, .__bdac3:visited, .__bdac3:active, .__bdac3:link {
  text-decoration: none;
  color: white;
}
.__bdac3.green {
  background-color: #2ac697;
}
.__bdac3.green i {
  color: #2ac697;
}
.__bdac3.red {
  background-color: #f23d0d;
}
.__bdac3.red i {
  color: #f23d0d;
}
.__bdac3.blue {
  background-color: #0e79c9;
}
.__bdac3.blue i {
  color: #0e79c9;
}
.__bdac3.red {
  background-color: #f23d0d;
}
.__bdac3.red i {
  color: #f23d0d;
}
.__bdac3.neeto-purple {
  background-color: #967adc;
}
.__bdac3 .h4 {
  font-weight: bold;
  margin-left: 40px;
  margin-right: 30px;
}
.__bdac3 .link-container {
  margin-top: 8px;
}
.__bdac3 .link-container a {
  color: white;
  text-decoration: underline;
}
.__bdac3 i, .__bdac3 svg {
  position: absolute;
  left: 23px;
  top: 0px;
  font-size: 24px;
  padding: 10px;
  background-color: white;
  border-radius: 25px;
  height: 40px;
  overflow: hidden;
  width: 40px;
  margin-top: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 992px) {
  .__bdac3 {
    margin-top: 20px;
  }
}
.__bdac3 .yellow-new-pill {
  margin-right: 10px;
  color: #333;
  padding: 3px 10px;
  background-color: #fde96c;
  border-radius: 100px;
}

.__4744f .ember-power-select-trigger {
  margin-left: 5px;
  font-size: 12px;
  height: 23px;
  line-height: 22px;
  padding: 0 60px 2px 0;
}

.__6bc44.collapsed p {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.__be099 .views-sum__title {
  margin-bottom: 0;
  color: #333;
  font-size: 16px;
}

.__be099 .main-icon {
  font-size: 25px;
  padding: 15px;
  border-radius: 5px;
  display: inline-block;
  float: left;
  margin-right: 20px;
  color: white;
}

.__be099 .count {
  font-size: 32px;
  font-weight: bold;
  color: black;
  line-height: 39px;
}

.__be099 .compare {
  font-weight: bold;
}
.__be099 .compare i {
  font-weight: bold;
}

.__be099.homework-total .main-icon {
  background-color: #8cc152;
}

.__be099.student-total .main-icon {
  background-color: #8cc152;
}

.__be099.parent-total .main-icon {
  background-color: #da4453;
}

.__be099.public-total .main-icon {
  background-color: #aab2bd;
}

.__45ee8 .contact-lane {
  line-height: 28px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.__45ee8 .contact-lane:not(:last-child) {
  margin-bottom: 5px;
}
.__45ee8 .contact-lane .tooltips {
  bottom: 10px;
}
.__45ee8 .contact-lane .tooltips .top {
  bottom: 10px;
  left: 10px;
}

.__45ee8 .icon {
  margin-right: 5px;
}

.__45ee8 .priority {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background-color: #0e79c9;
  text-align: center;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.__45ee8 .priority.warning {
  background-color: #da4453;
}

.__45ee8 .contact-name {
  margin-left: 25px;
  font-weight: 600;
}

.__5eeec .email-spreadsheet-image {
  height: 104px;
  width: 350px;
  margin: 20px auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("https://d24lsbndsvqq17.cloudfront.net/images/manage-users/email_spreadsheet_@2x-30f1cedfe0c8569830a0a21ac46c180c.png");
}

.__5eeec .instructions {
  padding-left: 20px;
}
.__5eeec .instructions li {
  margin-bottom: 10px;
}

.__5eeec .popup-footer.no-background {
  background-color: #fff;
}

.__686fa.summary-popup .popup-wrapper {
  width: 320px;
}

.__d2284 .table__header-id {
  width: 13%;
}
.__d2284 .table__header-forename {
  width: 16%;
}
.__d2284 .table__header-surname {
  width: 16%;
}
.__d2284 .table__header-year {
  width: 10%;
}
.__d2284 .table__header-upn {
  width: 16%;
}
.__d2284 .table__header-email {
  width: 30%;
}

.__17d27 .overlay-cover {
  pointer-events: none;
}

.__17d27 .attendance-notes-popup {
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  font-weight: normal;
  line-height: 23px;
  margin: 0 20px;
  max-height: 95vh;
  min-height: 50vh;
  height: 0;
  width: 500px;
  text-align: left;
}
.__17d27 .attendance-notes-popup.popup-wrapper::before, .__17d27 .attendance-notes-popup.popup-wrapper::after {
  content: none;
}

.__17d27 .attendance-notes-popup-header {
  background-color: #656d78;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: #fff;
  display: flex;
  padding: 20px;
  align-items: center;
}
.__17d27 .attendance-notes-popup-header__content {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: baseline;
}
.__17d27 .attendance-notes-popup-header__name {
  display: inline-block;
  font-size: 20px;
  font-weight: 600;
}
.__17d27 .attendance-notes-popup-header__mark {
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.__17d27 .attendance-notes-popup-content {
  background-color: #fff;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.__17d27 .attendance-notes-popup-edit-box,
.__17d27 .attendance-notes-popup-preview {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.__17d27 .attendance-notes-popup-edit-box__content {
  display: flex;
  flex-flow: column;
  flex-grow: 1;
  border: solid 1px;
  border-radius: 1px;
  border-color: #ccd1d9;
  margin: 20px;
}
.__17d27 .attendance-notes-popup-edit-box__content.red-border {
  border-color: #da4453;
}
.__17d27 .attendance-notes-popup-edit-box__textarea {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 20px;
}
.__17d27 .attendance-notes-popup-edit-box__textarea textarea {
  border: 0;
  font-size: 14px;
  font-weight: normal;
  height: 100%;
  width: 100%;
  line-height: 23px;
  resize: none;
  outline: 0;
}
.__17d27 .attendance-notes-popup-edit-box__counter {
  text-align: right;
  padding: 20px;
  width: 100%;
  border-top: 1px solid #ccd1d9;
}
.__17d27 .attendance-notes-popup-edit-box__counter.red-border {
  border-top: 1px solid #da4453;
  color: #da4453;
}
.__17d27 .attendance-notes-popup-edit-box__footer {
  text-align: right;
  width: 100%;
  padding: 20px;
  border-top: 1px solid #ccd1d9;
}

.__17d27 .attendance-notes-popup-preview__content {
  display: flex;
  flex-flow: column;
  flex-grow: 1;
  padding: 20px;
}
.__17d27 .attendance-notes-popup-preview__author {
  display: flex;
  align-items: center;
}
.__17d27 .attendance-notes-popup-preview__text {
  margin-top: 20px;
  flex-grow: 1;
}
.__17d27 .attendance-notes-popup-preview__footer {
  text-align: right;
  padding: 20px;
  border-top: 1px solid #ccd1d9;
}

.__17d27 .selected-attendance-code {
  display: flex;
  justify-content: center;
  align-items: center;
}

.__31ce1 {
  background-color: #e7f5fa;
  border: 1px solid #3bafda;
  border-radius: 2px;
  padding: 20px;
  margin-bottom: 20px;
}

.__31ce1 .ti-unlock {
  padding: 8px;
  border: 1px solid;
  display: inline-block;
  border-radius: 20px;
  float: left;
  margin-right: 10px;
  color: #0e79c9;
  font-size: 22px;
}

.__96031 .public-zone-table {
  width: 100%;
}
.__96031 .public-zone-table__head {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e6e9ed;
}
.__96031 .public-zone-table__head :first-child {
  width: 73%;
}
.__96031 .public-zone-table__head :nth-child(2) {
  width: 15%;
}
.__96031 .public-zone-table__head :nth-child(3) {
  width: 12%;
}
.__96031 .public-zone-table__head th {
  padding: 12px 0 12px 15px;
}
.__96031 .public-zone-table__body__item-name {
  color: #656d78;
  padding-left: 6px;
}
.__96031 .public-zone-table__body tr {
  border-bottom: 1px solid #e6e9ed;
}
.__96031 .public-zone-table__body tr td {
  padding: 15px;
}
.__96031 .public-zone-table__body .icon-folder {
  color: #5d9cec;
}
.__96031 .public-zone-table #other-resources, .__96031 .public-zone-table #favorite-resources {
  color: #333;
  font-weight: 600;
  font-size: 16px;
  padding: 15px 20px;
}
.__96031 .public-zone-table td:first-child, .__96031 .public-zone-table th:first-child {
  padding: 0 20px;
}

.__78684 .sidebar-slider--header {
  margin-bottom: 17px;
}
.__78684 .sidebar-slider--subheader {
  margin-bottom: 20px;
  margin-top: 30px;
}

.__78684 .has-error .smhw-validated-select {
  margin-bottom: 0;
}
.__78684 .has-error .create-new-subject--input, .__78684 .has-error .create-new-subject--select {
  margin-bottom: 0;
}

.__78684 .create-new-subject--input, .__78684 .create-new-subject--select {
  height: 38px;
  margin-bottom: 15px;
  width: 256px;
}
.__78684 .create-new-subject--select {
  padding: 3px;
}

.__82179 .sidebar-slider--header {
  margin-bottom: 17px;
}
.__82179 .sidebar-slider--subheader {
  margin-bottom: 20px;
  margin-top: 30px;
}

.__82179 .create-new-submission-method--input {
  height: 38px;
  width: 256px;
}

.__2695f .no-lesson {
  font-size: 22px;
}

.panel.panel-set-homework .panel-body {
  text-align: center;
}
.panel.panel-set-homework .panel-body h3 {
  margin-top: 10px;
}
.panel.panel-set-homework .panel-body .set-homework-icon {
  width: 45px;
  height: 45px;
  text-align: center;
  color: #fff;
  background-color: #8cc152;
  margin: 0 auto;
  border-radius: 10px;
  font-size: 26px;
  padding-top: 5px;
}
.panel.panel-set-homework .panel-body .set-homework-icon i {
  top: 4px;
  position: relative;
}
.panel.panel-set-homework .panel-body .set-homework-icon.set-homework-icon-class-test {
  background-color: #967bdc;
}
.panel.panel-set-homework .panel-body .set-homework-icon.set-homework-icon-quiz {
  background-color: #f3a100;
}
.panel.panel-set-homework .panel-body .set-homework-icon.set-homework-icon-spelling {
  background-color: #37bd9c;
}
.panel.panel-set-homework .panel-body .set-homework-icon.set-homework-icon-differentiated {
  background-color: #0e79c9;
}
.panel.panel-set-homework .panel-body .set-homework-icon.set-homework-icon-flexible-task {
  background-color: #d770ad;
}
.panel.panel-set-homework .panel-body .set-homework-icon.set-homework-icon-flexible-task i {
  left: 1px;
  position: relative;
}
.panel.panel-set-homework .panel-body .set-homework-icon.set-homework-icon-classwork {
  background-color: #ed5565;
}
.panel.panel-set-homework .panel-body .set-homework-icon.set-homework-icon-lesson-plan {
  background-color: #ff893b;
}
.panel.panel-set-homework .panel-body .set-homework-icon.set-homework-icon-lesson-plan i {
  left: 2px;
  position: relative;
}
.panel.panel-set-homework .panel-footer {
  padding: 12px;
  text-align: center;
  background-color: #f5f7fa;
}

#custom-error-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
#custom-error-wrapper .custom-error {
  border-radius: 20px;
  border: 1px solid #ccd1d9;
  max-width: 800px;
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/custom-errors/not_registered_@2x-b7d386babec8a567fdd1128bf0da70ca.png);
  background-image: -webkit-image-set(url(https://d24lsbndsvqq17.cloudfront.net/images/custom-errors/not_registered-fc0c6636d586448b28051236a704a9f1.png) 1x, url(https://d24lsbndsvqq17.cloudfront.net/images/custom-errors/not_registered_@2x-b7d386babec8a567fdd1128bf0da70ca.png) 2x);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 120%;
  text-align: center;
  padding: 50px 50px 290px;
  margin: 0 20px;
}
#custom-error-wrapper .custom-error.improvements {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/custom-errors/improvements_@2x-ef0d57b356b5a3adf5efe5125391ae9b.png);
  background-image: -webkit-image-set(url(https://d24lsbndsvqq17.cloudfront.net/images/custom-errors/improvements-a425c15e23df12a98ff35c9cd7b898ec.png) 1x, url(https://d24lsbndsvqq17.cloudfront.net/images/custom-errors/improvements_@2x-ef0d57b356b5a3adf5efe5125391ae9b.png) 2x);
}
#custom-error-wrapper .custom-error .title, #custom-error-wrapper .custom-error .subtitle {
  font-size: 36px;
  color: #0e79c9;
  font-weight: 600;
  margin-top: 0;
  margin: 0 0 10px;
}
#custom-error-wrapper .custom-error .subtitle {
  margin-bottom: 30px;
  font-size: 30px;
}
#custom-error-wrapper .custom-error .head {
  padding: 0 20px;
  line-height: 30px;
  font-size: 22px;
  color: #333;
}
#custom-error-wrapper .custom-error .text {
  font-size: 20px;
  margin-top: 20px;
}
#custom-error-wrapper .custom-error .text::first-letter {
  text-transform: uppercase;
}
#custom-error-wrapper .custom-error .blue-box {
  background: #0e79c9;
  color: #fff;
  display: inline-block;
  padding: 7px 10px;
  border-radius: 6px;
}
#custom-error-wrapper .custom-error .blue-box a {
  color: #fff;
  text-decoration: underline;
}

@media (max-width: 650px) {
  #custom-error-wrapper .custom-error {
    padding-bottom: 40%;
  }
  #custom-error-wrapper .custom-error .head {
    padding: 0;
    line-height: 26px;
    font-size: 20px;
  }
  #custom-error-wrapper .custom-error .text {
    font-size: 16px;
    margin-top: 20px;
  }
}
.panel.panel-report .panel-heading .percent-sortable,
.panel.panel-splash .panel-heading .percent-sortable {
  width: 75%;
  float: right;
}
.panel.panel-report.no-side-border,
.panel.panel-splash.no-side-border {
  border-left: none;
  border-right: none;
  border-radius: 0;
}
.panel.panel-report .panel-body,
.panel.panel-splash .panel-body {
  text-align: center;
}
.panel.panel-report .panel-body h3,
.panel.panel-splash .panel-body h3 {
  margin-top: 15px;
  font-size: 19px;
  color: #000;
  position: relative;
}
.panel.panel-report .panel-body .class-tooltip,
.panel.panel-splash .panel-body .class-tooltip {
  position: absolute;
}
.panel.panel-report .panel-body .report-icon,
.panel.panel-report .panel-body .splash-icon,
.panel.panel-splash .panel-body .report-icon,
.panel.panel-splash .panel-body .splash-icon {
  width: 45px;
  height: 45px;
  text-align: center;
  color: #fff;
  background-color: #0e79c9;
  margin: 0 auto;
  border-radius: 10px;
  font-size: 26px;
  padding-top: 10px;
}
.panel.panel-report .panel-body .report-icon--orange,
.panel.panel-splash .panel-body .report-icon--orange {
  background-color: #f3a100;
}
.panel.panel-report .panel-body .report-icon--dark-orange,
.panel.panel-splash .panel-body .report-icon--dark-orange {
  background-color: #ff7a22;
}
.panel.panel-report .panel-body .report-icon--green,
.panel.panel-splash .panel-body .report-icon--green {
  background-color: #8cc152;
}
.panel.panel-report .panel-body .report-icon--aqua,
.panel.panel-splash .panel-body .report-icon--aqua {
  background-color: #4fc1e9;
}
.panel.panel-report .panel-body .report-icon--behaviour,
.panel.panel-splash .panel-body .report-icon--behaviour {
  margin: 0 auto;
  height: 45px;
  width: 45px;
  background-image: url("https://d24lsbndsvqq17.cloudfront.net/images/classes/green-cross-76feea22ab746d6bb8774ee0975621b1.svg");
}
.panel.panel-report .panel-body .report-icon--attendance,
.panel.panel-splash .panel-body .report-icon--attendance {
  margin: 0 auto;
  height: 45px;
  width: 45px;
  background-image: url("https://d24lsbndsvqq17.cloudfront.net/images/attendance-d3472ada88f10e64c24769e47caadd08.svg");
}
.panel.panel-report .panel-body .report-icon--detentions,
.panel.panel-splash .panel-body .report-icon--detentions {
  margin: 0 auto;
  height: 45px;
  width: 10px;
  background-repeat: no-repeat;
  background-image: url("https://d24lsbndsvqq17.cloudfront.net/images/detentions/detentions_app_logo-89b8042b3fb71820192c984156ea1681.svg");
}
.panel.panel-report .panel-body .report-icon--seating,
.panel.panel-splash .panel-body .report-icon--seating {
  margin: 0 auto;
  height: 45px;
  width: 45px;
  background-image: url("https://d24lsbndsvqq17.cloudfront.net/images/classes/seating-237aee1fd2e783b090d3287a55ad5f68.svg");
}
.panel.panel-report .panel-body .report-icon--homework,
.panel.panel-splash .panel-body .report-icon--homework {
  margin: 0 auto;
  height: 45px;
  width: 45px;
  background-repeat: no-repeat;
  background-image: url("https://d24lsbndsvqq17.cloudfront.net/images/homework/smhw-a093a46eda634e0c3448a0159ac890f7.svg");
}
.panel.panel-report .panel-footer,
.panel.panel-splash .panel-footer {
  padding: 12px;
  text-align: center;
  background-color: #f5f7fa;
}

.panel.panel-dialog .panel-body h3 {
  margin: 0 0 1em;
  font-size: inherit;
  font-weight: 600;
  color: #000;
}
.panel.panel-dialog .panel-footer {
  padding: 12px 20px;
}
.panel.panel-dialog .panel-footer .btn-danger {
  border-bottom: 2px solid #b7404b;
}

.margin-top-20 {
  margin-top: 20px;
}

.margin-top-10 {
  margin-top: 10px;
}

.container-fluid.with-search .search-wrapper, .with-search.only-icon .search-wrapper {
  margin: 0;
  width: 100%;
}
.container-fluid.with-search .search-wrapper input, .with-search.only-icon .search-wrapper input {
  max-width: none;
}
.container-fluid.filter-top, .filter-top.only-icon {
  border-bottom: 1px solid #e6e9ed;
  padding-top: 15px;
  padding-bottom: 15px;
  border-left: 1px solid #e6e9ed;
}
.container-fluid.filter-top .filter-bar .power-select-wrapper, .filter-top.only-icon .filter-bar .power-select-wrapper {
  width: 18%;
  margin-right: 2%;
  float: left;
}
.container-fluid.filter-top .filter-bar .power-select-wrapper:nth-child(1), .filter-top.only-icon .filter-bar .power-select-wrapper:nth-child(1) {
  width: 20%;
}
.container-fluid.filter-top .filter-bar .power-select-wrapper:nth-child(5), .filter-top.only-icon .filter-bar .power-select-wrapper:nth-child(5) {
  margin-right: 0;
}
.container-fluid.filter-top .filter-bar .power-select-wrapper .form-group, .filter-top.only-icon .filter-bar .power-select-wrapper .form-group {
  margin-bottom: 0;
}
.container-fluid.filter-top .filter-bar .power-select-wrapper .calendar-icon.ti-calendar, .filter-top.only-icon .filter-bar .power-select-wrapper .calendar-icon.ti-calendar {
  color: #0e79c9;
}

.reports .reports-text-container {
  max-width: 80%;
}
.reports .xls-icon:hover {
  cursor: pointer;
}
.reports.parents-evening .smhw-checkbox-label:hover {
  cursor: pointer;
}
.reports .color-box {
  height: 10px;
  width: 10px;
  display: inline-block;
}
.reports .get-letters {
  border-radius: 4px;
  border: 1px solid #e6e9ed;
  padding: 15px;
}
.reports .table.parents-evening th {
  width: 23%;
}
.reports .table.parents-evening th.checkboxes {
  width: 8%;
}
.reports .table.parents-evening th label {
  font-weight: normal;
}
.reports .table.school-overview td {
  width: 5%;
}
.reports .table.school-overview td.first {
  width: 20%;
}
.reports .table.school-overview td.third {
  width: 70%;
}
.reports .table.school-overview td.fourth {
  color: #0e79c9;
}
.reports .table.school-overview thead th {
  border: 0;
  background-color: #f5f7fa;
  font-weight: bold;
}
.reports .table.school-overview thead th:nth-child(3) {
  text-align: right;
}
.reports .table.homework-frequency td, .reports .table.homework-frequency th {
  width: 7%;
  text-align: center;
}
.reports .table.homework-frequency td.first, .reports .table.homework-frequency th.first {
  text-align: left;
  width: 20%;
}
.reports .table.homework-frequency td.twelfth, .reports .table.homework-frequency th.twelfth {
  width: 10%;
}
.reports .table.homework-frequency th {
  font-weight: bold;
}
.reports .table.student-submissions th {
  width: 11%;
}
.reports .table.student-submissions th.task-title {
  min-width: 200px;
}
.reports .table.tutors-report th {
  width: 20%;
}
.reports .table.tutors-report th.third {
  width: 14%;
}
.reports .table.tutors-report th.fourth {
  width: 17%;
}
.reports .table.activities-report th {
  width: 20%;
}
.reports .table.activities-report th.full-name {
  width: 30%;
}
.reports .table.issued-homework .homework-title {
  white-space: nowrap;
  max-width: 400px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.reports .table.praise .table-head th {
  border: none;
  font-weight: bold;
  padding: 10px;
  background-color: #f5f7fa;
  border-top: 1px solid #e6e9ed;
}
.reports .table.praise .table-head th.ranking {
  width: 20px;
}
.reports .table.praise .table-head th.date {
  min-width: 140px;
}
.reports .table.praise .table-head th.teacher {
  min-width: 180px;
}
.reports .table.praise .table-head th.student {
  min-width: 160px;
}
.reports .table.praise tbody {
  border-bottom: 1px solid #e6e9ed;
}
.reports .table tr.v-align-middle th, .reports .table tr.v-align-middle td {
  vertical-align: middle;
}
.reports .table tbody tr td {
  padding: 15px;
}
.reports .prog-bar-wrapper {
  width: 100%;
  min-width: 100px;
  border: 1px solid #F4F4F4;
  box-shadow: inset 0px 1px 1px 0px rgba(186, 186, 186, 0.75);
  background: #f9f9f9;
  background: #e8e8e8;
  background: linear-gradient(to bottom, #e8e8e8 0%, #f9f9f9 38%, #f9f9f9 100%);
}
.reports .prog-bar {
  width: 0;
  height: 80%;
  background: #0e79c9;
  background: linear-gradient(to bottom, #208fe5 0%, #1e5799 100%);
}
.reports .text-inline-datepicker strong {
  float: left;
  line-height: 33px;
}
.reports .text-inline-datepicker .inline.form-group, .reports .text-inline-datepicker .inline.input-group {
  display: inline-block;
  float: left;
}
.reports .text-inline-datepicker .inline input {
  border: none;
  box-shadow: none;
  font-weight: bold;
  font-size: 14px;
  padding-left: 2px;
  cursor: pointer;
  text-decoration: underline;
}
.reports .text-inline-datepicker .inline .calendar-icon {
  top: 9px;
  color: #0e79c9;
  cursor: pointer;
  text-decoration: underline;
}
.reports.praise-report .report-text {
  padding-bottom: 10px;
}
.reports.praise-report .filters span {
  font-weight: bold;
}
.reports.praise-report .filters span:not(:last-child)::after {
  content: ",";
}

.arrow {
  position: relative;
}
.arrow:hover {
  cursor: pointer;
}
.arrow.arrow-down::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid gray;
  margin-top: -1px;
  position: absolute;
  right: -10px;
  bottom: 6px;
}
.arrow.arrow-up::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid gray;
  position: absolute;
  margin-top: -1px;
  right: -10px;
  bottom: 6px;
}
.arrow.arrow-both::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid gray;
  position: absolute;
  right: -12px;
  bottom: 9px;
}
.arrow.arrow-both::before {
  content: "";
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid gray;
  position: absolute;
  right: -12px;
  bottom: 3px;
}

.datepicker.datepicker-dropdown {
  box-shadow: 2px 2px 1px rgba(148, 148, 148, 0.5);
  margin-top: 0;
}
.datepicker.datepicker-dropdown::before, .datepicker.datepicker-dropdown::after {
  display: none;
}
.datepicker.datepicker-dropdown tr th {
  font-weight: bold;
}
.datepicker.datepicker-dropdown tr th, .datepicker.datepicker-dropdown tr td {
  padding: 10px;
  text-align: center;
}
.datepicker.datepicker-dropdown tr td.day {
  padding: 7px 10px !important;
  color: #525252;
}
.datepicker.datepicker-dropdown tr td.day.old, .datepicker.datepicker-dropdown tr td.day.new {
  color: #C2C2C2;
}
.datepicker.datepicker-dropdown tr td.day.range {
  background: #eeeeee;
  border-radius: 0;
}
.datepicker.datepicker-dropdown tr td.day.active {
  padding-left: 3px;
  padding-right: 3px;
  position: relative;
  color: #FFF;
  font-weight: bold;
}
.datepicker.datepicker-dropdown tr td.day.active::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent #0E79C9;
  position: absolute;
  top: 0;
}
.datepicker.datepicker-dropdown tr td.day.active.start-date {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background: #0e79c9;
}
.datepicker.datepicker-dropdown tr td.day.active.start-date::after {
  border-width: 16px 0 16px 7px;
  border-color: transparent transparent transparent #0E79C9;
  right: -7px;
}
.datepicker.datepicker-dropdown tr td.day.active.start-date.range {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.datepicker.datepicker-dropdown tr td.day.active.end-date {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background: #0e79c9;
}
.datepicker.datepicker-dropdown tr td.day.active.end-date::after {
  border-color: transparent #0E79C9 transparent transparent;
  border-width: 16px 7px 16px 0;
  left: -7px;
}
.datepicker.datepicker-dropdown tr td.day.active.end-date.range {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

.checkbox-wrapper {
  position: relative;
  float: left;
  margin-right: 30px;
}
.checkbox-wrapper label {
  margin-left: 25px;
  line-height: 30px;
  margin-bottom: 0;
  font-weight: normal;
}
.checkbox-wrapper .smhw-checkbox:not(:checked),
.checkbox-wrapper .smhw-checkbox:checked {
  display: none;
}
.checkbox-wrapper .smhw-checkbox:not(:checked) + label.smhw-checkbox-label::before,
.checkbox-wrapper .smhw-checkbox:checked + label.smhw-checkbox-label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 17px;
  height: 17px;
  border: 1px solid #aaa;
  border-radius: 4px;
  background: #fff;
}
.checkbox-wrapper .smhw-checkbox:checked + label.smhw-checkbox-label::before {
  border: 1px solid #0e79c9;
}
.checkbox-wrapper .smhw-checkbox:not(:checked) + label.smhw-checkbox-label::after,
.checkbox-wrapper .smhw-checkbox:checked + label.smhw-checkbox-label::after {
  font-family: "Flaticon";
  content: "";
  position: absolute;
  top: 0;
  left: 1px;
  font-size: 10px;
  color: #FFF;
  transition: all 0.2s;
}
.checkbox-wrapper .smhw-checkbox:not(:checked) + label.smhw-checkbox-label::after {
  opacity: 0;
  transform: scale(0);
}
.checkbox-wrapper .smhw-checkbox:checked + label.smhw-checkbox-label::after {
  opacity: 1;
  transform: scale(1);
}
.checkbox-wrapper .smhw-checkbox:checked + label.smhw-checkbox-label::before {
  background: #0e79c9;
}
.checkbox-wrapper .smhw-checkbox + label[disabled].smhw-checkbox-label::before {
  background: #e6e9ed;
  border-color: #ccd1d9;
}
.checkbox-wrapper .smhw-checkbox:not(:checked) + label[disabled].smhw-checkbox-label::after,
.checkbox-wrapper .smhw-checkbox:checked + label[disabled].smhw-checkbox-label::after {
  color: #999999;
}

.main-header .scheduled-reports-link {
  right: 28px;
  top: 28px;
  position: absolute;
}

.hide-empty-rows a {
  line-height: 24px;
}

.schedule-report-container {
  display: flex;
  justify-content: flex-end;
  padding: 10px 28px;
}

.attendance-report .customicon {
  width: 3vw;
  height: 3vw;
  display: block;
  margin: 5px auto 0;
  background-image: url("https://d24lsbndsvqq17.cloudfront.net/images/calendar/primary-icons/generic-6d9e1b33e44da0ad48d37e69af9a32d5.svg");
  background-size: 50%;
  background-repeat: no-repeat;
  min-width: 60px;
  min-height: 60px;
}
.attendance-report .customicon.alarm-error {
  background-color: #da4453;
  background-image: url("https://d24lsbndsvqq17.cloudfront.net/images/icons/alarm-error-5fa01cc98bf1124d32815e118a57cb47.svg");
  border-radius: 50%;
  background-position: center;
}
.attendance-report .flex-wrapper .panel {
  display: flex;
  flex-direction: column;
}
.attendance-report .flex-wrapper .panel .panel-body {
  flex-grow: 1;
  margin-bottom: 0;
}
.attendance-report .flex-wrapper .panel .panel-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.attendance-report .attendance-groups-panel table {
  display: table;
  margin-bottom: 0;
}
.attendance-report .attendance-groups-panel table td {
  border: none;
}
.attendance-report .attendance-groups-panel table a:hover, .attendance-report .attendance-groups-panel table a:active {
  text-decoration: none;
}
.attendance-report .attendance-groups-panel table .range {
  display: flex;
  align-items: center;
}
.attendance-report .attendance-groups-panel table .range .attendance-group-circle {
  margin-right: 5px;
}
.attendance-report .attendance-groups-panel table .pe-7s-users {
  font-size: 18px;
  margin-right: 5px;
}
.attendance-report .attendance-groups-panel .default-panel {
  padding-top: 50px;
}
.attendance-report .attendance-groups-panel .default-panel .linearicon-podium {
  background-color: #f3a100;
  font-size: 30px;
  color: #fff;
  padding: 10px;
  border-radius: 10px;
  margin-top: 10px;
}
.attendance-report .attendance-groups-panel .default-panel h3 {
  color: #656d78;
}
.attendance-report .users-count {
  border: 1px solid #da4453;
  color: #da4453;
  background-color: #fff;
  padding: 5px;
  border-radius: 50%;
  height: 100%;
  margin-right: 5px;
  display: flex;
  align-items: center;
}

.reports-subheader {
  display: flex;
  align-items: center;
  height: 60px;
  padding: 0 28px;
  background-color: #fff;
  border-bottom: 1px solid #e6e9ed;
}
.reports-subheader .scheduled-reports-link {
  margin-left: auto;
}

.student360-filter .smhw-multi-select {
  width: 200px;
}

.attendance-group-circle {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  vertical-align: middle;
  display: inline-block;
}
.attendance-group-circle--red {
  background-color: #ed5565;
}
.attendance-group-circle--pink {
  background-color: #d770ad;
}
.attendance-group-circle--amber {
  background-color: #f3a100;
}
.attendance-group-circle--yellow {
  background-color: #ffce54;
}
.attendance-group-circle--green {
  background-color: #8cc152;
}

.panel {
  border: 1px solid #ccd1d9;
  border-radius: 5px;
  margin-bottom: 20px;
}
.panel .panel-body {
  padding: 20px;
}
.panel .panel-body h3 {
  margin-top: 0;
  font-size: 19px;
  color: black;
}
.panel .panel-heading.white-heading {
  background-color: #fff;
}
.panel .panel-footer {
  padding: 20px;
  background-color: #f6f7fb;
  border-top: 1px solid #ccd1d9;
}

.public-page-body {
  background-color: #eceff6;
}

.smhw-flash.alert-warning.verification-banner {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  margin: 0;
  text-align: center;
  background-color: #fffaef;
}

.smhw-logo {
  width: 116px;
  height: 74px;
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/smhw_logo_blue-637dba76057559edbc9744d00bd462c8.png);
  background-size: cover;
  display: block;
}

header.login-header {
  padding: 40px 0 20px 0;
}
header.login-header .header-text {
  font-style: italic;
}
header.login-header .logo-wrapper {
  width: 11em;
  margin: 0 auto 10px auto;
}
header.login-header .mobile-downloads {
  margin: 0 auto;
  width: 288px;
  text-align: left;
}
header.login-header .mobile-downloads .mobile-title {
  font-weight: 600;
  color: #0e79c9;
}
header.login-header .mobile-downloads .mobile-text {
  color: #333;
}
header.login-header .mobile-downloads .app-downloads {
  display: flex;
}
header.login-header .mobile-downloads .app-downloads .badge {
  flex: 1;
  background-size: 100%;
  height: 45px;
  background-repeat: no-repeat;
}
header.login-header .mobile-downloads .app-downloads .badge:not(:last-child) {
  margin-right: 10px;
}
header.login-header .mobile-downloads .app-downloads .badge.app-store-badge {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/mobile/apple_badge-9f5d1a308d946f081a1b243b8405ded1.png);
}
header.login-header .mobile-downloads .app-downloads .badge.google-play-badge {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/mobile/android_badge-25f7a08232ecd010cf841ae342668e11.png);
}

.need-help-wrapper {
  text-align: left;
}

.login-container {
  max-width: 900px;
  margin: 0 auto 20px;
}
.login-container .login-wrapper .big-folder {
  float: left;
  margin-right: 15px;
  width: 137px;
  height: 105px;
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/assets/images/folder-8db125943b7f61894320425682560140.png);
  background-image: -webkit-image-set(url(https://d24lsbndsvqq17.cloudfront.net/assets/images/folder-8db125943b7f61894320425682560140.png) 1x, url(https://d24lsbndsvqq17.cloudfront.net/assets/images/folder_@2x-7d906a6ba27034037050fa8c7707809b.png) 2x);
}
.login-container .login-wrapper .login-form-wrapper .right-wrap a {
  font-size: 13px;
}
.login-container .login-wrapper .login-form-wrapper .bottom-link {
  margin-bottom: 20px;
}
.login-container .login-wrapper .login-form-wrapper .login-360-wrapper {
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
}
.login-container .login-wrapper .login-form-wrapper span.login-form-additional-text {
  text-align: left;
  padding-bottom: 20px;
  display: inline-block;
  font-size: 13px;
}
.login-container .recover-form, .login-container .login-pin, .login-container .login-verify {
  display: inline-block;
  vertical-align: top;
  width: 288px;
}
.login-container .recover-form form, .login-container .login-pin form, .login-container .login-verify form {
  margin-bottom: 20px;
}
.login-container .recover-form a, .login-container .login-pin a, .login-container .login-verify a {
  text-decoration: none;
}
.login-container .recover-form p, .login-container .login-pin p, .login-container .login-verify p {
  font-size: 13px;
}
.login-container .recover-form .actions, .login-container .login-pin .actions, .login-container .login-verify .actions {
  display: flex;
}
.login-container .recover-form .actions .btn, .login-container .login-pin .actions .btn, .login-container .login-verify .actions .btn {
  padding-left: 9px;
  padding-right: 9px;
  padding: 12px;
}
.login-container .recover-form .actions .btn-brand, .login-container .login-pin .actions .btn-brand, .login-container .login-verify .actions .btn-brand {
  border: none;
  box-shadow: 0 2px #0a5b97;
  font-weight: 600;
}
.login-container .recover-form .actions > *, .login-container .login-pin .actions > *, .login-container .login-verify .actions > * {
  flex: 1;
}
.login-container .recover-form .actions > *:not(:first-child), .login-container .login-pin .actions > *:not(:first-child), .login-container .login-verify .actions > *:not(:first-child) {
  margin-left: 10px;
}
.login-container .recover-form .right-link, .login-container .login-pin .right-link, .login-container .login-verify .right-link {
  color: #656d78;
  text-decoration: underline;
  font-size: 14px;
  line-height: 40px;
  text-align: left;
}
.login-container .recover-form .login-providers-buttons, .login-container .login-pin .login-providers-buttons, .login-container .login-verify .login-providers-buttons {
  padding-bottom: 25px;
  padding-top: 5px;
  margin: 0 auto;
  width: 100%;
}
.login-container .recover-form .login-providers-buttons .btn, .login-container .login-pin .login-providers-buttons .btn, .login-container .login-verify .login-providers-buttons .btn {
  font-size: 12px;
}
.login-container .recover-form .login-providers-buttons .btn-google, .login-container .recover-form .login-providers-buttons .btn-rm-unify, .login-container .login-pin .login-providers-buttons .btn-google, .login-container .login-pin .login-providers-buttons .btn-rm-unify, .login-container .login-verify .login-providers-buttons .btn-google, .login-container .login-verify .login-providers-buttons .btn-rm-unify {
  border: none;
  height: 34px;
}
.login-container .recover-form .login-providers-buttons .btn-rm-unify, .login-container .login-pin .login-providers-buttons .btn-rm-unify, .login-container .login-verify .login-providers-buttons .btn-rm-unify {
  background: #c9ccd1;
  box-shadow: 0 2px #b6b9bc;
}
.login-container .recover-form .login-providers-buttons .btn-rm-unify:hover, .login-container .login-pin .login-providers-buttons .btn-rm-unify:hover, .login-container .login-verify .login-providers-buttons .btn-rm-unify:hover {
  background: #939aa3;
  box-shadow: 0 2px #6e737a;
}
.login-container .recover-form .login-providers-buttons .btn-rm-unify:focus, .login-container .login-pin .login-providers-buttons .btn-rm-unify:focus, .login-container .login-verify .login-providers-buttons .btn-rm-unify:focus {
  background: #6e737a;
  box-shadow: 0 2px #6e737a;
  color: #fff;
}
.login-container .recover-form .login-providers-buttons .btn-office-365, .login-container .login-pin .login-providers-buttons .btn-office-365, .login-container .login-verify .login-providers-buttons .btn-office-365 {
  background: #f39182;
  box-shadow: 0 2px #f17c6b;
}
.login-container .recover-form .login-providers-buttons .btn-office-365:hover, .login-container .login-pin .login-providers-buttons .btn-office-365:hover, .login-container .login-verify .login-providers-buttons .btn-office-365:hover {
  background: #ea3f25;
  box-shadow: 0 2px #c92b13;
}
.login-container .recover-form .login-providers-buttons .btn-office-365:focus, .login-container .login-pin .login-providers-buttons .btn-office-365:focus, .login-container .login-verify .login-providers-buttons .btn-office-365:focus {
  background: #ea3f25;
  box-shadow: 0 2px #c92b13;
  color: #fff;
}
.login-container .recover-form .pin-button, .login-container .login-pin .pin-button, .login-container .login-verify .pin-button {
  height: 44px;
}
.login-container .recover-form #pin-login-form input, .login-container .login-pin #pin-login-form input, .login-container .login-verify #pin-login-form input {
  height: 45px;
  padding: 10px 16px;
  font-size: 17px;
  line-height: 1.33333;
}
.login-container .recover-form .button-width, .login-container .login-pin .button-width, .login-container .login-verify .button-width {
  flex: inherit;
  width: 149px;
  border-radius: 5px;
}
.login-container .recover-form .recover-pin-btn, .login-container .login-pin .recover-pin-btn, .login-container .login-verify .recover-pin-btn {
  border-radius: 5px;
}
.login-container .recover-form .pre-mobile.power-select-lg, .login-container .login-pin .pre-mobile.power-select-lg, .login-container .login-verify .pre-mobile.power-select-lg {
  margin-top: 10px;
}
.login-container .recover-form #recover-form-phone, .login-container .login-pin #recover-form-phone, .login-container .login-verify #recover-form-phone {
  font-size: 16px;
}
.login-container .recover-form .form-group.has-error, .login-container .login-pin .form-group.has-error, .login-container .login-verify .form-group.has-error {
  margin-bottom: 0;
}
.login-container .recover-form .form-group.has-error .error-message, .login-container .login-pin .form-group.has-error .error-message, .login-container .login-verify .form-group.has-error .error-message {
  margin-top: 5px;
  margin-bottom: 5px;
}
.login-container .recover-form .error-message, .login-container .login-pin .error-message, .login-container .login-verify .error-message {
  margin-top: 10px;
}
.login-container .login-pin {
  margin: auto;
  width: 302px;
}
.login-container .login-form-o365 {
  text-align: left;
}
@media (min-width: 600px) {
  .login-container .login-form-o365 {
    padding-right: 20px;
  }
}
@media (max-width: 600px) {
  .login-container .login-form-o365 {
    padding-right: 0;
  }
}
@media (min-width: 600px) {
  .login-container .login-form-o365 + .login-form {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #ddd;
  }
}
@media (max-width: 600px) {
  .login-container .login-form-o365 + .login-form {
    padding-left: 0;
    border-left: none;
  }
}
.login-container hr[title]::after {
  padding: 0 20px;
}

#email-login-form .error-message {
  margin-bottom: 0;
}
#email-login-form .error-links-container {
  margin-bottom: 5px;
}
#email-login-form .error-links-container a.error-link {
  font-weight: bold;
  font-size: 13px;
}
#email-login-form .has-error .form-control {
  border-color: #da4453;
}
#email-login-form .error-link {
  color: #0e79c9;
}
#email-login-form input.has-error {
  border-color: #da4453;
}

#pin-login-form {
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}
#pin-login-form .form-group {
  margin-bottom: 0;
}
#pin-login-form [type=submit] {
  width: 66px;
  position: absolute;
  top: 0;
  right: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  line-height: 1.32;
  transition: transform 0.5s;
}
#pin-login-form [type=submit]:disabled {
  transform: translateX(66px);
}

#phone-pin-form .btn-success:focus {
  color: #fff;
  outline: none;
}
#phone-pin-form .btn-success:hover {
  color: #fff;
}
#phone-pin-form .mobile-number-container {
  margin-bottom: 14px;
  margin-top: -10px;
}
#phone-pin-form .mobile-number-container .col-md-12 {
  padding-left: 0;
}
#phone-pin-form #submit-btn.btn-success:disabled {
  opacity: 1 !important;
}
#phone-pin-form .form-control {
  margin-top: 10px;
  border-radius: 5px;
}
#phone-pin-form .country-code-holder {
  position: relative;
  min-height: 1px;
  padding-left: 14px;
  padding-right: 14px;
  float: left;
  width: 105px;
}
#phone-pin-form .phone-number-holder {
  position: relative;
  min-height: 1px;
  padding-right: 14px;
  width: 210px;
  float: left;
}

#email-password-recovery-form .btn-success:disabled {
  opacity: 1 !important;
}

.pin-letter h5 {
  font-weight: 600;
  text-align: left;
  color: #333;
}
.pin-letter p {
  text-align: left;
  line-height: 20px;
  margin-bottom: 20px;
}
.pin-letter img {
  width: 288px;
}

.mobile-number-box-dropdown .ember-power-select-options .ember-power-select-option {
  font-size: 14px;
}

@media (max-width: 767px) {
  .login-wrapper {
    flex-direction: column;
  }

  .need-help-wrapper {
    margin-top: 0;
  }

  .help-container, .login-form-wrapper {
    padding: 0;
  }
}
.cookie-page {
  color: #656d78;
  font-size: 16px;
  line-height: 28px;
}
.cookie-page h2,
.cookie-page h3 {
  margin: 20px 0;
}
.cookie-page h2,
.cookie-page h3,
.cookie-page .bold {
  font-weight: 600;
  color: #333;
}
.cookie-page__header {
  background-color: #f9fafd;
  height: 270px;
}
.cookie-page__header-container {
  max-width: 900px;
  margin: 0 auto;
}
.cookie-page__logo-wrapper {
  display: flex;
  padding-top: 20px;
}
.cookie-page__logo-wrapper img {
  max-height: 35px;
}
.cookie-page__title-wrapper {
  height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.cookie-page__title-wrapper__title {
  margin-bottom: 30px;
  font-size: 50px;
  font-weight: 800;
  color: #333;
}
.cookie-page__container {
  max-width: 900px;
  margin: 50px auto 20px;
}
.cookie-page__container__indent {
  margin-top: 10px;
}
.cookie-page__container .btn.btn-success {
  font-size: 14px;
  color: #fff !important;
}
.cookie-page__container .btn.btn-success:focus {
  outline: none;
}
.cookie-page__container li {
  margin-bottom: 10px;
}

form.differentiated-homeworks {
  margin-bottom: 30px;
}

.differentiated-homeworks.color-box {
  background-color: #0e79c9;
  height: 10px;
  width: 10px;
  margin-top: 5px;
  margin-right: 10px;
  float: left;
}
.differentiated-homeworks .cover-photo-container {
  margin-bottom: 20px;
  margin-top: 20px;
}
.differentiated-homeworks .cover-photo-container .cover-photo {
  max-height: 400px;
  max-width: 700px;
  width: auto;
}
.differentiated-homeworks .tabs {
  margin-bottom: -5px !important;
}

.cover-photo .tooltips span.top {
  width: 320px;
  margin-left: -100px;
  bottom: 27px;
}
.cover-photo .tooltips span.top::after {
  left: 31%;
}

.spelling-tests .blinking-dots.disabled {
  opacity: 1;
}
.spelling-tests .spelling-test-btn {
  background-color: #37bd9c;
  border-color: #37bd9c;
}
.spelling-tests .spelling-test-btn a {
  color: white;
  font-weight: bold;
  text-decoration: none;
}
.spelling-tests .play-spelling-btn {
  background-color: #0e79c9;
  border-color: #0e79c9;
}
.spelling-tests .play-spelling-btn a {
  color: white;
  font-weight: bold;
  text-decoration: none;
}
.spelling-tests.question-matrix {
  border-top: 1px solid #ddd;
  margin-top: -5px;
  padding-left: 10px;
}
.spelling-tests.question-matrix table {
  margin-top: 10px;
  margin-left: 1px;
}
.spelling-tests .attempt-header {
  color: #333;
}
.spelling-tests .highlighted {
  color: #0e79c9;
}
.spelling-tests .results-view-container-full-row {
  margin-top: 2%;
}
.spelling-tests .task-information {
  margin-left: 10%;
  margin-right: 10%;
}
.spelling-tests .task-info-header {
  background-color: #3485C4;
  height: 27px;
  line-height: 27px;
  position: relative;
}
.spelling-tests .answer-form {
  width: 80%;
  margin: 0 auto;
}
.spelling-tests .success-icon-container {
  float: left;
  margin-left: 2%;
  display: inline;
  margin-top: 10px;
  height: 45px;
}
.spelling-tests .hint-container {
  margin-bottom: 20px;
}
.spelling-tests .hint-container > * {
  display: inline-block;
  vertical-align: middle;
}
.spelling-tests .input-container {
  width: 69%;
  max-width: 500px !important;
  float: left;
  display: inline;
}
.spelling-tests .submit-container {
  float: left;
  display: inline;
  margin-left: 2%;
}
.spelling-tests .horizontal-alignable {
  float: left;
  display: inline;
}
.spelling-tests .hint-char {
  margin: 0 2px;
  border-bottom: 1px solid white;
  width: 22px;
  height: 35px;
  font-size: 20px;
  font-weight: bold;
  line-height: 40px;
  margin-bottom: 10px;
}
.spelling-tests .answer-content {
  height: 50px;
  font-size: 20px;
}
.spelling-tests .has-success .answer-content {
  border-width: 2px;
}
.spelling-tests .has-error .smhw-validated-input > .answer-content {
  border-width: 2px;
  color: #da4453;
}
.spelling-tests .submit-word-btn {
  background-color: #8cc152;
  border-color: #8cc152;
  padding-top: 10px;
  font-weight: bold;
}
.spelling-tests .submit-word-btn:hover, .spelling-tests .submit-word-btn:focus {
  color: white !important;
  text-decoration: none;
}
.spelling-tests .submit-word-btn i:before {
  font-weight: bold;
}
.spelling-tests.color-box {
  background-color: #37bd9c;
  height: 10px;
  width: 10px;
  display: inline-block;
}
.spelling-tests .instructions .list {
  display: inline-block;
}
.spelling-tests .next-question-btn-container {
  margin-top: 5%;
}
.spelling-tests .start-spelling-container {
  text-align: center;
}
.spelling-tests .start-spelling-container .btn-container {
  display: inline-block;
  margin-top: 10px;
}
.spelling-tests .heart:before {
  color: #da4453;
}
.spelling-tests .helper-icon {
  position: absolute;
  left: 0;
  font-size: 35px;
}
.spelling-tests .word-helper-info {
  margin: 15px 0 20px 0;
}
.spelling-tests .play-sound-container {
  margin-top: 40px;
}
.spelling-tests .hint-title {
  margin-top: 5px;
  margin-right: 10px;
  font-size: 20px;
  vertical-align: middle;
}
.spelling-tests .big-text {
  font-size: 20px;
  font-weight: 600;
}
.spelling-tests .big-text:before {
  font-weight: 600 !important;
}
.spelling-tests .sentence-helper-icon {
  position: absolute;
  left: -5px;
}
.spelling-tests .sentence-helper-icon:before {
  font-size: 30px;
}
.spelling-tests .blank-word {
  width: 5%;
  min-width: 35px;
  border: 1px solid white;
  height: 20px;
  display: inline-block;
  padding-top: -16px;
  margin-right: 5px;
  margin-left: 5px;
  vertical-align: bottom;
}
.spelling-tests .correct-answer, .spelling-tests .correct-spelling-answer {
  font-weight: bold;
  color: #8cc152;
}
.spelling-tests .question-description {
  width: 100px;
}
.spelling-tests .attempt-cell {
  width: 100px;
  cursor: pointer;
}
.spelling-tests .correct-attempt {
  color: #8cc152;
}
.spelling-tests .wrong-attempt {
  color: #da4453;
}
.spelling-tests .attempt-header .flaticon-heart75:before {
  font-size: 11px;
}

.new-word-link {
  margin: 0px 20px 20px 20px;
}

@media (max-width: 600px) {
  .spelling-tests .input-container {
    width: 100%;
    max-width: initial;
  }
  .spelling-tests .submit-container {
    margin-left: 0;
  }
  .spelling-tests .submit-container,
.spelling-tests .success-icon-container {
    width: 100%;
  }
}
#student-gradebook .filter-bar-element:last-child {
  width: 40%;
}
#student-gradebook .filter-bar-element #student-gradebook-search {
  width: calc(100% - 80px);
  float: left;
}
#student-gradebook .layout-toggle {
  float: right;
  margin-bottom: 10px;
}
#student-gradebook .submissions-thumbnails {
  clear: both;
}
#student-gradebook .submissions-thumbnail-row {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 955px) {
  #student-gradebook .submissions-thumbnail-row {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  #student-gradebook .submissions-thumbnail-row .submission-thumbnail:not(:last-of-type) {
    margin-right: 30px;
  }
}
#student-gradebook .submission-thumbnail {
  width: 188px;
  min-width: 188px;
  margin-bottom: 20px;
}
#student-gradebook .status {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 5px;
}
#student-gradebook .status-text {
  display: inline-block;
}
#student-gradebook .status-text::first-letter {
  text-transform: uppercase;
}
#student-gradebook .grade {
  text-align: center;
  vertical-align: middle;
}
#student-gradebook .grade .grade-text {
  display: block;
}
#student-gradebook .grade .grade-text::first-letter {
  text-transform: uppercase;
}
#student-gradebook .grade::before {
  font-family: "Pe-icon-7-stroke";
  font-size: 24px;
  vertical-align: middle;
  margin: 0 5px;
}
#student-gradebook .grade i {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin: 0 auto;
  font-style: normal;
  font-size: 30px;
}
#student-gradebook .grade i:after {
  font-family: "Pe-icon-7-stroke";
  font-style: 50px;
}
#student-gradebook .grade i.not-submitted::after {
  content: "";
  color: #d84852;
}
#student-gradebook .grade i.resubmission::after {
  content: "";
  color: #f1a100;
}
#student-gradebook .grade i.absent::after {
  content: "";
  color: #3083d1;
}
#student-gradebook .submitted-status .color {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
#student-gradebook .submitted-status .color.not-submitted {
  background-color: #d84852;
}
#student-gradebook .submitted-status .color.submitted {
  background-color: #8fc053;
}
#student-gradebook .submitted-status .color.submitted-late {
  background-color: #5e9b24;
}
#student-gradebook .submitted-status .color.resubmission {
  background-color: #f1a100;
}
#student-gradebook .submitted-status .color.absent {
  background-color: #3083d1;
}
#student-gradebook .submitted-status .status-text::first-letter {
  text-transform: uppercase;
}
#student-gradebook .table th {
  padding: 15px 10px;
}
#student-gradebook .table td {
  vertical-align: middle;
  height: 47px;
}

#class-gradebook {
  width: 100%;
  font-size: 13px;
}
#class-gradebook.class-gradebook-placeholder {
  position: relative;
}
#class-gradebook.class-gradebook-placeholder .gradebook-fadeout {
  opacity: 0.1;
}
#class-gradebook.class-gradebook-placeholder .gradebook-overlay {
  position: absolute;
  top: 50px;
  width: 100%;
  z-index: 100;
}
#class-gradebook.class-gradebook-placeholder .gradebook-overlay .btn {
  font-size: 22px;
}
#class-gradebook .from-label {
  color: #333;
  font: 13px "Open Sans";
  padding: 0 0 0 5px;
}
#class-gradebook .from-label:hover {
  cursor: pointer;
}
#class-gradebook h5 {
  float: left;
}
#class-gradebook h5 i {
  font-size: 15px;
  vertical-align: middle;
}
#class-gradebook .hint {
  flex: 1;
  margin-right: 15px;
}
#class-gradebook .table-wrapper {
  margin-top: 15px;
}
#class-gradebook th {
  padding: 0 0 66px 0;
  font-weight: normal;
  line-height: 1.6;
  vertical-align: top;
}
#class-gradebook th header {
  background-color: #f5f7fa;
  height: 30px;
  line-height: 30px;
  color: black;
  border-bottom: 1px solid #ccd1d9;
}
#class-gradebook th .assignment-info {
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 1.4;
}
#class-gradebook th .assignment-info .title {
  display: block;
}
#class-gradebook th .assignment-info .export-results .fa-file-excel-o {
  color: #007133;
  font-size: 17px;
  padding-right: 8px;
}
#class-gradebook th:first-child {
  width: 170px;
  max-width: 170px;
  min-width: 170px;
  position: relative;
}
#class-gradebook th:first-child header {
  padding-left: 8px;
}
#class-gradebook th:first-child .assignement-calendar {
  padding: 8px;
}
#class-gradebook th:first-child .assignement-calendar .smhw-calendar-datepicker,
#class-gradebook th:first-child .assignement-calendar .smhw-calendar-datepicker input {
  text-align: left;
}
#class-gradebook th:first-child .assignement-calendar .ti-calendar {
  color: #0e79c9;
  font-size: 17px;
  position: relative;
  top: 2px;
}
#class-gradebook th:first-child .assignement-calendar span {
  text-decoration: underline;
}
#class-gradebook th:first-child .assignement-export {
  color: #0e79c9;
  padding: 0 8px 8px;
}
#class-gradebook th:first-child .assignement-export .fa-file-excel-o {
  color: #007133;
  font-size: 17px;
  text-align: right;
  padding-right: 8px;
}
#class-gradebook th:not(:first-child) {
  width: 150px;
  min-width: 150px;
  max-width: 150px;
  text-align: center;
}
#class-gradebook th:not(:first-child) > * {
  padding: 0 10px;
}
#class-gradebook .submission-grade {
  text-align: center;
}
#class-gradebook table {
  cursor: default;
}
#class-gradebook table tbody tr:first-child .disabled .no-submission {
  display: block;
}

.gradebook-legend {
  width: 70%;
  float: left;
  line-height: 33px;
  overflow: hidden;
}
.gradebook-legend div {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 5px;
}
.gradebook-legend div:not(:first-child) {
  margin-left: 15px;
}
.gradebook-legend div.not-submitted {
  background-color: #d84852;
}
.gradebook-legend div.submitted {
  background-color: #8fc053;
}
.gradebook-legend div.submitted-late {
  background-color: #5e9b24;
}
.gradebook-legend div.resubmission {
  background-color: #f1a100;
}
.gradebook-legend div.absent {
  background-color: #3083d1;
}

.tray-forms-container {
  margin-top: 20px;
}

.tray-forms .description {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.tray-forms .trays-container {
  margin: 0px 20px 20px 20px;
  background-color: white;
}
.tray-forms .cover-photo-container {
  max-height: 500px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.tray-forms .tray-form-well {
  background-color: #f5f7fa;
  padding-top: 20px;
  padding-bottom: 10px;
  border: 1px solid #e6e9ed;
  border-bottom: none;
}
.tray-forms .tab-container {
  background-color: #f5f7fa;
  border-right: 1px solid #e6e9ed;
}
.tray-forms .tab-container .tabs {
  list-style: none;
  display: inline-block;
  padding: 0;
  margin: none !important;
  margin-left: -0.9px;
}
.tray-forms .tab-container .tabs li {
  float: left;
  height: 48px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 15px;
  display: inline-block;
  color: #0e79c9;
  cursor: pointer;
}
.tray-forms .tab-container .tabs li.active {
  background-color: #fff;
  border: 1px solid #e6e9ed;
  border-bottom: none;
}

.tray {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
}

.editable-span {
  background: transparent;
  border: none;
  background-color: transparent !important;
  border: none !important;
  border-color: transparent;
  outline-color: transparent;
  outline-offset: 0px;
  padding: 0px;
  outline: none;
  overflow: hidden;
}

.new-task-link {
  margin-top: 10px;
  margin-bottom: 10px;
  cursor: pointer;
}

.full-screen {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1000;
}

.question-matrix {
  position: relative;
}
.question-matrix table {
  font-size: 12px;
  width: 100%;
}
.question-matrix tbody::after {
  content: "";
  display: block;
  margin-top: 10px;
}
.question-matrix tfoot {
  background-color: #e6e9ed;
  font-weight: bold;
  border-top: 1px solid #ddd;
}
.question-matrix tr {
  height: 25px;
}
.question-matrix tr td:first-child {
  text-indent: 1rem;
}
.question-matrix thead tr {
  vertical-align: top;
}
.question-matrix tfoot tr {
  height: 30px;
}
.question-matrix:not(.disabled) .question-attempt-icon {
  cursor: pointer;
}
.question-matrix .question-description {
  color: #0e79c9;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 0;
}
.question-matrix .attempt {
  width: 70px;
  text-align: center;
}
.question-matrix .question-attempt-icon {
  vertical-align: -40%;
}
.question-matrix .question-attempt-icon:before {
  font-size: 25px;
  font-weight: bold;
}
.question-matrix .pe-7s-close-circle:before {
  color: #da4453;
}
.question-matrix .pe-7s-check:before {
  color: #8cc152;
}
.question-matrix .heart :before {
  font-size: 20px;
}
.question-matrix .attempt-header {
  vertical-align: baseline;
}

.detailed-grade-popup {
  border: 1px solid #e6e9ed;
  border-radius: 4px;
  background-color: #f5f7fa;
  padding: 10px;
  position: absolute;
  width: 100%;
  box-shadow: 1px 2px 4px #ddd;
  z-index: 100;
}
.detailed-grade-popup .arrow-top {
  border: 15px solid transparent;
  border-bottom-color: #e6e9ed;
  position: absolute;
  top: -30px;
}
.detailed-grade-popup .arrow-top::before {
  content: "";
  border: 15px solid transparent;
  border-bottom-color: #f5f7fa;
  position: absolute;
  margin-left: -15px;
  margin-top: -14px;
}
.detailed-grade-popup .answer {
  line-height: 28px;
  padding: 0 5px;
}
.detailed-grade-popup .answer.incorrect .answer-text, .detailed-grade-popup .game-content.timeout .answer.game-answer .answer-text, .game-content.timeout .detailed-grade-popup .answer.game-answer .answer-text {
  color: #da4453;
}
.detailed-grade-popup .answer.correct .answer-text {
  color: #8cc152;
}
.detailed-grade-popup .answer.checked {
  border: 1px solid #e6e9ed;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #fafafa;
}
.detailed-grade-popup .chosen-answer {
  float: right;
}

.charts .chart .bar {
  height: 30px;
  line-height: 30px;
}
.charts .chart .bar .score {
  font-size: 15px;
}
.charts .chart .bar:nth-child(1) .score {
  color: #0e79c9;
}
.charts .chart .bar:nth-child(2) {
  background-color: rgba(14, 121, 201, 0.25);
}
.charts .chart .bar:nth-child(2) .legend {
  color: #656d78;
}
.charts .chart .bar-content {
  line-height: 30px;
}
.charts .attempt {
  text-align: center;
}

.assess-spelling-test-tabs .tabs-list {
  list-style: none;
  display: inline-block;
  margin: 0;
  padding: 0;
}
.assess-spelling-test-tabs .tab-element {
  background-color: #e6e9ed;
  color: #0e79c9;
  float: left;
  padding-left: 20px;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 10px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border: 1px solid #e6e9ed;
  border-bottom: none;
}
.assess-spelling-test-tabs .tab-element:hover, .assess-spelling-test-tabs .tab-element.active, .assess-spelling-test-tabs .tab-element:focus {
  text-decoration: none;
}
.assess-spelling-test-tabs .tab-element.active {
  background-color: white;
  margin-bottom: 0px;
  border-bottom: 1px solid white;
  z-index: 1;
  position: relative;
  color: #333;
}

.partners {
  margin-left: 30px;
}
.partners__top-text {
  margin: 20px 0;
}
.partners__featured-block {
  height: 300px;
}
.partners__partners-block {
  height: 300px;
}
.partners__featured-block p, .partners__partners-block p {
  font-weight: 600;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  min-height: 100vh;
  z-index: 1000;
  visibility: visible;
}

.overlay-cover {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.icon.blue {
  color: #fff;
  background-color: #0e79c9;
  border-radius: 15px;
  font-size: 18px;
  width: 30px;
  height: 30px;
  display: block;
  line-height: 30px;
  text-align: center;
}
.icon.grey {
  color: #0e79c9;
  background-color: #f4f5f9;
  border-radius: 15px;
  font-size: 18px;
  width: 30px;
  height: 30px;
  display: block;
  line-height: 30px;
  text-align: center;
}

.right-sidebar {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #e8e8e8;
  width: 290px;
  z-index: 1001;
  overflow-y: scroll;
}
.right-sidebar.overflow-visible {
  overflow-y: visible;
}
.right-sidebar .validated-multiple-select {
  margin-top: 10px;
  margin-bottom: 10px;
}
.right-sidebar .right-sidebar-header {
  padding: 12px;
  background-color: #e1e1e1;
}
.right-sidebar .right-sidebar-header h4 {
  margin-top: 0;
  font-size: 16px;
  color: #323232;
}
.right-sidebar .right-sidebar-header p {
  font-size: 13px;
  max-width: 220px;
}
.right-sidebar .right-sidebar-header label {
  font-weight: normal;
}
.right-sidebar .right-sidebar-body {
  padding: 15px 12px;
}
.right-sidebar .right-sidebar-body p, .right-sidebar .right-sidebar-body a {
  font-size: 13px;
}
.right-sidebar .right-sidebar-body label.radio-button {
  margin-right: 10px;
  font-weight: normal;
  color: #656D78;
}
.right-sidebar .right-sidebar-body label.radio-button input {
  margin-right: 5px;
}
.right-sidebar .right-sidebar-body .form-control.textarea {
  padding: 0;
  border: none;
  height: auto;
  background: none;
}
.right-sidebar .right-sidebar-body .form-control.textarea textarea {
  resize: none;
}
.right-sidebar .right-sidebar-body .attach-files {
  color: #0e79c9;
  cursor: pointer;
}
.right-sidebar .right-sidebar-body .please-note {
  margin: 5px 0 15px 0;
  display: block;
}
.right-sidebar .title-text {
  width: 219px;
}
.right-sidebar .custom-popup-position {
  left: 0 !important;
}

.right-sidebar .smhw-editor-theme.fr-popup .fr-layer {
  max-width: 207px;
}

.resources .grid {
  display: flex;
  flex-flow: row wrap;
}
.resources .cell {
  flex: 1;
  margin-left: 5px;
  margin-right: 5px;
  position: relative;
  border: 1px solid #ddd;
  margin-bottom: 30px;
  border-radius: 5px;
  box-shadow: 1px 1px 2px 0px #ddd;
  min-width: 0px;
}
.resources .cell.dummy-cell {
  border: none;
  box-shadow: none;
}
.resources .additional-homework-information {
  margin-top: 10%;
}
.resources .homework-box .btn-container,
.resources .lesson-plan-box .btn-container {
  margin-top: 1%;
  margin-bottom: 5%;
}
.resources .homework-box .main-box-content,
.resources .lesson-plan-box .main-box-content {
  padding: 10px 30px 70px 30px;
  height: 75%;
}
.resources .homework-box .main-box-content .homework-title,
.resources .lesson-plan-box .main-box-content .homework-title {
  margin-top: 24px;
  margin-bottom: 5%;
}
.resources .homework-box .truncate,
.resources .lesson-plan-box .truncate {
  overflow: hidden;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.resources .homework-box .box-footer,
.resources .lesson-plan-box .box-footer {
  border-top: 1px solid #ddd;
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: #f5f7fa;
  height: 40px;
  padding-top: 5%;
  padding-right: 3%;
  padding-left: 3%;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.resources .homework-box .box-footer .footer-element,
.resources .lesson-plan-box .box-footer .footer-element {
  margin-left: 2%;
  margin-right: 2%;
}
.resources .homework-box .box-footer .footer-element.truncate,
.resources .lesson-plan-box .box-footer .footer-element.truncate {
  max-width: 45%;
  overflow: hidden;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.resources .homework-box .box-footer .footer-element.left,
.resources .lesson-plan-box .box-footer .footer-element.left {
  float: left;
}
.resources .homework-box .box-footer .footer-element.right,
.resources .lesson-plan-box .box-footer .footer-element.right {
  float: right;
}
.resources .homework-box .box-footer .footer-element.homework-type,
.resources .lesson-plan-box .box-footer .footer-element.homework-type {
  margin-top: -2px;
  font-size: 13px;
}
.resources .no-results {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  padding-top: 30px;
}

.map-canvas {
  width: 100%;
  height: 320px;
}

.school-banner {
  background-position: center;
}

.school-info {
  margin-top: 50px;
}
.school-info .homepage-zone-col-x2 {
  width: calc(100% / 2);
}
.school-info .school-homepage-col {
  width: calc(100% / 4);
}
.school-info .school-homepage-col .week-day {
  font-size: 0.9em;
}

@media (max-width: 768px) {
  .map-canvas {
    width: 100%;
    height: 150px;
  }

  .school-details-block {
    display: none;
  }
  .school-details-block.school-details-block-small-screen {
    display: block;
    box-shadow: none;
    position: relative;
    top: 0;
    right: 0;
    padding: 0;
    margin-bottom: 20px;
  }

  .school-info {
    margin-top: 15px;
  }
}
.homepage-zone-flex {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}
.homepage-zone-flex .homepage-zone-col {
  min-width: 230px;
  max-width: calc(100%/4);
  flex: 1;
}
.homepage-zone-flex .homepage-zone-col .cell {
  height: 100%;
}
.homepage-zone-flex .homepage-zone-col:not(:last-child) {
  padding-right: 20px;
  min-width: 250px;
}
.homepage-zone-flex .homepage-zone-col .homepage-zone-block {
  box-shadow: #ccd1d9 0 0 3px 1px;
  border-radius: 2px;
  padding: 20px;
  height: 100%;
}
.homepage-zone-flex .homepage-zone-col .homepage-zone-block h4 {
  font-weight: bold;
}
.homepage-zone-flex .homepage-zone-col .homepage-zone-block p.folders-info {
  min-height: 57px;
}
.homepage-zone-flex .homepage-zone-col .homepage-zone-block .homepage-zone-block-image {
  height: 150px;
  width: 150px;
  margin: 0 auto 20px auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.homepage-zone-flex .homepage-zone-col .homepage-zone-block .homepage-zone-block-image.parent {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/school-profile/parent_zone_static_@2x-d305b21d667d1944c6bac2e2df9fb41c.jpg);
  background-image: -webkit-image-set(url(https://d24lsbndsvqq17.cloudfront.net/images/school-profile/parent_zone_static-d0a0fbc5378b26a707632a8217cb99b1.jpg) 1x, url(https://d24lsbndsvqq17.cloudfront.net/images/school-profile/parent_zone_static_@2x-d305b21d667d1944c6bac2e2df9fb41c.jpg) 2x);
}
.homepage-zone-flex .homepage-zone-col .homepage-zone-block .homepage-zone-block-image.parent:hover {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/school-profile/parent_zone_hover_@2x-25fd72e64a712d962ef77f169548a1a6.gif);
  background-image: -webkit-image-set(url(https://d24lsbndsvqq17.cloudfront.net/images/school-profile/parent_zone_hover-6a2cc669b8bfe8289a6efb46ceaef37b.gif) 1x, url(https://d24lsbndsvqq17.cloudfront.net/images/school-profile/parent_zone_hover_@2x-25fd72e64a712d962ef77f169548a1a6.gif) 2x);
}
.homepage-zone-flex .homepage-zone-col .homepage-zone-block .homepage-zone-block-image.student {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/school-profile/student_zone_static_@2x-d6582a04464aa4104b31d3056fad3402.jpg);
  background-image: -webkit-image-set(url(https://d24lsbndsvqq17.cloudfront.net/images/school-profile/student_zone_static-0b1eed65c95c875364a6ed144ba4d52b.jpg) 1x, url(https://d24lsbndsvqq17.cloudfront.net/images/school-profile/student_zone_static_@2x-d6582a04464aa4104b31d3056fad3402.jpg) 2x);
}
.homepage-zone-flex .homepage-zone-col .homepage-zone-block .homepage-zone-block-image.student:hover {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/school-profile/student_zone_hover_@2x-658b7bf2352ec0e0ca2517e75bfd431c.gif);
  background-image: -webkit-image-set(url(https://d24lsbndsvqq17.cloudfront.net/images/school-profile/student_zone_hover-e510445b9c12379ede99ec73ce4efd66.gif) 1x, url(https://d24lsbndsvqq17.cloudfront.net/images/school-profile/student_zone_hover_@2x-658b7bf2352ec0e0ca2517e75bfd431c.gif) 2x);
}
.homepage-zone-flex .homepage-zone-col .homepage-zone-block .homepage-zone-block-image.teacher {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/school-profile/teacher_zone_static_@2x-1bb7910f3d3367b55ab04ad353d7e0c0.jpg);
  background-image: -webkit-image-set(url(https://d24lsbndsvqq17.cloudfront.net/images/school-profile/teacher_zone_static-83e77c9f3adeea832947a9ae06322a72.jpg) 1x, url(https://d24lsbndsvqq17.cloudfront.net/images/school-profile/teacher_zone_static_@2x-1bb7910f3d3367b55ab04ad353d7e0c0.jpg) 2x);
}
.homepage-zone-flex .homepage-zone-col .homepage-zone-block .homepage-zone-block-image.teacher:hover {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/school-profile/teacher_zone_hover_@2x-3c909a881769de8df125654326bacf49.gif);
  background-image: -webkit-image-set(url(https://d24lsbndsvqq17.cloudfront.net/images/school-profile/teacher_zone_hover-b3c85876f54af8aeb3516e5ae3e7cc43.gif) 1x, url(https://d24lsbndsvqq17.cloudfront.net/images/school-profile/teacher_zone_hover_@2x-3c909a881769de8df125654326bacf49.gif) 2x);
}
.homepage-zone-flex .homepage-zone-col .homepage-zone-block .homepage-zone-block-image.school {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/school-profile/school_zone_@2x-988dbd1d93b4571c800fbc7f4b0de17f.png);
  background-image: -webkit-image-set(url(https://d24lsbndsvqq17.cloudfront.net/images/school-profile/school_zone-c3b01e6ba1bae94cc7d4791e00789951.png) 1x, url(https://d24lsbndsvqq17.cloudfront.net/images/school-profile/school_zone_@2x-988dbd1d93b4571c800fbc7f4b0de17f.png) 2x);
}
.homepage-zone-flex .homepage-zone-col .homepage-zone-block .homepage-zone-block-image.school:hover {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/school-profile/school_zone_@2x-bc1c74114aa1eb8cca384c1871005157.gif);
  background-image: -webkit-image-set(url(https://d24lsbndsvqq17.cloudfront.net/images/school-profile/student_zone-716e703d313aeb1f162d87b9486a5417.gif) 1x, url(https://d24lsbndsvqq17.cloudfront.net/images/school-profile/school_zone_@2x-bc1c74114aa1eb8cca384c1871005157.gif) 2x);
}
.homepage-zone-flex .homepage-zone-col .homepage-zone-block .homepage-zone-block-image.partner {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/school-profile/partner_zone_static_@2x-08991cd82a592de524c818a93abcaab7.jpg);
  background-image: -webkit-image-set(url(https://d24lsbndsvqq17.cloudfront.net/images/school-profile/partner_zone_static-0d13bee0dee363eba384f7e562001bdd.jpg) 1x, url(https://d24lsbndsvqq17.cloudfront.net/images/school-profile/partner_zone_static_@2x-08991cd82a592de524c818a93abcaab7.jpg) 2x);
}
.homepage-zone-flex .homepage-zone-col .homepage-zone-block .homepage-zone-block-image.partner:hover {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/school-profile/partner_zone_hover_@2x-91b3379cc1932d65d6e2f924ed110625.gif);
  background-image: -webkit-image-set(url(https://d24lsbndsvqq17.cloudfront.net/images/school-profile/partner_zone_hover-859e8e6386a0598b239e24550931b2c5.gif) 1x, url(https://d24lsbndsvqq17.cloudfront.net/images/school-profile/partner_zone_hover_@2x-91b3379cc1932d65d6e2f924ed110625.gif) 2x);
}
.homepage-zone-flex .homepage-notices-widget {
  margin-right: 30px;
}

.zone-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 20px 0;
}
.zone-container__block {
  align-items: flex-start;
  background-color: #fff;
  border: 1px solid #e6e9ed;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  height: 300px;
  text-align: center;
  min-width: 360px;
  max-width: calc(100%/4);
  margin: 10px 0 15px 0;
}
.zone-container__block__img {
  align-self: center;
  padding-top: 50px;
}
.zone-container__block__img span {
  color: #0e79c9;
  font-size: 50px;
}
.zone-container__block__title {
  align-self: center;
  color: #333;
  font-size: 18px;
  font-weight: 600;
  padding: 20px;
}
.zone-container__block__description {
  align-self: center;
  padding: 0 30px;
  width: 100%;
}
.zone-container__block__link {
  align-self: flex-end;
  background-color: #f5f7fa;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  font-size: 15px;
  height: 60px;
  padding: 18px;
  margin-top: auto;
  width: 100%;
}
.zone-container__block__link .fa-caret-right {
  color: #f3a100;
}
@media (max-width: 991px) {
  .zone-container {
    align-items: center;
    flex-direction: column;
  }
}

@media (max-width: 997px) {
  .school-info .school-homepage-col, .school-info .school-homepage-col-x2 {
    float: none;
    margin-bottom: 20px;
    width: 100%;
  }
}
@media (max-width: 1320px) {
  .homepage-zone-flex {
    margin-top: 0;
  }
}
@media (max-width: 1143px) {
  .homepage-zone-flex .homepage-zone-col, .homepage-zone-flex .homepage-zone-col-x2 {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding-right: 0;
  }
  .homepage-zone-flex .homepage-zone-col:last-child, .homepage-zone-flex .homepage-zone-col-x2:last-child {
    padding-right: 20px;
  }
}
@media (max-width: 1399px) {
  .homepage-zone-flex .homepage-zone-col .homepage-zone-block p.folders-info {
    min-height: 76px;
  }
}
.public-page-login .login-form {
  height: 580px;
}
.public-page-login .login-form .collapsible-form {
  width: 360px;
}
.public-page-login .login-form .collapsible-form .login-form-wrapper {
  transition: transform 0.5s;
}
.public-page-login .login-form .collapsible-form--collapsed .login-form-wrapper {
  transform: translateX(0);
}
.public-page-login .login-form .collapsible-form--collapsed > div {
  border-radius: 4px;
}
.public-page-login .login-form .collapsible-form--expanded .login-form-wrapper {
  transform: translateX(-100%);
}
@media (max-width: 992px) {
  .public-page-login .login-form .monolithic-form {
    min-width: 300px;
  }
}
@media (min-width: 993px) and (max-width: 1204px) {
  .public-page-login .login-form .monolithic-form {
    min-width: 600px;
  }
}
@media (min-width: 1205px) {
  .public-page-login .login-form .monolithic-form {
    width: 750px;
  }
}
.public-page-login .login-wrapper {
  position: relative;
}
.public-page-login .login-form-wrapper {
  width: 360px;
  padding: 30px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.public-page-login .login-form-wrapper .bottom-link {
  margin-bottom: 20px;
}
.public-page-login .login-wrapper.collapsible-form .login-form-wrapper {
  position: absolute;
  background-color: white;
  height: 100%;
}
.public-page-login .login-wrapper.collapsible-form .separator {
  display: none;
}
.public-page-login .help-container {
  width: 360px;
  padding: 30px;
}
.public-page-login .captcha {
  transform: scale(1.04);
  transform-origin: 0 0;
}
.public-page-login .actions {
  margin-top: 20px;
}

@media (max-width: 1205px) {
  .homepage-notices-widget .scrollable-list-widget {
    width: 270px;
  }

  .public-page-login .login-form-wrapper {
    width: 300px;
  }
  .public-page-login .help-container {
    width: 300px;
  }
}
@media (max-width: 992px) {
  .homepage-zone-flex, .dashboard .dashboard-row {
    align-items: center;
    flex-flow: column !important;
  }

  .homepage-zone-flex .homepage-notices-widget {
    margin-right: 0;
  }

  .public-page-login {
    margin: 30px 0;
  }
  .public-page-login .login-form {
    height: auto;
  }
  .public-page-login .monolithic-form .login-form-wrapper::after, .public-page-login .monolithic-form .login-form-wrapper::before {
    border: none;
  }
  .public-page-login .login-wrapper.collapsible-form .login-form-wrapper {
    position: relative;
    transform: translateX(0);
  }
  .public-page-login .help-container {
    display: none;
  }
  .public-page-login .separator {
    display: none;
  }
  .public-page-login .need-help-link {
    display: none;
  }
}
.public-page--with-background {
  height: 820px;
  background-size: cover;
}
.public-page--with-background-default_1 {
  background-image: url("https://d24lsbndsvqq17.cloudfront.net/assets/images/school-background-image-default_1-e9bae0584f7cc502355a7699adca6ccf.jpeg");
}
.public-page--with-background-default_2 {
  background-image: url("https://d24lsbndsvqq17.cloudfront.net/assets/images/school-background-image-default_2-f15e292cdff4b48a655b41f9baf446b4.jpeg");
}
.public-page--with-background-default_3 {
  background-image: url("https://d24lsbndsvqq17.cloudfront.net/assets/images/school-background-image-default_3-afd0558e1b3c079f74b330f7bcb0b13b.jpeg");
}
.public-page--with-background .public-school-header {
  opacity: 0.9;
}
.public-page--blank {
  background-color: #fff;
}
@media (max-width: 767px) {
  .public-page--blank {
    display: flex;
    flex-direction: column;
    background-color: #eceff6;
  }
}
.public-page__login-container {
  display: flex;
  justify-content: flex-end;
  margin-top: 40px;
}
.public-page__login-container .public-page-login {
  width: 31.25%;
  min-width: 360px;
}
@media (max-width: 1199px) {
  .public-page__login-container .public-page-login {
    width: auto;
    margin: 0;
  }
  .public-page__login-container .public-page-login .login-form {
    height: 580px;
  }
}
@media (max-width: 767px) {
  .public-page__login-container .public-page-login {
    width: 100%;
  }
}
.public-page__login-container .public-page-login .login-wrapper {
  width: 100%;
}
.public-page__login-container .public-page-login .login-wrapper .login-form-wrapper {
  width: 100%;
}
@media (max-width: 767px) {
  .public-page__login-container {
    justify-content: center;
    min-width: 320px;
  }
}
.public-page__container {
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}
.public-page__container--overlapping {
  position: relative;
  top: -70px;
  margin-bottom: 20px;
}
@media (max-width: 1023px) {
  .public-page__container {
    width: auto;
    margin-right: 20px;
    margin-left: 20px;
  }
}
@media (max-width: 374px) {
  .public-page__container {
    margin-right: 0;
    margin-left: 0;
  }
}
.public-page__container.zone-container {
  flex-direction: row;
  margin-top: 0;
}
@media (max-width: 767px) {
  .public-page__container.zone-container {
    flex-direction: column;
    order: 1;
  }
}
.public-page__container.zone-container .zone-container__block {
  margin: 0;
  min-width: auto;
  max-width: none;
  width: 31.25%;
  height: 305px;
}
@media (max-width: 767px) {
  .public-page__container.zone-container .zone-container__block {
    width: 100%;
    min-width: 320px;
    margin-bottom: 20px;
  }
  .public-page__container.zone-container .zone-container__block:last-child {
    margin-bottom: -50px;
  }
}
.public-page__container.homepage-notices-widget--horizontal {
  margin-bottom: -50px;
}
@media (max-width: 767px) {
  .public-page__container.homepage-notices-widget--horizontal {
    order: 0;
    margin-bottom: 20px;
  }
}
.public-page__container.homepage-notices-widget--horizontal .carousel-widget {
  border: 1px solid #e6e9ed;
}
@media (max-width: 767px) {
  .public-page__container.homepage-notices-widget--horizontal .carousel-widget__slide {
    width: 100%;
  }
}

.web-links.separator {
  margin-top: 3%;
}
.web-links .web-link {
  display: flex;
  align-items: center;
}
.web-links .web-link .btn-link, .web-links .web-link .btn-upload-link {
  max-width: 90%;
}

a.action {
  text-decoration: none;
}
a.action:hover {
  cursor: pointer;
}

.manage-single-sign-on {
  padding-bottom: 25px;
  padding-top: 20px;
}

.sso-providers__type-row {
  border: 1px solid #e6e9ed;
  border-radius: 5px;
  display: flex;
  flex-flow: wrap;
  margin-bottom: 20px;
  padding: 17px 20px 12px;
}
.sso-providers__type-row input {
  border-color: #ccd1d9;
  border-radius: 4px;
  min-height: 37px;
}
.sso-providers__type-row .tooltips .top {
  padding: 0 5px;
  white-space: nowrap;
  width: auto;
  z-index: 1000;
}
.sso-providers__type-row .has-error {
  display: flex;
  flex-flow: wrap;
}
.sso-providers__type-row .has-error strong {
  color: #da4453;
}
.sso-providers__type-row .has-error .error-message {
  margin-bottom: 0;
  margin-top: 0;
}
.sso-providers__type-row .smhw-validated-input,
.sso-providers__type-row textarea {
  margin-bottom: 0;
  margin-top: 10px;
  width: 100%;
}
.sso-providers__type-row strong {
  font-weight: 600;
}
.sso-providers__type-row--validated-input {
  flex-flow: wrap;
  width: 100%;
}
.sso-providers__type-row--validated-input .has-error {
  margin-top: 10px;
}
.sso-providers__type-row.has-errors {
  border: 2px solid #da4453;
}
.sso-providers__type-row.has-errors .sso-providers__type-row__warn-message {
  color: #da4453;
}
.sso-providers__type-row__switch-btn {
  align-items: baseline;
  margin-right: 10px;
  margin-top: 0;
}
.sso-providers__type-row__logo {
  margin-right: 10px;
}
.sso-providers__type-row__logo .login-provider-logo {
  height: 24px;
  width: 24px;
}
.sso-providers__type-row__type-name {
  font-weight: 600;
  margin-right: auto;
}
.sso-providers__type-row__warn-message {
  margin-right: 23px;
}
.sso-providers__type-row__active_directory-field {
  margin: 10px 0 0;
  width: 100%;
}
.sso-providers__type-row__active_directory-field > hr {
  margin-top: 0;
}
.sso-providers__type-row__active_directory-field__ip_address .tooltips .top {
  margin-left: -111px;
}
.sso-providers__type-row__active_directory-field__tcp {
  display: flex;
}
.sso-providers__type-row__active_directory-field__tcp__port {
  width: 50%;
}
.sso-providers__type-row__active_directory-field__tcp__port .tooltips .top {
  margin-left: -145px;
}
.sso-providers__type-row__active_directory-field__tcp__ssl {
  width: 50%;
}
.sso-providers__type-row__active_directory-field__tcp__ssl strong {
  margin-left: 19px;
}
.sso-providers__type-row__active_directory-field__tcp__ssl .checkbox {
  margin: 18px auto 0 19px;
}
.sso-providers__type-row__active_directory-field__tcp__ssl .tooltips .top {
  margin-left: -115px;
}
.sso-providers__type-row__active_directory-field__base textarea {
  min-height: 116px;
  min-width: 100%;
  resize: none;
}
.sso-providers__type-row__active_directory-field__base .tooltips .top {
  margin-left: -287px;
}
.sso-providers__type-row__active_directory-field__bind-username .tooltips .top, .sso-providers__type-row__active_directory-field__bind-password .tooltips .top {
  margin-left: -182px;
}
.sso-providers__type-row__active_directory-field__username-attribute .tooltips .top {
  margin-left: -162px;
}
.sso-providers__type-row__active_directory-field__email-attribute {
  display: flex;
  flex-flow: wrap;
  margin-bottom: 17px;
  margin-top: 23px;
}
.sso-providers__type-row__active_directory-field__email-attribute .checkbox {
  margin: 0 1px 0 0;
}
.sso-providers__type-row__active_directory-field__email-attribute .tooltips .top {
  margin-left: -99px;
}
.sso-providers__type-row__active_directory-field__mis-id-attribute {
  display: flex;
  flex-flow: wrap;
  margin-bottom: 11px;
}
.sso-providers__type-row__active_directory-field__mis-id-attribute .checkbox {
  margin: 0 1px 0 0;
}
.sso-providers__type-row__active_directory-field__mis-id-attribute .tooltips .top {
  margin-left: -166px;
}
.sso-providers__type-row__rm-unify-uid-field {
  margin: 10px 0 9px;
  width: 100%;
}
.sso-providers__type-row__rm-unify-uid-field .yield-wrapper {
  display: flex;
}
.sso-providers__type-row__rm-unify-uid-field .yield-wrapper .copy-btn {
  border-color: #ccd1d9;
  border-left: 0;
  border-radius: 0 4px 4px 0;
}
.sso-providers__type-row__rm-unify-uid-field .yield-wrapper .copy-btn.has-error {
  border-color: #da4453;
  border-left: 0;
  color: #da4453;
  margin-top: 0;
}
.sso-providers__type-row__rm-unify-uid-field input {
  border-radius: 4px 0 0 4px;
}
.sso-providers__type-row__rm-unify-uid-field .tooltips .top {
  margin-left: -154px;
}
.sso-providers__type-row__rm-unify-uid-field__input {
  flex-flow: wrap;
  margin-bottom: 15px;
}
.sso-providers__type-row > .checkbox {
  margin-right: 40px;
  margin-top: 0;
}
.sso-providers__type-row > .checkbox:last-child {
  margin-right: 20px;
}
.sso-providers__type-row > .checkbox span {
  margin-left: 10px;
}

.submission-method-sidebar {
  display: flex;
  flex-direction: column;
  margin-left: auto;
  overflow-y: hidden;
  padding: 20px;
  width: 298px;
}

.create-new-submission-method-form {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.create-new-submission-method-form .sidebar-slider--header .ti-close {
  right: 5px;
  top: 5px;
}
.create-new-submission-method-form .sidebar-slider--footer .btn {
  height: 39px;
  width: 73px;
}

.manage-submission-methods {
  position: relative;
}
.manage-submission-methods .heading {
  margin-top: -14px;
}
.manage-submission-methods--hr-line {
  left: 0;
  position: absolute;
  top: 44px;
  width: 100%;
}
.manage-submission-methods .search-wrapper {
  margin-top: -3px;
  width: 241px;
}
.manage-submission-methods .search-wrapper input {
  height: 37px;
}
.manage-submission-methods .btn.btn-success.btn--create-new-method {
  height: 37px;
  margin-top: -3px;
  width: 159px;
  display: flex;
  align-items: center;
}
.manage-submission-methods .table {
  margin-right: 20px;
  margin-top: 43px;
}
.manage-submission-methods .table th {
  font-weight: 600;
}
.manage-submission-methods .table tbody tr {
  height: 48px;
}
.manage-submission-methods .table tbody tr td {
  padding-top: 15px;
}
.manage-submission-methods .table tbody tr td:last-child {
  width: 15%;
}
.manage-submission-methods .table .text-left .tooltip-wrapper {
  margin-right: 6px;
}

@media (max-width: 639px) {
  .manage-submission-methods .btn.btn-success.btn--create-new-method {
    margin-top: 7px;
  }
  .manage-submission-methods .search-wrapper {
    margin-top: 7px;
  }
}
.getting-started.add-school-website .panel {
  text-align: center;
  padding: 20px;
  position: relative;
}
.getting-started.add-school-website .panel .arrows-wrapper {
  position: absolute;
  right: -50px;
  top: -17px;
}
.getting-started.add-school-website .panel .arrows-wrapper .large-arrow-right {
  border-bottom: 2px solid #0e79c9;
  width: 50px;
  height: 35px;
  display: block;
  position: relative;
}
.getting-started.add-school-website .panel .arrows-wrapper .large-arrow-right:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 10px solid #0E79C9;
  position: absolute;
  right: -10px;
  bottom: -6px;
  margin-top: -4px;
}
.getting-started.add-school-website .list-wrapper ul {
  list-style: none;
}
.getting-started.add-school-website .list-wrapper ul li {
  line-height: 35px;
}
.getting-started.add-school-website .logo {
  display: block;
  width: 125px;
  margin: 20px 0;
}
.getting-started.add-school-website .download-logo {
  margin-bottom: 20px;
}
.getting-started.add-school-website .copy-link {
  display: block;
  margin-bottom: 20px;
}
.getting-started .row.flex {
  display: flex;
}
.getting-started .row.flex .panel {
  flex: 1;
  margin-left: 14px;
  margin-right: 14px;
  position: relative;
  padding: 0;
}
.getting-started .row .panel.panel-splash p.bottom {
  margin-top: 4px;
  margin-bottom: 4px;
}
.getting-started .row .panel.panel-splash p.tel-nr {
  margin-bottom: 0;
  font-size: 25px;
  color: #0e79c9;
}
.getting-started .row .panel.panel-splash p.open-time {
  padding-left: 50px;
}
.getting-started .resources-splash {
  margin-top: 75px;
}
.getting-started .resources-splash .image-circle {
  width: 80px;
  height: 80px;
  position: absolute;
  top: -40px;
  left: 50%;
  margin-left: -40px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.getting-started .resources-splash .image-circle.teachers {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/resources/teacher_resource_image_@2x-27cf0ba5af22dd56a72361c4c243f9eb.png);
  background-image: -webkit-image-set(url(https://d24lsbndsvqq17.cloudfront.net/images/resources/teacher_resource_image-438be38ea61a23e5b27bcba5509a457e.png) 1x, url(https://d24lsbndsvqq17.cloudfront.net/images/resources/teacher_resource_image_@2x-27cf0ba5af22dd56a72361c4c243f9eb.png) 2x);
}
.getting-started .resources-splash .image-circle.students {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/resources/student_resource_image_@2x-a04a51bbab50fda4f7d7cf291c82e18f.png);
  background-image: -webkit-image-set(url(https://d24lsbndsvqq17.cloudfront.net/images/resources/student_resource_image-c25158b8b717c4909ec46bd924df66d9.png) 1x, url(https://d24lsbndsvqq17.cloudfront.net/images/resources/student_resource_image_@2x-a04a51bbab50fda4f7d7cf291c82e18f.png) 2x);
}
.getting-started .resources-splash .image-circle.parents {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/resources/parent_resource_image_@2x-a42b36d91175e6a144122092dfc6534e.png);
  background-image: -webkit-image-set(url(https://d24lsbndsvqq17.cloudfront.net/images/resources/parent_resource_image-0ec1da1051cbd5fcea0eac6ecac92386.png) 1x, url(https://d24lsbndsvqq17.cloudfront.net/images/resources/parent_resource_image_@2x-a42b36d91175e6a144122092dfc6534e.png) 2x);
}
.getting-started .resources-splash .panel .panel-body {
  padding: 45px 20px;
}
.getting-started .resources-splash .panel .panel-body h3 {
  font-size: 23px;
  color: #0e79c9;
}
.getting-started .resources-splash .panel .panel-body p {
  margin-bottom: 20px;
}
.getting-started .button-wrapper {
  text-align: center;
  position: absolute;
  bottom: 20px;
  width: 100%;
}
.getting-started .button-wrapper:hover a {
  cursor: pointer;
  position: relative;
}
.getting-started .button-wrapper:hover a:hover {
  cursor: pointer;
}
.getting-started.user-resources h3 {
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
}
.getting-started.user-resources .template-top {
  padding: 20px;
  min-height: 110px;
  background: #0e79c9;
  text-align: center;
  color: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.getting-started.user-resources .template-top.video {
  background: #4b9bd8;
}
.getting-started.user-resources .template-top h3 {
  line-height: 22px;
  padding-top: 5px;
}
.getting-started.user-resources .document-type {
  min-height: 50px;
  border-bottom: 1px solid #ccd1d9;
  padding: 20px;
}
.getting-started.user-resources .document-type p {
  margin: 0;
}
.getting-started.user-resources .template-body {
  padding: 20px 20px 60px 20px;
}
.getting-started.user-resources .download {
  margin-top: 10px;
}
.getting-started.user-resources .play {
  display: flex;
  align-items: center;
  height: 100%;
}
.getting-started.user-resources .play i {
  margin: 0 auto;
  width: 33%;
  border: 1px solid;
  height: 50px;
  line-height: 50px;
  font-size: 30px;
}
.getting-started.user-resources .play i:hover {
  cursor: pointer;
}
.getting-started .green-icon {
  color: #8cc152;
  margin-right: 5px;
}
.getting-started .green-icon-message {
  color: #8cc152;
  font-size: 18px;
}
.getting-started .red-icon-message {
  color: #b7404b;
  font-size: 18px;
}
.getting-started .consented-scopes .consented-scopes-item {
  color: #656d78;
  margin-top: 5px;
}
.getting-started .consented-scopes .consented-scopes-item b {
  color: #333;
}
.getting-started .not-consented-scopes label,
.getting-started .import-settings label {
  font-size: 14px;
  color: #656d78;
}
.getting-started .not-consented-scopes label b,
.getting-started .import-settings label b {
  color: #333;
}
.getting-started .not-consented-scopes .panel-footer,
.getting-started .import-settings .panel-footer {
  display: flex;
}
.getting-started .not-consented-scopes .panel-footer .data-permissions-button,
.getting-started .import-settings .panel-footer .data-permissions-button {
  margin-right: 15px;
}
.getting-started .not-consented-scopes .panel-footer .data-permissions-messages,
.getting-started .import-settings .panel-footer .data-permissions-messages {
  margin-top: 6px;
}
.getting-started .not-consented-scopes .consent-invite {
  margin-top: 20px;
}
.getting-started .not-consented-scopes .consent-invite .forename {
  padding-left: 0;
}
.getting-started .not-consented-scopes .consent-invite .frontend-errors {
  margin: 0 0 10px;
}
.getting-started .import-settings label {
  font-weight: 400;
}

.popup-video-wrapper,
.popup-same-page-wrapper {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1001;
  width: 100vw;
  height: 100vh;
}

.popup-video-wrapper {
  visibility: hidden;
  display: none;
}
.popup-video-wrapper.visible {
  visibility: visible;
  display: block;
}

.admin.manage-class-years .table tr th {
  width: 35%;
}
.admin.manage-class-years .table tr th.first {
  width: 20%;
}
.admin.manage-class-years .table tr th.last {
  width: 10%;
}
.admin.manage-class-years .table tr td input.edit-field {
  border-radius: 3px;
  border: 1px solid #ddd;
  margin-left: -10px;
  margin-top: -1px;
  padding-left: 10px;
  width: calc(100% + 10px);
}
.admin.manage-class-years .table tr td input.edit-field:focus {
  outline: none;
}

.notice-type-sidebar__name {
  margin-top: 10px;
}
.notice-type-sidebar__name .control-label {
  font-weight: lighter;
}
.notice-type-sidebar__circles-label {
  font-size: 13px;
}
.notice-type-sidebar__circles {
  display: inline-block;
  margin-top: 15px;
  max-width: 250px;
}
.notice-type-sidebar .btn + .btn {
  margin-left: 0;
}
.notice-type-sidebar__circle {
  width: 50px;
  height: 50px;
  cursor: pointer;
  padding: 0;
  margin: 0 8px 15px 0;
  border-radius: 50%;
  display: inline-block;
}
.notice-type-sidebar__circle--brand-primary-navy {
  background-color: #132843;
}
.notice-type-sidebar__circle--lavender {
  background-color: #967adc;
}
.notice-type-sidebar__circle--aqua {
  background-color: #3bafda;
}
.notice-type-sidebar__circle--grass {
  background-color: #8cc152;
}
.notice-type-sidebar__circle--sunflower {
  background-color: #f3a100;
}
.notice-type-sidebar__circle--bittersweet-lighter {
  background-color: #fc6e51;
}
.notice-type-sidebar__circle--grapefruit {
  background-color: #da4453;
}
.notice-type-sidebar__circle--pink-rose-lighter {
  background-color: #ec87c0;
}
.notice-type-sidebar__circle--mint {
  background-color: #37bc9b;
}
.notice-type-sidebar__circle--blue-jeans {
  background-color: #0e79c9;
}
.notice-type-sidebar__circle--dark-gray {
  background-color: #333;
}
.notice-type-sidebar__circle--black {
  background-color: #000000;
}
.notice-type-sidebar__circle--checked {
  display: flex;
  color: #fff;
  font-weight: bold;
  font-size: 25px;
  width: 48px;
  align-items: center;
  justify-content: center;
}

.admin.announcement-categories .inner-title-wrapper {
  width: 360px;
}
.admin.announcement-categories .form-inline .input {
  width: 240px;
  margin-top: 10px;
}
.admin.announcement-categories .form-inline .input .title, .admin.announcement-categories .form-inline .input input {
  width: 100%;
}
.admin.announcement-categories .table tr th {
  width: 50%;
}
.admin.announcement-categories .table tr th.second {
  width: 40%;
}
.admin.announcement-categories .table tr th.last {
  width: 10%;
}
.admin.announcement-categories .table tr td .announcement-category-info {
  display: inline-flex;
}
.admin.announcement-categories .table tr td .announcement-category-info__circle {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin-left: 0;
  margin-right: 5px;
  cursor: pointer;
  padding: 0;
  border: 0;
  margin-top: 3px;
}
.admin.announcement-categories .table tr td .announcement-category-info__circle--brand-primary-navy {
  background-color: #132843;
}
.admin.announcement-categories .table tr td .announcement-category-info__circle--lavender {
  background-color: #967adc;
}
.admin.announcement-categories .table tr td .announcement-category-info__circle--aqua {
  background-color: #3bafda;
}
.admin.announcement-categories .table tr td .announcement-category-info__circle--grass {
  background-color: #8cc152;
}
.admin.announcement-categories .table tr td .announcement-category-info__circle--sunflower {
  background-color: #f3a100;
}
.admin.announcement-categories .table tr td .announcement-category-info__circle--bittersweet-lighter {
  background-color: #fc6e51;
}
.admin.announcement-categories .table tr td .announcement-category-info__circle--grapefruit {
  background-color: #da4453;
}
.admin.announcement-categories .table tr td .announcement-category-info__circle--pink-rose-lighter {
  background-color: #ec87c0;
}
.admin.announcement-categories .table tr td .announcement-category-info__circle--mint {
  background-color: #37bc9b;
}
.admin.announcement-categories .table tr td .announcement-category-info__circle--blue-jeans {
  background-color: #0e79c9;
}
.admin.announcement-categories .table tr td .announcement-category-info__circle--dark-gray {
  background-color: #333;
}
.admin.announcement-categories .table tr td .announcement-category-info__circle--black {
  background-color: #000000;
}

.subject-list .inner-title-wrapper {
  max-width: 400px;
}
.subject-list .input {
  margin-top: 10px;
}
.subject-list .table th {
  width: 20%;
}
.subject-list .table th:first-child {
  width: 50%;
}
.subject-list .table th:last-child {
  width: 10%;
}
.subject-list .table td {
  padding-right: 15px;
  vertical-align: middle;
}
.subject-list .table .smhw-validated-select {
  margin-bottom: 0;
}

.marking-schemes .inner-title-wrapper {
  max-width: 400px;
}
.marking-schemes .table tr th {
  width: 25%;
}
.marking-schemes .table tr th.second {
  width: 40%;
}
.marking-schemes .table tr th.last {
  width: 10%;
}
.marking-schemes .table tr td {
  vertical-align: middle;
}

.admin.manage-classes .classes {
  padding-right: 0;
}
.admin.manage-classes .classes .search-wrapper {
  margin: 0;
  width: 100%;
}
.admin.manage-classes .filter-bar-element {
  width: 27%;
}
.admin.manage-classes .filter-bar-element.groups {
  width: 22%;
}
.admin.manage-classes .filter-bar-element.button {
  width: 24%;
}
.admin.manage-classes .table-striped tr th {
  width: 27%;
}
.admin.manage-classes .table-striped tr th.year-column, .admin.manage-classes .table-striped tr th.last-column {
  width: 13%;
}
.admin.manage-classes .table-striped tr th.class-name-column {
  width: 20%;
}
.admin.manage-classes .table-striped tr td .inactive-class-group a {
  text-decoration: line-through;
}
.admin.right-sidebar form .power-select-side {
  border-radius: 4px;
}
.admin.right-sidebar form .power-select-side.form-control {
  height: auto;
  margin-bottom: 15px;
}
.admin.right-sidebar .select-container {
  min-height: 225px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #FFF;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  margin-bottom: 15px;
}
.admin.right-sidebar .select-container p {
  color: #999;
  font-size: 12px;
  padding: 10px;
}
.admin.right-sidebar .select-container ul {
  padding: 10px;
}
.admin.right-sidebar .select-container ul li {
  list-style: none;
}
.admin.right-sidebar .select-container ul li .ti-close {
  padding-left: 2px;
  font-size: 9px;
  font-weight: bold;
}
.admin.right-sidebar .select-container ul li a:hover {
  text-decoration: none;
}

.container-fluid .filter-bar, .only-icon .filter-bar {
  padding-left: 0;
  padding-right: 0;
  border: none;
}

@media (max-width: 950px) {
  .admin.manage-classes .filter-bar-element,
.admin.manage-classes .filter-bar-element.groups,
.admin.manage-classes .filter-bar-element.button {
    width: 100%;
    margin-top: 10px;
    padding-right: 0;
  }
  .admin.manage-classes .filter-bar-element .search-wrapper input,
.admin.manage-classes .filter-bar-element.groups .search-wrapper input,
.admin.manage-classes .filter-bar-element.button .search-wrapper input {
    max-width: 100%;
  }
}
.admin.manage-users .actions .btn--left {
  margin-left: 0;
}
.admin.manage-users hr {
  margin: 15px -30px;
  border-top: 1px solid #e6e9ed;
}
.admin.manage-users .actions-cell {
  padding: 0;
}
.admin.manage-users .row-actions {
  padding: 4px;
  display: flex;
  flex-wrap: wrap;
}
.admin.manage-users .row-actions__icon-button {
  margin: 4px;
  padding: 0;
  border-width: 0;
  background-color: transparent;
  color: #0e79c9;
  cursor: pointer;
  outline: none;
}
.admin.manage-users .row-actions__icon-button.ti-trash {
  color: #CA0000;
  position: relative;
  top: 2px;
}
.admin.manage-users .row-actions__icon-button--inactive, .admin.manage-users .row-actions__icon-button--inactive:focus, .admin.manage-users .row-actions__icon-button--inactive:hover {
  cursor: default;
  color: #aab2bd;
  text-decoration: none;
}
.admin.manage-users.students .row-actions {
  width: 75px;
  margin: 0 auto;
}
.admin.manage-users.students .table-striped th {
  width: 15%;
}
.admin.manage-users.students .table-striped th.last-activity {
  width: 13%;
}
.admin.manage-users.students .table-striped th.reg-group {
  width: 12%;
}
.admin.manage-users.students .table-striped th.recover-pin {
  width: 13%;
}
.admin.manage-users.students .table-striped th.parent-code {
  width: 10%;
}
.admin.manage-users.students .table-striped th.enabled-status {
  width: 9%;
}
.admin.manage-users.students .table-striped th.actions {
  width: 5%;
}
.admin.manage-users.students .table-striped th.checkbox-column {
  width: 4%;
}
.admin.manage-users.students .heading .leavers-filter-wrapper {
  margin-top: 16px;
  margin-left: 15px;
}
.admin.manage-users.teachers .table-striped th {
  width: 22%;
}
.admin.manage-users.teachers .table-striped th.actions {
  width: 16%;
}
.admin.manage-users.teachers .table-striped th.checkbox-column {
  width: 4%;
}
.admin.manage-users.teachers .heading .leavers-filter-wrapper {
  margin-top: 16px;
  margin-left: 15px;
}
.admin.manage-users.staff-members .table-striped th {
  width: 22%;
}
.admin.manage-users.staff-members .table-striped th.last-activity {
  width: 20%;
}
.admin.manage-users.staff-members .table-striped th.actions {
  width: 16%;
}
.admin.manage-users.staff-members .table-striped th.checkbox-column {
  width: 4%;
}
.admin.manage-users.staff-members .heading .leavers-filter-wrapper {
  margin-top: 16px;
  margin-left: 15px;
}
.admin.manage-users.parents .table-striped th {
  width: 25%;
}
.admin.manage-users.parents .table-striped th.linked-students {
  width: 24%;
}
.admin.manage-users.parents .table-striped th.recover-pin {
  width: 13%;
}
.admin.manage-users.parents .table-striped th.actions {
  width: 13%;
}
.admin.manage-users.parents .table-striped th.checkbox-column {
  width: 4%;
}
.admin.manage-users.parents .heading .leavers-filter-wrapper {
  margin-top: 16px;
  margin-left: 15px;
}
.admin.manage-users .table-striped td:last-child a:hover {
  text-decoration: none;
}
.admin.manage-users .table-striped thead .checkbox label::before,
.admin.manage-users .table-striped thead .checkbox label::after {
  margin-top: 13px;
}
.admin.manage-users .table-striped tbody td {
  vertical-align: middle;
}
.admin.manage-users .table-striped tbody .inactive {
  color: #aab2bd;
}
.admin.manage-users .table-striped tbody .checkbox-select-cell {
  padding-bottom: 8px;
}
.admin.manage-users .table-striped tbody .checkbox-select-cell .checkbox {
  margin-top: 0;
  margin-bottom: 0;
}
.admin.manage-users .table-striped .text-left {
  text-align: left;
}
.admin.manage-users .table-striped .checkbox-column, .admin.manage-users .table-striped .checkbox-select-cell {
  padding-left: 12px;
  padding-right: 8px;
}
.admin.manage-users .select-wrapper {
  margin: 10px 0 0 10px;
}
.admin.manage-users .category-selector {
  width: 155px;
}
.admin.manage-users .selection-prompt {
  margin-top: 15px;
}
.admin.manage-users .heading p.inner-title {
  width: 100%;
}
.admin.manage-users .heading.actions {
  margin-top: 0;
  padding: 0;
}
.admin.manage-users .heading .btn-success {
  margin-bottom: 3px;
}

#page-content-wrapper .main-content.manage-users {
  padding-top: 10px;
}

.search-wrapper {
  position: relative;
  width: 100%;
}
.search-wrapper input {
  max-width: 270px;
  color: #656D78;
  border-radius: 4px;
  height: 32px;
  width: 100%;
  border: 1px solid #aaa;
  padding: 6px 10px;
  font-size: 13px;
}
.search-wrapper:not(.no-icon)::after {
  content: "";
  font-family: "Linearicons";
  font-size: 13px;
  position: absolute;
  color: #0e79c9;
  top: 8px;
  right: 10px;
}
.search-wrapper .clear {
  position: absolute;
  display: flex;
  width: 32px;
  height: 32px;
  justify-content: center;
  align-items: center;
  right: 0;
}
.search-wrapper .clear:hover {
  cursor: pointer;
}

.manage-users .search-wrapper,
.classes .search-wrapper {
  max-width: 270px;
  margin: 10px 0 0 10px;
}

.is-leaver .name-cell .leaver-name-wrapper {
  text-decoration: line-through;
}

.students-class-years {
  margin: 10px 0 0 10px;
  min-width: 130px;
}
.students-class-years .ember-basic-dropdown-trigger {
  width: 100%;
}

.de-select-all-link {
  text-decoration: underline;
}

.smhw-dropdown-menu.empty .dropdown-placeholder {
  padding: 10px;
}
.smhw-dropdown-menu.manage-users-actions-menu .list-item {
  min-width: auto;
}
.smhw-dropdown-menu.manage-users-actions-menu .list-item button {
  font-size: 13px;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #656D78;
}
.smhw-dropdown-menu.manage-users-actions-menu .list-item button .linearicon-check-square {
  color: #8cc152;
}
.smhw-dropdown-menu.manage-users-actions-menu .list-item button .linearicon-cross-square {
  color: #999999;
}
.smhw-dropdown-menu.manage-users-actions-menu .list-item button .linearicon-trash2 {
  color: #CA0000;
}
.smhw-dropdown-menu.manage-users-actions-menu .list-item button .ti-email {
  color: #0E79C9;
}
.smhw-dropdown-menu.manage-users-actions-menu .list-item:hover span {
  color: white;
}

.popup-wrapper.delete-warning-popup .popup-body .popup-list {
  padding-left: 0;
  text-align: center;
}
.popup-wrapper.delete-warning-popup .popup-footer .btn {
  margin-top: 0;
}
.popup-wrapper.delete-warning-popup .popup-footer .btn .ti-trash {
  margin-right: 0;
}

@media (max-width: 1024px) {
  #page-content-wrapper .table-wrapper {
    overflow-x: scroll;
  }
}
.manage-behaviour-reasons.admin .search-wrapper {
  max-width: 270px;
  margin: 10px 0 0 10px;
}
.manage-behaviour-reasons.admin .table-striped thead .checkbox {
  margin-top: 0px;
  margin-bottom: -1px;
}
.manage-behaviour-reasons.admin .table-striped thead th {
  font-weight: bold;
}
.manage-behaviour-reasons.admin .table-striped thead th.actions {
  width: 20%;
}
.manage-behaviour-reasons.admin .table-striped tbody td {
  vertical-align: middle;
}
.manage-behaviour-reasons.admin .table-striped tbody td.checkbox-select-cell .checkbox {
  margin-bottom: 0px;
}

.manage-behaviour-reasons-actions-menu.smhw-dropdown-menu.empty .dropdown-placeholder {
  padding: 10px;
}
.manage-behaviour-reasons-actions-menu.smhw-dropdown-menu .list-item {
  min-width: auto;
}
.manage-behaviour-reasons-actions-menu.smhw-dropdown-menu .list-item a {
  font-size: 13px;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #656D78;
}
.manage-behaviour-reasons-actions-menu.smhw-dropdown-menu .list-item a .linearicon-trash2 {
  color: #CA0000;
}
.manage-behaviour-reasons-actions-menu.smhw-dropdown-menu .list-item:hover span {
  color: white;
}

.right-sidebar.kudos-reason {
  background-color: white;
}
.right-sidebar.kudos-reason .right-sidebar-header {
  background-color: white;
  display: flex;
  flex-direction: column;
}
.right-sidebar.kudos-reason .right-sidebar-header .title {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: auto;
}
.right-sidebar.kudos-reason .right-sidebar-header .title h4 {
  padding-left: 10px;
  margin-bottom: 0;
}
.right-sidebar.kudos-reason .right-sidebar-header .subtitle {
  margin-top: 15px;
}
.right-sidebar.kudos-reason .right-sidebar-header .subtitle p {
  max-width: initial;
}
.right-sidebar.kudos-reason .right-sidebar-body {
  padding-top: 0;
}
.right-sidebar.kudos-reason .right-sidebar-body .field-title {
  font-weight: bold;
}
.right-sidebar.kudos-reason .right-sidebar-footer {
  bottom: 20px;
  left: 20px;
  position: absolute;
}
.right-sidebar.kudos-reason .right-sidebar-footer .cancelBtn {
  margin-left: 15px;
  vertical-align: middle;
}
.right-sidebar.kudos-reason .default-points {
  display: flex;
}
.right-sidebar.kudos-reason .default-points input {
  padding: 5px;
  text-align: center;
  width: 70px;
}
.right-sidebar.kudos-reason .default-points input::-moz-placeholder {
  opacity: 0.7;
}
.right-sidebar.kudos-reason .default-points input:-ms-input-placeholder {
  opacity: 0.7;
}
.right-sidebar.kudos-reason .default-points input::placeholder {
  opacity: 0.7;
}
.right-sidebar.kudos-reason .default-points .hint {
  align-items: center;
  color: #aab2bd;
  display: flex;
  font-size: 0.9em;
  height: 32px;
  margin-left: 15px;
}

.admin-login-details .has-error {
  color: #da4453;
  border-color: #da4453;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.admin-login-details .panel-default.active {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.admin-login-details .panel-default .file-system-icon {
  font-size: 47px;
  margin-bottom: 12px;
  display: inline-block;
}
.admin-login-details .details-list {
  padding-left: 15px;
  margin: 15px 0;
}
.admin-login-details .details-list li {
  padding-left: 5px;
}
.admin-login-details .flex-wrapper .panel .panel-body {
  margin-bottom: 0;
}
.admin-login-details .btn-primary {
  margin-bottom: 10px;
}

.admin-login-details .dummy-select {
  border: 1px solid #ccc;
  border-radius: 4px;
  height: 32px;
  line-height: 30px;
}

.admin.personalise .school-details-form {
  display: flex;
  flex-direction: column;
}
.admin.personalise .links-wrapper a {
  line-height: 31px;
}
.admin.personalise .tooltip-link {
  color: #656d78;
}
.admin.personalise .tooltip-link:hover {
  text-decoration: none;
}
.admin.personalise .email,
.admin.personalise .twitter {
  position: relative;
}
.admin.personalise .email::before,
.admin.personalise .twitter::before {
  font-family: "themify";
  position: absolute;
  bottom: 6px;
  left: 12px;
  font-size: 12px;
}
.admin.personalise .email::before {
  content: "";
}
.admin.personalise .twitter::before {
  content: "";
  color: #2AA9E0;
}
.admin.personalise .logo {
  display: block;
  width: 150px;
  margin: 20px 0;
}
.admin.personalise .download-logo {
  margin-bottom: 20px;
}
.admin.personalise .thumb {
  display: block;
  float: left;
  max-height: 32px;
  margin-right: 10px;
}
.admin.personalise .btn.save {
  margin: 10px 0 0 14px;
}
.admin.personalise .homepage-status-wrapper {
  margin-bottom: 20px;
}
.admin.personalise .show-staff-codes-for-public-wrapper {
  max-height: 63px;
  margin-bottom: 20px;
}
.admin.personalise .show-staff-codes-for-public-wrapper label {
  margin-bottom: 12px;
}
.admin.personalise .form-control {
  border-radius: 2px;
}
.admin.personalise .smhw-single-file-uploader .upload-btn {
  color: #656d78;
  border-color: #ccc;
  border-radius: 2px;
}
.admin.personalise .smhw-single-file-uploader .upload-btn i {
  color: #0e79c9;
}
.admin.personalise .social-links .yield-wrapper {
  display: flex;
  flex-direction: row-reverse;
}
.admin.personalise .social-links .yield-wrapper .prepended-text {
  min-width: 130px;
  text-align: left;
  background-color: #f6f7fb;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  border: 1px solid #ccc;
  border-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding: 0 12px;
  line-height: 30px;
}
.admin.personalise .social-links .yield-wrapper input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-bottom: 0;
  margin-left: -1px;
}
.admin.personalise .public-pages-item {
  display: flex;
}
.admin.personalise .public-pages-item__main-block {
  padding: 0 10px 0 13px;
}
.admin.personalise .public-pages-item__details__title {
  color: #333;
}
.admin.personalise .public-pages-item .switch-btn-container {
  width: 38px;
}
.admin.personalise .public-pages-item .switch-btn-handle {
  height: 22px;
}
.admin.personalise .public-pages-item .switch-btn-handle:before {
  width: 22px;
}
.admin.personalise .customize-theme__inner {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
@media (max-width: 1015px) {
  .admin.personalise .customize-theme__inner {
    flex-direction: column;
  }
}
.admin.personalise .customize-theme__inner__demo-browser-tab {
  min-width: 55%;
}
.admin.personalise .customize-theme__inner__description {
  width: 100%;
}
.admin.personalise .customize-theme__inner__description__color-title {
  color: #333;
}
.admin.personalise .customize-theme__inner__description__color-picker {
  display: flex;
}
.admin.personalise .customize-theme__inner__description__upload-image .smhw-single-file-uploader > .flex-wrapper {
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
}
.admin.personalise .customize-theme__inner__description__upload-image .smhw-single-file-uploader > .flex-wrapper .file-name.text-center {
  margin: 0;
}
.admin.personalise .customize-theme__inner__homepage-background {
  display: flex;
  flex-direction: column;
  padding-bottom: 25px;
  width: 80%;
}
.admin.personalise .customize-theme__inner__homepage-background__main {
  display: flex;
  margin-bottom: 10px;
}
.admin.personalise .customize-theme__inner__homepage-background__main__title {
  color: #333;
}
.admin.personalise .customize-theme__inner__homepage-background__details__description {
  margin-bottom: 10px;
}
.admin.personalise .customize-theme__inner__homepage-background__details__images img {
  height: 50px;
  opacity: 0.5;
  width: 85px;
  margin-bottom: 5px;
}
.admin.personalise .customize-theme__inner__homepage-background__details__images img:hover {
  opacity: 1;
}
.admin.personalise .customize-theme__inner__homepage-background__details__images .current-image {
  opacity: 1;
}
.admin.personalise .customize-theme__reset-btn {
  cursor: pointer;
  padding-top: 10px;
  text-decoration: none;
}
.admin.personalise .customize-theme .get-in-touch-btn {
  background-color: #0e79c9;
  color: #fff;
  margin-left: 16px;
}
.admin.personalise .customize-theme .demo-browser-tab__header {
  background-color: #132843;
  display: flex;
  height: 45px;
  justify-content: space-between;
  padding: 0 2.5%;
}
.admin.personalise .customize-theme .demo-browser-tab__header__nav-links {
  color: #fff;
  display: flex;
  font-size: 13px;
  height: 100%;
}
.admin.personalise .customize-theme .demo-browser-tab__header__nav-links div {
  padding: 12px 16px;
}
.admin.personalise .customize-theme .demo-browser-tab__header__social-links {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 90px;
}
@media (max-width: 1015px) {
  .admin.personalise .customize-theme .demo-browser-tab__header__social-links {
    width: 100px;
  }
}
.admin.personalise .customize-theme .demo-browser-tab__header__social-links span {
  font-size: 13px;
  height: 22px;
  padding: 0.35em 0.4em;
}
.admin.personalise .customize-theme .demo-browser-tab__header__social-links .fa-facebook {
  width: 22px;
  text-align: center;
  padding-top: 3px;
}
.admin.personalise .customize-theme .demo-browser-tab__school-header {
  border-bottom: 1px solid #e6e9ed;
  background-color: #fff;
  display: flex;
  height: 90px;
  padding: 0 2.5%;
}
@media (max-width: 1015px) {
  .admin.personalise .customize-theme .demo-browser-tab__school-header {
    min-width: 0;
  }
}
.admin.personalise .customize-theme .demo-browser-tab__school-header__logo {
  border-radius: 10px;
  padding-top: 15px;
  height: 60px;
  width: 60px;
}
.admin.personalise .customize-theme .demo-browser-tab__school-header__logo img {
  border-radius: 4px;
  height: 60px;
  width: 60px;
}
.admin.personalise .customize-theme .demo-browser-tab__school-header__details {
  color: #333;
  padding-top: 20px;
  padding-left: 12px;
}
.admin.personalise .customize-theme .demo-browser-tab__school-header__details p {
  font-weight: 600;
  font-size: 17px;
}
.admin.personalise .customize-theme .demo-browser-tab__school-header__contact {
  padding-top: 22px;
  margin-left: auto;
}
@media (max-width: 615px) {
  .admin.personalise .customize-theme .demo-browser-tab__school-header__contact {
    display: none;
  }
}
.admin.personalise .customize-theme .demo-browser-tab__school-header__contact-phone > p {
  font-size: 15px;
  text-align: right;
}
.admin.personalise .customize-theme .actions {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-left: 14px;
  width: 180px;
}
.admin.personalise .customize-theme .active {
  background-color: #1a2335;
}
.admin.personalise .w-100 {
  background-color: #e6e9ed;
  height: 1px;
  width: 100%;
}
.admin.personalise .time-block {
  display: flex;
}
.admin.personalise .time-block p {
  font-weight: 600;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .pcr-app .pcr-selection {
    display: flex !important;
    height: 115px !important;
    flex-direction: column !important;
  }
  .pcr-app .pcr-color-preview {
    display: none !important;
  }
  .pcr-app .pcr-color-palette {
    height: 85% !important;
  }
  .pcr-app .pcr-color-chooser {
    margin-top: 14px !important;
    width: 80%;
  }
}
.sidebar-slider .select-badge-wrapper {
  display: flex;
  height: 36px;
}
.sidebar-slider .select-badge-wrapper .btn {
  line-height: 22px;
}
.sidebar-slider .select-badge-wrapper .badge-icon {
  height: 36px;
  width: 36px;
  margin-left: 5px;
}
.sidebar-slider .select-badge-wrapper .badge-icon::after {
  width: 32px;
  height: 32px;
}

.smart-popup.popup-wrapper.badges-list-popup .badges-list {
  padding: 20px 20px 20px 0;
}
.smart-popup.popup-wrapper.badges-list-popup .badges-list .badge-icon {
  width: 70px;
  height: 70px;
  margin: 0 0 24px 24px;
  float: left;
  padding: 0;
  border: none;
}
.smart-popup.popup-wrapper.badges-list-popup .badges-list .badge-icon::after {
  width: 66px;
  height: 66px;
}

.manage-badges .heading {
  display: flex;
  align-items: center;
}
.manage-badges .heading .right {
  margin-left: auto;
  display: flex;
  height: 32px;
}
.manage-badges .heading .right .btn {
  margin: 0 10px 0 0;
}
.manage-badges .table tr th {
  width: 20%;
}
.manage-badges .table tr th.badge {
  width: 5%;
}
.manage-badges .table tr th.description {
  width: 45%;
  min-width: 300px;
}
.manage-badges .table tr th.points-value {
  width: 15%;
}
.manage-badges .table tr th.actions {
  width: 10%;
}
.manage-badges .table tr td {
  vertical-align: middle;
  padding: 15px;
}

.admin.manage-seating-templates .filters {
  display: flex;
  align-items: center;
  border-left: 1px solid #e6e9ed;
  border-bottom: 1px solid #dadada;
  padding: 15px 25px;
}
.admin.manage-seating-templates .filters .flex-1 {
  display: flex;
  justify-content: flex-end;
}
.admin.manage-seating-templates .search {
  margin-right: 20px;
  position: relative;
  width: 250px;
}
.admin.manage-seating-templates .search .form-control {
  width: 100%;
  padding: 6px 25px 6px 10px;
}
.admin.manage-seating-templates .search::after {
  content: "";
  font-family: "Linearicons";
  font-size: 13px;
  position: absolute;
  color: #0e79c9;
  top: 8px;
  right: 10px;
  font-weight: bold;
}
.admin.manage-seating-templates .btn-success {
  box-shadow: 0px 2px 1px 0px #72a53b;
}
.admin.manage-seating-templates .action-icons {
  vertical-align: middle;
}
.admin.manage-seating-templates .action-icons .brand-delete-icon {
  vertical-align: baseline;
}
.admin.manage-seating-templates .action-icons .separator {
  display: inline-block;
  height: 14px;
  margin: 0 6px 0 5px;
  border-left: 1px solid #ccc;
  vertical-align: middle;
}
.admin.manage-seating-templates .update-grid {
  display: flex;
}
.admin.manage-seating-templates.right-sidebar .btn {
  margin-bottom: 15px;
}
.admin.manage-seating-templates.right-sidebar .plus-link {
  display: block;
}

.manage-assessment .heading {
  display: flex;
}
.manage-assessment .heading .right {
  margin-left: auto;
  display: flex;
}
.manage-assessment .table th.last,
.manage-assessment .table td.last {
  width: 15%;
}
.manage-assessment .selection-prompt {
  margin-top: 15px;
}

.admin .table td {
  padding-left: 15px;
}
.admin .ti-trash {
  color: #CA0000;
}
.admin .ti-pencil,
.admin .ti-unlock,
.admin .icon-file-pdf {
  color: #0e79c9;
}

.admin-assessment-template .popup-wrapper {
  width: 500px;
}
.admin-assessment-template .popup-wrapper .no-background.popup-footer {
  background-color: #fff;
}
.admin-assessment-template .popup-wrapper .popup-body .update-aspects-info {
  border: none;
}
.admin-assessment-template .popup-wrapper .popup-body table th {
  border-bottom: 2px solid #3b85be;
}
.admin-assessment-template .popup-wrapper .popup-body table tbody tr.highlighted {
  background-color: #ecf4fb;
}
.admin-assessment-template .popup-wrapper .popup-body table tbody tr.highlighted td {
  font-weight: bold;
}
.admin-assessment-template .popup-wrapper .popup-body table tbody tr.border-bottom .hollow-square {
  width: 8px;
  height: 8px;
  background: #3b85be;
}
.admin-assessment-template .popup-wrapper .popup-body table tbody tr.border-bottom .hollow-square:after {
  content: "";
  position: absolute;
  left: 2px;
  width: 4px;
  height: 4px;
  background-color: #fff;
  z-index: 2;
  top: 2px;
  opacity: 0.7;
}
.admin-assessment-template .popup-wrapper .popup-body table tbody tr.border-bottom .center-center {
  position: absolute;
  margin-left: -6px;
  margin-top: 32px;
}
.admin-assessment-template .popup-wrapper .popup-body table tbody tr.border-bottom td {
  border-bottom: 2px solid #3b85be;
}
.admin-assessment-template .popup-wrapper .popup-body table tbody tr .border-left {
  border-left: 2px solid #3b85be;
}
.admin-assessment-template .popup-wrapper .popup-body table tbody tr .border-right {
  border-right: 2px solid #3b85be;
}
.admin-assessment-template .popup-wrapper .popup-body > table > tbody > tr.without-highlight {
  background-color: #fff;
}

.margin-top-20 {
  margin-top: 20px;
}

.check-list {
  list-style: none;
  padding: 0;
}
.check-list li {
  line-height: 30px;
}
.check-list li::before {
  font-family: "Flaticon";
  content: "";
  color: #8cc152;
  padding-right: 3px;
}

input.full-width {
  width: 100%;
}

.main-content .heading {
  margin-top: -10px;
}
.main-content .heading p.inner-title {
  margin: 10px 0 0;
  width: 60%;
}
.main-content .heading .wrapper-right {
  display: flex;
  justify-content: flex-end;
  width: 40%;
}
.main-content .heading .btn {
  margin: 10px 0 0 10px;
}

header.main-header .truncate-text:first-letter {
  text-transform: uppercase;
}

.mandatory {
  position: relative;
}
.mandatory::after {
  color: #da4453;
  content: "*";
  font-size: 10px;
  vertical-align: top;
}

.tooltip-wrapper .icon-file-pdf,
.ti-unlock {
  background: transparent;
  border: 0;
  margin-right: 0;
  text-decoration: none;
}
.tooltip-wrapper .icon-file-pdf:focus,
.ti-unlock:focus {
  outline: 0;
}

.main-content--settings-elements-rows {
  flex-wrap: wrap;
}

.my-files .file-interface-top-bar {
  margin-top: 1%;
  margin-bottom: 20px;
  display: flex;
}
.my-files .file-interface-top-bar .add-folder, .my-files .file-interface-top-bar .usage {
  margin-right: 15px;
}
.my-files .file-interface-top-bar .add-folder .my-files-btn .ti-folder, .my-files .file-interface-top-bar .usage .my-files-btn .ti-folder {
  margin-right: 5px;
}
.my-files .file-interface-top-bar .usage {
  display: inline-flex;
}
.my-files .file-interface-top-bar .usage .usage-info {
  position: relative;
  top: 8px;
}
.my-files .file-interface-top-bar .upload-files-btn {
  margin-left: auto;
  position: relative;
}
.my-files .file-interface-top-bar .btn-success {
  margin-right: 1%;
}
.my-files .file-interface-top-bar .btn-default {
  margin-right: 1%;
}
.my-files .with-top-margin {
  margin-top: 150px;
}
.my-files .search-bar-container {
  position: relative;
  width: 40%;
  margin-right: 15px;
}
.my-files .search-bar-container .input-lg, .my-files .search-bar-container .input-group-lg > .form-control,
.my-files .search-bar-container .input-group-lg > .input-group-addon,
.my-files .search-bar-container .input-group-lg > .input-group-btn > .btn {
  height: 40px;
}
.my-files .search-bar-container .ti-search, .my-files .search-bar-container .ti-close {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 20px;
  color: #0e79c9;
}
.my-files .search-bar-container .ti-close {
  cursor: pointer;
}
.my-files .file-interface thead tr > th:first-of-type {
  width: 50%;
}
.my-files .file-interface .table-row td {
  max-width: 250px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 10px;
}
.my-files .file-interface .table-row .shared-cell {
  width: 110px;
  text-align: center;
}
.my-files .file-interface .table-row .shared-cell .fa:before {
  font-size: 22px;
  margin-top: -4px;
}
.my-files .file-interface .table-row .shared-cell .tooltips .top {
  width: 98px;
  left: 30px;
}
.my-files .file-interface .file-name {
  margin-left: 5px;
  margin-right: 5px;
  float: left;
  max-width: 60%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.my-files .file-interface .file-name .file-path {
  color: #ccd1d9;
}
.my-files .file-interface .inline-edit-cell {
  width: 300px;
}
.my-files .file-interface .inline-edit-cell form {
  position: relative;
  height: 20px;
}
.my-files .file-interface .inline-edit-cell form input {
  padding-left: 5px;
}
.my-files .file-interface .inline-edit-cell form input:focus {
  outline: none;
}
.my-files .file-interface .inline-edit-cell:not(.is-hovering):not(.is-editing) .file-action-icon {
  display: none;
}
.my-files .file-interface .inline-edit-cell a, .my-files .file-interface .inline-edit-cell a:hover, .my-files .file-interface .inline-edit-cell a:focus, .my-files .file-interface .inline-edit-cell a:active {
  text-decoration: none !important;
}
.my-files .file-interface .inline-edit-cell .file-system-icon {
  float: left;
  font-size: 20px;
  vertical-align: sub;
  margin-right: 5px;
}
.my-files .file-interface .inline-edit-cell .file-action-icon {
  float: right;
  margin-left: 6px;
  margin-right: 2px;
}
.my-files .file-interface .inline-edit-cell .file-action-icon:before {
  vertical-align: sub;
}
.my-files .file-interface .inline-edit-cell .file-action-icon.btn {
  margin-top: -7px;
  margin-bottom: -7px;
}
.my-files .file-interface .inline-edit-cell .file-action-icon .fa-star:before {
  color: #f3a100;
}
.my-files .file-interface .inline-edit-cell .tooltips .top {
  color: white;
  width: 224px;
  left: -36px;
  padding-left: 5px;
  padding-right: 5px;
}
.my-files .file-interface .inline-edit-cell .tooltips .top .highlight {
  color: #f3a100;
  display: inline;
}
.my-files .filter-icon {
  position: absolute;
}
.my-files .deleted-toggle {
  margin-left: 10px;
}
.my-files .deleted-toggle:focus {
  text-decoration: none;
}
.my-files .upload-files-btn i {
  display: inline-block;
  transition: transform 0.5s;
}
.my-files .upload-files-btn i.animate-roll-forward-45 {
  transform: rotate(45deg);
}
.my-files .flash-notice .ti-cloud-up {
  display: inline-block;
  border-radius: 20px;
  float: left;
  margin-right: 10px;
  color: #0e79c9;
  font-size: 26px;
}
.my-files .filter-bar .ember-power-select-trigger {
  height: 40px;
  line-height: 38px;
}

@media (max-width: 500px) {
  .file-interface-top-bar {
    display: inline-block !important;
  }
  .file-interface-top-bar .usage, .file-interface-top-bar .upload-files-btn {
    margin-bottom: 15px;
  }

  .search-bar-container {
    margin-bottom: 15px;
  }
}
@media (max-width: 1024px) {
  .my-files .file-interface .file-name {
    max-width: 100px;
  }
}
@media (max-width: 1280px) {
  .my-files .file-interface .file-name {
    max-width: 190px;
  }
}
[data-tooltip] {
  position: relative;
  cursor: pointer;
  display: inline;
}
[data-tooltip]:hover {
  display: inline;
}
[data-tooltip]:hover::before {
  content: attr(data-tooltip);
  background: black;
  display: block;
  position: absolute;
  text-align: center;
  font-weight: bold;
  color: #fff;
  border-radius: 5px;
  width: 55px;
  padding: 3px;
  font-size: 10px;
  bottom: 18px;
  right: -18px;
}
[data-tooltip]:hover::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid black;
  display: block;
  position: absolute;
  top: -3px;
  right: 0.35em;
}

.tooltip-wrapper {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.tooltip-wrapper a:hover, .tooltip-wrapper a:active {
  text-decoration: none;
}

.tooltips, .tooltips:disabled {
  position: relative;
  pointer-events: auto;
}
.tooltips.tooltips--absolute, .tooltips:disabled.tooltips--absolute {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.tooltips span, .tooltips:disabled span {
  position: absolute;
  width: 140px;
  color: #FFFFFF;
  background: #000000;
  border-radius: 2px;
  line-height: 22px;
  height: 22px;
  text-align: center;
  display: none;
  font-size: 12px;
  font-family: "Open Sans";
}
.tooltips span::after, .tooltips:disabled span::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
}
.tooltips span.top, .tooltips:disabled span.top {
  bottom: 28px;
  left: 50%;
  margin-left: -70px;
}
.tooltips span.top::after, .tooltips:disabled span.top::after {
  top: 100%;
  left: 50%;
  margin-left: -8px;
  border-top: 8px solid #000000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
.tooltips span.right, .tooltips:disabled span.right {
  top: 50%;
  left: 40px;
  margin-left: -8px;
  margin-top: -11px;
}
.tooltips span.right::after, .tooltips:disabled span.right::after {
  top: 50%;
  left: 0;
  margin-left: -8px;
  border-right: 8px solid #000000;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  margin-top: -8px;
}
.tooltips span.right.two-lines, .tooltips:disabled span.right.two-lines {
  margin-top: -23px;
}
.tooltips span.right.not-subscribed, .tooltips:disabled span.right.not-subscribed {
  margin-top: -23px;
  margin-left: -18px;
  height: 45px;
}
.tooltips span.right.coming-soon, .tooltips:disabled span.right.coming-soon {
  width: 90px;
  margin-left: -18px;
}
.tooltips span.bottom, .tooltips:disabled span.bottom {
  bottom: -30px;
  left: 50%;
}
.tooltips span.bottom::after, .tooltips:disabled span.bottom::after {
  bottom: 100%;
  left: 50%;
  margin-left: -8px;
  border-bottom: 8px solid #000000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
.tooltips span.left, .tooltips:disabled span.left {
  top: 50%;
  right: 100%;
  margin-right: 10px;
  margin-top: -11px;
}
.tooltips span.left::after, .tooltips:disabled span.left::after {
  top: 50%;
  right: 0;
  margin-right: -8px;
  border-left: 8px solid #000000;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  margin-top: -8px;
}
.tooltips span.left.two-lines, .tooltips:disabled span.left.two-lines {
  margin-top: -23px;
}
.tooltips span.ul, .tooltips:disabled span.ul {
  height: auto;
}
.tooltips span.ul ul, .tooltips:disabled span.ul ul {
  padding-left: 25px;
  margin-top: 5px;
}
.tooltips span.ul ul li, .tooltips:disabled span.ul ul li {
  text-align: left;
}
.tooltips span.approve-sanction, .tooltips span.delete-sanction, .tooltips span.leaver, .tooltips:disabled span.approve-sanction, .tooltips:disabled span.delete-sanction, .tooltips:disabled span.leaver {
  width: 60px;
  margin-left: -30px;
}
.tooltips span.toggle-disabled-reason, .tooltips:disabled span.toggle-disabled-reason {
  width: 130px;
  margin-left: -65px;
}
.tooltips span.homework-generator-disabled, .tooltips:disabled span.homework-generator-disabled {
  width: 320px;
  margin-left: -160px;
}
.tooltips span.quizzes-generator-disabled, .tooltips span.spelling-tests-generator-disabled, .tooltips:disabled span.quizzes-generator-disabled, .tooltips:disabled span.spelling-tests-generator-disabled {
  width: 320px;
  margin-left: -286px;
}
.tooltips span.quizzes-generator-disabled::after, .tooltips span.spelling-tests-generator-disabled::after, .tooltips:disabled span.quizzes-generator-disabled::after, .tooltips:disabled span.spelling-tests-generator-disabled::after {
  margin-left: 120px;
}
.tooltips span.edit-class, .tooltips span.print-student, .tooltips span.get-codes, .tooltips span.edit-parent, .tooltips:disabled span.edit-class, .tooltips:disabled span.print-student, .tooltips:disabled span.get-codes, .tooltips:disabled span.edit-parent {
  width: 80px;
  margin-left: -40px;
}
.tooltips span.edit-parent-inactive, .tooltips:disabled span.edit-parent-inactive {
  width: 133px;
  margin-left: -70px;
  height: 70px;
}
.tooltips span.delete-class, .tooltips span.edit-student, .tooltips span.edit-teacher, .tooltips span.delete-staff, .tooltips:disabled span.delete-class, .tooltips:disabled span.edit-student, .tooltips:disabled span.edit-teacher, .tooltips:disabled span.delete-staff {
  width: 90px;
  margin-left: -45px;
}
.tooltips span.delete-subject-list, .tooltips span.delete-student, .tooltips span.delete-teacher, .tooltips span.delete-parent, .tooltips:disabled span.delete-subject-list, .tooltips:disabled span.delete-student, .tooltips:disabled span.delete-teacher, .tooltips:disabled span.delete-parent {
  width: 100px;
  margin-left: -50px;
}
.tooltips span.delete-category, .tooltips:disabled span.delete-category {
  width: 110px;
  margin-left: -55px;
}
.tooltips span.edit-subject-list, .tooltips span.edit-staff, .tooltips:disabled span.edit-subject-list, .tooltips:disabled span.edit-staff {
  width: 120px;
  margin-left: -60px;
}
.tooltips span.edit-category, .tooltips:disabled span.edit-category {
  width: 130px;
  margin-left: -65px;
}
.tooltips span.disabled-points, .tooltips:disabled span.disabled-points {
  width: 230px;
  margin-left: -115px;
}
.tooltips span.positive-only-points, .tooltips:disabled span.positive-only-points {
  width: 145px;
  margin-left: -75px;
  height: auto;
}
.tooltips span.positive-only-points.assess-badge, .tooltips:disabled span.positive-only-points.assess-badge {
  margin-left: -140px;
}
.tooltips span.positive-only-points.assess-badge::after, .tooltips:disabled span.positive-only-points.assess-badge::after {
  top: 100%;
  left: 100%;
  margin-left: -17px;
}
.tooltips span.remove-class-students, .tooltips:disabled span.remove-class-students {
  width: 150px;
  margin-left: -75px;
}
.tooltips span.file-locked, .tooltips:disabled span.file-locked {
  margin-left: -122px;
  width: 244px;
}
.tooltips span.collins-file-locked, .tooltips:disabled span.collins-file-locked {
  margin-left: -121px;
  width: 279px;
}
.tooltips span.collins-file-locked::after, .tooltips:disabled span.collins-file-locked::after {
  margin-left: -26px;
}
.tooltips span.personalise, .tooltips span.class-locked, .tooltips:disabled span.personalise, .tooltips:disabled span.class-locked {
  width: 200px;
  margin-left: -100px;
}
.tooltips span.description, .tooltips span.marking-scheme, .tooltips span.due-on, .tooltips:disabled span.description, .tooltips:disabled span.marking-scheme, .tooltips:disabled span.due-on {
  width: 280px;
  margin-left: -140px;
}
.tooltips span.issued-on, .tooltips span.cover-photo, .tooltips:disabled span.issued-on, .tooltips:disabled span.cover-photo {
  width: 320px;
  margin-left: -160px;
}
.tooltips span.issued-on.left, .tooltips span.cover-photo.left, .tooltips:disabled span.issued-on.left, .tooltips:disabled span.cover-photo.left {
  margin-left: -80px;
}
.tooltips span.issued-on.left::after, .tooltips span.cover-photo.left::after, .tooltips:disabled span.issued-on.left::after, .tooltips:disabled span.cover-photo.left::after {
  left: 25%;
}
.tooltips span.remove-student, .tooltips:disabled span.remove-student {
  margin-left: -100px;
  line-height: normal;
  height: 45px;
  padding: 5px 0;
  font-family: "Open Sans";
}
.tooltips span.remove-student::after, .tooltips:disabled span.remove-student::after {
  left: 66%;
}
.tooltips span.gradebook, .tooltips:disabled span.gradebook {
  width: 400px;
  margin-left: -200px;
}
.tooltips span.cover-photo, .tooltips:disabled span.cover-photo {
  margin-left: -100px;
}
.tooltips span.cover-photo::after, .tooltips:disabled span.cover-photo::after {
  left: 31%;
}
.tooltips span[class*=-lines], .tooltips:disabled span[class*=-lines] {
  line-height: normal;
  padding: 5px 0;
}
.tooltips span.two-lines, .tooltips:disabled span.two-lines {
  height: 45px;
}
.tooltips span.three-lines, .tooltips:disabled span.three-lines {
  height: 63px;
}
.tooltips span.assess, .tooltips:disabled span.assess {
  width: 560px;
}
.tooltips span.todo, .tooltips:disabled span.todo {
  width: 345px;
  margin-left: -172px;
}
.tooltips span.insight-reminders, .tooltips:disabled span.insight-reminders {
  margin-left: -132px;
  width: 265px;
  height: 49px;
}
.tooltips span.password-reset-tiny-tooltip, .tooltips:disabled span.password-reset-tiny-tooltip {
  width: 133px;
  margin-left: -73px;
  height: 26px;
}
.tooltips span.password-reset-tiny-tooltip::after, .tooltips:disabled span.password-reset-tiny-tooltip::after {
  top: 100%;
  left: 55%;
  margin-left: -8px;
  border-top: 8px solid #000000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
.tooltips span.password-reset-wide-tooltip, .tooltips:disabled span.password-reset-wide-tooltip {
  width: 133px;
  margin-left: -74px;
  height: 46px;
}
.tooltips span.password-reset-wide-tooltip::after, .tooltips:disabled span.password-reset-wide-tooltip::after {
  top: 100%;
  left: 56%;
  margin-left: -8px;
  border-top: 8px solid #000000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
.tooltips span.height-auto, .tooltips:disabled span.height-auto {
  padding: 0 5px;
  height: auto;
}
.tooltips span.customise-theme, .tooltips:disabled span.customise-theme {
  height: 28px;
  bottom: 32px;
}
.tooltips span.quick-actions-tooltip, .tooltips:disabled span.quick-actions-tooltip {
  height: 23px;
  bottom: 38px;
  padding: 0 10px;
  border-radius: 3px;
  margin-left: -50px;
  width: 101px;
}
.tooltips span.quick-actions-tooltip__attendance, .tooltips:disabled span.quick-actions-tooltip__attendance {
  height: 47px;
  bottom: 38px;
  padding: 0 10px;
  left: 30px;
  width: 110px;
  white-space: initial;
}
.tooltips span.quick-actions-tooltip__homework, .tooltips:disabled span.quick-actions-tooltip__homework {
  margin-left: 0px;
  height: 46px;
  bottom: 38px;
  padding: 0 10px;
  left: 0;
  width: 170px;
  white-space: initial;
}
.tooltips span.quick-actions-tooltip__homework.top::after, .tooltips:disabled span.quick-actions-tooltip__homework.top::after {
  margin-left: -75px;
}
.tooltips span.quick-actions-tooltip__feature-disabled, .tooltips:disabled span.quick-actions-tooltip__feature-disabled {
  height: 46px;
  bottom: 38px;
  padding: 0 10px;
  left: 0;
  width: 170px;
  white-space: initial;
}
.tooltips span.quick-actions-tooltip__lesson-plan, .tooltips:disabled span.quick-actions-tooltip__lesson-plan {
  height: 23px;
  bottom: 38px;
  padding: 0 10px;
  border-radius: 3px;
  margin-left: -63px;
  width: 125px;
}
.tooltips span.status-tooltip, .tooltips:disabled span.status-tooltip {
  margin-left: -100px;
  width: 200px;
}
.tooltips span a, .tooltips:disabled span a {
  color: #fff;
  font-weight: bold;
}
.tooltips span a:hover, .tooltips:disabled span a:hover {
  text-decoration: underline;
  cursor: pointer;
}
.tooltips[disabled]:hover span, .tooltips:disabled[disabled]:hover span {
  display: block;
}
.tooltips:hover span, .tooltips:disabled:hover span {
  display: block;
  z-index: 999;
}
.tooltips.flaticon-light45::before, .tooltips:disabled.flaticon-light45::before {
  font-size: 17px;
}

.focus-tooltip {
  position: absolute;
  top: 35px;
  width: 100%;
}
.focus-tooltip .text {
  background: #FDF3D2;
  font-size: 12px;
  padding: 5px;
  border-radius: 4px;
  text-align: center;
  position: relative;
}
.focus-tooltip .text::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -10px;
  width: 0;
  height: 0;
  border-bottom: 10px solid #FDF3D2;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}

.transparent {
  opacity: 0.3;
}

.dashboard .promo-banner {
  width: 100%;
  margin-bottom: 20px;
  border-radius: 4px;
  background: #fff;
  box-shadow: 1px 1px 2px 0px #ccd1d9;
  display: flex;
  overflow: hidden;
}
.dashboard .promo-banner .banner-text {
  display: flex;
  align-items: center;
  padding: 10px;
}
.dashboard .promo-banner .banner-text .life-save {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/dashboard/dashboard_life_saver_icon_@2x-e5d304ecbaa45eaaaac66226db07d261.png);
  background-image: -webkit-image-set(url(https://d24lsbndsvqq17.cloudfront.net/images/dashboard/dashboard_life_saver_icon-c679919fa6c8cf634350d454461568b0.png) 1x, url(https://d24lsbndsvqq17.cloudfront.net/images/dashboard/dashboard_life_saver_icon_@2x-e5d304ecbaa45eaaaac66226db07d261.png) 2x);
  background-repeat: no-repeat;
  background-size: cover;
  width: 31px;
  height: 31px;
  margin-right: 10px;
}
.dashboard .promo-banner .help-bg {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/dashboard/dashboard_help_bg_@2x-c5b491072f0f74ffdb0d8a5a9ae026c6.jpg);
  background-image: -webkit-image-set(url(https://d24lsbndsvqq17.cloudfront.net/images/dashboard/dashboard_help_bg-70d5af3b6c623314338af263bb16d79c.jpg) 1x, url(https://d24lsbndsvqq17.cloudfront.net/images/dashboard/dashboard_help_bg_@2x-c5b491072f0f74ffdb0d8a5a9ae026c6.jpg) 2x);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 100%;
  max-width: 396px;
  height: 60px;
}
@media (max-width: 992px) {
  .dashboard .promo-banner .help-bg {
    background: none;
    width: 0;
    flex: none;
  }
}
.dashboard.main-container {
  background-color: #fafafa;
}
.dashboard .title-link,
.dashboard .description {
  padding: 0 15px;
  width: 90%;
}
.dashboard .loading-spinner {
  height: 150px;
}
.dashboard .loading-spinner svg {
  width: 50px;
}
.dashboard .dashboard-row {
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 20px;
  justify-content: space-between;
}
.dashboard .dashboard-row--left-aligned {
  justify-content: flex-start;
}
.dashboard .dashboard-row .flex-box {
  display: flex;
}
.dashboard .dashboard-row .flex-box--column {
  flex-direction: column;
}
.dashboard .dashboard-row .flex-box--promo {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-top: 20px;
}
.dashboard .dashboard-row .flex-box--promo :first-child {
  margin-right: 20px;
}
@media (max-width: 992px) {
  .dashboard .dashboard-row {
    margin-bottom: 0;
  }
  .dashboard .dashboard-row .flex-box {
    margin-bottom: 10px;
    width: 100%;
  }
  .dashboard .dashboard-row .flex-box--agenda {
    order: 1;
    padding-bottom: 20px;
  }
  .dashboard .dashboard-row .flex-box--column {
    order: 2;
  }
  .dashboard .dashboard-row .flex-box--promo {
    flex-direction: column;
  }
}
.dashboard .dashboard-row .cell {
  background-color: white;
  box-shadow: 1px 1px 2px 0px #ccd1d9;
  border-radius: 3px;
  border: solid 1px #e6e9ed;
  border-right: none;
  width: 100%;
}
.dashboard .dashboard-row .cell .footer-content {
  position: absolute;
  bottom: 15px;
  left: 10px;
}
.dashboard .dashboard-row .cell .icon-bubble {
  font-size: 35px;
  color: #0e79c9;
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.dashboard .dashboard-row .cell #video-clapper {
  position: absolute;
  right: 5px;
  bottom: 0;
  width: 45px;
  height: 45px;
}
.dashboard .dashboard-row .cell .st0 {
  fill: none;
}
.dashboard .dashboard-row .cell .st1 {
  fill: #967ADC;
}
.dashboard .dashboard-row .cell .heart-icon {
  position: absolute;
  transform: scale(-1, 1);
  right: 12px;
  color: #da4453;
  bottom: 12px;
}
.dashboard .dashboard-row .cell .heart-icon:before {
  font-size: 30px;
}
.dashboard .dashboard-row .cell .ti-blackboard {
  position: absolute;
  transform: scale(-1, 1);
  right: 12px;
  color: #f3a100;
  bottom: 12px;
}
.dashboard .dashboard-row .cell .ti-blackboard:before {
  font-size: 30px;
}
.dashboard .dashboard-row .cell a {
  text-decoration: none;
  display: inline-block;
  max-width: 100%;
}
.dashboard .dashboard-row .cell a:focus {
  text-decoration: none;
}
.dashboard .dashboard-row .cell a:hover {
  text-decoration: none;
}
.dashboard .dashboard-row .cell .small-text {
  max-width: 100px;
}
.dashboard .dashboard-row .cell.promo {
  height: 130px;
  padding: 10px 10px 0 10px;
  position: relative;
}
.dashboard .dashboard-row .header {
  background-color: #f6f7fb;
  color: #333;
  margin-bottom: 10px;
  padding: 10px;
  border-bottom: 1px solid #ccd1d9;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.dashboard .dashboard-row .header.announcements {
  border-color: #3bafda;
  background-color: #3bafda;
}
.dashboard .dashboard-row .header.events {
  border-color: #e9573f;
  background-color: #e9573f;
}
.dashboard .dashboard-row .header.notifications {
  border-color: #967bdc;
  background-color: #967bdc;
}
.dashboard .dashboard-row:before, .dashboard .dashboard-row:after {
  display: none;
}
@media (min-width: 1700px) {
  .dashboard__notices-widget .carousel-widget__slide {
    width: 33.3%;
  }
}
@media (max-width: 1700px) {
  .dashboard__notices-widget .carousel-widget__slide {
    width: 50%;
  }
}
@media (max-width: 640px) {
  .dashboard__notices-widget .carousel-widget__slide {
    width: 100%;
  }
}
.dashboard__notices-widget .notices-widget {
  box-shadow: 1px 1px 2px 0 #ccd1d9;
  border-radius: 3px;
  border: solid 1px #e6e9ed;
  border-right: none;
}
.dashboard__notices-widget .notices-widget__header-title {
  font-size: 16px;
  font-weight: normal;
}
.dashboard__notices-widget .notices-widget__header-link {
  font-size: 14px;
  font-weight: normal;
}

@media (min-width: 768px) and (max-width: 1024px) {
  #wrapper:not(.toggled) .dashboard .set-homework .link-text-content {
    display: none;
  }
  #wrapper:not(.toggled) .dashboard .set-homework::after {
    content: attr(data-small-text);
  }
  #wrapper:not(.toggled) .dashboard .col-md-4_5 {
    width: 50%;
  }
  #wrapper:not(.toggled) .dashboard .col-md-4_5:nth-child(3), #wrapper:not(.toggled) .dashboard .col-md-4_5:nth-child(4) {
    margin-top: 20px;
  }
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
  .dashboard .dashboard-row .col-md-12 {
    width: 66%;
  }
  .dashboard .dashboard-row .col-md-6 {
    width: 33%;
  }
  .dashboard .dashboard-row .col-md-4_5 {
    width: 24.75%;
  }

  #wrapper:not(.toggled) .dashboard .col-md-4_5 {
    width: 49.5%;
  }
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  #wrapper:not(.toggled) .dashboard .col-md-4_5 {
    width: 49.5%;
  }
}
@supports (overflow: -webkit-marquee) and (justify-content: inherit) {
  @media (min-width: 992px) {
    .dashboard .dashboard-row {
      flex-wrap: nowrap;
    }
  }
}
@media (max-width: 620px), (max-width: 890px) and (min-width: 769px) {
  .dashboard .tutoring-banner .logo {
    display: none;
  }
}
@media (max-width: 440px) {
  .dashboard .tutoring-banner {
    display: block;
    text-align: center;
  }
  .dashboard .tutoring-banner .text {
    margin-bottom: 10px;
    padding: 0;
  }
}
.hw-disabled {
  padding-bottom: 140px;
}
@media (max-width: 992px) {
  .hw-disabled {
    padding-bottom: 0;
  }
}

.has-error .input-group-addon {
  color: white;
}
.has-error .with-highlighted-borders, .has-error .smhw-editor-theme.fr-box .fr-toolbar,
.has-error .smhw-editor-theme.fr-box.fr-basic .fr-wrapper {
  border-color: #da4453;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .ember-basic-dropdown-trigger {
  border-color: #da4453;
}
.crocodoc-iframe {
  width: 100%;
  height: 600px;
  border: 1px solid #e6e9ed;
}

.account-settings .simple-border, .account-settings .api-toggle {
  border: 1px solid #ccd1d9;
}
.account-settings .simple-border.without-bottom-border, .account-settings .without-bottom-border.api-toggle {
  border-bottom: none;
}
.account-settings .simple-border.without-bottom-top, .account-settings .without-bottom-top.api-toggle {
  border-top: none;
}
.account-settings .avatar-management i {
  font-size: 20px;
  vertical-align: middle;
}
.account-settings .avatar-management i.default-avatar {
  font-size: 200px !important;
}
.account-settings .avatar-management .upload-btn {
  padding-top: 6px;
  padding-bottom: 3px;
}
.account-settings .avatar-management .upload-btn i {
  font-size: 24px;
}
.account-settings .avatar-management .img-responsive {
  margin: 0 auto;
}
.account-settings .avatar-management .img-responsive.dummy {
  border-radius: 50%;
}
.account-settings .avatar-management input[type=file] {
  display: none;
}
.account-settings .api-toggle {
  margin-top: 10px;
  margin-bottom: 10px;
  min-height: 30px;
}
.account-settings .api-toggle .api-management-container {
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
}
.account-settings .api-toggle .api-management-container .btn-primary {
  margin-top: 10px;
}
.account-settings .api-toggle .nav-tabs {
  background-color: #E7E7E7;
}
.account-settings .api-toggle .nav-tabs li {
  margin-bottom: -3px;
}
.account-settings .api-toggle .nav-tabs li a {
  border-radius: 0px;
}
.account-settings .api-toggle .nav-tabs .active {
  background-color: white;
  color: #0e79c9;
  border: none;
}
.account-settings .link-student #school-selector-search-box {
  height: 32px !important;
  padding: 6px 12px;
  font-size: 13px;
  margin-bottom: 10px;
}
.account-settings .invite-code-popup .popup-wrapper {
  width: 500px;
}
.account-settings .invite-code-popup .popup-wrapper .popup-text {
  padding: 0;
  margin: 10px 20px;
}
.account-settings .invite-code-popup .popup-wrapper .checkbox-wrapper {
  float: none;
}
.account-settings .invite-code-popup .popup-wrapper .checkbox-wrapper .smhw-checkbox:not(:checked) + label.smhw-checkbox-label::before,
.account-settings .invite-code-popup .popup-wrapper .checkbox-wrapper .smhw-checkbox:checked + label.smhw-checkbox-label::before {
  top: 5px;
  border-radius: 0;
}
.account-settings .invite-code-popup .popup-wrapper .checkbox-wrapper .smhw-checkbox:not(:checked) + label.smhw-checkbox-label::after,
.account-settings .invite-code-popup .popup-wrapper .checkbox-wrapper .smhw-checkbox:checked + label.smhw-checkbox-label::after {
  top: 3px;
}
.account-settings .invite-code-popup .popup-wrapper .checkbox-wrapper label {
  line-height: inherit;
  text-align: left;
}
.account-settings .pending-verification-warning {
  position: relative;
}
.account-settings .pending-verification-warning .exit-warning {
  position: absolute;
  font-size: 12px;
  top: 10px;
  right: 7px;
  color: #664d03;
}

.smhw-flash {
  padding: 1em 2em;
  margin-bottom: 1.5em;
  border-radius: 4px;
  position: relative;
  text-align: center;
}
.smhw-flash.informational {
  text-align: left;
  width: -moz-fit-content;
  width: fit-content;
}
.smhw-flash .btn-link, .smhw-flash .btn-upload-link {
  text-decoration: underline;
  vertical-align: baseline;
}
.smhw-flash.alert-success {
  background-color: #EFFBF0;
  border: 1px solid #A1C5A1;
  color: #305230;
}
.smhw-flash.alert-warning {
  background-color: rgba(255, 206, 84, 0.1);
  border: 1px solid rgba(243, 161, 0, 0.5);
  color: #656d78;
}
.smhw-flash.alert-info {
  background-color: #DFEBF3;
  color: #327292;
  border: 1px solid #327292;
}
.smhw-flash.alert-info.transparent {
  background-color: transparent;
  color: #656d78;
}
.smhw-flash.alert-danger {
  background-color: rgba(218, 68, 83, 0.1);
  color: #da4453;
  border: 1px solid rgba(218, 68, 83, 0.5);
}
.smhw-flash.alert-reminder {
  background-color: #FFFDD1;
  border: 1px solid #E7C672;
}
.smhw-flash .close-flash {
  position: absolute;
  top: 10px;
  right: 10px;
  font-weight: bold;
  font-size: 10px;
  color: #4c824c;
}
.smhw-flash .close-flash:hover {
  cursor: pointer;
}
.smhw-flash.exiting {
  animation: fadeout 2s forwards, slideup 0.8s 1.2s forwards;
}

.danger-well {
  width: 100%;
  border: 1px solid rgba(218, 68, 83, 0.1);
  border-radius: 3px;
}
.danger-well .header {
  padding: 10px;
  background-color: rgba(218, 68, 83, 0.1);
  color: #da4453;
  font-weight: bold;
}
.danger-well .content {
  padding: 10px;
}

.sync-calendar .token-input {
  width: 40%;
  margin-right: 20px;
}
.sync-calendar .danger-well-container {
  width: 70%;
}

.event-list {
  background-color: #fafafa;
  padding-top: 25px;
  padding-bottom: 25px;
}

.event-row {
  background-color: #fff;
  padding: 20px;
  border-left: 1px solid #e6e9ed;
  border-right: 1px solid #e6e9ed;
  border-bottom: 1px solid #e6e9ed;
}
.event-row:first-child {
  border-top: 1px solid #e6e9ed;
}
.event-row.unread {
  background-color: #EFFBF0;
}
.event-row .dates, .event-row .picture, .event-row .event-content {
  display: block;
  float: left;
}
.event-row .picture {
  margin-right: 15px;
}
.event-row .dates {
  width: 110px;
  margin-top: 13px;
  margin-right: 15px;
}
.event-row .event-content {
  margin-top: 3px;
  line-height: 20px;
  width: 70%;
}
.event-row .user-profile-picture {
  font-size: 50px;
}
.event-row .user-profile-picture img {
  width: 68px;
  border-radius: 68px;
  height: 68px;
  float: left;
}

/* --- Hiring Bubble --- */
.bubble-holder {
  position: relative;
}

.bubble {
  position: absolute;
  width: 110px;
  height: auto;
  padding: 10px;
  background: #ffd954;
  border-radius: 10px;
  color: #333;
  font-size: 13px;
  text-align: center;
  z-index: 10000;
  left: 605px;
  top: 10px;
  font-weight: 600;
}

.bubble a {
  color: #333;
  text-decoration: none;
}

.bubble a:hover {
  text-decoration: underline;
}

.bubble:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 7px 7px 0;
  border-color: #ffd954 transparent;
  display: block;
  width: 0;
  z-index: 10000;
  bottom: -7px;
  left: 75px;
}

@media (max-width: 991px) {
  /* --- Home Page --- */
  .bubble {
    left: 428px;
  }
}
@media (max-width: 767px) {
  .bubble {
    display: none;
  }
}
/* --- Sign Up Section --- */
#sign-up-banner {
  border-top: 1px solid #e6e9ed;
  border-bottom: 1px solid #e6e9ed;
  padding: 40px 40px 60px;
  background-color: #f5f7fa;
}
#sign-up-banner h2 {
  margin-bottom: 15px;
  font-size: 38px;
  font-weight: 300;
  color: #333;
  text-align: center;
  line-height: 46px;
}
#sign-up-banner .sub-heading {
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: 300;
  color: #656d78;
  text-align: center;
  line-height: 30px;
}

@media (max-width: 479px) {
  #sign-up-banner {
    padding: 30px 16px !important;
    height: auto !important;
    border-bottom: 1px solid #ccd1d9;
    text-align: left !important;
  }
  #sign-up-banner .row {
    margin-left: 5px;
    margin-right: 5px;
    text-align: left !important;
  }
  #sign-up-banner h2 {
    margin: 0 0 15px !important;
    font-size: 24px;
    line-height: 32px;
    text-align: left;
  }
  #sign-up-banner .sub-heading {
    margin: 0 0 20px;
    font-size: 18px;
    line-height: 28px;
    text-align: left !important;
  }
}
.static-page {
  /* --- Global Styles --- */
  /* --- Main Video Section --- */
  /* --- Reasons Section --- */
  /* --- Benefits Section --- */
  /* --- Proof Points Section --- */
  /* --- Mobile apps Section --- */
  /* --- Testimonials Section --- */
  /* --- Book Demo Section --- */
}
.static-page .img-responsive {
  width: 100%;
}
.static-page .col-md-4-12 {
  float: left;
  width: 25%;
  padding-left: 14px;
  padding-right: 14px;
}
.static-page .section-top {
  padding: 60px 0;
  border-top: 1px solid #e6e9ed;
}
.static-page h2 {
  margin-bottom: 15px;
  font-size: 38px;
  font-weight: 300;
  color: #333;
  text-align: center;
  line-height: 46px;
}
.static-page h3 {
  font-size: 24px;
  font-weight: 300;
  color: #333;
}
.static-page h3 span.description {
  padding: 0;
  background-color: #fff;
  font-size: 20px;
  font-weight: 300;
  color: #656d78;
}
.static-page h3.blue {
  font-size: 18px;
  font-weight: 300;
  color: #0e79c9;
}
.static-page h4 {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  color: #0E79C9;
  margin: 0 0 1em;
}
.static-page p {
  font-size: 14px;
  font-weight: normal;
  color: #656d78;
  line-height: 23px;
}
.static-page .sub-heading {
  font-size: 22px;
  font-weight: 300;
  color: #656d78;
  text-align: center;
  line-height: 30px;
}
.static-page .larger-text {
  font-size: 16px;
  font-weight: 300;
}
.static-page span {
  padding: 0 10px;
  background-color: #0e79c9;
  font-weight: bold;
  color: #fff;
}
.static-page .row {
  margin: 0 !important;
}
.static-page .full-row {
  position: relative;
  background-color: #f5f7fa;
}
.static-page .full-row .sub-heading {
  margin-bottom: 20px;
}
.static-page form label span {
  padding: 0;
  background-color: #fafafa;
  color: #333;
  font-weight: 600;
}
.static-page .buttons-block {
  margin-top: 2em;
}
.static-page #mobile-devices {
  background-color: #fff;
  text-align: center;
}
.static-page #mobile-devices h3 {
  display: inline-block;
  margin-right: 15px;
}
.static-page #mobile-devices img {
  display: inline-block;
  margin-right: 5px;
}
.static-page #mobile-devices .devices {
  margin-right: 15px;
}
.static-page .home-reasons h2 {
  margin-top: 20px;
  font-size: 26px;
}
.static-page .home-reasons p {
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 20px;
}
.static-page .home-reasons img {
  margin-top: 10px;
}
.static-page #benefits {
  background-color: #4d6dc3;
}
.static-page #benefits .benefits {
  margin-top: 50px;
}
.static-page #benefits h2 {
  margin: 0 0 30px;
  color: #fff;
}
.static-page #benefits .sub-heading {
  font-size: 18px;
  text-align: center;
  font-weight: 300;
  color: #fff;
  line-height: 28px;
}
.static-page #benefits .sub-heading a {
  color: #ffff00;
}
.static-page #benefits p {
  text-align: right;
  margin: -4px 0 0;
  font-weight: 600;
  color: #fff;
}
.static-page #benefits .progress {
  position: relative;
  background-color: transparent;
  height: 40px;
  margin-bottom: 36px;
  box-shadow: none;
}
.static-page #benefits .progress div {
  padding-top: 6px;
  font-size: 18px;
  border-radius: 4px;
  box-shadow: none;
}
.static-page #benefits .progress div span {
  float: right;
  margin-right: 50px;
}
.static-page #benefits .progress-bar {
  position: relative;
  background-color: rgba(255, 255, 255, 0.5);
}
.static-page #benefits .progress-label {
  padding: 5px;
  background: transparent;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
.static-page #benefits .top-stat .progress-label {
  color: #fff;
}
.static-page #benefits .top-stat {
  background-color: rgba(255, 255, 255, 0.5);
}
.static-page #benefits .btn {
  margin-top: 15px;
  border-color: #fff;
  color: #fff;
}
.static-page #benefits .fa-check-circle {
  position: absolute;
  font-size: 22px;
  color: #fff;
  right: 17px !important;
  top: 8px;
}
.static-page #benefits .bar-text {
  position: absolute;
  margin-top: -1px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  left: 17px;
}
.static-page #benefits .stat-0 {
  color: #fff;
}
.static-page .proof-points {
  padding-bottom: 0;
}
.static-page .proof-points .worldwide {
  text-align: center;
}
.static-page .proof-points .number-stat {
  font-size: 80px;
  font-weight: bold;
  color: #0e79c9;
  line-height: 80px;
}
.static-page .proof-points .number-stat span {
  background: transparent;
  color: #0e79c9;
  font-weight: 300;
  font-size: 50px;
  position: relative;
  top: -10px;
  left: -6px;
}
.static-page .proof-points .stat-label {
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: 300;
  line-height: 28px;
}
.static-page .proof-points .home-quote {
  margin: 15px 0 0 45px;
  font-size: 18px;
  font-weight: 300;
  font-style: italic;
  line-height: 28px;
  color: #333;
}
.static-page .proof-points .left-quote {
  position: absolute;
  top: 10px;
  width: 30px;
}
.static-page .proof-points .quote-name {
  margin: 26px 0 0 0;
  padding: 15px 30px;
  background-color: #ffe9bf;
  border-radius: 10px;
}
.static-page .proof-points .quote-name p {
  margin: 0;
  font-size: 16px;
  color: #333;
  line-height: 25px;
}
.static-page .proof-points .fa-star {
  margin-top: 40px;
  font-size: 50px;
  color: #f3a100;
}
.static-page .proof-points .proof-logos {
  margin-top: 138px;
}
.static-page .mobile-apps h2 {
  margin: 0 0 60px;
}
.static-page .mobile-apps .tabs {
  position: relative;
  min-height: 570px;
  clear: both;
  margin: 25px 0;
}
.static-page .mobile-apps .tab {
  width: 48%;
}
.static-page .mobile-apps .tab label {
  position: relative;
  width: 100%;
  margin: 0;
  background: transparent;
  padding: 25px 34px;
  cursor: pointer;
  border-radius: 10px;
}
.static-page .mobile-apps .tab label h3 {
  font-size: 20px;
  font-weight: bold;
  color: #333;
}
.static-page .mobile-apps .tab label p {
  font-size: 16px;
  font-weight: 300;
  line-height: 25px;
}
.static-page .mobile-apps .tab [type=radio] {
  display: none;
}
.static-page .mobile-apps .content {
  position: absolute;
  top: 0;
  left: 52%;
  background: #fff;
  right: 0;
  bottom: 0;
}
.static-page .mobile-apps .content img {
  left: -1px;
  position: relative;
  width: 802px;
}
.static-page .mobile-apps [type=radio]:checked ~ label {
  background: rgba(58, 163, 227, 0.1);
  z-index: 2;
}
.static-page .mobile-apps [type=radio]:checked ~ label ~ .content {
  z-index: 1;
}
.static-page .testimonials .tesitomial-detalis {
  margin-top: 15px;
  padding: 10px 0 0;
  border-top: 1px solid #e6e9ed;
  font-weight: 600;
}
.static-page .testimonials .testimonial-image {
  margin-top: 30px;
  border-radius: 4px;
}
.static-page .testimonials .testimonial-image img {
  border-radius: 4px;
}
.static-page .testimonials .testimonial-icon {
  padding: 10px 0 5px;
  font-size: 30px;
  color: #ccd1d9;
}
.static-page .testimonials .star-rating .fa {
  font-size: 20px;
  color: #f3a100;
}
.static-page .testimonials .star-rating .empty {
  font-size: 20px;
  color: #ccd1d9;
}
.static-page .book-demo {
  padding-bottom: 40px;
  border-bottom: 1px solid #e6e9ed;
}
.static-page .book-demo .infos-column, .static-page .book-demo .money-back {
  margin-top: 10px;
}
.static-page .book-demo .testimonial {
  margin-bottom: 10px;
}
.static-page .book-demo h3 {
  margin-top: 30px;
}
.static-page .book-demo h4 {
  margin-top: 0;
  color: #0e79c9;
}
.static-page .book-demo #sign-up-section {
  margin-top: 15px !important;
}
.static-page .book-demo .list-group .fa {
  color: #8cc152;
}
.static-page .book-demo .demo-quote {
  color: #333;
  margin-top: 20px;
}
.static-page .book-demo .small-note {
  font-size: 12px;
}
.static-page .book-demo .list-group {
  list-style: none;
  margin: 20px 0 40px 0;
  padding: 0;
}
.static-page .book-demo .list-group li {
  margin-bottom: 5px;
}
.static-page .book-demo .col-md-6 {
  padding-left: 0;
}
.static-page .book-demo .col-md-6:last-child {
  padding-right: 0;
}
.static-page .book-demo select {
  background: url(/images/teacher-resources/drop_down_arrow_blue.png) no-repeat right white;
  width: 100%;
  height: 34px;
  padding: 5px 10px;
  margin-right: 10px;
  overflow: hidden;
  font-size: 14px;
  line-height: 1;
  border: 1px solid #ccd1d9;
  border-radius: 3px;
  -webkit-appearance: none;
}
.static-page .book-demo .has-error .select {
  border-color: #da4453;
}
.static-page .book-demo .thankyou-details .fa-check {
  color: #8cc152;
}
.static-page .book-demo .thankyou-details .joke {
  color: #555;
  font-size: 16px;
  line-height: 26px;
}
@media (max-width: 1200px) {
  .static-page .proof-points .quote-name {
    margin: 26px 0 0 0;
  }
  .static-page .proof-points .quote-name p {
    font-size: 14px;
    line-height: 23px;
  }
  .static-page .proof-points .fa-star {
    margin-top: 40px;
    font-size: 50px;
  }
  .static-page .proof-points .proof-logos {
    margin-top: 110px;
  }
}
@media (max-width: 991px) {
  .static-page {
    /* --- Home Page --- */
    /* --- Product Page --- */
    /* --- Schools Page --- */
    /* --- Districts Page --- */
    /* --- Book Demo Section --- */
  }
  .static-page .devices {
    margin: 10px 0 20px !important;
  }
  .static-page #benefits .full-row-text {
    padding: 60px 60px 25px;
  }
  .static-page #benefits .btn-default {
    border-color: #0e79c9;
    color: #0e79c9;
  }
  .static-page #benefits .half-image-right {
    background-position: 50% 50%;
  }
  .static-page #benefits p {
    text-align: center;
    margin: -4px 0 20px;
  }
  .static-page .proof-points .home-quote {
    margin: 20px 0 0 80px;
    font-size: 18px;
    font-weight: 300;
    font-style: italic;
    line-height: 28px;
    color: #333;
  }
  .static-page .proof-points .left-quote {
    position: absolute;
    left: 30px;
    width: 50px;
  }
  .static-page .proof-points .quote-name {
    margin: 26px 0 0 0;
    padding: 15px 30px;
    background-color: #ffe9bf;
    border-radius: 10px;
  }
  .static-page .proof-points .quote-name p {
    margin: 0;
    font-size: 14px;
    color: #333;
    line-height: 23px;
  }
  .static-page .proof-points .fa-star {
    margin-top: 36px;
    font-size: 39px;
    color: #f3a100;
  }
  .static-page .proof-points .proof-logos {
    display: none;
  }
  .static-page .hero {
    height: auto !important;
    padding: 30px;
  }
  .static-page .hero .teachers-say h2 {
    margin-top: 0 !important;
    font-size: 34px !important;
  }
  .static-page .hero .teachers-say blockquote span {
    margin-bottom: 40px !important;
  }
  .static-page .hero .teachers-say .testimonial-author {
    margin-top: 15px !important;
  }
  .static-page .hero .teachers-say .quote-details {
    margin: 3px 0 0 !important;
    width: 180px;
    font-size: 12px;
    line-height: 18px;
  }
  .static-page .hero .teachers-say .quote-details strong {
    font-size: 14px;
    line-height: 24px;
  }
  .static-page #schools-hero {
    height: auto !important;
  }
  .static-page #schools-hero .col-md-16 {
    margin-bottom: 40px;
  }
  .static-page #schools-hero .hero-text {
    margin: 40px 0 20px !important;
    font-size: 34px !important;
    line-height: 42px;
  }
  .static-page #districts-hero {
    height: auto !important;
  }
  .static-page #districts-hero .col-md-16 {
    margin-bottom: 40px;
  }
  .static-page #districts-hero .hero-text {
    margin: 40px 0 20px !important;
    font-size: 34px !important;
    line-height: 42px;
  }
  .static-page .book-demo .col-md-6 {
    padding-right: 0;
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .static-page {
    /* --- Home Page --- */
    /* --- Product Page --- */
    /* --- Schools Page --- */
    /* --- Districts Page --- */
    /* --- Resources Page --- */
  }
  .static-page .devices {
    margin: 10px 0 20px !important;
  }
  .static-page .full-row-text {
    padding: 0 14px !important;
  }
  .static-page .full-row-text h2 {
    color: #656d78;
  }
  .static-page .full-row-text .progress-label {
    color: #fff;
  }
  .static-page .half-image-right {
    display: none;
  }
  .static-page .home-reasons {
    border-bottom: 1px solid #e6e9ed !important;
  }
  .static-page #benefits {
    padding: 30px 10px !important;
    border-top: 1px solid #e6e9ed !important;
  }
  .static-page #benefits p {
    text-align: center;
    margin: -4px 0 15px;
  }
  .static-page #benefits .progress {
    margin-bottom: 30px;
  }
  .static-page #benefits .white-outline {
    border-color: #fff !important;
    color: #fff !important;
  }
  .static-page .proof-points {
    border-top: 1px solid #e6e9ed !important;
  }
  .static-page .proof-points .worldwide {
    padding: 0 60px;
  }
  .static-page .proof-points .worldwide p {
    text-align: center !important;
  }
  .static-page .proof-points .proof-logos {
    display: block;
    margin-top: 50px;
  }
  .static-page .proof-points .fa-star {
    margin-top: 20px;
    font-size: 60px;
  }
  .static-page .mobile-apps h2 {
    margin-bottom: 20px;
  }
  .static-page .mobile-apps h3 {
    font-size: 26px;
  }
  .static-page .mobile-apps p {
    font-size: 16px;
    line-height: 28px;
  }
  .static-page .mobile-apps h3, .static-page .mobile-apps p {
    margin-bottom: 20px;
    text-align: center;
  }
  .static-page .mobile-apps img {
    margin-bottom: 30px;
  }
  .static-page #mobile-devices {
    padding: 30px 0 40px !important;
    border: none;
  }
  .static-page .hero {
    height: auto !important;
    padding: 30px;
  }
  .static-page .hero .teachers-say h2 {
    margin-top: 0 !important;
    font-size: 24px !important;
  }
  .static-page .hero .teachers-say blockquote span {
    margin-bottom: 40px !important;
  }
  .static-page .hero .teachers-say .testimonial-author {
    margin-top: 15px !important;
  }
  .static-page .hero .teachers-say .quote-details {
    margin: 3px 0 0 !important;
    width: 180px;
    font-size: 12px;
    line-height: 18px;
  }
  .static-page .hero .teachers-say .quote-details strong {
    font-size: 14px;
    line-height: 24px;
  }
  .static-page #schools-hero {
    background-image: url(/images/schools/schools_hero.jpg) !important;
    background-size: cover;
    background-position: 50% 50%;
    height: auto !important;
  }
  .static-page #schools-hero .col-md-16 {
    margin-bottom: 40px;
  }
  .static-page #schools-hero .hero-text {
    margin: 40px 0 20px !important;
    font-size: 30px !important;
    line-height: 38px;
  }
  .static-page #districts-hero {
    background-image: url(/images/districts/districts_hero.jpg) !important;
    background-size: cover;
    background-position: 60% 50%;
    height: auto !important;
  }
  .static-page #districts-hero .col-md-16 {
    margin-bottom: 40px;
  }
  .static-page #districts-hero .hero-text {
    margin: 40px 0 20px !important;
    font-size: 30px !important;
    line-height: 38px;
  }
  .static-page .resource-filter {
    margin: 30px 14px !important;
  }
}
@media (max-width: 479px) {
  .static-page {
    /* --- Global Changes --- */
    /* --- Blue Section Colour --- */
    /* --- Gray Section Colour --- */
    /* --- Home Page --- */
    /* --- Product Page --- */
    /* --- Schools Page --- */
    /* --- Districts Page --- */
    /* --- Resources Page --- */
    /* --- Careers Page --- */
    /* --- About Us Page --- */
  }
  .static-page section {
    background-image: none !important;
    background-color: #fff !important;
    padding: 30px 16px !important;
    height: auto !important;
    border-bottom: 1px solid #ccd1d9;
    text-align: left !important;
  }
  .static-page section h2 {
    margin: 0 0 15px !important;
    font-size: 24px;
    line-height: 32px;
    text-align: left;
  }
  .static-page section p {
    text-align: left !important;
  }
  .static-page section .sub-heading {
    font-size: 18px;
    margin: 0;
    line-height: 28px;
    text-align: left !important;
  }
  .static-page span {
    padding: 0;
    background-color: transparent;
    font-weight: normal;
    color: #333;
  }
  .static-page .hero h2 {
    font-size: 34px !important;
    line-height: 34px !important;
  }
  .static-page .hero span {
    font-weight: bold;
    color: #fff;
  }
  .static-page .container, .static-page .public-school-footer__inner {
    padding: 0;
  }
  .static-page .section-top {
    padding: 0 !important;
    border: none;
  }
  .static-page .hero {
    background-color: #0e79c9 !important;
  }
  .static-page .hero h2, .static-page .hero p {
    color: #fff !important;
  }
  .static-page .hero .btn-big {
    padding: 10px 12px;
    font-size: 14px;
  }
  .static-page .our-vision {
    background-color: #f5f7fa !important;
  }
  .static-page .our-vision h2, .static-page .our-vision p {
    color: #656d78 !important;
  }
  .static-page .devices {
    margin: 10px 0 20px !important;
  }
  .static-page .full-row-text {
    padding: 0 14px !important;
  }
  .static-page .full-row-text h2 {
    color: #656d78;
  }
  .static-page .full-row-text .progress-label {
    color: #fff;
  }
  .static-page .half-image-right {
    display: none;
  }
  .static-page .home-reasons h2 {
    font-size: 20px;
  }
  .static-page .home-reasons img {
    margin-bottom: 20px;
  }
  .static-page #benefits {
    padding: 30px 30px 20px !important;
    background-color: #4d6dc3 !important;
  }
  .static-page #benefits p {
    margin: -4px 0 10px;
  }
  .static-page #benefits .col-md-4, .static-page #benefits .col-md-14 {
    padding-left: 0 !important;
  }
  .static-page #benefits .left-align {
    text-align: left !important;
  }
  .static-page #benefits .btn-default {
    border-color: #fff !important;
    color: #fff !important;
  }
  .static-page .proof-points {
    padding: 30px 16px 0 !important;
    border-top: 1px solid #e6e9ed !important;
  }
  .static-page .proof-points .worldwide {
    padding: 0 60px;
  }
  .static-page .proof-points .worldwide p {
    text-align: center !important;
  }
  .static-page .proof-points .proof-logos {
    display: block;
    margin-top: 40px;
  }
  .static-page .proof-points .fa-star {
    font-size: 40px;
  }
  .static-page .mobile-apps {
    padding: 30px 16px 10px !important;
    border-top: 1px solid #e6e9ed !important;
  }
  .static-page .mobile-apps h2 {
    margin-bottom: 20px;
  }
  .static-page .mobile-apps h3 {
    font-size: 20px;
  }
  .static-page .mobile-apps p {
    font-size: 16px;
    line-height: 28px;
  }
  .static-page .mobile-apps h3, .static-page .mobile-apps p {
    margin-bottom: 20px;
    text-align: left;
  }
  .static-page .mobile-apps img {
    margin-bottom: 30px;
  }
  .static-page .number-stat span {
    left: 3px !important;
  }
  .static-page .product-hero {
    background-image: url(/images/product/product_hero.jpg) !important;
    background-size: cover;
    background-position: 50% 50%;
  }
  .static-page .hero {
    height: auto;
    padding: 30px;
  }
  .static-page .hero .teachers-say h2 {
    margin-top: 10px;
    font-size: 24px !important;
  }
  .static-page .hero .teachers-say blockquote {
    padding: 10px !important;
  }
  .static-page .hero .teachers-say blockquote span {
    margin-bottom: 100px !important;
    font-size: 65px !important;
  }
  .static-page .hero .teachers-say .testimonial-author {
    margin-top: 15px !important;
  }
  .static-page .hero .teachers-say .quote-details {
    margin: 3px 0 0 !important;
    width: 170px;
    font-size: 12px;
    line-height: 18px;
  }
  .static-page .hero .teachers-say .quote-details strong {
    font-size: 14px;
    line-height: 24px;
  }
  .static-page #visibility .col-md-7,
.static-page #task-variation .col-md-7,
.static-page #on-the-go .col-md-7,
.static-page #save-time .col-md-7,
.static-page #reporting .col-md-7 {
    margin: 20px 0;
  }
  .static-page #visibility .col-md-7:last-child,
.static-page #task-variation .col-md-7:last-child,
.static-page #on-the-go .col-md-7:last-child,
.static-page #save-time .col-md-7:last-child,
.static-page #reporting .col-md-7:last-child {
    margin-bottom: 0;
  }
  .static-page #schools-hero {
    background-image: url(/images/schools/schools_hero.jpg) !important;
    background-size: cover;
    background-position: 50% 50%;
    text-align: center !important;
  }
  .static-page #schools-hero .col-md-16 {
    margin-bottom: 0;
  }
  .static-page #schools-hero .hero-text {
    margin: 0 0 20px !important;
    font-size: 24px !important;
    line-height: 32px;
    text-align: center !important;
  }
  .static-page #districts-hero {
    background-image: url(/images/districts/districts_hero.jpg) !important;
    background-size: cover;
    background-position: 60% 50%;
    text-align: center !important;
  }
  .static-page #districts-hero .col-md-16 {
    margin-bottom: 0;
  }
  .static-page #districts-hero .hero-text {
    margin: 0 0 20px !important;
    font-size: 24px !important;
    line-height: 32px;
    text-align: center !important;
  }
  .static-page #resources-hero {
    background-image: url(/images/teacher-resources/resources_hero.jpg) !important;
    text-align: center !important;
  }
  .static-page #resources-hero .hero-text {
    margin-bottom: 30px !important;
    font-size: 24px !important;
    line-height: 32px;
    text-align: center !important;
  }
  .static-page .resource-select {
    width: 100% !important;
    margin-bottom: 10px;
  }
  .static-page .resource-filter {
    margin: 0 14px !important;
  }
  .static-page .resource-filter #resource-search-submit {
    float: right;
    background-image: none !important;
    background-color: #0e79c9;
    color: #fff;
    cursor: pointer;
    position: relative;
    right: inherit;
    top: inherit;
    padding: 8px 20px;
    border: 0;
    margin: 0;
    border-radius: 3px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: auto;
    height: auto;
    box-shadow: 0 2px #0d6eb6;
  }
  .static-page .resource-filter .reset-filter {
    position: relative;
    right: 0;
    top: 9px;
    float: left;
  }
  .static-page .resource-section-fix {
    margin-bottom: 0 !important;
  }
  .static-page .padding-fix {
    border: none;
    padding-bottom: 0 !important;
  }
  .static-page .join-us .btn-default {
    border-color: #0e79c9;
    color: #0e79c9;
  }
  .static-page .join-us .img-responsive,
.static-page .our-values .img-responsive,
.static-page .office-culture .img-responsive {
    margin: 35px 0 10px;
  }
  .static-page .jobs {
    margin-bottom: 0 !important;
  }
  .static-page .jobs h2 {
    margin: 0 0 30px !important;
  }
  .static-page .jobs h2.last-job-title {
    margin-top: 20px !important;
  }
  .static-page .jobs .last-btn {
    margin-bottom: 10px !important;
  }
  .static-page .job-tag {
    font-size: 13px !important;
  }
  .static-page .team-section .team-filter ul li {
    font-size: 12px !important;
  }
  .static-page .team-section .active {
    padding: 6px 10px !important;
  }
  .static-page .value-details {
    margin-left: 80px !important;
  }
  .static-page .value-details:last-child {
    margin-bottom: 0 !important;
  }
  .static-page .team-filter {
    margin-bottom: 70px;
  }
  .static-page .team-filter ul {
    margin: 30px 0 0 14px !important;
  }
  .static-page .team-image {
    margin-top: 15px !important;
  }
}
.static-page .investors {
  background-color: #f5f7fa !important;
}

/* --- FOOTER SECTION --- */
.public-school-footer {
  background-color: #f6f7fb;
  padding: 5% 0 3% 0;
}
.public-school-footer__inner {
  display: flex;
}
.public-school-footer .footer-details {
  height: 320px;
  position: relative;
  flex: 1 0;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  padding-right: 2%;
}
.public-school-footer .footer-details__address__title {
  color: #333;
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 11px;
}
.public-school-footer .footer-details__address__school-name {
  color: #333;
  font-size: 16px;
}
.public-school-footer .footer-details__address__address {
  padding-right: 15%;
  line-height: 23px;
}
.public-school-footer .footer-details__contacts__social-icons {
  display: flex;
  list-style-type: none;
  padding-top: 11px;
  margin-left: -50px;
}
.public-school-footer .footer-details__contacts__social-icons--in-grey-circle {
  display: inline-block;
  border-radius: 60px;
  padding: 0.5em 0.6em;
  border: 1px solid #ccc;
}
.public-school-footer .footer-details__contacts__social-icons .fa-facebook {
  padding: 0.5em 0.8em;
}
.public-school-footer .footer-details__contacts__social-icons li {
  padding-left: 10px;
}
.public-school-footer .footer-details__contacts__social-icons li a {
  color: #ccc;
}
.public-school-footer .footer-details__contacts__social-icons li a.active, .public-school-footer .footer-details__contacts__social-icons li a:hover {
  color: #ccc;
}
.public-school-footer__gmaps-iframe {
  height: 320px;
  flex: 2 0;
}
.public-school-footer__gmaps-iframe iframe {
  border: 7px solid white;
}
@media (max-width: 1200px) {
  .public-school-footer .public-school-footer {
    display: none;
  }
  .public-school-footer .public-school-footer__details-wrapper {
    padding-right: 2%;
  }
}
@media (max-width: 768px) {
  .public-school-footer {
    padding: 5% 0 0;
  }
  .public-school-footer__inner {
    flex-flow: column;
  }
  .public-school-footer__gmaps-iframe {
    height: unset;
  }
  .public-school-footer .footer-details {
    flex-flow: row;
    height: unset;
  }
}

.toggle-btn-wrapper {
  display: flex;
  width: 50px;
  align-items: center;
  justify-content: center;
  height: 60px;
}
.toggle-btn-wrapper .navbar-toggle.white .icon-bar {
  background-color: #fff;
}

#school-public-section {
  padding-top: 60px;
  min-height: calc(82vh - 80px - 115px);
  background-color: #eceff6;
  /* --- PUBLIC QUIZ & SPELLING--- */
}
#school-public-section .full-screen {
  height: calc(100vh - 63px);
}
#school-public-section .public-school-class-task {
  background-color: #eceff6;
  padding: 2%;
}
#school-public-section .public-school-class-task__inner {
  display: flex;
  background-color: #fff;
}
#school-public-section .public-school-class-task__inner__title {
  color: #333;
  font-weight: 550;
  font-size: 18px;
}
#school-public-section .public-school-class-task__inner__task-description {
  flex: 3;
  padding: 25px;
  word-break: break-word;
}
#school-public-section .public-school-class-task__inner__advert {
  flex: 1;
  padding: 25px;
}
#school-public-section .public-school-class-task .h-100-w-2 {
  width: 3px;
  background-color: #eceff6;
}

.smhw-single-file-uploader.on-air .upload-btn {
  background-color: #f5f7fa;
}

.loading-spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.loading-spinner.main-content-spinner {
  height: calc(100vh - 130px - 95px);
}
.loading-spinner.small {
  margin: 20px 0;
}
.loading-spinner.small svg {
  width: 50px;
}
.loading-spinner.x-small {
  margin: 10px 0;
}
.loading-spinner.x-small svg {
  margin: 0;
  height: 20px;
}
.loading-spinner svg {
  animation: spinning 0.6s infinite linear;
  width: 100px;
  height: 100px;
  margin: 50px;
}

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

.content-only-loading {
  height: calc(100vh - 200px);
}

.cal-week-box .date-day {
  display: block;
}
.cal-week-box .date-day:after {
  content: attr(data-day);
}
.cal-week-box .date:after {
  content: attr(data-date);
}
@media (min-width: 767px) and (max-width: 1100px) {
  .cal-week-box .date-day {
    display: block;
  }
  .cal-week-box .date-day:after {
    content: attr(data-shortday);
  }
  .cal-week-box .date:after {
    content: attr(data-shortdate);
  }
}
@media (max-width: 700px) {
  .cal-week-box .date-day {
    display: block;
  }
  .cal-week-box .date-day:after {
    content: attr(data-shortday);
  }
  .cal-week-box .date:after {
    content: attr(data-shortdate);
  }
}

.legend-sample {
  display: inline-block;
  margin-right: 10px;
}
.legend-sample::before {
  content: "";
  width: 15px;
  height: 15px;
  vertical-align: sub;
  margin-right: 5px;
  display: inline-block;
}
.legend-sample.homework::before {
  background-color: #8cc152;
}
.legend-sample.spelling-test::before {
  background-color: #37bd9c;
}
.legend-sample.quiz::before {
  background-color: #f3a100;
}
.legend-sample.differentiated-homeworks::before {
  background-color: #0e79c9;
}
.legend-sample.class-test::before {
  background-color: #967bdc;
}

.calendar-legend {
  margin-bottom: 10px;
}
.calendar-legend .legend-sample::before {
  vertical-align: initial;
  width: 10px;
  height: 10px;
}

#homework-calendar-search {
  height: 100vh;
  background-color: #eceff6;
}
#homework-calendar-search .homework-calendar-header {
  background-color: #fff;
  border-bottom: 1px solid #e6e9ed;
  padding: 12px 10px 10px;
  box-shadow: 2px 3px 2px 0px rgba(0, 0, 0, 0.05);
}
#homework-calendar-search .homework-calendar-header .brand-name {
  font-weight: 600;
  font-size: 16px;
}
#homework-calendar-search .homework-calendar-header .brand-name a {
  text-decoration: none;
}
#homework-calendar-search .homework-calendar-header .brand-name a:hover {
  color: #0e79c9;
}
#homework-calendar-search .homework-calendar-header img {
  margin-left: 10px;
  margin-right: 10px;
}
#homework-calendar-search .calendar-search-container {
  padding: 0 20px;
}
#homework-calendar-search .calendar-search-container .search-box {
  margin: 20px auto;
  max-width: 565px;
  padding: 40px;
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid #e6e9ed;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
}
#homework-calendar-search .calendar-search-container .search-box h1 {
  margin: 0 0 25px;
  font-size: 18px;
  font-weight: 600;
  color: #333;
}
#homework-calendar-search .calendar-search-container .search-box label {
  margin: 0 0 10px;
  font-size: 14px;
  font-weight: 300;
  color: #333;
}
#homework-calendar-search .calendar-search-container .search-box input {
  background-color: #f9faff;
  border-color: #e0e7ff;
}
#homework-calendar-search .calendar-search-container .search-box input:focus {
  border-color: #66afe9;
}
#homework-calendar-search .calendar-search-container .calendar-search-help {
  text-align: center;
}

@media (max-width: 479px) {
  .homework-calendar-header .brand-name {
    font-size: 15px !important;
  }
  .homework-calendar-header img {
    margin-right: 5px !important;
  }

  .calendar-search-container input {
    font-size: 16px !important;
  }

  .search-box {
    margin: 30px auto 20px;
  }
}
.smhw-dropdown-menu {
  box-shadow: 0px 0px 2px #ccd1d9;
  border-color: 1px solid #ccd1d9;
  background-color: white;
  border-radius: 3px;
  transform: translateY(3px);
}
.smhw-dropdown-menu .list-item {
  min-width: 175px;
  min-height: 20px;
  text-decoration: none;
}
.smhw-dropdown-menu .list-item:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.smhw-dropdown-menu .list-item:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.smhw-dropdown-menu .list-item__trigger {
  padding: 10px;
  display: block;
  background: none;
  border-width: 0;
  width: 100%;
  text-align: left;
  color: #0e79c9;
}
.smhw-dropdown-menu .list-item i {
  vertical-align: middle;
}
.smhw-dropdown-menu .list-item:hover:not(.plain-text) {
  background-color: #0e79c9;
}
.smhw-dropdown-menu .list-item:hover:not(.plain-text) .list-item__trigger {
  text-decoration: none;
  color: white;
}

.ember-basic-dropdown {
  position: relative;
}

.ember-basic-dropdown, .ember-basic-dropdown-content, .ember-basic-dropdown-content * {
  box-sizing: border-box;
}

.ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 1000;
  background-color: #ffffff;
}

.ember-basic-dropdown-content--left {
  left: 0;
}

.ember-basic-dropdown-content--right {
  right: 0;
}

.ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none;
}

.ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}

.ember-power-select-dropdown * {
  box-sizing: border-box;
}

.ember-power-select-trigger {
  position: relative;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-radius: 4px;
  background-color: #ffffff;
  line-height: 1.75;
  overflow-x: hidden;
  text-overflow: ellipsis;
  min-height: 1.75em;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  color: inherit;
  /* Minimum clearfix for modern browsers */
}
.ember-power-select-trigger:after {
  content: "";
  display: table;
  clear: both;
}

.ember-power-select-trigger:focus,
.ember-power-select-trigger--active {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  box-shadow: none;
}

.ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded=true],
.ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded=true] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded=true] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ember-power-select-placeholder {
  color: #999999;
  display: block;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ember-power-select-status-icon {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-style: solid;
  border-width: 7px 4px 0 4px;
  border-color: #ccc transparent transparent transparent;
}
.ember-basic-dropdown-trigger[aria-expanded=true] .ember-power-select-status-icon {
  transform: rotate(180deg);
}

.ember-power-select-clear-btn {
  position: absolute;
  cursor: pointer;
}

.ember-power-select-trigger-multiple-input {
  font-family: inherit;
  font-size: inherit;
  border: none;
  display: inline-block;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  float: left;
  background-color: transparent;
  text-indent: 2px;
  /* There's a browser bug where this selectos cannot be chained with commas */
}
.ember-power-select-trigger-multiple-input:disabled {
  background-color: #eeeeee;
}
.ember-power-select-trigger-multiple-input::-moz-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input:-ms-input-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-webkit-input-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-moz-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-ms-input-placeholder {
  opacity: 1;
  color: #999999;
}

.ember-power-select-multiple-options {
  padding: 0;
  margin: 0;
}

.ember-power-select-multiple-option {
  border: 1px solid gray;
  border-radius: 4px;
  color: #333333;
  background-color: #e4e4e4;
  padding: 0 4px;
  display: inline-block;
  line-height: 1.45;
  float: left;
  margin: 2px 0 2px 3px;
}

.ember-power-select-multiple-remove-btn {
  cursor: pointer;
}
.ember-power-select-multiple-remove-btn:not(:hover) {
  opacity: 0.5;
}

.ember-power-select-search {
  padding: 4px;
}

.ember-power-select-search-input {
  border: 1px solid #ccc;
  border-radius: 0;
  width: 100%;
  font-size: inherit;
  line-height: inherit;
  padding: 0 5px;
}
.ember-power-select-search-input:focus {
  border: 1px solid #ccc;
  box-shadow: none;
}

.ember-power-select-dropdown {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  line-height: 1.75;
  border-radius: 4px;
  box-shadow: none;
  overflow: hidden;
  color: inherit;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--above {
  border-top: 1px solid #ccc;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--below, .ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  border-top: none;
  border-bottom: 1px solid #ccc;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  width: 100%;
}

.ember-power-select-options {
  list-style: none;
  margin: 0;
  padding: 0;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.ember-power-select-options[role=listbox] {
  overflow-y: auto;
  /* in firefox in windows this can cause a word-break issue. Try `overflow-y: scroll` if that happens */
  -webkit-overflow-scrolling: touch;
  max-height: 12.25em;
}

.ember-power-select-option {
  cursor: pointer;
  padding: 0 8px;
}

.ember-power-select-group[aria-disabled=true] {
  color: #999999;
  cursor: not-allowed;
}

.ember-power-select-group[aria-disabled=true] .ember-power-select-option,
.ember-power-select-option[aria-disabled=true] {
  color: #999999;
  pointer-events: none;
  cursor: not-allowed;
}

.ember-power-select-option[aria-selected=true] {
  background-color: #dddddd;
}

.ember-power-select-option[aria-current=true] {
  background-color: #3875d7;
  color: #ffffff;
}

.ember-power-select-group-name {
  cursor: default;
  font-weight: bold;
}

.ember-power-select-trigger[aria-disabled=true] {
  background-color: #eeeeee;
}

.ember-power-select-trigger {
  padding: 0 16px 0 0;
}

.ember-power-select-selected-item, .ember-power-select-placeholder {
  margin-left: 8px;
}

.ember-power-select-status-icon {
  right: 5px;
}

.ember-power-select-clear-btn {
  right: 25px;
}

.ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-left: 24px;
}
.ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-left: 40px;
}
.ember-power-select-group .ember-power-select-option {
  padding-left: 24px;
}
.ember-power-select-group .ember-power-select-group-name {
  padding-left: 8px;
}

.ember-power-select-trigger[dir=rtl] {
  padding: 0 0 0 16px;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-selected-item, .ember-power-select-trigger[dir=rtl] .ember-power-select-placeholder {
  margin-right: 8px;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-multiple-option {
  float: right;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-trigger-multiple-input {
  float: right;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-status-icon {
  left: 5px;
  right: initial;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-clear-btn {
  left: 25px;
  right: initial;
}

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-right: 24px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-right: 40px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-option {
  padding-right: 24px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group-name {
  padding-right: 8px;
}

.ember-power-select-typeahead-trigger {
  border: none;
  border-radius: 0;
}

.ember-power-select-typeahead-input {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  top: 0;
  bottom: 0;
  border: 1px solid #ccc;
  outline: none;
}
.ember-power-select-typeahead-input :focus {
  border: 1px solid #ccc;
}

.ember-power-select-trigger:focus,
.ember-power-select-trigger--active {
  border: 1px solid #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.ember-power-select-multiple-option {
  background-color: transparent;
  border-color: #ccc;
  line-height: 20px;
  margin-top: 4px;
  padding-right: 0;
}

.ember-power-select-multiple-remove-btn {
  float: right;
  color: #0e79c9;
  width: 20px;
  text-align: center;
  font-weight: bold;
}

.ember-power-select-trigger {
  color: #333;
  font-size: 13px;
  height: 32px;
  line-height: 30px;
  padding-bottom: 2px;
  padding-right: 60px;
  overflow: hidden;
}
.ember-power-select-trigger:focus {
  outline: 0;
}
.ember-power-select-trigger:hover {
  cursor: pointer;
}
.ember-power-select-trigger.ember-power-select-multiple-trigger {
  height: auto;
  min-height: 32px;
}

.ember-power-select-status-icon {
  border-color: #838fa3 transparent transparent transparent;
  right: 10px;
  top: 2px;
}

.ember-power-select-trigger-multiple-input {
  line-height: 28px;
  margin-left: 5px;
}

.ember-power-select-options {
  font-size: 13px;
  padding: 0 2px;
}
.ember-power-select-options .ember-power-select-option,
.ember-power-select-options .ember-power-select-group-name {
  line-height: 25px;
  min-height: 25px;
}
.ember-power-select-options:not([role=group]) {
  max-height: 200px;
  margin-bottom: 5px;
  padding-top: 4px;
}

.ember-power-select-dropdown {
  color: #333;
  border-top: none;
  z-index: 5000;
}
.ember-power-select-dropdown.above {
  border-top: 1px solid #ccc;
  padding-top: 10px;
}
.ember-power-select-dropdown.locale-picker-dropdown {
  border-radius: 3px;
  left: auto !important;
  margin-top: 0;
  overflow: visible;
  padding: 10px 0 10px 0;
  right: 0;
  width: auto !important;
  z-index: 500;
}
.ember-power-select-dropdown.locale-picker-dropdown::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 75%;
  margin-left: 8px;
  width: 0;
  height: 0;
  border-bottom: 8px solid #FFF;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
.ember-power-select-dropdown.locale-picker-dropdown > .ember-power-select-options {
  margin: 0;
}
.ember-power-select-dropdown.locale-picker-dropdown > .ember-power-select-options > .ember-power-select-option {
  padding: 3px 14px 3px 14px;
}
.ember-power-select-dropdown.locale-picker-dropdown > .ember-power-select-options > .ember-power-select-option > strong {
  display: inline-block;
  width: 28px;
}
.ember-power-select-dropdown .disabled-attendance-mark {
  pointer-events: none;
  cursor: not-allowed;
  margin-left: 10px;
  color: #656d78;
  font-style: italic;
}
.ember-power-select-dropdown .disabled-detention-templates {
  margin-left: 10px;
  color: #656d78;
  font-style: italic;
}
.ember-power-select-dropdown .ember-power-select-search {
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}
.ember-power-select-dropdown .ember-power-select-search:after {
  content: "";
  font-family: "Pe-icon-7-stroke";
  font-size: 15px;
  width: 15px;
  height: 20px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -12px;
}
.ember-power-select-dropdown .ember-power-select-search input {
  border-color: #e6e9ed;
  height: 30px;
  background: linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
  margin-top: 4px;
}

.power-select-side {
  z-index: 1020;
}

.ember-power-select-wrapper.input-bigger {
  padding: 0;
}
.ember-power-select-wrapper.input-bigger .ember-power-select-trigger {
  font-size: 14px;
  padding-left: 15px;
}

.ember-power-select-search input {
  outline: 0;
  border-radius: 4px;
}

.inside-popup-dropdown {
  z-index: 1051;
}

.ember-basic-dropdown-trigger.power-select-lg {
  font-size: 14px;
  height: 45px;
  line-height: 45px;
  padding: 0 16px;
  overflow: hidden;
}

.ember-power-select-clear-btn {
  width: 20px;
  text-align: center;
  font-weight: 600;
  top: 0;
}

.ember-power-select-selected-item {
  margin-left: 10px;
}

.insight-resources-views-block, .insight-overall-views-block, .user-views,
.submission-stats, .insights-block {
  border: 1px solid #ccd1d9;
  border-radius: 5px;
  padding: 15px;
  margin-top: 20px;
}
.no-side-padding.insight-resources-views-block, .no-side-padding.insight-overall-views-block, .no-side-padding.user-views,
.no-side-padding.submission-stats, .no-side-padding.insights-block {
  padding-left: 0;
  padding-right: 0;
}
.insight-resources-views-block h5, .insight-overall-views-block h5, .user-views h5,
.submission-stats h5, .insights-block h5 {
  text-transform: uppercase;
  color: #0e79c9;
  font-weight: bold;
  font-size: 14px;
  margin-top: 0;
}
.insight-resources-views-block .insight-view-legend, .insight-overall-views-block .insight-view-legend, .user-views .insight-view-legend,
.submission-stats .insight-view-legend, .insights-block .insight-view-legend {
  position: absolute;
  font-weight: bold;
  text-align: center;
}

.user-views,
.submission-stats {
  border-radius: 2px;
  padding: 0;
  margin-top: 15px;
}
.user-views .summary,
.submission-stats .summary {
  min-height: 50px;
  padding: 15px;
  display: flex;
  justify-content: space-between;
}
.user-views .summary__text,
.submission-stats .summary__text {
  color: #333;
  margin: 0;
  font-size: 16px;
}
.user-views .summary__counter,
.submission-stats .summary__counter {
  color: #0e79c9;
  font-size: 18px;
  font-weight: bolder;
}
.user-views .summary__total-elements,
.submission-stats .summary__total-elements {
  color: #656d78;
}
.user-views__footer,
.submission-stats__footer {
  min-height: 70px;
  height: 70px;
  padding: 15px;
  display: flex;
  justify-content: flex-start;
  border-top: 1px solid #ccd1d9;
  border-bottom: 0;
}

.insight-overall-views-block {
  padding: 0;
}

.insight-resources-views-block {
  padding: 0;
}

#insights-reminders thead tr {
  background-color: #0e79c9;
  color: white;
}
#insights-reminders thead tr th {
  border-left: none;
  border-right: none;
  color: white;
  padding: 8px;
  font-weight: bold;
}
#insights-reminders tbody tr {
  background-color: #e6e9ed;
}
#insights-reminders tbody tr td {
  border-color: white;
  padding: 8px;
}

.chart-tooltip-container {
  opacity: 0;
  position: absolute;
  top: 0;
}
.chart-tooltip-container .chart-tooltip {
  top: -21px;
  left: 12px;
  position: absolute;
  width: 135px;
  background-color: white;
  padding: 3px 10px 10px;
  border: 1px solid #4b9bd8;
  border-radius: 5px;
}
.chart-tooltip-container .chart-tooltip:not(.right-arrow)::before, .chart-tooltip-container .chart-tooltip:not(.right-arrow)::after {
  content: "";
  position: absolute;
  top: 10px;
  display: block;
  border-width: 10px 10px 10px 0;
  border-color: transparent;
  border-style: solid;
}
.chart-tooltip-container .chart-tooltip:not(.right-arrow)::before {
  left: -10px;
  border-right-color: #4b9bd8;
}
.chart-tooltip-container .chart-tooltip:not(.right-arrow)::after {
  left: -9px;
  border-right-color: white;
}
.chart-tooltip-container .chart-tooltip.right-arrow::before, .chart-tooltip-container .chart-tooltip.right-arrow::after {
  content: "";
  position: absolute;
  top: 10px;
  display: block;
  border-width: 10px 0 10px 10px;
  border-color: transparent;
  border-style: solid;
}
.chart-tooltip-container .chart-tooltip.right-arrow::before {
  right: -10px;
  border-left-color: #4b9bd8;
}
.chart-tooltip-container .chart-tooltip.right-arrow::after {
  right: -9px;
  border-left-color: white;
}

.no-content-wrapper {
  text-align: center;
}
.no-content-wrapper .text {
  font-size: 20px;
  margin-bottom: 20px;
}
.no-content-wrapper .flex-wrapper {
  justify-content: center;
}
.no-content-wrapper .flex-wrapper .insights-gif {
  margin-right: -80px;
  width: 707px;
  height: 362px;
}

.insights-coming {
  margin-top: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.insights-coming__icon-classwork {
  width: 45px;
  height: 45px;
  color: #fff;
  background-color: #ed5565;
  border-radius: 10px;
  font-size: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.insights-coming__title {
  color: #333;
  font-size: 24px;
  margin: 50px 0 30px;
}
.insights-coming__description {
  color: #656d78;
  font-size: 18px;
  margin-bottom: 10px;
}

@media (min-width: 992px) and (max-width: 1122px) {
  .insight-block {
    display: contents;
  }
}
.insight-cards {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
}

.insight-card {
  padding: 14px;
}
@media (max-width: 990px) {
  .insight-card {
    flex-grow: 1;
    width: 100%;
  }
}
@media (min-width: 991px) {
  .insight-card {
    width: calc(100% / 2);
  }
}
@media (min-width: 1380px) {
  .insight-card {
    width: calc(100% / 3);
  }
}
.insight-card__inner {
  border: 1px solid #e6e9ed;
  height: 385px;
  display: flex;
  flex-direction: column;
}
.insight-card__title {
  display: flex;
  align-items: center;
}
.insight-card__title-circle {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #656d78;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  margin-right: 10px;
}
.insight-card .header {
  border-bottom: 1px solid #e6e9ed;
  padding: 10px 20px;
}
.insight-card .body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: flex-start;
  padding: 20px;
}
.insight-card .body .data {
  flex-grow: 1;
  width: 100%;
}
.insight-card .body .no-data {
  margin: auto;
}
.insight-card--off .body {
  align-items: center;
  text-align: center;
  justify-content: center;
}
.insight-card--off .off-icon {
  width: 45px;
  height: 45px;
}
.insight-card .footer {
  background-color: #f5f7fa;
  border-top: 1px solid #e6e9ed;
  padding: 20px;
  text-align: center;
}
.insight-card.student-profile .body {
  align-items: center;
  padding: 13px;
}
.insight-card.student-profile .user-profile-picture {
  margin: 10px 0;
}
.insight-card.student-profile .floating-avatar {
  margin-right: 0;
}
.insight-card.student-profile .avatar-wrapper {
  width: 100px;
  height: 100px;
}
.insight-card.student-profile .student-name {
  font-weight: 600;
  margin-bottom: 10px;
}
.insight-card.student-profile .student-labels {
  flex-grow: 1;
}
.insight-card.student-profile .table {
  margin-bottom: 0;
}
.insight-card.student-profile tr:nth-of-type(odd) {
  background-color: #f5f7fa;
}
.insight-card.student-profile td {
  border-top: 0;
  line-height: 1.5;
}
.insight-card.student-contacts .off-icon {
  color: #fff;
  background-color: #0e79c9;
  border-radius: 10px;
  font-size: 26px;
  padding-top: 10px;
}
.insight-card.student-contacts .contact-card {
  width: 100%;
  border: 1px solid #e6e9ed;
  padding: 10px 20px;
  margin-bottom: 20px;
}
.insight-card.current-lesson .off-icon {
  background-image: url("https://d24lsbndsvqq17.cloudfront.net/images/timetable-23837af05d1a3b7c63a56b867c6385cd.svg");
}
.insight-card.current-lesson .timetable-item-entry {
  width: 100%;
  padding: 8px;
  background-color: #C2E8FD;
  margin-bottom: 10px;
  position: relative;
  padding-left: 20px;
  line-height: 23px;
}
.insight-card.current-lesson .timetable-item-entry::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  background: #93CDF2;
}
.insight-card.current-lesson .timetable-item-entry:not(:last-child) {
  margin-bottom: 20px;
}
.insight-card.current-lesson .timetable-item-entry.current-lesson {
  background-color: #fff0ed;
}
.insight-card.current-lesson .timetable-item-entry.current-lesson::before {
  background: #fdb1a3;
}
.insight-card.current-lesson .timetable-item-entry p {
  font-size: 14px;
}
.insight-card.recent-behaviour .off-icon {
  background-image: url("https://d24lsbndsvqq17.cloudfront.net/images/classes/green-cross-76feea22ab746d6bb8774ee0975621b1.svg");
}
.insight-card.recent-behaviour .behaviour-point {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 1px solid #e6e9ed;
  padding: 20px 0;
  width: 100%;
}
.insight-card.recent-behaviour .behaviour-point:first-child {
  padding-top: 0;
}
.insight-card.recent-behaviour .behaviour-point:last-child {
  margin-bottom: 20px;
}
.insight-card.recent-behaviour .points-icon {
  margin-right: 10px;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  color: #fff;
  text-align: center;
}
.insight-card.recent-behaviour .points-icon.positive, .insight-card.recent-behaviour .activity-feed-entry .activity-feed-entry-content .submission-comment-icon .points-icon.icon.negative, .activity-feed-entry .activity-feed-entry-content .submission-comment-icon .insight-card.recent-behaviour .points-icon.icon.negative {
  background-color: #8cc152;
}
.insight-card.recent-behaviour .points-icon.negative {
  background-color: #da4453;
}
.insight-card.recent-behaviour .points-icon .points {
  width: 40px;
  height: 40px;
  display: table-cell;
  vertical-align: middle;
}
.insight-card.recent-behaviour .reason {
  font-weight: 600;
}
.insight-card.overdue-tasks .off-icon {
  background-image: url("https://d24lsbndsvqq17.cloudfront.net/images/homework/smhw-a093a46eda634e0c3448a0159ac890f7.svg");
  background-repeat: no-repeat;
}
.insight-card.overdue-tasks .insight-card__title {
  margin: 3px 0;
}
.insight-card.overdue-tasks .overdue-task {
  border: 1px solid #e6e9ed;
  width: 100%;
  padding: 10px 20px;
  position: relative;
  line-height: 28px;
}
.insight-card.overdue-tasks .overdue-task--homework::before {
  background-color: #8cc152;
}
.insight-card.overdue-tasks .overdue-task--classwork::before {
  background-color: #ed5565;
}
.insight-card.overdue-tasks .overdue-task--quiz::before {
  background-color: #f3a100;
}
.insight-card.overdue-tasks .overdue-task--spelling-test::before {
  background-color: #37bd9c;
}
.insight-card.overdue-tasks .overdue-task--differentiated::before {
  background-color: #0e79c9;
}
.insight-card.overdue-tasks .overdue-task--class-test::before {
  background-color: #967bdc;
}
.insight-card.overdue-tasks .overdue-task::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
}
.insight-card.overdue-tasks .overdue-task:not(:last-child) {
  margin-bottom: 20px;
}
.insight-card.overdue-tasks .overdue-task__title {
  display: flex;
  align-items: center;
}
.insight-card.overdue-tasks .overdue-task__title .fa {
  color: #da4453;
  margin-right: 5px;
}
.insight-card.overdue-tasks .overdue-task__title a {
  font-weight: 600;
}
.insight-card.recent-detentions .off-icon {
  background-image: url("https://d24lsbndsvqq17.cloudfront.net/images/detentions/detentions_app_logo-89b8042b3fb71820192c984156ea1681.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.insight-card.recent-detentions .detention-student {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 1px solid #e6e9ed;
  padding: 20px 0;
  width: 100%;
}
.insight-card.recent-detentions .detention-student:first-child {
  padding-top: 0;
}
.insight-card.recent-detentions .detention-student:last-child {
  margin-bottom: 20px;
}
.insight-card.recent-detentions .detention-status {
  width: 40px;
  height: 40px;
  border: 1px solid #aab2bd;
  border-radius: 50%;
  margin-right: 10px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.insight-card.recent-detentions .detention-status.attended {
  color: #8cc152;
  border-color: #8cc152;
}
.insight-card.recent-detentions .detention-status.not_attended {
  color: #CA0000;
  border-color: #CA0000;
}
.insight-card.recent-detentions .detention-status.rescheduled {
  color: #0e79c9;
  border-color: #0e79c9;
}
.insight-card.recent-detentions .detention-status.cancelled {
  color: #aab2bd;
  border-color: #aab2bd;
}
.insight-card.recent-detentions .reason {
  font-weight: 600;
}
.insight-card.attendance-rate .off-icon, .insight-card.attendance-marks .off-icon {
  background-image: url("https://d24lsbndsvqq17.cloudfront.net/images/attendance-d3472ada88f10e64c24769e47caadd08.svg");
}
.insight-card.attendance-rate .chart-wrapper {
  max-height: 120px;
  max-width: 250px;
  margin: auto;
}
.insight-card.attendance-rate .panel-footer {
  display: flex;
  justify-content: center;
  align-items: center;
}
.insight-card.attendance-rate .users-count {
  margin-right: 10px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #da4453;
  color: #da4453;
  background-color: #fff;
  font-weight: 600;
  text-align: center;
}
.insight-card.attendance-rate .users-count__value {
  width: 30px;
  height: 30px;
  display: table-cell;
  vertical-align: middle;
}
.insight-card.attendance-marks .data {
  display: flex;
}
.insight-card.attendance-marks .data h3 {
  margin-bottom: 0;
}
.insight-card.attendance-marks .data.lessons {
  flex-direction: column;
}
.insight-card.attendance-marks .data.lessons table {
  border: 1px solid #e6e9ed;
}
.insight-card.attendance-marks .data.lessons th,
.insight-card.attendance-marks .data.lessons td {
  text-align: center;
  border: 0;
}
.insight-card.attendance-marks .data.lessons th {
  background-color: #f5f7fa;
}
.insight-card.attendance-marks .data.lessons th.session {
  font-weight: 600;
}
.insight-card.attendance-marks .data.lessons td {
  padding: 15px;
}
.insight-card.attendance-marks .data.lessons .selected-attendance-code {
  width: 30px;
  height: 30px;
}
.insight-card.attendance-marks .data.sessions {
  flex-direction: row;
}
.insight-card.attendance-marks .data.sessions .panel {
  width: 50%;
  text-align: center;
  border-color: #e6e9ed;
  max-height: 230px;
}
.insight-card.attendance-marks .data.sessions .panel:first-child {
  margin-right: 20px;
}
.insight-card.attendance-marks .data.sessions .panel-body {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.insight-card.attendance-marks .data.sessions .tooltip-wrapper {
  margin-top: 20px;
  margin-bottom: 20px;
}
.insight-card.attendance-marks .data.sessions .selected-attendance-code {
  width: 50px;
  height: 50px;
  font-size: 25px;
  font-weight: 600;
}
.insight-card.attendance-marks .data .selected-attendance-code {
  display: table-cell;
  vertical-align: middle;
}
.insight-card.welfare-notes {
  height: auto;
}
.insight-card.welfare-notes .off-icon {
  color: #fff;
  background-color: #0e79c9;
  border-radius: 10px;
  font-size: 26px;
  padding-top: 10px;
}
.insight-card.welfare-notes .data {
  display: flex;
  flex-direction: row;
}
.insight-card.welfare-notes .panel {
  width: 50%;
  border-color: #e6e9ed;
  max-height: 230px;
}
.insight-card.welfare-notes .panel:first-child {
  margin-right: 20px;
}
.insight-card.welfare-notes .panel-body {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: space-between;
  position: relative;
}
.insight-card.welfare-notes .notes-counter {
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 20px;
}
.insight-card.welfare-notes .icon-wrapper {
  width: 45px;
  height: 45px;
  background-color: #f1f3f6;
  border-radius: 50%;
  color: #aab2bd;
  font-size: 26px;
  margin-bottom: 20px;
}
.insight-card.welfare-notes .icon-wrapper .fa {
  width: 45px;
  height: 45px;
  display: table-cell;
  vertical-align: middle;
}
.insight-card.welfare-notes .notes-type {
  font-weight: 600;
}
.insight-card.welfare-notes .pulsing-dot-wrapper {
  position: absolute;
  top: 10px;
  left: 10px;
}

.school-selector {
  position: relative;
}
.school-selector .school-search-spinner {
  position: absolute;
  width: 100%;
  bottom: 11px;
}
.school-selector .school-search-spinner .svg {
  margin: 0;
  width: 24px;
  height: 100%;
}
.school-selector .school-search-spinner.calendar {
  top: 15px;
}
.school-selector .suggestions {
  list-style: none;
  padding-left: 0;
  position: absolute;
  width: 100%;
  background-color: white;
  margin-top: -1px;
  z-index: 200;
}
.school-selector .suggestions .list-border {
  display: block;
  border-bottom: 1px solid #ccd1d9;
  max-height: 257px;
  overflow-x: hidden;
  overflow-y: auto;
}
.school-selector .suggestions.no-results {
  border-bottom: 1px solid #ccd1d9;
}
.school-selector .suggestions.no-results a {
  color: inherit;
}
.school-selector .suggestions.no-results a:hover {
  text-decoration: none;
}
.school-selector .suggestion {
  padding: 7px;
  cursor: pointer;
  border: 1px solid #ccd1d9;
}
.school-selector .suggestion .school-logo {
  height: 50px;
  width: 50px;
  display: flex;
  float: left;
  align-items: center;
  text-align: center;
}
.school-selector .suggestion .school-logo::before {
  font-size: 32px;
  width: 100%;
}
.school-selector .suggestion p {
  margin: 3px;
}
.school-selector .suggestion .suggested-school-name {
  font-weight: 600;
  min-height: 20px;
}
.school-selector .suggestion .suggested-school-address {
  min-height: 20px;
}
.school-selector .suggestion:not(:first-child) {
  border-top: none;
}
.school-selector .suggestion:first-child {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.school-selector .suggestion:last-of-type {
  border-bottom: none;
}
.school-selector .suggestion:hover, .school-selector .suggestion.active {
  background-color: #0e79c9;
  color: #fff;
}
.school-selector .suggestion:hover em, .school-selector .suggestion.active em {
  color: #fff;
}
.school-selector .add-school {
  margin-top: 10px;
  display: block;
}

.student-insights .flex-wrapper .panel .panel-body {
  margin-bottom: 0;
  text-align: left;
}
.student-insights .flex-wrapper .panel h3.title {
  text-align: left;
  color: #0e79c9;
  text-transform: uppercase;
}
.student-insights .profile-panel .user-profile-picture {
  width: 100%;
  display: block;
  text-align: center;
}
.student-insights .profile-panel .user-profile-picture .avatar-wrapper {
  width: 120px;
  height: 120px;
  background-size: cover;
  border-radius: 50%;
  margin: 0 auto;
  background-position: center;
}
.student-insights .profile-panel .user-profile-picture .pe-7s-user {
  font-size: 65px;
}
.student-insights .profile-panel .student-name {
  margin-top: 10px;
  margin-bottom: 5px;
}
.student-insights .profile-panel .see-praise {
  font-size: 12px;
}
.student-insights .profile-panel .download-link {
  display: block;
  text-align: center;
}
.student-insights .profile-panel .data-wrapper {
  padding: 20px 0;
}
.student-insights .profile-panel .data-wrapper .text-wrapper {
  display: flex;
  border-top: 1px solid #ccd1d9;
  margin: 0;
  padding: 5px 0 5px 5px;
}
.student-insights .profile-panel .data-wrapper .text-wrapper .right {
  margin-left: auto;
}
.student-insights .submission-stats-panel .legend-wrapper {
  display: flex;
  align-items: center;
}
.student-insights .submission-stats-panel .legend-wrapper .status-label {
  padding: 5px 0;
}
.student-insights .submission-stats-panel .legend-wrapper .status-label::before {
  content: "";
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-right: 5px;
}
.student-insights .submission-stats-panel .legend-wrapper .status-label.absent::before {
  background-color: #3083d1;
}
.student-insights .submission-stats-panel .legend-wrapper .status-label.submitted::before {
  background-color: #8fc053;
}
.student-insights .submission-stats-panel .legend-wrapper .status-label.submitted-late::before {
  background-color: #5e9b24;
}
.student-insights .submission-stats-panel .legend-wrapper .status-label.resubmission::before {
  background-color: #f1a100;
}
.student-insights .submission-stats-panel .legend-wrapper .status-label.not-submitted::before {
  background-color: #d84852;
}

#community-resources {
  position: relative;
}
#community-resources .cr-search-input {
  max-width: none;
}
#community-resources::before, #community-resources::after {
  content: "";
  position: absolute;
  top: 0;
  width: 125px;
  height: 175px;
  background-size: 125px auto;
  background-repeat: no-repeat;
}
#community-resources::after {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/community-resources/bookshelf_left_@2x-f68c26ad6bbc89ad3dc3637b82e87d8c.png);
  left: 0;
}
@media (max-width: 1051px) {
  #community-resources::after {
    left: -50px;
  }
}
@media (max-width: 820px) {
  #community-resources::after {
    left: -70px;
  }
}
#community-resources::before {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/community-resources/bookshelf_right_@2x-0f015f443ec666b2960942ba7c0c46b7.png);
  right: 0;
}
@media (max-width: 1051px) {
  #community-resources::before {
    right: -50px;
  }
}
@media (max-width: 820px) {
  #community-resources::before {
    right: -70px;
  }
}
#community-resources .main-content.first-container {
  padding-bottom: 0;
  min-height: auto;
}
#community-resources .main-content + .main-content {
  padding-top: 0;
}
#community-resources.new-search::before, #community-resources.new-search::after {
  display: none;
}
#community-resources .tab-container ul.tabs {
  min-width: auto;
}
#community-resources .header {
  padding: 0 125px;
  min-height: 150px;
  margin-bottom: 20px;
}
@media (max-width: 1051px) {
  #community-resources .header {
    padding: 0 45px;
  }
  #community-resources .header h2.main-title {
    font-size: 32px;
  }
}
@media (max-width: 820px) {
  #community-resources .header {
    padding: 0 20px;
  }
}
#community-resources .header .main-title {
  text-align: center;
  font-size: 38px;
  margin: 0 0 19px 0;
}
#community-resources .header .main-title .icon {
  color: #F96D4F;
  font-weight: bold;
}
#community-resources .header .main-title .highlight {
  color: #f23d0d;
  font-weight: normal;
}
#community-resources .header .books-search-wrapper {
  border: 1px solid #C5DBF8;
  border-radius: 4px;
  display: flex;
  padding: 10px 15px;
  align-items: center;
  position: relative;
}
#community-resources .header .books-search-wrapper .main-search {
  border: none;
  flex: 1;
  padding-left: 15px;
  padding-right: 30px;
  height: 35px;
}
#community-resources .header .books-search-wrapper .main-search:focus {
  outline: 0;
}
#community-resources .header .books-search-wrapper .book-types {
  min-width: 100px;
  text-align: center;
}
#community-resources .header .books-search-wrapper .book-types .book-types-trigger {
  border: none;
}
#community-resources .header .books-search-wrapper .icon {
  font-size: 25px;
}
#community-resources .header .books-search-wrapper .clear-community-resource-search {
  position: absolute;
  font-size: 17px;
  right: 15px;
  top: 19px;
  cursor: pointer;
}
#community-resources .content-header-wrapper {
  display: flex;
  border: 1px solid #ccd1d9;
  border-radius: 4px;
  background-color: #f6f7fb;
  padding: 10px;
  margin-bottom: 20px;
}
#community-resources .content-header-wrapper.collins {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/community-resources/collins/collins-branding-bar-318705b633481d72930eadc3196e097d.png);
  background-position: center right;
  background-repeat: no-repeat;
  background-color: #0e79c9;
  padding: 12px;
  border: none;
}
#community-resources .content-header-wrapper.collins .collins-logo {
  height: 30px;
  width: 100px;
  background-color: #e84417;
  font-family: arial, sans-serif;
  text-align: center;
  line-height: 30px;
  font-size: 24px;
  color: #fff;
  font-weight: bold;
}
#community-resources .content-header-wrapper.collins .collins-logo-content {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  margin-left: 5px;
}
#community-resources .content-header-wrapper .content-header-title {
  background-color: #E74315;
  color: #fff;
  font-size: 16px;
  padding: 2px 8px;
  margin: 0;
}
#community-resources .content-header-wrapper .content-header-options {
  margin-left: auto;
  display: flex;
  align-items: center;
}
#community-resources .content-header-wrapper .content-header-options .count {
  border: 1px solid #ccd1d9;
  border-radius: 4px;
  background-color: #fff;
  padding: 2px 5px;
  line-height: 17px;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
}
#community-resources .content-header-wrapper .content-header-options .count:not(:last-of-type) {
  margin-right: 5px;
}
#community-resources .content-header-wrapper .content-header-options .count.active {
  border-color: #C5DBF8;
  background-color: #0e79c9;
  color: #fff;
}
#community-resources .content-header-wrapper .content-header-options .count:hover {
  cursor: pointer;
}
#community-resources .books-flex-container {
  display: flex;
  flex-wrap: wrap;
  margin-right: -14px;
}
#community-resources .inside-book-wrapper .book-thumb {
  width: 20%;
  max-width: 200px;
}
#community-resources .inside-book-wrapper .book-thumb .btn {
  width: 100%;
}
#community-resources .inside-book-wrapper .book-thumb .ti-reload {
  font-weight: bold;
}
#community-resources .inside-book-wrapper .content-wrapper {
  width: 80%;
  padding: 0 20px;
}
#community-resources .inside-book-wrapper .content-wrapper .whats-inside {
  margin-bottom: 20px;
}
#community-resources .inside-book-wrapper .content-wrapper .level:not(:last-of-type)::after {
  content: ",";
}
#community-resources .inside-book-wrapper .description {
  overflow: hidden;
}
#community-resources .inside-book-wrapper .description .line-clamp {
  display: -webkit-box;
  margin: 0;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
#community-resources .inside-book-wrapper .chapters-wrapper {
  background-color: #f5f7fa;
  padding: 2px 0 0 0;
  margin-bottom: 20px;
}
#community-resources .seperator {
  border: dashed 1px #ccd1d9;
  margin: 20px 0;
}
#community-resources .book-box {
  flex: 1;
  min-height: 300px;
}
#community-resources .book-box:not(.is-thumbnail) {
  min-width: 185px;
  max-width: 250px;
  margin-right: 15px;
  min-height: 250px;
}
#community-resources .book-box:not(.is-thumbnail).panel {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  margin-bottom: 65px;
}
#community-resources .book-box:not(.is-thumbnail):hover {
  text-decoration: none;
  cursor: pointer;
}
@media (max-width: 1300px) {
  #community-resources .book-box.is-thumbnail .top-wrapper .book-content .subject {
    font-size: 1.3vw;
  }
  #community-resources .book-box.is-thumbnail .top-wrapper .book-content .title {
    font-size: 1vw;
  }
}
#community-resources .book-box.is-thumbnail .top-wrapper .cover {
  height: auto;
  min-height: 135px;
  font-size: 7.5vw;
}
@media (min-width: 1300px) {
  #community-resources .book-box.is-thumbnail .top-wrapper .cover {
    font-size: 100px;
  }
}
#community-resources .book-box.fake-panel {
  border: none;
  box-shadow: none;
}

.collins-subject-1 {
  background-color: #01A195;
}

.collins-subject-2 {
  background-color: #70BAB9;
}

.collins-subject-3 {
  background-color: #F26841;
}

.collins-subject-4 {
  background-color: #e84417;
}

.collins-subject-5 {
  background-color: #00ADEF;
}

.collins-subject-6 {
  background-color: #8EBBDA;
}

.collins-subject-7 {
  background-color: #7159A5;
}

.community-resources-sidebar {
  position: fixed;
  left: 0;
  top: 212px;
  max-width: 240px;
  z-index: 750;
  transition: all 0.5s ease;
  transform: translate3d(-100%, 0, 0);
  background-color: #f5f7fa;
  height: 100vh;
}
.community-resources-sidebar .primary-action {
  background: #fff;
}
.community-resources-sidebar.toggled {
  transform: translate3d(0, 0, 0);
  height: calc(100vh - 100px);
  overflow: auto;
}
@media (max-width: 767px) {
  .community-resources-sidebar.toggled {
    transform: translate3d(-100%, 0, 0);
  }
}

.banner-visible .community-resources-sidebar {
  top: 262px;
}

.collins-content-wrapper {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.collins-content-wrapper:last-of-type {
  margin-bottom: 20px;
}
.collins-content-wrapper .thumb {
  width: 80px;
  height: 50px;
  border-radius: 4px;
  margin-right: 10px;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #ccd1d9;
}
.collins-content-wrapper .thumb, .collins-content-wrapper .thumb-info {
  display: inline-block;
}
.collins-content-wrapper .thumb-info {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.collins-content-wrapper .thumb-info .book-title {
  font-weight: bold;
}
.collins-content-wrapper .thumb-info p {
  margin: 0;
}
.collins-content-wrapper .thumb-info a {
  color: #656d78;
}

.collins-contents-list {
  display: flex;
  flex-direction: column;
}
.collins-contents-list .collins-content-wrapper {
  color: inherit;
  margin-right: auto;
}
.collins-contents-list .collins-content-wrapper:hover {
  text-decoration: none;
}
.collins-contents-list .collins-content-wrapper:hover .chapter-title {
  text-decoration: underline;
  color: #0e79c9;
}

.community-resource-item-form {
  background-color: #fff;
  margin-bottom: 0;
}
.community-resource-item-form__share-block {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.community-resource-item-form__share-block .linearicon-sync {
  color: #da4453;
  margin-right: 5px;
  font-weight: bold;
}
.community-resource-item-form__share-block .linearicon-sync.rotate {
  animation: spinning 1.5s infinite linear;
}
.community-resource-item-form__data {
  display: flex;
  margin-bottom: 15px;
}
.community-resource-item-form__data__dropdown {
  flex: 1;
  margin: 0 5px;
  max-width: 33%;
}
.community-resource-item-form__data__dropdown:first-child {
  margin-left: 0;
}
.community-resource-item-form__data__dropdown:last-child {
  margin-right: 0;
}
.community-resource-item-form__tags {
  margin-top: 10px;
}
.community-resource-item-form .tooltips {
  margin-left: 5px;
}
.community-resource-item-form .tooltips span.top {
  height: 95px;
  margin-left: -132px;
  width: 265px;
}

.sidebar-nav .sidebar-box-wrapper {
  padding: 10px;
}
.sidebar-nav .sidebar-box-wrapper.last {
  margin-bottom: 50px;
}
.sidebar-nav .sidebar-box-wrapper .sidebar-box-container {
  padding: 15px;
  border: 1px solid #ccd1d9;
  border-radius: 4px;
  background: #fff;
}
.sidebar-nav .sidebar-box-wrapper .sidebar-box-container .heading-wrapper {
  border-bottom: 1px solid #ccd1d9;
  display: flex;
  padding: 10px 0;
  margin-bottom: 10px;
  flex-direction: column;
}
.sidebar-nav .sidebar-box-wrapper .sidebar-box-container .heading-wrapper .sidebar-box-title {
  font-size: 16px;
  margin: 0;
  font-weight: 600;
  text-indent: 0;
  display: flex;
  align-items: center;
}
.sidebar-nav .sidebar-box-wrapper .sidebar-box-container .heading-wrapper .sidebar-box-title .flaticon-plus26 {
  color: #E74315;
  margin-left: -5px;
}
.sidebar-nav .sidebar-box-wrapper .sidebar-box-container .heading-wrapper p {
  line-height: normal;
  text-indent: 0;
}
.sidebar-nav .sidebar-box-wrapper .sidebar-box-container .heading-wrapper .description {
  margin: 9px 0 0 0;
  font-size: 13px;
}
.sidebar-nav .sidebar-box-wrapper .sidebar-box-container .heading-wrapper a {
  line-height: normal;
  border: none;
  text-indent: 0;
}
.sidebar-nav .sidebar-box-wrapper .sidebar-box-container .heading-wrapper a:hover {
  text-decoration: underline;
}
.sidebar-nav .sidebar-box-wrapper .sidebar-box-container .heading-wrapper a:hover, .sidebar-nav .sidebar-box-wrapper .sidebar-box-container .heading-wrapper a.active {
  background: none;
}
.sidebar-nav .sidebar-box-wrapper .sidebar-box-container .ember-power-select-trigger {
  margin-bottom: 10px;
  text-indent: 0;
}

#smart-seating .seating-cell .top-wrapper .student-wrapper, #smart-seating .seating-cell, #smart-seating .seating-desk, #smart-seating .seating-grid-cell .dropable, #smart-seating .seating-grid-cell {
  height: 84px;
  width: 92px;
}

#smart-seating .seating-grid-cell .seating-desk.w4-h1::before, #smart-seating .seating-grid-cell .seating-desk.w3-h2::before, #smart-seating .seating-grid-cell .seating-desk.w3-h1::before, #smart-seating .seating-grid-cell .seating-desk.w2-h2::before, #smart-seating .seating-grid-cell .seating-desk.w2-h3::before, #smart-seating .seating-grid-cell .seating-desk.w2-h1::before, #smart-seating .seating-grid-cell .seating-desk.w1-h2::before, #smart-seating .seating-grid-cell .seating-desk.w1-h1::before, #smart-seating .sidebar-content .seating-desk::before {
  background: #563f30;
  border-radius: 25px;
  bottom: 75px;
  content: "";
  height: 2px;
  left: 9px;
  opacity: 0.25;
  position: absolute;
  width: 80%;
}

#smart-seating .seating-grid-cell.vertical-desk .seating-cell:last-child.place-assigned::before, #smart-seating .seating-grid-cell.vertical-desk .seating-cell:last-child.place-assigned::after, #smart-seating .seating-grid-cell.vertical-desk .seating-cell:first-child.place-assigned::before, #smart-seating .seating-grid-cell.vertical-desk .seating-cell:first-child.place-assigned::after, #smart-seating .seating-cell.inner-cell.place-assigned::before, #smart-seating .seating-cell.place-assigned:not(.inner-cell)::after {
  height: 61px;
  width: 102px;
}

#smart-seating .seating-cell.inner-cell.place-assigned::before, #smart-seating .seating-cell.place-assigned:not(.inner-cell)::after {
  content: url("https://d24lsbndsvqq17.cloudfront.net/images/smart-seating/chair-23342cc84f1cd41f9badc8afad766ffb.svg");
}

#smart-seating .sidebar-content .seating-desk.w3-h2 .desk-content-row:last-child::after, #smart-seating .sidebar-content .seating-desk.w2-h2 .desk-content-row:last-child::after, #smart-seating .sidebar-content .seating-desk.w1-h2 .desk-content-row:last-child::after {
  top: 46px;
}

.page-actions-container {
  display: flex;
  align-items: center;
  border-left: 1px solid #e6e9ed;
  border-bottom: 1px solid #dadada;
  padding: 12px 25px;
  height: 70px;
}
.page-actions-container__left {
  flex-grow: 1;
}
.page-actions-container__right {
  margin-left: auto;
}
.page-actions-container .btn .strong {
  font-weight: bold;
}
.page-actions-container .btn .fa-bolt {
  font-size: 17px;
}
.page-actions-container .duplicate-grid .duplicate {
  margin-left: 20px;
}
.page-actions-container .duplicate-grid .duplicate-input {
  min-width: 270px;
}
.page-actions-container .assessment-toggle, .page-actions-container .praise-toggle {
  margin-left: 20px;
}
.page-actions-container .menu-toggle {
  border-color: #e6e9ed;
  height: 40px;
  font-size: 14px;
  margin-right: 20px;
}
.page-actions-container .menu-toggle.export-pdf {
  margin: 0;
}
.page-actions-container .menu-toggle.export-pdf .linearicon-upload2 {
  padding-right: 8px;
}
.page-actions-container .smhw-validated-input {
  margin: 0 20px 0 0;
}
.page-actions-container .ember-power-select-trigger {
  margin-right: 20px;
  min-width: 70px;
}
.page-actions-container .ember-power-select-trigger.rows .ember-basic-dropdown-trigger, .page-actions-container .ember-power-select-trigger.columns .ember-basic-dropdown-trigger {
  padding: 0 30px 0 10px;
}
.page-actions-container .select-template {
  min-width: 180px;
  margin-left: 20px;
  padding-right: 20px;
}
.page-actions-container .update-grid-btn, .page-actions-container .create-grid-btn {
  margin-right: 20px;
}
.page-actions-container .update-grid {
  align-items: center;
}
.page-actions-container .label-filters {
  margin-left: 10px;
  height: 33px;
  position: relative;
  display: flex;
  align-items: center;
}
.page-actions-container .label-filters.filters-shown .filters-wrapper .filters-dropdown {
  border: 1px solid #ccd1d9;
  width: 100%;
  border-radius: 4px;
  padding: 10px;
  background: #fff;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 501;
}
.page-actions-container .label-filters.filters-shown .filters-wrapper .filters-dropdown:after, .page-actions-container .label-filters.filters-shown .filters-wrapper .filters-dropdown:before {
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.page-actions-container .label-filters.filters-shown .filters-wrapper .filters-dropdown:after {
  border-bottom-color: #fff;
  border-width: 5px;
}
.page-actions-container .label-filters.filters-shown .filters-wrapper .filters-dropdown:before {
  border-bottom-color: #ccd1d9;
  border-width: 6px;
}
.page-actions-container .label-filters.filters-shown .filters-wrapper .filters-dropdown .checkbox {
  margin: 0;
  margin-bottom: 20px;
}
.page-actions-container .label-filters.filters-shown .filters-wrapper .filters-dropdown .checkbox:last-of-type {
  margin-bottom: 0;
}
.page-actions-container .label-filters.disabled .filters-wrapper .toggle-filters {
  color: #ccc;
  pointer-events: none;
}
.page-actions-container .right-btns {
  display: flex;
  margin-left: auto;
}
.page-actions-container .right-btns .saving-saved {
  margin-right: 8px;
}
.page-actions-container .right-btns .square-btn, .page-actions-container .right-btns .tooltip-wrapper .tooltips.fullscreen-disabled {
  align-items: center;
  border: 1px solid #e6e9ed;
  border-radius: 3px;
  color: #0e79c9;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 40px;
}
.page-actions-container .right-btns .square-btn.disabled, .page-actions-container .right-btns .tooltip-wrapper .disabled.tooltips.fullscreen-disabled {
  border-color: #e6e9ed;
  cursor: not-allowed;
  opacity: 0.65;
}
.page-actions-container .right-btns .square-btn:before, .page-actions-container .right-btns .tooltip-wrapper .tooltips.fullscreen-disabled:before {
  font-size: 18px;
}
.page-actions-container .right-btns .square-btn:hover, .page-actions-container .right-btns .tooltip-wrapper .tooltips.fullscreen-disabled:hover {
  border-color: #0e79c9;
}
.page-actions-container .right-btns .square-btn:focus, .page-actions-container .right-btns .tooltip-wrapper .tooltips.fullscreen-disabled:focus {
  outline: none;
}
.page-actions-container .right-btns .square-btn.active:focus, .page-actions-container .right-btns .tooltip-wrapper .active.tooltips.fullscreen-disabled:focus {
  background-color: #f5f7fa;
  border-color: transparent;
  box-shadow: inset 2px 2px 0 0 rgba(0, 0, 0, 0.2);
}
.page-actions-container .right-btns .tooltip-wrapper {
  display: flex;
  align-items: center;
}
.page-actions-container .right-btns .tooltip-wrapper .tooltips {
  color: #656d78;
  margin: 0 8px;
  font-size: 16px;
  display: inline-block;
}
.page-actions-container .right-btns .tooltip-wrapper .tooltips:hover {
  color: #0e79c9;
}
.page-actions-container .right-btns .tooltip-wrapper .tooltips:focus {
  text-decoration: none;
}
.page-actions-container .right-btns .tooltip-wrapper .tooltips.ti-trash:hover {
  color: #da4453;
}
.page-actions-container .right-btns .tooltip-wrapper .tooltips.ti-reload::before {
  transform: rotate(90deg);
}
.page-actions-container .right-btns .tooltip-wrapper .tooltips.ti-widgetized {
  font-weight: bold;
}
.page-actions-container .right-btns .tooltip-wrapper .tooltips.ti-widgetized span {
  font-weight: normal;
}
.page-actions-container .right-btns .tooltip-wrapper .tooltips .ti-layers {
  font-size: 17px;
}
.page-actions-container .right-btns .tooltip-wrapper .tooltips .fullscreen-icon {
  height: 14px;
  width: 14px;
}
.page-actions-container .right-btns .tooltip-wrapper .tooltips .fullscreen-icon path {
  fill: #656d78;
}
.page-actions-container .right-btns .tooltip-wrapper .tooltips .fullscreen-icon:hover path {
  fill: #0e79c9;
}
.page-actions-container .right-btns .tooltip-wrapper .tooltips.ti-layers .top, .page-actions-container .right-btns .tooltip-wrapper .tooltips.ti-trash .top, .page-actions-container .right-btns .tooltip-wrapper .tooltips.fullscreen .top, .page-actions-container .right-btns .tooltip-wrapper .tooltips.ti-close .top {
  margin-left: -40px;
  width: 80px;
}
.page-actions-container .right-btns .tooltip-wrapper .tooltips.fullscreen-enabled {
  background-color: #0e79c9;
  padding: 7px 11px;
  border-radius: 3px;
  margin-left: 15px;
}
.page-actions-container .right-btns .tooltip-wrapper .tooltips.fullscreen-enabled .fullscreen-icon {
  height: 14px;
  width: 14px;
}
.page-actions-container .right-btns .tooltip-wrapper .tooltips.fullscreen-enabled .fullscreen-icon path {
  fill: #fff;
}
.page-actions-container .right-btns .tooltip-wrapper .tooltips.fullscreen-enabled .fullscreen-icon:hover path {
  fill: #fff;
}
.page-actions-container .right-btns .tooltip-wrapper .tooltips.fullscreen-disabled path {
  fill: #0e79c9;
}
.page-actions-container .right-btns .tooltip-wrapper .tooltips.fullscreen-disabled:hover path {
  fill: #0e79c9;
}
.page-actions-container .right-btns .tooltip-wrapper .tooltips.ti-widgetized .top {
  margin-left: -35px;
  width: 70px;
}
.page-actions-container .right-btns .tooltip-wrapper .tooltips.ti-reload .top {
  margin-left: -50px;
  width: 100px;
}
.page-actions-container .options-text {
  margin-right: 20px;
}
.page-actions-container button.create-new-grid {
  margin-left: auto;
}
.page-actions-container .create-new-grid-form {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.page-actions-container .create-new-grid-form-2 {
  display: flex;
  align-items: center;
}
.page-actions-container .smart-seating-search {
  display: flex;
  margin-right: 20px;
  position: relative;
  min-width: 400px;
}
.page-actions-container .smart-seating-search .ember-power-select-trigger {
  min-width: 200px;
}
.page-actions-container .smart-seating-search .form-control {
  min-width: 200px;
  padding: 6px 25px 6px 10px;
  width: 100%;
}
.page-actions-container .smart-seating-search::after {
  content: "";
  font-family: "Linearicons";
  font-size: 13px;
  position: absolute;
  color: #0e79c9;
  top: 8px;
  right: 10px;
}
.page-actions-container .smart-seating-search .search-wrapper {
  position: relative;
}
.page-actions-container .smart-seating-search .search-wrapper .clear-search {
  position: absolute;
  right: 10px;
  top: 0;
  font-size: 13px;
  color: #333;
  height: 32px;
  line-height: 32px;
  font-weight: 600;
  display: block;
  width: 15px;
  text-align: center;
}
.page-actions-container .smart-seating-search .search-wrapper .clear-search:hover {
  cursor: pointer;
}
.page-actions-container .smart-seating-search .search-wrapper.not-empty::after {
  content: "";
}
.page-actions-container .smart-seating-search::after {
  content: "";
}
.page-actions-container__legend-list-dropdown {
  display: flex;
  justify-content: flex-end;
}

#smart-seating .page-actions-container .toggle-filters {
  color: #5d9cec;
}
#smart-seating .page-actions-container .toggle-filters:hover {
  color: #0e79c9;
}
#smart-seating .page-actions-container .toggle-filters span {
  margin-left: 5px;
}
#smart-seating .page-actions-container .label-filters.disabled .filters-wrapper .toggle-filters {
  color: #ccc;
  pointer-events: none;
}
#smart-seating .edit-plan-form {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
#smart-seating .sidebar-slider {
  padding: 0;
  width: 320px;
}
#smart-seating .sidebar-slider .duplicate-grid {
  height: 100vh;
  display: flex;
  flex-direction: column;
}
#smart-seating .sidebar-slider .sidebar-slider--header {
  padding: 15px 15px 0;
}
#smart-seating .sidebar-slider .sidebar-slider--body {
  margin-top: 15px;
  padding: 0 15px;
}
#smart-seating .sidebar-slider .sidebar-slider--footer {
  box-shadow: 0 0 7px #e6e9ed;
  padding: 15px;
}
#smart-seating .sidebar-slider .sidebar-slider--subheader {
  margin-top: 21px;
}
#smart-seating .sidebar-slider .disabled {
  opacity: 0.65;
  pointer-events: none;
}
#smart-seating .sidebar-slider .sidebar-content .radio-button {
  color: #656d78;
}
#smart-seating .sidebar-slider .options-block {
  padding-bottom: 23px;
}
#smart-seating .sidebar-slider .options-block:last-of-type {
  border: none;
}
#smart-seating .sidebar-slider .options-block .options-block-fields p {
  font-size: 13px;
  margin-bottom: 5px;
}
#smart-seating .smart-seating-edit {
  display: flex;
  align-items: stretch;
  background-color: #fafafa;
  border-left: 1px solid #e6e9ed;
  margin: 0;
  transition: margin-right 0.2s;
}
#smart-seating .smart-seating-edit.sidebar-shown {
  margin-right: 320px;
}
#smart-seating .smart-seating-edit .smart-seating-grid-wrapper, #smart-seating .smart-seating-edit .smart-seating-grid-wrapper-fullscreen {
  flex: 1;
  position: relative;
  overflow: auto;
  padding: 0 25px;
  height: calc(100vh - 269px);
}
#smart-seating .smart-seating-edit .smart-seating-grid-wrapper.no-tabs, #smart-seating .smart-seating-edit .no-tabs.smart-seating-grid-wrapper-fullscreen {
  height: calc(100vh - 215px);
}
#smart-seating .smart-seating-edit .smart-seating-grid-wrapper-fullscreen {
  height: calc(100vh - 120px);
}
#smart-seating .smart-seating-edit .scrollable-grid {
  margin: 0 auto;
}
#smart-seating .smart-seating-edit .seating-sidebar .footer-wrapper {
  display: flex;
  top: -3px;
  position: relative;
}
#smart-seating .smart-seating-edit .seating-sidebar .footer-wrapper .clear-all-link {
  margin: 5px 0 0 10px;
}
#smart-seating .smart-seating-edit .seating-sidebar .sidebar-content {
  background-color: #fff;
  flex: 1;
  border-left: 1px solid #dadada;
  padding: 20px;
  max-height: calc(100vh - 313px);
  height: calc(100vh - 313px);
}
#smart-seating .smart-seating-edit .seating-sidebar .sidebar-content .seating-label {
  border-bottom: 1px solid #dadada;
  width: 100%;
}
#smart-seating .smart-seating-edit .seating-sidebar .sidebar-content.no-tabs {
  max-height: calc(100vh - 203px);
  overflow: auto;
}
#smart-seating .smart-seating-edit .seating-sidebar .sidebar-content .smart-infos-wrapper {
  padding: 15px 0;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  cursor: auto;
}
#smart-seating .smart-seating-edit .seating-sidebar .sidebar-content .smart-infos-wrapper .seating-student {
  z-index: 1;
  width: 62px;
  height: 62px;
}
#smart-seating .smart-seating-edit .seating-sidebar .sidebar-content .smart-infos-wrapper .smart-info {
  margin-left: 20px;
}
#smart-seating .smart-seating-edit .seating-sidebar .sidebar-content .seating-label-item .smart-infos-wrapper,
#smart-seating .smart-seating-edit .seating-sidebar .sidebar-content .seating-label-item .seating-label {
  padding-top: 0;
}
#smart-seating .smart-seating-edit .seating-sidebar .sidebar-content .smart-search {
  display: flex;
  position: relative;
}
#smart-seating .smart-seating-edit .seating-sidebar .sidebar-content .smart-search:after {
  content: "";
  font-family: "Pe-icon-7-stroke";
  font-size: 20px;
  color: #000000;
  position: absolute;
  right: 0;
  width: 25px;
  margin: 10px 8px 0 0;
}
#smart-seating .smart-seating-edit .seating-sidebar .sidebar-content .smart-search input.form-control {
  padding-right: 30px;
}
#smart-seating .smart-seating-edit .seating-sidebar .sidebar-content .smart-search button, #smart-seating .smart-seating-edit .seating-sidebar .sidebar-content .smart-search input {
  height: 41px;
}
#smart-seating .smart-seating-edit .seating-sidebar .sidebar-content .smart-search .autofill {
  box-shadow: none;
  margin-right: 15px;
  min-width: 95px;
  outline: none;
}
#smart-seating .smart-seating-edit .seating-sidebar .sidebar-content .smart-search .autofill :not(.fa) {
  font-family: "Open Sans";
}
#smart-seating .smart-seating-edit .seating-sidebar.export-sidebar .sidebar-content {
  max-height: 100%;
  height: 100%;
}
#smart-seating .smart-seating-edit .seating-sidebar.desks-sidebar .sidebar-content {
  max-height: calc(100vh - 70px);
  height: calc(100vh - 70px);
}
#smart-seating .smart-seating-edit .seating-sidebar .tab-container {
  background-color: #f6f7fb;
  border: 0;
  padding: 0;
}
#smart-seating .smart-seating-edit .seating-sidebar .tab-container li:first-child {
  border-left: 0;
  border-right: 1px solid #dadada;
}
#smart-seating .smart-seating-edit .seating-sidebar .tab-container li a {
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 0;
  margin: 0;
}
#smart-seating .smart-seating-edit .seating-sidebar .tab-container li a.active {
  border-top: 1px solid #dadada;
}
#smart-seating .smart-seating-edit .seating-sidebar .tab-container li a span {
  padding-right: 10px;
}
#smart-seating .smart-seating-edit .seating-sidebar .tab-content {
  margin-top: 18px;
}
#smart-seating .smart-seating-edit .seating-sidebar .aspect-name {
  margin: 4px 0;
  height: 30px;
}
#smart-seating .smart-seating-edit .seating-sidebar .aspect-name:before {
  content: "";
  display: inline-flex;
  height: 20px;
  margin-right: 5px;
  position: relative;
  top: 3px;
  width: 20px;
}
#smart-seating .smart-seating-edit .seating-sidebar .aspect-name .aspect-name-box {
  display: inline-flex;
  background: #fff;
  min-width: 217px;
  max-width: 217px;
  justify-content: space-between;
  position: relative;
  padding: 5px 10px;
  border-radius: 3px;
  top: -1px;
}
#smart-seating .smart-seating-edit .seating-sidebar .aspect-name .aspect-name-box .aspect, #smart-seating .smart-seating-edit .seating-sidebar .aspect-name .aspect-name-box .select-aspect-text {
  text-align: justify;
  max-width: 200px;
  top: 0;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
#smart-seating .smart-seating-edit .seating-sidebar .aspect-name .aspect-name-box .select-aspect-text {
  top: 0 !important;
  color: #ccd1d9;
}
#smart-seating .smart-seating-edit .seating-sidebar .aspect-name .aspect, #smart-seating .smart-seating-edit .seating-sidebar .aspect-name .aspect-name-box .select-aspect-text {
  background-color: transparent;
  vertical-align: top;
  top: 3px;
  position: relative;
  max-width: 226px;
  display: inline-flex;
  text-align: justify;
}
#smart-seating .smart-seating-edit .seating-sidebar .content-title {
  font-size: 17px;
  font-weight: 600;
  margin: 0 0 20px 0;
}
#smart-seating .smart-seating-edit .seating-sidebar .desk-label {
  font-weight: normal;
  margin: 8px 0 30px;
}
#smart-seating .smart-seating-edit .seating-sidebar.sidebar-slider {
  padding-left: 0;
}
#smart-seating .smart-seating-edit .seating-sidebar.sidebar-slider .sidebar-slider--header {
  padding-left: 15px;
}
#smart-seating .smart-seating-edit .seating-sidebar.sidebar-slider .sidebar-slider--body {
  margin-top: 15px;
  padding: 0;
}
#smart-seating .smart-seating-edit .seating-sidebar.sidebar-slider .sidebar-slider--body .assessment-key {
  margin: 0 15px 18px 15px;
}
#smart-seating .smart-seating-edit .seating-sidebar.sidebar-slider .sidebar-slider--body .assessment-key ul li {
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
#smart-seating .smart-seating-edit .seating-sidebar.sidebar-slider .sidebar-slider--body .assessment-key .content-title {
  font-size: 14px;
}
#smart-seating .smart-seating-edit .seating-sidebar.sidebar-slider .sidebar-slider--body .assessment-key + .sidebar-content {
  overflow: initial;
}
#smart-seating .smart-seating-edit .seating-sidebar.sidebar-slider .sidebar-slider--body .assessment-key + .sidebar-content .list-wrapper {
  max-height: calc(100vh - 325px);
  height: calc(100vh - 325px);
  overflow: auto;
  margin-left: -15px;
  padding-left: 15px;
}
#smart-seating .smart-seating-edit .seating-sidebar.sidebar-slider .sidebar-slider--body .assessment-key + .sidebar-content.assessment-key-shown.selected-assessments-1 {
  max-height: calc(100vh - 255px);
  height: calc(100vh - 255px);
}
#smart-seating .smart-seating-edit .seating-sidebar.sidebar-slider .sidebar-slider--body .assessment-key + .sidebar-content.assessment-key-shown.selected-assessments-1 .list-wrapper {
  max-height: calc(100vh - 366px);
  height: calc(100vh - 366px);
}
#smart-seating .smart-seating-edit .seating-sidebar.sidebar-slider .sidebar-slider--body .assessment-key + .sidebar-content.assessment-key-shown.selected-assessments-2 {
  max-height: calc(100vh - 288px);
  height: calc(100vh - 288px);
}
#smart-seating .smart-seating-edit .seating-sidebar.sidebar-slider .sidebar-slider--body .assessment-key + .sidebar-content.assessment-key-shown.selected-assessments-2 .list-wrapper {
  max-height: calc(100vh - 399px);
  height: calc(100vh - 399px);
}
#smart-seating .smart-seating-edit .seating-sidebar.sidebar-slider .sidebar-slider--body .assessment-key + .sidebar-content.assessment-key-shown.selected-assessments-3 {
  max-height: calc(100vh - 320px);
  height: calc(100vh - 320px);
}
#smart-seating .smart-seating-edit .seating-sidebar.sidebar-slider .sidebar-slider--body .assessment-key + .sidebar-content.assessment-key-shown.selected-assessments-3 .list-wrapper {
  max-height: calc(100vh - 432px);
  height: calc(100vh - 432px);
}
#smart-seating .smart-seating-edit .seating-sidebar.sidebar-slider .sidebar-slider--body .assessment-key + .sidebar-content.assessment-key-shown.selected-assessments-4 {
  max-height: calc(100vh - 354px);
  height: calc(100vh - 354px);
}
#smart-seating .smart-seating-edit .seating-sidebar.sidebar-slider .sidebar-slider--body .assessment-key + .sidebar-content.assessment-key-shown.selected-assessments-4 .list-wrapper {
  max-height: calc(100vh - 465px);
  height: calc(100vh - 465px);
}
#smart-seating .smart-seating-edit .seating-sidebar.sidebar-slider .sidebar-slider--body .aspects-search-wrapper {
  margin: 0 15px;
  display: flex;
  position: relative;
}
#smart-seating .smart-seating-edit .seating-sidebar.sidebar-slider .sidebar-slider--body .aspects-search-wrapper .aspects-search-input {
  border-radius: 4px;
  border: 1px solid #aaa;
  padding: 0 25px 0 10px;
  width: 100%;
  font-size: 13px;
  height: 30px;
}
#smart-seating .smart-seating-edit .seating-sidebar.sidebar-slider .sidebar-slider--body .aspects-search-wrapper::after {
  content: "";
  font-family: "Pe-icon-7-stroke";
  font-size: 20px;
  color: #656d78;
  position: absolute;
  right: 0;
  width: 25px;
  margin: 5px 8px 0 0;
}
#smart-seating .smart-seating-edit .seating-sidebar.sidebar-slider .sidebar-slider--body .all-aspects-list {
  margin-top: 15px;
}
#smart-seating .smart-seating-edit .seating-sidebar.sidebar-slider .sidebar-slider--body .all-aspects-list ul {
  list-style-type: none;
  max-height: calc(100vh - 390px);
  height: calc(100vh - 390px);
  overflow-y: auto;
  padding-left: 15px;
  margin: 0;
}
#smart-seating .smart-seating-edit .seating-sidebar.sidebar-slider .sidebar-slider--body .all-aspects-list ul li {
  margin-bottom: 10px;
  display: flex;
  max-width: 285px;
}
#smart-seating .smart-seating-edit .seating-sidebar.sidebar-slider .sidebar-slider--body .all-aspects-list ul li .display-name {
  position: relative;
  margin: 5px 0 0 5px;
  text-align: justify;
}
#smart-seating .smart-seating-edit .seating-sidebar.sidebar-slider .sidebar-slider--body .all-aspects-list .no-results-message {
  text-align: center;
  padding: 15px;
}
#smart-seating .smart-seating-edit .seating-sidebar.sidebar-slider .sidebar-slider--body .all-aspects-list .no-results-message span {
  color: #ccd1d9;
  font-size: 70px;
}
#smart-seating .smart-seating-edit .seating-sidebar.sidebar-slider .sidebar-slider--body .all-aspects-list .no-results-message .no-syncable-question {
  margin-top: 15px;
}
#smart-seating .smart-seating-edit .seating-sidebar.sidebar-slider .sidebar-slider--body .sidebar-content {
  border: none;
  padding: 0 15px 0 15px;
}
#smart-seating .smart-seating-edit .seating-sidebar.sidebar-slider .sidebar-slider--body .sidebar-content .content-title {
  font-size: 14px;
  font-weight: 700;
  margin-top: 5px;
  margin-bottom: 15px;
  text-transform: uppercase;
}
#smart-seating .smart-seating-edit .seating-sidebar.sidebar-slider .sidebar-slider--body .assessment-key-hidden {
  max-height: calc(100vh - 205px);
  height: calc(100vh - 205px);
}
#smart-seating .smart-seating-edit .seating-sidebar.sidebar-slider .sidebar-slider--body .selected-assessments-0 {
  max-height: calc(100vh - 150px);
  height: calc(100vh - 150px);
}
#smart-seating .smart-seating-edit .seating-sidebar.sidebar-slider .sidebar-slider--body .selected-assessments-0 .list-wrapper {
  max-height: calc(100vh - 262px);
  height: calc(100vh - 262px);
  overflow: auto;
  margin-left: -15px;
  padding-left: 15px;
}
#smart-seating .smart-seating-edit .seating-sidebar.sidebar-slider.assessments-sidebar .assessment-key .aspect-name {
  text-overflow: initial;
}
#smart-seating .smart-seating-edit .seating-sidebar .sorting-method {
  margin-bottom: 10px;
}
#smart-seating .seating-sidebar {
  display: flex;
  width: 320px;
  margin-left: auto;
  flex-direction: column;
  padding-right: 0;
}
#smart-seating .seating-sidebar.export-sidebar {
  width: 100%;
  height: 100%;
}
#smart-seating .seating-sidebar.export-sidebar .options-block {
  padding: 0;
}
#smart-seating .seating-sidebar.export-sidebar .options-block .checkbox {
  margin-bottom: 20px;
}
#smart-seating .seating-grid.rotated-grid .w1-h1::before, #smart-seating .seating-grid.rotated-grid .w2-h1::before, #smart-seating .seating-grid.rotated-grid .w3-h1::before, #smart-seating .seating-grid.rotated-grid .w4-h1::before {
  top: 75px;
}
#smart-seating .seating-grid.rotated-grid .w1-h1 .seating-cell.place-assigned:not(.inner-cell)::after, #smart-seating .seating-grid.rotated-grid .w2-h1 .seating-cell.place-assigned:not(.inner-cell)::after, #smart-seating .seating-grid.rotated-grid .w3-h1 .seating-cell.place-assigned:not(.inner-cell)::after, #smart-seating .seating-grid.rotated-grid .w4-h1 .seating-cell.place-assigned:not(.inner-cell)::after {
  transform: translateX(-50%) rotate(180deg);
  top: -34px;
}
#smart-seating .seating-grid.rotated-grid.assessments-shown .w1-h1::before, #smart-seating .seating-grid.rotated-grid.assessments-shown .w2-h1::before, #smart-seating .seating-grid.rotated-grid.assessments-shown .w3-h1::before, #smart-seating .seating-grid.rotated-grid.assessments-shown .w4-h1::before {
  top: 125px;
}
#smart-seating .seating-grid.rotated-grid.assessments-shown.only-one-assessments-row-shown .w1-h1::before, #smart-seating .seating-grid.rotated-grid.assessments-shown.only-one-assessments-row-shown .w2-h1::before, #smart-seating .seating-grid.rotated-grid.assessments-shown.only-one-assessments-row-shown .w3-h1::before, #smart-seating .seating-grid.rotated-grid.assessments-shown.only-one-assessments-row-shown .w4-h1::before {
  top: 97px;
}
#smart-seating .sidebar-content .seating-desk {
  display: flex;
  height: 75px;
  position: relative;
  width: 84px;
}
#smart-seating .sidebar-content .seating-desk.w1-h1 .desk-content-column .desk-content-row.vertical::after {
  top: 47px;
  transform: rotate(0deg);
}
#smart-seating .sidebar-content .seating-desk.w1-h2 {
  height: 138px;
}
#smart-seating .sidebar-content .seating-desk.w1-h2::before {
  top: 69px;
}
#smart-seating .sidebar-content .seating-desk.w2-h1 {
  width: 150px;
}
#smart-seating .sidebar-content .seating-desk.w2-h1::before {
  width: 134px;
}
#smart-seating .sidebar-content .seating-desk.w2-h3 {
  height: 202px;
  width: 150px;
}
#smart-seating .sidebar-content .seating-desk.w2-h3 .desk-content-column:first-child .desk-content-row::after {
  left: -64px;
  top: 2px;
  transform: rotate(90deg);
}
#smart-seating .sidebar-content .seating-desk.w2-h3 .desk-content-column:last-child .desk-content-row::after {
  left: 38px;
  top: 2px;
  transform: rotate(270deg);
}
#smart-seating .sidebar-content .seating-desk.w2-h3::before {
  height: 192px;
  left: 75px;
  width: 2px;
}
#smart-seating .sidebar-content .seating-desk.w2-h2 {
  height: 138px;
  width: 150px;
}
#smart-seating .sidebar-content .seating-desk.w2-h2::before {
  top: 69px;
  width: 134px;
}
#smart-seating .sidebar-content .seating-desk.w3-h1 {
  width: 214px;
}
#smart-seating .sidebar-content .seating-desk.w3-h1::before {
  width: 200px;
}
#smart-seating .sidebar-content .seating-desk.w3-h2 {
  height: 138px;
  width: 214px;
}
#smart-seating .sidebar-content .seating-desk.w3-h2 .desk-content-row:first-child::after {
  top: -43px;
  transform: rotate(180deg);
}
#smart-seating .sidebar-content .seating-desk.w3-h2::before {
  top: 69px;
  width: 200px;
}
#smart-seating .sidebar-content .seating-desk.w4-h1 {
  width: 278px;
}
#smart-seating .sidebar-content .seating-desk.w4-h1::before {
  width: 263px;
}
#smart-seating .sidebar-content .seating-desk::before {
  bottom: 0;
  left: 8px;
  top: 5px;
  width: 68px;
}
#smart-seating .sidebar-content .seating-desk .desk-content-row {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/smart-seating/avatar_@2x-194c15306bd51a9dd4ec479a8918d6ef.png);
  background-image: -webkit-image-set(url(https://d24lsbndsvqq17.cloudfront.net/images/smart-seating/avatar-0cd5b31ddbedcf360b5e0d3b734cab24.png) 1x, url(https://d24lsbndsvqq17.cloudfront.net/images/smart-seating/avatar_@2x-194c15306bd51a9dd4ec479a8918d6ef.png) 2x);
  background-size: 64px;
  height: 64px;
  position: relative;
  width: 64px;
}
#smart-seating .sidebar-content .seating-desk .desk-content-row:first-child {
  margin-top: 5px;
}
#smart-seating .sidebar-content .seating-desk .desk-content-row:last-child {
  margin-bottom: 5px;
}
#smart-seating .sidebar-content .seating-desk .desk-content-row::after {
  content: url("https://d24lsbndsvqq17.cloudfront.net/images/smart-seating/chair_outline-e5f3b2f6e96c6eb3a7b9a2f28e7b6c2d.svg");
  height: 61px;
  left: -12px;
  position: absolute;
  top: 47px;
  width: 90px;
}
#smart-seating .sidebar-content .seating-desk .desk-content-row.vertical:first-child::after {
  top: -43px;
  transform: rotate(180deg);
}
#smart-seating .sidebar-content .seating-desk .desk-content-column {
  content: "";
  position: relative;
}
#smart-seating .sidebar-content .seating-desk .desk-content-column:first-child {
  padding-left: 11px;
}
#smart-seating .sidebar-content .seating-desk .desk-content-column:last-child {
  padding-right: 11px;
}
#smart-seating .seating-grid-orientation {
  font-size: 16px;
  font-style: italic;
  font-weight: 300;
  margin: 0;
}
#smart-seating .header-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 40px;
  flex-wrap: wrap;
  margin-top: 15px;
}
#smart-seating .header-wrapper .seating-grid-title {
  font-size: 16px;
  margin: 3px 0 15px;
  font-weight: 600;
}
#smart-seating .header-wrapper .seating-grid-title .ti-reload {
  display: block;
  color: inherit;
  margin-left: 5px;
}
#smart-seating .header-wrapper .seating-grid-title .ti-reload:hover {
  color: #0e79c9;
}
#smart-seating .header-wrapper .seating-grid-title .ti-reload:focus {
  text-decoration: none;
}
#smart-seating .header-wrapper .seating-grid-title .ti-reload::before {
  font-size: 13px;
  transform: rotate(90deg);
  display: block;
}
#smart-seating .header-wrapper .fa-file-pdf-o {
  margin-right: 5px;
  text-decoration: none;
}
#smart-seating .header-wrapper .printing-grid {
  border: 1px solid #ccd1d9;
  padding: 6px 12px;
  border-radius: 4px;
  overflow: hidden;
}
#smart-seating .header-wrapper .printing-grid .fa-file-pdf-o {
  position: relative;
}
#smart-seating .header-wrapper .printing-grid .fa-file-pdf-o::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background: #fafafa;
  position: absolute;
  top: -15px;
  left: -1px;
  animation: slide-up-cover 1.5s infinite;
}
#smart-seating .seating-grid-cell {
  display: inline-block;
  margin: 0 45px 86px 0;
  position: relative;
}
#smart-seating .seating-grid-cell .seating-desk.w1-h2,
#smart-seating .seating-grid-cell .dropable-wrapper.w1-h2 {
  height: 254px;
  width: 92px;
}
#smart-seating .seating-grid-cell .seating-desk.w2-h1,
#smart-seating .seating-grid-cell .dropable-wrapper.w2-h1 {
  height: 84px;
  width: 229px;
}
#smart-seating .seating-grid-cell .seating-desk.w2-h2,
#smart-seating .seating-grid-cell .dropable-wrapper.w2-h2 {
  height: 254px;
  width: 229px;
}
#smart-seating .seating-grid-cell .seating-desk.w2-h3,
#smart-seating .seating-grid-cell .dropable-wrapper.w2-h3 {
  height: 424px;
  width: 229px;
}
#smart-seating .seating-grid-cell .seating-desk.w3-h1,
#smart-seating .seating-grid-cell .dropable-wrapper.w3-h1 {
  height: 84px;
  width: 366px;
}
#smart-seating .seating-grid-cell .seating-desk.w3-h2,
#smart-seating .seating-grid-cell .dropable-wrapper.w3-h2 {
  height: 254px;
  width: 366px;
}
#smart-seating .seating-grid-cell .seating-desk.w4-h1,
#smart-seating .seating-grid-cell .dropable-wrapper.w4-h1 {
  height: 84px;
  width: 503px;
}
#smart-seating .seating-grid-cell .seating-desk.w1-h2::before {
  bottom: 127px;
}
#smart-seating .seating-grid-cell .seating-desk.w2-h1::before {
  width: 211px;
}
#smart-seating .seating-grid-cell .seating-desk.w2-h3::before {
  bottom: 9px;
  height: 406px;
  left: 114.5px;
  width: 2px;
}
#smart-seating .seating-grid-cell .seating-desk.w2-h2::before {
  bottom: 127px;
  width: 211px;
}
#smart-seating .seating-grid-cell .seating-desk.w3-h1::before {
  width: 348px;
}
#smart-seating .seating-grid-cell .seating-desk.w3-h2::before {
  bottom: 127px;
  width: 348px;
}
#smart-seating .seating-grid-cell .seating-desk.w4-h1::before {
  width: 485px;
}
#smart-seating .seating-grid-cell.vertical-desk .seating-cell:first-child.place-assigned::before, #smart-seating .seating-grid-cell.vertical-desk .seating-cell:first-child.place-assigned::after {
  top: 17px;
  left: -4px;
  transform: translateX(-50%) rotate(90deg);
}
#smart-seating .seating-grid-cell.vertical-desk .seating-cell:last-child.place-assigned::before, #smart-seating .seating-grid-cell.vertical-desk .seating-cell:last-child.place-assigned::after {
  left: auto;
  top: 17px;
  right: -4px;
  transform: translateX(50%) rotate(270deg);
}
#smart-seating .seating-grid-cell:last-child {
  margin-right: 0;
}
#smart-seating .seating-grid-cell .dropable-wrapper {
  border: 3px solid;
  -o-border-image: url(https://d24lsbndsvqq17.cloudfront.net/images/smart-seating/border_grid-829df38390c2c6ebd6d1116ad2ca1316.png) 3 round;
     border-image: url(https://d24lsbndsvqq17.cloudfront.net/images/smart-seating/border_grid-829df38390c2c6ebd6d1116ad2ca1316.png) 3 round;
  height: 100%;
  border-radius: 4px;
}
#smart-seating .seating-grid-cell .dropable-wrapper[class*="dropable-wrapper w"] {
  background-color: #e6e9ed;
  z-index: 100;
  position: absolute;
}
#smart-seating .seating-grid.is-dragging .seating-grid-cell {
  z-index: 1000;
}
#smart-seating .seating-grid.categories-filtered .place-assigned::before, #smart-seating .seating-grid.categories-filtered .place-assigned::after, #smart-seating .seating-grid.assessments-shown .place-assigned::before, #smart-seating .seating-grid.assessments-shown .place-assigned::after, #smart-seating .seating-grid.kudos-shown .place-assigned::before, #smart-seating .seating-grid.kudos-shown .place-assigned::after {
  display: none;
}
#smart-seating .seating-grid.assessments-shown .seating-grid-cell {
  height: 134px;
}
#smart-seating .seating-grid.assessments-shown .seating-grid-cell .seating-desk.w1-h1,
#smart-seating .seating-grid.assessments-shown .seating-grid-cell .dropable-wrapper.w1-h1 {
  height: 134px;
}
#smart-seating .seating-grid.assessments-shown .seating-grid-cell .seating-desk.w1-h2,
#smart-seating .seating-grid.assessments-shown .seating-grid-cell .dropable-wrapper.w1-h2 {
  height: 354px;
}
#smart-seating .seating-grid.assessments-shown .seating-grid-cell .seating-desk.w2-h1,
#smart-seating .seating-grid.assessments-shown .seating-grid-cell .dropable-wrapper.w2-h1 {
  height: 134px;
}
#smart-seating .seating-grid.assessments-shown .seating-grid-cell .seating-desk.w2-h2,
#smart-seating .seating-grid.assessments-shown .seating-grid-cell .dropable-wrapper.w2-h2 {
  height: 354px;
}
#smart-seating .seating-grid.assessments-shown .seating-grid-cell .seating-desk.w2-h3,
#smart-seating .seating-grid.assessments-shown .seating-grid-cell .dropable-wrapper.w2-h3 {
  height: 574px;
}
#smart-seating .seating-grid.assessments-shown .seating-grid-cell .seating-desk.w3-h1,
#smart-seating .seating-grid.assessments-shown .seating-grid-cell .dropable-wrapper.w3-h1 {
  height: 134px;
}
#smart-seating .seating-grid.assessments-shown .seating-grid-cell .seating-desk.w3-h2,
#smart-seating .seating-grid.assessments-shown .seating-grid-cell .dropable-wrapper.w3-h2 {
  height: 354px;
}
#smart-seating .seating-grid.assessments-shown .seating-grid-cell .seating-desk.w4-h1,
#smart-seating .seating-grid.assessments-shown .seating-grid-cell .dropable-wrapper.w4-h1 {
  height: 134px;
}
#smart-seating .seating-grid.assessments-shown .seating-grid-cell .seating-desk .dropable,
#smart-seating .seating-grid.assessments-shown .seating-grid-cell .dropable-wrapper .dropable {
  height: 134px;
}
#smart-seating .seating-grid.assessments-shown .seating-grid-cell .seating-desk.w1-h1::before, #smart-seating .seating-grid.assessments-shown .seating-grid-cell .seating-desk.w2-h1::before, #smart-seating .seating-grid.assessments-shown .seating-grid-cell .seating-desk.w3-h1::before, #smart-seating .seating-grid.assessments-shown .seating-grid-cell .seating-desk.w4-h1::before {
  bottom: 125px;
}
#smart-seating .seating-grid.assessments-shown .seating-grid-cell .seating-desk.w1-h2::before, #smart-seating .seating-grid.assessments-shown .seating-grid-cell .seating-desk.w2-h2::before, #smart-seating .seating-grid.assessments-shown .seating-grid-cell .seating-desk.w3-h2::before {
  bottom: 177px;
}
#smart-seating .seating-grid.assessments-shown .seating-grid-cell .seating-desk.w2-h3::before {
  height: 556px;
}
#smart-seating .seating-grid.assessments-shown .seating-cell {
  height: 134px;
}
#smart-seating .seating-grid.assessments-shown.only-one-assessments-row-shown .seating-cell {
  height: 106px;
}
#smart-seating .seating-grid.assessments-shown.only-one-assessments-row-shown .seating-grid-cell {
  height: 106px;
}
#smart-seating .seating-grid.assessments-shown.only-one-assessments-row-shown .seating-grid-cell .seating-desk.w1-h1::before, #smart-seating .seating-grid.assessments-shown.only-one-assessments-row-shown .seating-grid-cell .seating-desk.w2-h1::before, #smart-seating .seating-grid.assessments-shown.only-one-assessments-row-shown .seating-grid-cell .seating-desk.w3-h1::before, #smart-seating .seating-grid.assessments-shown.only-one-assessments-row-shown .seating-grid-cell .seating-desk.w4-h1::before {
  bottom: 97px;
}
#smart-seating .seating-grid.assessments-shown.only-one-assessments-row-shown .seating-grid-cell .seating-desk.w1-h2::before, #smart-seating .seating-grid.assessments-shown.only-one-assessments-row-shown .seating-grid-cell .seating-desk.w2-h2::before, #smart-seating .seating-grid.assessments-shown.only-one-assessments-row-shown .seating-grid-cell .seating-desk.w3-h2::before {
  bottom: 149px;
}
#smart-seating .seating-grid.assessments-shown.only-one-assessments-row-shown .seating-grid-cell .seating-desk.w2-h3::before {
  height: 472px;
}
#smart-seating .seating-grid.assessments-shown.only-one-assessments-row-shown .seating-grid-cell .seating-desk.w1-h1,
#smart-seating .seating-grid.assessments-shown.only-one-assessments-row-shown .seating-grid-cell .dropable-wrapper.w1-h1 {
  height: 106px;
}
#smart-seating .seating-grid.assessments-shown.only-one-assessments-row-shown .seating-grid-cell .seating-desk.w1-h2,
#smart-seating .seating-grid.assessments-shown.only-one-assessments-row-shown .seating-grid-cell .dropable-wrapper.w1-h2 {
  height: 298px;
}
#smart-seating .seating-grid.assessments-shown.only-one-assessments-row-shown .seating-grid-cell .seating-desk.w2-h1,
#smart-seating .seating-grid.assessments-shown.only-one-assessments-row-shown .seating-grid-cell .dropable-wrapper.w2-h1 {
  height: 106px;
}
#smart-seating .seating-grid.assessments-shown.only-one-assessments-row-shown .seating-grid-cell .seating-desk.w2-h2,
#smart-seating .seating-grid.assessments-shown.only-one-assessments-row-shown .seating-grid-cell .dropable-wrapper.w2-h2 {
  height: 298px;
}
#smart-seating .seating-grid.assessments-shown.only-one-assessments-row-shown .seating-grid-cell .seating-desk.w2-h3,
#smart-seating .seating-grid.assessments-shown.only-one-assessments-row-shown .seating-grid-cell .dropable-wrapper.w2-h3 {
  height: 490px;
}
#smart-seating .seating-grid.assessments-shown.only-one-assessments-row-shown .seating-grid-cell .seating-desk.w3-h1,
#smart-seating .seating-grid.assessments-shown.only-one-assessments-row-shown .seating-grid-cell .dropable-wrapper.w3-h1 {
  height: 106px;
}
#smart-seating .seating-grid.assessments-shown.only-one-assessments-row-shown .seating-grid-cell .seating-desk.w3-h2,
#smart-seating .seating-grid.assessments-shown.only-one-assessments-row-shown .seating-grid-cell .dropable-wrapper.w3-h2 {
  height: 298px;
}
#smart-seating .seating-grid.assessments-shown.only-one-assessments-row-shown .seating-grid-cell .seating-desk.w4-h1,
#smart-seating .seating-grid.assessments-shown.only-one-assessments-row-shown .seating-grid-cell .dropable-wrapper.w4-h1 {
  height: 106px;
}
#smart-seating .seating-grid.assessments-shown.only-one-assessments-row-shown .seating-grid-cell .seating-desk .dropable,
#smart-seating .seating-grid.assessments-shown.only-one-assessments-row-shown .seating-grid-cell .dropable-wrapper .dropable {
  height: 106px;
}
#smart-seating .seating-grid.categories-filtered .seating-desk {
  width: 145px;
}
#smart-seating .seating-grid.categories-filtered .seating-grid-cell {
  width: 145px;
}
#smart-seating .seating-grid.categories-filtered .seating-grid-cell .seating-desk.w1-h2,
#smart-seating .seating-grid.categories-filtered .seating-grid-cell .dropable-wrapper.w1-h2 {
  width: 145px;
}
#smart-seating .seating-grid.categories-filtered .seating-grid-cell .seating-desk.w2-h1,
#smart-seating .seating-grid.categories-filtered .seating-grid-cell .dropable-wrapper.w2-h1 {
  width: 335px;
}
#smart-seating .seating-grid.categories-filtered .seating-grid-cell .seating-desk.w2-h2,
#smart-seating .seating-grid.categories-filtered .seating-grid-cell .dropable-wrapper.w2-h2 {
  width: 335px;
}
#smart-seating .seating-grid.categories-filtered .seating-grid-cell .seating-desk.w2-h3,
#smart-seating .seating-grid.categories-filtered .seating-grid-cell .dropable-wrapper.w2-h3 {
  width: 335px;
}
#smart-seating .seating-grid.categories-filtered .seating-grid-cell .seating-desk.w3-h1,
#smart-seating .seating-grid.categories-filtered .seating-grid-cell .dropable-wrapper.w3-h1 {
  width: 525px;
}
#smart-seating .seating-grid.categories-filtered .seating-grid-cell .seating-desk.w3-h2,
#smart-seating .seating-grid.categories-filtered .seating-grid-cell .dropable-wrapper.w3-h2 {
  width: 525px;
}
#smart-seating .seating-grid.categories-filtered .seating-grid-cell .seating-desk.w4-h1,
#smart-seating .seating-grid.categories-filtered .seating-grid-cell .dropable-wrapper.w4-h1 {
  width: 715px;
}
#smart-seating .seating-grid.categories-filtered .seating-grid-cell .dropable {
  width: 145px;
}
#smart-seating .seating-grid.categories-filtered .seating-grid-cell .seating-desk.w1-h1::before, #smart-seating .seating-grid.categories-filtered .seating-grid-cell .seating-desk.w1-h2::before {
  width: 127px;
}
#smart-seating .seating-grid.categories-filtered .seating-grid-cell .seating-desk.w2-h1::before, #smart-seating .seating-grid.categories-filtered .seating-grid-cell .seating-desk.w2-h2::before {
  width: 317px;
}
#smart-seating .seating-grid.categories-filtered .seating-grid-cell .seating-desk.w3-h1::before, #smart-seating .seating-grid.categories-filtered .seating-grid-cell .seating-desk.w3-h2::before {
  width: 507px;
}
#smart-seating .seating-grid.categories-filtered .seating-grid-cell .seating-desk.w4-h1::before {
  width: 697px;
}
#smart-seating .seating-grid.categories-filtered .seating-grid-cell .seating-desk.w2-h3::before {
  left: 167.5px;
}
#smart-seating .seating-grid.categories-filtered .seating-cell {
  width: 145px;
}
#smart-seating .seating-grid.categories-filtered .seating-cell:not(.with-categories) .bottom-wrapper {
  transform: translateX(-50%);
  left: 50%;
}
#smart-seating .seating-grid.categories-filtered .seating-cell .student-wrapper {
  width: 145px;
}
#smart-seating .seating-grid.categories-filtered .seating-cell.place-assigned.with-categories .student-wrapper {
  width: auto;
}
#smart-seating .draggable-object {
  cursor: move;
  position: relative;
}
#smart-seating .seating-grid-row {
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
}
#smart-seating .seating-grid-row .seating-desk {
  position: absolute;
}
#smart-seating .seating-desk {
  background-color: #e99d6b;
  z-index: 100;
  border-radius: 4px;
}
#smart-seating .seating-desk[draggable=true]:hover {
  cursor: move;
}
#smart-seating .seating-desk .desk-row {
  display: flex;
  height: 100%;
  width: 100%;
}
#smart-seating .seating-desk[class$=-h2] .desk-row {
  height: 50%;
}
#smart-seating .seating-desk[class$=-h2] .desk-row:nth-of-type(2) {
  display: flex;
  align-items: flex-end;
}
#smart-seating .seating-desk[class$=-h3] .desk-row {
  height: calc(100% / 3);
}
#smart-seating .seating-desk[class$=-h3] .desk-row:nth-of-type(2) {
  align-items: center;
}
#smart-seating .seating-desk[class$=-h3] .desk-row:nth-of-type(3) {
  align-items: flex-end;
}
#smart-seating .seating-desk:not(.positioned) {
  margin-bottom: 10px;
}
#smart-seating .seating-desk .remove-desk {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 9px;
  z-index: 101;
}
#smart-seating .seating-desk .remove-desk .fa-circle {
  color: #e68e55;
}
#smart-seating .seating-desk .remove-desk .fa-close {
  font-size: 9px;
}
#smart-seating .seating-desk.disabled-desk {
  border: 1px solid #c8cfd8;
  background-color: #e6e9ed;
}
#smart-seating .seating-cell {
  position: relative;
}
#smart-seating .seating-cell .top-wrapper {
  display: flex;
  position: relative;
  z-index: 1;
}
#smart-seating .seating-cell .top-wrapper .top-up-wrapper {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  position: relative;
}
#smart-seating .seating-cell .top-wrapper .student-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
#smart-seating .seating-cell.place-assigned:not(.inner-cell)::after {
  bottom: -34px;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
}
#smart-seating .seating-cell.place-assigned:not(.inner-cell) .bottom-wrapper {
  top: 100px;
}
#smart-seating .seating-cell.inner-cell .bottom-wrapper,
#smart-seating .seating-cell.inner-cell .bottom-wrapper .forename,
#smart-seating .seating-cell.inner-cell .add-student-link,
#smart-seating .seating-cell.inner-cell .bottom-wrapper .seating-label-title {
  color: #fff;
}
#smart-seating .seating-cell.inner-cell.place-assigned::before {
  left: 50%;
  top: -34px;
  transform: translateX(-50%) rotate(180deg);
  position: absolute;
}
#smart-seating .seating-cell.inner-cell.place-assigned .bottom-wrapper {
  top: 75px;
}
#smart-seating .seating-cell.place-assigned.with-categories .bottom-wrapper, #smart-seating .seating-cell.place-assigned.with-assessments .bottom-wrapper {
  background-color: #fff;
  border: 1px solid #ccd1d9;
  padding: 5px 0;
  top: 100%;
}
#smart-seating .seating-cell.place-assigned.with-categories .bottom-wrapper .forename, #smart-seating .seating-cell.place-assigned.with-categories .bottom-wrapper .surname, #smart-seating .seating-cell.place-assigned.with-categories .bottom-wrapper .seating-label-title, #smart-seating .seating-cell.place-assigned.with-assessments .bottom-wrapper .forename, #smart-seating .seating-cell.place-assigned.with-assessments .bottom-wrapper .surname, #smart-seating .seating-cell.place-assigned.with-assessments .bottom-wrapper .seating-label-title {
  color: #333;
}
#smart-seating .seating-cell.place-assigned.with-categories .bottom-wrapper {
  width: 100%;
}
#smart-seating .seating-cell.place-assigned.with-categories.big-categories-panel:not(.with-assessments) .top-up-wrapper {
  margin-right: 54px;
}
#smart-seating .seating-cell.place-assigned.with-categories.big-categories-panel:not(.with-assessments) .categories-wrapper {
  border-bottom: 1px solid #ccd1d9;
  position: absolute;
  right: 0;
  height: 139px;
  padding-top: 8px;
}
#smart-seating .seating-cell.place-assigned.with-categories.big-categories-panel:not(.with-assessments) .categories-wrapper .more-student-category-badges {
  display: block;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
}
#smart-seating .seating-cell.place-assigned.with-categories.big-categories-panel:not(.with-assessments) .bottom-wrapper {
  width: 92px;
}
#smart-seating .seating-cell.place-assigned.with-assessments .top-wrapper {
  height: 134px;
}
#smart-seating .seating-cell.place-assigned.with-assessments .student-wrapper {
  height: 80px;
}
#smart-seating .seating-cell.place-assigned.with-assessments .assessment-results-wrapper {
  flex-grow: 1;
  position: relative;
}
#smart-seating .seating-cell.place-assigned.with-assessments .assessment-results-wrapper .assessment-results {
  width: 100%;
  height: 100%;
  position: relative;
}
#smart-seating .seating-cell.place-assigned.with-assessments .assessment-results-wrapper .assessment-results.background {
  position: absolute;
  top: 0;
  left: 0;
}
#smart-seating .seating-cell.place-assigned.with-assessments .assessment-results-wrapper .assessment-results.background span {
  background-color: #e6e9ed;
}
#smart-seating .seating-cell.place-assigned.with-categories.with-assessments .categories-wrapper {
  border-bottom: 0;
}
#smart-seating .seating-cell.place-assigned.with-categories.with-assessments .bottom-wrapper {
  width: 100%;
}
#smart-seating .seating-cell.place-assigned.with-categories.with-assessments .bottom-wrapper .assessment-results-wrapper {
  width: 91px;
}
#smart-seating .seating-cell.place-assigned .praise-points {
  display: flex;
  top: -16px;
  position: absolute;
  color: #fff;
  left: 50%;
  transform: translateX(-50%);
  height: 32px;
  line-height: 32px;
}
#smart-seating .seating-cell.place-assigned .praise-points .positive, #smart-seating .seating-cell.place-assigned .praise-points .negative {
  display: flex;
  border: 1px solid white;
  width: 32px;
  height: 32px;
  padding: 0;
  font-size: 12px;
  font-weight: 600;
  font-style: normal;
  white-space: nowrap;
  align-items: center;
  justify-content: center;
}
#smart-seating .seating-cell.place-assigned .praise-points .negative {
  margin-left: 11px;
}
#smart-seating .seating-cell.place-assigned .student-wrapper .smart-seating-user-profile {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
}
#smart-seating .seating-cell.place-assigned .student-wrapper .smart-seating-user-profile .smart-seating-user-profile-wrapper {
  width: 50px;
  height: 50px;
  position: relative;
}
#smart-seating .seating-cell .dropable-student {
  width: 50px;
  height: 50px;
  box-shadow: 0 5px 2px 0 rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  border: 1px solid white;
}
#smart-seating .seating-cell .dropable-student .fa-stack .fa-circle {
  color: #8cc152;
}
#smart-seating .seating-cell .dropable-student:not(.highlighted) {
  background-color: #fff;
}
#smart-seating .seating-cell .dropable-student:not(.highlighted) {
  background-size: 73px 73px;
  background-position: -13px;
}
#smart-seating .seating-cell .dropable-student.highlighted {
  border-radius: 50%;
  background-color: #8cc152;
  background-size: 80px 80px;
  border: 1px dashed white;
  position: relative;
}
#smart-seating .seating-cell .dropable-student.highlighted::after {
  content: "";
  font-family: FontAwesome;
  font-size: 20px;
  color: #fff;
  height: 48px;
  display: flex;
  width: 48px;
  line-height: 50px;
  position: absolute;
  justify-content: center;
  left: 0;
  top: 0;
}
#smart-seating .seating-cell:not(:first-child) {
  margin-left: auto;
}
#smart-seating .seating-cell .user-profile-picture {
  justify-content: center;
  align-items: center;
}
#smart-seating .seating-cell .user-profile-picture .avatar-wrapper {
  width: 50px;
  height: 50px;
  border: 1px solid white;
  box-shadow: 0 5px 2px 0 rgba(0, 0, 0, 0.2);
}
#smart-seating .seating-cell .dropable-student {
  display: flex;
  justify-content: center;
  align-items: center;
}
#smart-seating .seating-cell .dropable-student .student-avatar {
  border-radius: 50%;
  box-shadow: 0 5px 2px 0 rgba(0, 0, 0, 0.2);
  width: 50px;
}
#smart-seating .seating-cell .bottom-wrapper {
  width: 92px;
  height: 55px;
  position: absolute;
  top: 100%;
  left: 0;
  text-align: center;
  font-size: 13px;
  z-index: 100;
}
#smart-seating .seating-cell .bottom-wrapper .forename, #smart-seating .seating-cell .bottom-wrapper .seating-label-title {
  font-weight: 600;
  font-size: 15px;
  display: block;
  color: #333;
}
#smart-seating .seating-cell .bottom-wrapper .seating-label-title {
  font-size: 14px;
}
#smart-seating .seating-cell .bottom-wrapper .add-student-link {
  display: block;
  margin-top: 5px;
}
#smart-seating .seating-cell .categories-wrapper {
  background-color: #fff;
  border: 1px solid #ccd1d9;
  border-bottom: 0;
  width: 54px;
  padding-top: 5px;
  z-index: 100;
}
#smart-seating .seating-cell .categories-wrapper .student-category-badge {
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  margin-bottom: 4px;
  width: 38px;
}
#smart-seating .categories-filter > div {
  display: flex;
  justify-content: space-between;
  margin: 18px 0;
  width: auto;
}
#smart-seating .categories-filter > div .btn {
  height: 34px;
  max-width: 48px;
  margin: 0;
}
#smart-seating .tab-content.sort .radio-button-wrapper {
  margin: 0;
}

.seating-plan-wrapper {
  padding: 0;
  margin: 20px 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.seating-plan-wrapper .seating-plan-box {
  margin-right: 20px;
  box-shadow: 1px 1px 2px 0 #ccd1d9;
}
.seating-plan-wrapper .seating-plan-box.dummy-box {
  border: none;
  box-shadow: none;
}
.seating-plan-wrapper .seating-plan-box .name-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 15px 0;
}
.seating-plan-wrapper .seating-plan-box .name-wrapper .grid-name {
  margin: 0;
  max-width: 90%;
  line-height: 1.5em;
}
.seating-plan-wrapper .seating-plan-box .name-wrapper .grid-name .edit-action {
  display: none;
}
.seating-plan-wrapper .seating-plan-box .name-wrapper:hover .edit-action {
  display: block;
  position: absolute;
  right: -20px;
  top: 0;
}
.seating-plan-wrapper .seating-plan-box .name-wrapper:hover .edit-action:hover {
  text-decoration: none;
  cursor: pointer;
}
.seating-plan-wrapper .seating-plan-box .edit-plan {
  margin: 20px 0;
}
.seating-plan-wrapper .seating-plan-box .focus-tooltip {
  margin-top: 22px;
}
.seating-plan-wrapper .seating-plan-box .edit-field {
  width: 100%;
  margin: 10px 0 8px;
  line-height: 30px;
  border-radius: 5px;
  border: 1px solid #ccd1d9;
  padding: 0 10px;
  text-align: center;
  font-size: 19px;
}
.seating-plan-wrapper .seating-plan-box .author-label {
  height: 30px;
  font-size: 13px;
}
.seating-plan-wrapper .seating-plan-box .author-label.faded {
  color: #999999;
}
.seating-plan-wrapper .seating-plan-box .panel-footer {
  display: flex;
  justify-content: space-between;
}
.seating-plan-wrapper .seating-plan-box .panel-footer a {
  text-decoration: none;
}
.seating-plan-wrapper .seating-plan-box .panel-footer .ti-layers {
  padding-right: 5px;
}

.smart-seating-icon {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/smart-seating/smart_seating_icon_@2x-0c309f4e81a0132e7c60577dab1d5f5a.png);
  background-image: -webkit-image-set(url(https://d24lsbndsvqq17.cloudfront.net/images/smart-seating/smart_seating_icon-05bb301e67a1d8f68bb6c24d666b4f84.png) 1x, url(https://d24lsbndsvqq17.cloudfront.net/images/smart-seating/smart_seating_icon_@2x-0c309f4e81a0132e7c60577dab1d5f5a.png) 2x);
  background-size: cover;
  background-position: center;
  text-align: center;
  width: 40px;
  height: 40px;
  display: block;
  margin: 0 auto;
}

.student-category-badge {
  display: inline-block;
  min-width: 38px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #e6e9ed;
  border-radius: 10px;
}
.student-category-badge.active {
  background-color: #967adc;
  color: #fff;
}
.student-category-badge.active.EAL {
  background-color: #8cc152;
}
.student-category-badge.active.SEN {
  background-color: #333;
}
.student-category-badge.active.BME {
  background-color: #da4453;
}
.student-category-badge.active.PP {
  background-color: #f3a100;
}
.student-category-badge.active.SC {
  background-color: #333;
}
.student-category-badge.active.LAC {
  background-color: #da4453;
}

.popup-wrapper.optimize-wrapper {
  width: 370px !important;
}
.popup-wrapper.optimize-wrapper::before, .popup-wrapper.optimize-wrapper::after {
  border: none !important;
}
.popup-wrapper.optimize-wrapper .bolt-wrapper {
  border-radius: 50%;
  background-color: #f3a100;
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  margin-top: -20px;
}
.popup-wrapper.optimize-wrapper .bolt-wrapper .fa-bolt {
  font-size: 17px;
}
.popup-wrapper.optimize-wrapper .popup-header {
  display: flex;
  justify-content: center;
}
.popup-wrapper.optimize-wrapper .popup-body {
  padding: 10px 40px;
}
.popup-wrapper.optimize-wrapper .popup-body .popup-text {
  text-align: left;
}
.popup-wrapper.optimize-wrapper .popup-body .smhw-checkbox-label {
  width: 90px;
}
.popup-wrapper.optimize-wrapper .popup-body .smhw-checkbox-label .student-category-badge {
  margin-left: 3px;
}
.popup-wrapper.optimize-wrapper .popup-footer {
  background-color: #fff !important;
}
.popup-wrapper.optimize-wrapper .popup-footer .btn {
  margin-bottom: 3px;
}

.optimize-wrapper .pe-7s-close {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 20px;
  font-weight: bold;
}

.seating-student:hover,
.drag-student[draggable=true]:hover {
  cursor: pointer;
}

.popup-wrapper.smart-seating-export-pdf {
  width: 600px !important;
}
.popup-wrapper.smart-seating-export-pdf .close {
  position: absolute;
  right: 5px;
  top: 5px;
  font-size: 20px;
  font-weight: bold;
}
.popup-wrapper.smart-seating-export-pdf .popup-icon-wrapper {
  position: absolute;
  width: 100%;
  left: 0;
  top: -25px;
  text-align: center;
  margin-top: 10px;
}
.popup-wrapper.smart-seating-export-pdf .popup-icon-wrapper .popup-icon {
  background-color: #0e79c9;
  border-radius: 50%;
  font-size: 30px;
  color: #fff;
  padding: 10px;
  font-weight: normal;
}
.popup-wrapper.smart-seating-export-pdf .split-wrapper {
  display: flex;
}
.popup-wrapper.smart-seating-export-pdf .split-wrapper .split-section {
  flex: 1;
  height: 340px;
  padding: 25px 25px 0 25px;
}
.popup-wrapper.smart-seating-export-pdf .split-wrapper .split-section:not(.active) {
  background-color: #f6f7fb;
}
.popup-wrapper.smart-seating-export-pdf .split-wrapper .simple {
  border-top-left-radius: 6px;
}
.popup-wrapper.smart-seating-export-pdf .split-wrapper .advanced {
  border-left: 1px solid #ccd1d9;
  border-top-right-radius: 6px;
}
.popup-wrapper.smart-seating-export-pdf .split-wrapper .pdf-image-modal {
  width: 234px;
  height: 170px;
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/smart-seating/pdf_image_modal-2f9162d8438882981601ce46861cfbae.png);
  background-image: -webkit-image-set(url(https://d24lsbndsvqq17.cloudfront.net/images/smart-seating/pdf_image_modal-2f9162d8438882981601ce46861cfbae.png) 1x, url(https://d24lsbndsvqq17.cloudfront.net/images/smart-seating/pdf_image_modal_@2x-e08f5cda3d0871dd6e0821470464e342.png) 2x);
}
.popup-wrapper.smart-seating-export-pdf .split-wrapper .pdf-image-modal.gray-scaled {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/smart-seating/pdf_image_modal_grey-8b52c69ec719b21933bd6cca4805928a.png);
  background-image: -webkit-image-set(url(https://d24lsbndsvqq17.cloudfront.net/images/smart-seating/pdf_image_modal_grey-8b52c69ec719b21933bd6cca4805928a.png) 1x, url(https://d24lsbndsvqq17.cloudfront.net/images/smart-seating/pdf_image_modal_grey_@2x-e285f181950c4ff14d42b0a20e28ac46.png) 2x);
}
.popup-wrapper.smart-seating-export-pdf .radio-button {
  font-size: 17px;
  font-weight: normal;
  display: flex;
  align-items: center;
}
.popup-wrapper.smart-seating-export-pdf .radio-button input {
  margin: 0 5px 0 0;
}
.popup-wrapper.smart-seating-export-pdf .options-wrapper {
  margin-top: 20px;
}
.popup-wrapper.smart-seating-export-pdf .options-wrapper .checkbox-wrapper {
  float: none;
  margin: 0;
}
.popup-wrapper.smart-seating-export-pdf .options-wrapper .radio-button {
  font-size: inherit;
}
.popup-wrapper.smart-seating-export-pdf .no-background.popup-footer {
  display: flex;
  align-items: center;
  background: #fff;
}
.popup-wrapper.smart-seating-export-pdf .no-background.popup-footer .info {
  flex: 1;
  margin: 0;
}
.popup-wrapper.smart-seating-export-pdf .pdf-settings {
  background: #fff;
  padding: 5px;
  border-top: 1px solid #ddd;
}
.popup-wrapper.smart-seating-export-pdf .pdf-settings .pdf-setting {
  width: 20%;
  margin: 5px;
}

.seating-action-buttons-box {
  background: #fff;
  border: 1px solid #ccd1d9;
  border-radius: 3px;
  top: 246px !important;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  z-index: 101;
}
.seating-action-buttons-box a, .seating-action-buttons-box button {
  flex-grow: 1;
  padding: 14px 15px;
  color: #0e79c9;
}
.seating-action-buttons-box a:hover, .seating-action-buttons-box button:hover {
  background-color: #f5f7fa;
  text-decoration: none;
}
.seating-action-buttons-box a .top, .seating-action-buttons-box button .top {
  color: #656d78;
  font-family: "Open Sans";
}
.seating-action-buttons-box .ti-trash, .seating-action-buttons-box .fa-file-pdf-o {
  color: #b7404b;
}

.square-btn-arrow-box:after, .square-btn-arrow-box:before {
  border: solid transparent;
  bottom: -12px;
  content: "";
  height: 0;
  left: -27px;
  pointer-events: none;
  position: absolute;
  width: 0;
  z-index: 102;
}

.square-btn-arrow-box:after {
  border-bottom-color: #fff;
  border-width: 9px;
  margin-left: 37px;
}

.square-btn-arrow-box:before {
  border-bottom-color: #ccd1d9;
  border-width: 10px;
  margin-left: 36px;
}

.popup-box .autofill {
  display: none;
}

.sidebar-slider.create-new-seating-plan-sidebar {
  padding: 0;
  width: 320px;
}
.sidebar-slider.create-new-seating-plan-sidebar .sidebar-slider--header {
  padding: 15px 15px 0;
}
.sidebar-slider.create-new-seating-plan-sidebar .sidebar-slider--body {
  padding: 0 15px;
}
.sidebar-slider.create-new-seating-plan-sidebar .sidebar-slider--footer {
  box-shadow: 0 0 7px #e6e9ed;
  padding: 15px;
}
.sidebar-slider.create-new-seating-plan-sidebar .sidebar-slider--subheader {
  margin-top: 21px;
}
.sidebar-slider.create-new-seating-plan-sidebar .disabled {
  opacity: 0.65;
  pointer-events: none;
}
.sidebar-slider.create-new-seating-plan-sidebar .sidebar-content .radio-button {
  color: #656d78;
}
.sidebar-slider.create-new-seating-plan-sidebar .options-block {
  border-bottom: 1px solid #e6e9ed;
  padding-bottom: 23px;
}
.sidebar-slider.create-new-seating-plan-sidebar .options-block:last-of-type {
  border: none;
}
.sidebar-slider.create-new-seating-plan-sidebar .options-block .options-block-fields p {
  font-size: 13px;
  margin-bottom: 5px;
}

.assessment-results .result {
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  height: 16px;
  line-height: 16px;
  text-align: center;
  width: 30px;
}

.assessment-key {
  background-color: #f6f7fb;
  border-radius: 4px;
  clear: both;
  margin-bottom: 1em;
  padding: 1em;
}
.assessment-key .title {
  display: flex;
  justify-content: space-between;
}
.assessment-key .title .content-title {
  margin-bottom: 0 !important;
}
.assessment-key ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  margin-top: 8px;
}
.assessment-key ul li {
  margin: 8px 0;
}
.assessment-key ul li::before {
  content: "";
  display: inline-block;
  height: 20px;
  margin-right: 10px;
  position: relative;
  top: 5px;
  width: 20px;
}
.assessment-key ul li:nth-child(1)::before {
  background: #5d9cec;
}
.assessment-key ul li:nth-child(2)::before {
  background: #4fc1e9;
}
.assessment-key ul li:nth-child(3)::before {
  background: #ccd1d9;
}
.assessment-key ul li:nth-child(4)::before {
  background: #ec87c0;
}

.assessment-results .result:nth-child(1) {
  background: #5d9cec;
}
.assessment-results .result:nth-child(2) {
  background: #4fc1e9;
}
.assessment-results .result:nth-child(3) {
  background: #ccd1d9;
}
.assessment-results .result:nth-child(4) {
  background: #ec87c0;
}

.search-aspect {
  margin-top: 11px;
}

.actions-search-buttons {
  display: flex;
  justify-content: space-between;
}
.actions-search-buttons .search-wrapper {
  margin-left: 10px;
}

.page-actions-container.praise-points {
  position: relative;
  justify-content: space-between;
}
.page-actions-container.praise-points::before, .page-actions-container.praise-points::after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: 8px;
  width: 0;
  height: 0;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  bottom: -8px;
  border-top: 8px solid #dadada;
}
.page-actions-container.praise-points::after {
  bottom: -7px;
  border-top: 8px solid #fff;
}
.page-actions-container.praise-points .timespan-filters {
  text-align: center;
}
.page-actions-container .select-all-wrapper {
  min-width: 130px;
}
.page-actions-container .select-all {
  border: 1px solid #ccd1d9;
  border-radius: 4px;
  padding: 6px 12px;
}
.page-actions-container .select-all:hover {
  border-color: #0e79c9;
}
.page-actions-container .select-all label {
  display: flex;
  align-items: center;
  margin: 0;
  cursor: pointer;
  color: #0e79c9;
}
.page-actions-container .select-all label .check {
  position: relative;
}
.page-actions-container .select-all label .check::before {
  content: "";
  border: 1px solid #ccd1d9;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  vertical-align: middle;
}
.page-actions-container .select-all input[type=checkbox]:checked + label .check::before {
  background-color: #fff;
  border-color: #fff;
}
.page-actions-container .select-all input[type=checkbox]:checked + label .check::after {
  font-family: "FontAwesome";
  content: "";
  font-size: 12px;
  position: absolute;
  left: 4px;
  top: 3px;
  width: 15px;
  color: #0e79c9;
  font-weight: normal;
}
.page-actions-container .select-all.active {
  background: #0e79c9;
  border-color: #0e79c9;
}
.page-actions-container .select-all.active label {
  color: #fff;
}

.tiles-wrapper {
  display: flex;
  flex-wrap: wrap;
}

.badge-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #0e79c9;
}
.badge-icon::after {
  content: "";
  background-size: 100%;
  width: 46px;
  height: 46px;
  display: block;
  border-radius: 50%;
}
.badge-icon:not(.reason) {
  box-shadow: 0px 4px 1px 0px rgba(0, 0, 0, 0.35);
}
.badge-icon:not(.reason)::after {
  border: 1px solid #fff;
}
.badge-icon.reason {
  background: #da4453;
}
.badge-icon.reason.ACH {
  background: #8cc152;
}
.badge-icon.star::after {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/praise/star_badge-25f0a70d4cb07b928c6dead281748e3e.png);
}
.badge-icon.percent-90::after {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/praise/90_badge-2ec941d8e858217f18a9e64a53bd6c90.png);
}
.badge-icon.percent-100::after {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/praise/100_badge-83e146245a9b89f20205892abf66df1b.png);
}
.badge-icon.area-chart::after {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/praise/area_chart_badge-ba21d813f911ef13762ad72815133247.png);
}
.badge-icon.arrow-up::after {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/praise/arrow_up_badge-efde661159c1a5346f4574918a771ce7.png);
}
.badge-icon.bar-chart::after {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/praise/bar_chart_badge-3a7475125c2aa9621c0389e4e5c20569.png);
}
.badge-icon.bullseye::after {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/praise/bullseye_badge-e69f62db3beadd08eca7a44f36a7ae51.png);
}
.badge-icon.line-chart::after {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/praise/line_chart_badge-147eeb0bbaf8185edbaeb1cba81bcf90.png);
}
.badge-icon.pie-chart::after {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/praise/pie_chart_badge-6458a79f643252ffb2a3e412d39101d7.png);
}
.badge-icon.area-chart::after {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/praise/area_chart_badge-ba21d813f911ef13762ad72815133247.png);
}
.badge-icon.shield::after {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/praise/shield_badge-e5b6157b96d7e7a45edcf2618da9a700.png);
}
.badge-icon.thumbs-up::after {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/praise/thumbs_up_badge-9681102a5b65be976c4debbe3ac289fc.png);
}
.badge-icon.trophy::after {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/praise/trophy_badge-7ce9fd2a2f380c2851b4c7411142e075.png);
}
.badge-icon.tick::after {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/praise/tick_badge-c9d0bac329d09bcc24c31252c593f895.png);
}
.badge-icon.superman::after {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/praise/superman_badge-9c651ec928b04cff52afca6527a96948.png);
}
.badge-icon.best-boy::after {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/praise/best_boy_badge-106901b872becc8aeb66336c79ffe77d.png);
}
.badge-icon.best-girl::after {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/praise/best_girl_badge-ae4d6c2c0d0d6bfdde5901dbd24e2f48.png);
}
.badge-icon.reading::after {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/praise/reading_badge-7e86f72990d040b83abc11ae8fca99bd.png);
}
.badge-icon.team::after {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/praise/team_badge-629c2a3b621e985a605423b5a2928082.png);
}
.badge-icon.pencil::after {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/praise/pencil_badge-41f562aab020dd9e53cac0b88cb76a88.png);
}
.badge-icon.smhw::after {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/praise/smhw_badge-428b2d660c4030ab8101079014880d9c.png);
}
.badge-icon.academic::after {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/praise/academic_badge-93c91ba5b716b0f25f6c4640d279560a.png);
}
.badge-icon.recycle::after {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/praise/recycle_badge-b785a8cb12880fd9137d7a02621a7bbd.png);
}
.badge-icon.crown::after {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/praise/crown_badge-7ea220c2c47cae4da8511ee3e791f30b.png);
}
.badge-icon.good-listener::after {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/praise/good_listener_badge-9c328a6a338a63350b4e8548761372c5.png);
}
.badge-icon.spelling::after {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/praise/spelling_badge-2b74b410b3964270ef690e2953489ccd.png);
}
.badge-icon.musician::after {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/praise/musician_badge-0b47fed4de181782ed424d46df686e31.png);
}
.badge-icon.football::after {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/praise/football_badge-2e840430de1a1dc1f290f57143d4adb5.png);
}
.badge-icon.good-time-keeping::after {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/praise/good_time_keeping_badge-70cffa7b698dba474d4bdbc3e040d9d7.png);
}
.badge-icon.science::after {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/praise/science_badge-0fb6258847895bcee91fda962989e534.png);
}
.badge-icon.english::after {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/praise/english_badge-2764356cc72794e77bce55f97bdcf191.png);
}
.badge-icon.maths::after {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/praise/maths_badge-c38d628a71f8b07001f273e747a663e8.png);
}
.badge-icon.drama::after {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/praise/drama_badge-4e7b288e248a33d43f0b55a68488f29c.png);
}
.badge-icon.art::after {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/praise/art_badge-ec5aa9b64188eafae1eebe84433f304f.png);
}
.badge-icon.geography::after {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/praise/geography_badge-54f3a7f4853bf465ce5ba851349a86c4.png);
}
.badge-icon.languages::after {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/praise/languages_badge-e612d1a611f4b3060d91c332dd657be0.png);
}
.badge-icon.speaking::after {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/praise/speaking_badge-bb62f16343bb1e469aa391b4e747b7d9.png);
}
.badge-icon.world::after {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/praise/world_badge-285f9bf6d9c9ca69cb45a79e792b3f60.png);
}
.badge-icon.runner::after {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/praise/runner_badge-3b57512a897d5d8075ac2b13996198be.png);
}
.badge-icon.rugby::after {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/praise/rugby_badge-7d52d7e29c1aa29b38bb511f12a260b9.png);
}
.badge-icon.cricket::after {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/praise/cricket_badge-3ac8b9e381aa47578907ff098985cfdd.png);
}
.badge-icon.a-grade::after {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/praise/a_grade_badge-ea0e420e2259f0f44790097b1496f2c7.png);
}
.badge-icon.b-grade::after {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/praise/b_grade_badge-2b5f58b11f1a28cd5ec9f7604cc6f65d.png);
}
.badge-icon.c-grade::after {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/praise/c_grade_badge-5ce4cad3730d5e36bdeb8699c2c3b283.png);
}
.badge-icon.swimming::after {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/praise/swimming_badge-106cb2ec006e7a403cd9161a91d512de.png);
}

.praise.note-wrapper .description {
  margin-bottom: 20px;
}

.smart-popup.popup-wrapper.praise-popup .red-side {
  width: 50%;
  background-color: #db4453;
  position: relative;
}
.smart-popup.popup-wrapper.praise-popup .red-side.confirmed {
  width: 100%;
}

.smart-popup.popup-wrapper.praise-popup.assign {
  width: 585px;
}
.smart-popup.popup-wrapper.praise-popup.assign .black-side {
  width: 50%;
  background-color: #333;
  display: flex;
  flex-direction: row-reverse;
  position: relative;
}
.smart-popup.popup-wrapper.praise-popup.assign .black-side::before {
  content: "";
  width: 150px;
  display: block;
  height: 100%;
  background-color: #db4453;
  left: 0;
  position: absolute;
}
.smart-popup.popup-wrapper.praise-popup.assign .black-side:after {
  content: "";
  font-family: FontAwesome;
  font-size: 50px;
  color: #333;
  left: 100px;
  position: absolute;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #db4453;
  text-align: center;
  line-height: 100px;
}
.smart-popup.popup-wrapper.praise-popup.assign .black-side a {
  color: white;
  margin: 8px;
  display: flex;
  text-decoration: none;
  font-size: 13px;
}
.smart-popup.popup-wrapper.praise-popup.assign .black-side .ti-arrow-left {
  margin-top: 3px;
  margin-right: 3px;
}
.smart-popup.popup-wrapper.praise-popup.assign .popup-body .badge-icon {
  margin-top: -70px;
}
.smart-popup.popup-wrapper.praise-popup.assign .popup-body .smart-infos {
  display: flex;
  position: relative;
  z-index: 1;
}
.smart-popup.popup-wrapper.praise-popup.assign .popup-body .smart-infos .details {
  margin-top: 45px;
  width: 100%;
}
.smart-popup.popup-wrapper.praise-popup.assign .popup-body .smart-infos .details h4 {
  font-weight: 600;
  text-align: center;
}
.smart-popup.popup-wrapper.praise-popup.assign .popup-body .smart-infos .details .datetime-picker {
  display: flex;
}
.smart-popup.popup-wrapper.praise-popup.assign .popup-body .smart-infos .details .datetime-picker .smhw-datepicker {
  width: 150px;
}
.smart-popup.popup-wrapper.praise-popup.assign .popup-body .smart-infos .details .datetime-picker .smhw-datepicker .icon-container {
  background-color: white;
  color: #0e79c9;
}
.smart-popup.popup-wrapper.praise-popup.assign .popup-body .smart-infos .details .datetime-picker .smhw-timepicker {
  width: 100px;
  margin-left: 10px;
}
.smart-popup.popup-wrapper.praise-popup.assign .popup-body .details-form {
  width: 50%;
}
.smart-popup.popup-wrapper.praise-popup.assign .popup-body .details-form .note-wrapper {
  width: 100% !important;
}
.smart-popup.popup-wrapper.praise-popup.assign .popup-body .details-form .note-wrapper .tab {
  width: 100px;
  font-weight: 600;
}
.smart-popup.popup-wrapper.praise-popup.assign .popup-body .details-form .note-wrapper textarea {
  resize: none;
}
.smart-popup.popup-wrapper.praise-popup.assign .popup-body .details-form .note-wrapper textarea.add-reason {
  height: 100px;
}
.smart-popup.popup-wrapper.praise-popup.assign .popup-body .details-form .note-wrapper textarea.add-location {
  height: 80px;
}

.smart-popup.popup-wrapper.praise-popup {
  width: 320px;
  overflow: hidden;
}
.smart-popup.popup-wrapper.praise-popup .praise-popup-header {
  height: 100px;
  display: flex;
  position: relative;
  z-index: 1;
}
.smart-popup.popup-wrapper.praise-popup .praise-popup-header.badge {
  background-color: #0e79c9;
}
.smart-popup.popup-wrapper.praise-popup .praise-popup-header.badge .close-link-wrapper {
  background-color: #186faf;
}
.smart-popup.popup-wrapper.praise-popup .praise-popup-header .close-link-wrapper {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 300;
}
.smart-popup.popup-wrapper.praise-popup .praise-popup-header .close-link-wrapper .pe-7s-close::before {
  content: "";
  color: white;
  font-size: 19px;
  font-weight: bold;
  padding-left: 1px;
}
.smart-popup.popup-wrapper.praise-popup .praise-popup-header .fa-star {
  animation-name: fade-in-fade-out;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
}
.smart-popup.popup-wrapper.praise-popup .praise-popup-header .fa-star::before {
  color: white;
}
.smart-popup.popup-wrapper.praise-popup .praise-popup-header .fa-star.small.left::before {
  position: absolute;
  bottom: 30px;
  left: 30px;
}
.smart-popup.popup-wrapper.praise-popup .praise-popup-header .fa-star.small.right {
  animation-delay: 0.5s;
}
.smart-popup.popup-wrapper.praise-popup .praise-popup-header .fa-star.small.right::before {
  position: absolute;
  bottom: 50px;
  right: 80px;
}
.smart-popup.popup-wrapper.praise-popup .praise-popup-header .fa-star.big.left::before {
  position: absolute;
  bottom: 60px;
  left: 70px;
}
.smart-popup.popup-wrapper.praise-popup .praise-popup-header .fa-star.big.right {
  animation-delay: 1.5s;
}
.smart-popup.popup-wrapper.praise-popup .praise-popup-header .fa-star.big.right::before {
  position: absolute;
  bottom: 20px;
  right: 40px;
}
.smart-popup.popup-wrapper.praise-popup .praise-popup-header .fa-star.small {
  animation-duration: 1.7s;
}
.smart-popup.popup-wrapper.praise-popup .praise-popup-header .fa-star.small::before {
  font-size: 13px;
  opacity: 0.2;
}
.smart-popup.popup-wrapper.praise-popup .praise-popup-header .fa-star.big::before {
  font-size: 23px;
  opacity: 0.3;
}
.smart-popup.popup-wrapper.praise-popup .popup-body {
  border-radius: 0;
  min-height: 350px;
}
.smart-popup.popup-wrapper.praise-popup .user-profile-picture {
  width: 50px;
  height: 50px;
}
.smart-popup.popup-wrapper.praise-popup .user-profile-picture .avatar-wrapper {
  border: 1px solid #fff;
}
.smart-popup.popup-wrapper.praise-popup .student-info {
  display: flex;
}
.smart-popup.popup-wrapper.praise-popup .student-info .student-brief {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  font-size: 14px;
  padding: 0 10px;
}
.smart-popup.popup-wrapper.praise-popup .student-info .student-brief .name {
  flex-grow: 1;
  font-weight: 600;
}
.smart-popup.popup-wrapper.praise-popup .student-info .student-brief p {
  padding: 5px 0 0 0 !important;
}
.smart-popup.popup-wrapper.praise-popup .students-list {
  display: flex;
  flex-direction: column;
  list-style: none;
  max-height: 180px;
  overflow-y: auto;
  padding: 0;
  margin-bottom: 0;
}
.smart-popup.popup-wrapper.praise-popup .students-list .student-info {
  padding: 10px 0;
}
.smart-popup.popup-wrapper.praise-popup .students-list .student-info:not(:first-child) {
  border-top: 1px solid #e6e9ed;
}
.smart-popup.popup-wrapper.praise-popup .students-list .student-info-short {
  margin: 0 0 5px;
}
.smart-popup.popup-wrapper.praise-popup .praise-infos {
  width: 100%;
  padding: 60px 20px 20px;
}
.smart-popup.popup-wrapper.praise-popup .praise-infos--with-writeback {
  padding-bottom: 40px;
}
.smart-popup.popup-wrapper.praise-popup .praise-infos h4 {
  width: 100%;
  text-align: center;
  color: #595959;
  font-weight: 700;
}
.smart-popup.popup-wrapper.praise-popup .praise-infos .details {
  padding-top: 10px;
}
.smart-popup.popup-wrapper.praise-popup .popup-body em {
  color: #595959;
}
.smart-popup.popup-wrapper.praise-popup .popup-body .highlight {
  font-weight: 600;
}
.smart-popup.popup-wrapper.praise-popup .badge-icon {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
  width: 100px;
  height: 100px;
}
.smart-popup.popup-wrapper.praise-popup .badge-icon::after {
  width: 96px;
  height: 96px;
}
.smart-popup.popup-wrapper.praise-popup .points-input-wrapper {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
  width: 100px;
  height: 100px;
  border: 2px solid white;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: white;
  font-size: 50px;
  font-weight: 600;
}
.smart-popup.popup-wrapper.praise-popup .points-input-wrapper .points-input {
  align-items: center;
  display: flex;
  flex-grow: 0.8;
  justify-content: center;
}
.smart-popup.popup-wrapper.praise-popup .points-input-wrapper .points-input input[type=number] {
  width: 50px;
  height: 40px;
  border-radius: 10%;
  border: 0;
  text-align: center;
  font-size: 30px;
  color: #000000;
  padding: 0;
}
.smart-popup.popup-wrapper.praise-popup .points-input-wrapper .points-input input[type=number]::-webkit-inner-spin-button, .smart-popup.popup-wrapper.praise-popup .points-input-wrapper .points-input input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: textfield;
  margin: 0;
}
.smart-popup.popup-wrapper.praise-popup .points-input-wrapper .points-input .arrow-icons {
  position: absolute;
  color: white;
  cursor: pointer;
  font-family: FontAwesome;
  font-size: 27px;
  width: 16px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.smart-popup.popup-wrapper.praise-popup .points-input-wrapper .points-input .arrow-icons.points-up {
  top: -3px;
}
.smart-popup.popup-wrapper.praise-popup .points-input-wrapper .points-input .arrow-icons.points-up::before {
  content: "";
}
.smart-popup.popup-wrapper.praise-popup .points-input-wrapper .points-input .arrow-icons.points-down {
  bottom: -3px;
}
.smart-popup.popup-wrapper.praise-popup .points-input-wrapper .points-input .arrow-icons.points-down::before {
  content: "";
}
.smart-popup.popup-wrapper.praise-popup .points-input-wrapper .points-input .arrow-icons.disable {
  color: #ccc;
}
.smart-popup.popup-wrapper.praise-popup .points-input-wrapper .points-label {
  flex-grow: 0.2;
  font-size: 14px;
}
.smart-popup.popup-wrapper.praise-popup .popup-footer {
  height: 60px;
  display: inline-block;
  align-items: center;
  background-color: white;
}
.smart-popup.popup-wrapper.praise-popup .popup-footer .popup-hint {
  font-size: 12px;
  padding-left: 20px;
  position: relative;
}
.smart-popup.popup-wrapper.praise-popup .popup-footer .popup-hint::after {
  content: "";
  font-family: FontAwesome;
  position: absolute;
  top: 2px;
  left: 0;
  color: #0e79c9;
  border-radius: 50%;
  border: 1px solid #0e79c9;
  width: 13px;
  height: 13px;
  font-size: 9px;
  padding-left: 1px;
  line-height: 12px;
  font-weight: lighter;
}
.smart-popup.popup-wrapper.praise-popup .popup-footer .btn {
  border: none;
}
.smart-popup.popup-wrapper.praise-popup .popup-footer .btn-danger {
  box-shadow: 0px 2px 1px 0px #c42737;
}
.smart-popup.popup-wrapper.praise-popup .popup-footer .btn-primary {
  box-shadow: 0px 2px 1px 0px #0b5c99;
}
.smart-popup.popup-wrapper.praise-popup .popup-footer .btn-success {
  box-shadow: 0px 2px 1px 0px #72a53b;
}
.smart-popup.popup-wrapper.praise-popup .popup-footer .center {
  margin-left: auto;
  margin-right: auto;
}
.smart-popup.popup-wrapper.praise-popup .popup-footer .right {
  margin-left: auto;
}
.smart-popup.popup-wrapper.praise-popup.add .points-input-wrapper {
  background-color: #8dc153;
}
.smart-popup.popup-wrapper.praise-popup.deduct .points-input-wrapper {
  background-color: #db4453;
}

.smart-popup.popup-wrapper.praise-popup.assign.assign-badge-popup {
  width: 320px;
}
.smart-popup.popup-wrapper.praise-popup.assign.assign-badge-popup .popup-footer .popup-hint {
  padding: 0 10px 0 20px;
}

.student-praise .reasons-wrapper {
  max-height: 300px;
}
.student-praise .reasons-wrapper tr:nth-of-type(odd) {
  background-color: #f5f7fa !important;
}
.student-praise .reasons-wrapper td {
  vertical-align: middle;
}
.student-praise .reasons-wrapper .badges-points {
  width: 75px;
}
.student-praise .reasons-wrapper .date-cell {
  width: 130px;
  font-size: 12px;
}
.student-praise .reasons-wrapper .reason-description {
  text-align: left;
}
.student-praise .reasons-wrapper .behaviour-info .behaviour-points {
  font-size: 20px;
  font-weight: bold;
}
.student-praise .reasons-wrapper .behaviour-info .behaviour-points .points-text {
  color: #333;
}
.student-praise .reasons-wrapper .behaviour-info .points-text {
  font-size: 12px;
  font-weight: normal;
}
.student-praise .reasons-wrapper .behaviour-info .positive, .student-praise .reasons-wrapper .behaviour-info .activity-feed-entry .activity-feed-entry-content .submission-comment-icon .icon.negative, .activity-feed-entry .activity-feed-entry-content .submission-comment-icon .student-praise .reasons-wrapper .behaviour-info .icon.negative {
  color: #8cc152;
}
.student-praise .reasons-wrapper .behaviour-info .negative {
  color: #da4453;
}
.student-praise .splash-title {
  margin-top: 0;
  font-size: 16px;
  font-weight: bold;
}
.student-praise .badges-header {
  padding: 20px;
  display: flex;
}
.student-praise .badges-header .badges-infos {
  flex: 1;
}
.student-praise .badges-list {
  display: flex;
  flex-wrap: wrap;
}
.student-praise .badges-list .badge {
  text-align: center;
  padding-bottom: 20px;
}
.student-praise .badges-list .badge .badge-icon {
  position: relative;
  width: 100px;
  height: 100px;
  margin: 0 25px 10px;
}
.student-praise .badges-list .badge .badge-icon::after {
  width: 96px;
  height: 96px;
}
.student-praise .badges-list .badge .badge-icon .badge-blob {
  right: 0;
  top: 0;
}
.student-praise .badges-list .badge .badge-label {
  display: inline-block;
  width: 100px;
}
.student-praise .panel-splash.praise-points .praise-header {
  display: flex;
  padding: 20px;
}
.student-praise .panel-splash.praise-points .praise-header .left {
  flex: 1;
}
.student-praise .panel-splash.praise-points .praise-header .praise-total {
  color: #0e79c9;
  font-size: 35px;
  font-weight: bold;
}
.student-praise .panel-splash.praise-points .praise-header .praise-total .gray {
  font-size: 20px;
  margin-left: 5px;
}
.student-praise .panel-splash.praise-points .points {
  margin-top: 20px;
  border-top: 1px solid #ccd1d9;
  flex: 1;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  padding: 15px 0;
  height: 225px;
  background-repeat: no-repeat;
  background-position: center -10px;
  overflow: hidden;
  position: relative;
}
.student-praise .panel-splash.praise-points .points .number {
  position: absolute;
  width: 100%;
  text-align: center;
  z-index: 2;
}
.student-praise .panel-splash.praise-points .points .thumb-img {
  width: 100%;
  height: 246px;
  background-size: 750px;
  background-position: center;
}
.student-praise .panel-splash.praise-points .points.positive, .student-praise .panel-splash.praise-points .activity-feed-entry .activity-feed-entry-content .submission-comment-icon .points.icon.negative, .activity-feed-entry .activity-feed-entry-content .submission-comment-icon .student-praise .panel-splash.praise-points .points.icon.negative {
  border-right: 1px solid #ccd1d9;
  border-top-right-radius: 6px;
  color: #8cc152;
}
.student-praise .panel-splash.praise-points .points.negative {
  color: #da4453;
  border-top-left-radius: 6px;
}

.points-blob, .badge-blob {
  position: absolute;
  top: -15px;
  right: -15px;
  background: #8cc152;
  border: 2px solid #fff;
  padding: 3px 5px;
  border-radius: 50px;
  color: #fff;
  font-weight: bold;
  min-width: 30px;
  z-index: 1;
}

.seating-grid-row .seating-cell.place-assigned .praise-points .positive, .seating-grid-row .seating-cell.place-assigned .praise-points .negative, .student-tile .praise-points .positive, .student-tile .praise-points .activity-feed-entry .activity-feed-entry-content .submission-comment-icon .icon.negative, .activity-feed-entry .activity-feed-entry-content .submission-comment-icon .student-tile .praise-points .icon.negative, .student-tile .praise-points .negative {
  border-radius: 50px;
  background-color: #8cc152;
  padding: 3px 5px;
  min-width: 25px;
  color: #fff;
  font-weight: bold;
  display: inline-block;
}
.seating-grid-row .seating-cell.place-assigned .praise-points .negative, .student-tile .praise-points .negative {
  background-color: #da4453;
  margin-left: 5px;
}

.points-popup-dropdown--outcome .ember-power-select-options, .points-popup-dropdown--status .ember-power-select-options {
  max-height: 120px;
}

.smhw-timepicker {
  width: 160px;
  position: relative;
  z-index: 0;
}
.smhw-timepicker .input-group {
  padding: 10px 0;
}
.smhw-timepicker .input-group .ember-power-select-trigger.form-control {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  color: #656d78;
  width: 60px;
}
.smhw-timepicker .input-group .ember-power-select-trigger.form-control[aria-disabled=true] {
  background-color: #f5f7fa;
  cursor: not-allowed;
}
.smhw-timepicker .input-group .ember-power-select-trigger.form-control .ember-power-select-placeholder {
  width: auto;
}
.smhw-timepicker input[type=number] {
  border-right: 0;
  width: 30px;
  padding: 6px 5px;
  text-align: center;
  -moz-appearance: textfield;
}
.smhw-timepicker input[type=number]:nth-child(5) {
  margin-left: -1px;
}
.smhw-timepicker input[type=number]:disabled {
  background-color: #f5f7fa;
}
.smhw-timepicker input[readonly] {
  background-color: #fff;
}
.smhw-timepicker input[type=number]::-webkit-inner-spin-button,
.smhw-timepicker input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: textfield;
  margin: 0;
}
.smhw-timepicker .btn-hour-up,
.smhw-timepicker .btn-hour-down,
.smhw-timepicker .btn-minute-up,
.smhw-timepicker .btn-minute-down {
  position: absolute;
  color: #ccc;
  cursor: pointer;
  font-family: FontAwesome;
  font-size: 18px;
  border-width: 0;
  padding: 0;
  background: none;
}
.smhw-timepicker .btn-hour-up:disabled,
.smhw-timepicker .btn-hour-down:disabled,
.smhw-timepicker .btn-minute-up:disabled,
.smhw-timepicker .btn-minute-down:disabled {
  pointer-events: none;
}
.smhw-timepicker .btn-hour-up:hover,
.smhw-timepicker .btn-hour-down:hover,
.smhw-timepicker .btn-minute-up:hover,
.smhw-timepicker .btn-minute-down:hover {
  color: #656d78;
}
.smhw-timepicker .btn-hour-up {
  top: -10px;
  left: 10px;
}
.smhw-timepicker .btn-hour-up::before {
  content: "";
}
.smhw-timepicker .btn-hour-down {
  bottom: -10px;
  left: 10px;
}
.smhw-timepicker .btn-hour-down::before {
  content: "";
}
.smhw-timepicker .btn-minute-up {
  top: -10px;
  left: 40px;
}
.smhw-timepicker .btn-minute-up::before {
  content: "";
}
.smhw-timepicker .btn-minute-down {
  bottom: -10px;
  left: 40px;
}
.smhw-timepicker .btn-minute-down::before {
  content: "";
}

.smart-popup.popup-wrapper {
  width: 585px;
}
.smart-popup.popup-wrapper .popup-header {
  align-items: center;
  border-bottom: 1px solid #e6e9ed;
  display: flex;
  height: 60px;
  justify-content: flex-start;
  position: relative;
}
.smart-popup.popup-wrapper .popup-header .pe-7s-close {
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  right: 20px;
  top: 10px;
}
.smart-popup.popup-wrapper .popup-header .smart-title {
  padding-left: 20px;
}
.smart-popup.popup-wrapper .popup-body {
  min-height: 425px;
  padding: 0;
}
.smart-popup.popup-wrapper .popup-body.smart-info-wrapper {
  display: flex;
  overflow-y: visible;
}
.smart-popup.popup-wrapper .popup-body .smart-infos,
.smart-popup.popup-wrapper .popup-body .note-wrapper {
  width: 50%;
}
.smart-popup.popup-wrapper .popup-body .smart-infos,
.smart-popup.popup-wrapper .popup-body .tab-content {
  padding: 20px;
}
.smart-popup.popup-wrapper .popup-body .smart-infos {
  border-right: 1px solid #e6e9ed;
}
.smart-popup.popup-wrapper .popup-body .smart-infos .avatar {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.smart-popup.popup-wrapper .popup-body .smart-infos .avatar .user-profile-picture {
  height: 100px;
  margin-top: -70px;
  width: 100px;
}
.smart-popup.popup-wrapper .popup-body .smart-infos .avatar .name {
  font-weight: 600;
}
.smart-popup.popup-wrapper .popup-body .smart-infos .praise-icon-wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.smart-popup.popup-wrapper .popup-body .smart-infos .praise-icon-wrapper .praise-icon {
  border-radius: 50%;
  height: 100px;
  margin-top: -70px;
  width: 100px;
}
.smart-popup.popup-wrapper .popup-body .smart-infos .praise-icon-wrapper .praise-icon::after {
  border: 1px solid #fff;
  border-radius: 50%;
  content: "";
  display: block;
  height: 96px;
  margin: 2px;
  width: 96px;
}
.smart-popup.popup-wrapper .popup-body .smart-infos .praise-icon-wrapper .praise-icon.badge {
  background-color: #06709b;
}
.smart-popup.popup-wrapper .popup-body .smart-infos .praise-icon-wrapper .praise-icon.badge::after {
  background-color: #0893cc;
  background-image: url("https://d24lsbndsvqq17.cloudfront.net/images/praise/star_badge-25f0a70d4cb07b928c6dead281748e3e.png");
  background-position: center;
  background-size: 96px;
}
.smart-popup.popup-wrapper .popup-body .smart-infos .details {
  margin-top: 15px;
}
.smart-popup.popup-wrapper .popup-body .smart-infos .details .assessment {
  border-bottom: 1px solid #e6e9ed;
  margin-bottom: 10px;
  padding-top: 1px;
}
.smart-popup.popup-wrapper .popup-body .smart-infos .details .assessment .assessment-results {
  float: left;
}
.smart-popup.popup-wrapper .popup-body .smart-infos .details .assessment .assessment-results .result {
  border-radius: 2px;
  font-size: 12px;
  font-weight: 700;
  height: 20px;
  margin-right: 1px;
  padding-top: 2px;
  width: 39px;
}
.smart-popup.popup-wrapper .popup-body .smart-infos .details .assessment a {
  float: right;
  margin-bottom: 10px;
}
.smart-popup.popup-wrapper .popup-body .smart-infos .details .assessment .assessment-key {
  clear: both;
}
.smart-popup.popup-wrapper .popup-body .smart-infos .details .assessment .assessment-key ul {
  margin-bottom: -9px;
}
.smart-popup.popup-wrapper .popup-body .smart-infos .details .assessment .assessment-key ul li {
  padding-bottom: 9px;
}
.smart-popup.popup-wrapper .popup-body .smart-infos .details .assessment .assessment-key ul li::before {
  float: left;
  top: 0px;
}
.smart-popup.popup-wrapper .popup-body .smart-infos .details .categories {
  margin-bottom: 10px;
}
.smart-popup.popup-wrapper .popup-body .smart-infos .details .detail-row {
  border-top: 1px solid #e6e9ed;
  display: flex;
  padding: 5px 0;
}
.smart-popup.popup-wrapper .popup-body .smart-infos .details .detail-row .right {
  margin-left: auto;
}
.smart-popup.popup-wrapper .popup-body .note-wrapper .tab {
  align-items: center;
  background: white;
  display: flex;
  justify-content: center;
  height: 50px;
  margin-top: -50px;
  width: 70px;
}
.smart-popup.popup-wrapper .popup-body .note-wrapper .note {
  border: 1px solid #e6e9ed;
  border-radius: 6px;
  height: 300px;
  margin-bottom: 20px;
  padding: 10px;
}
.smart-popup.popup-wrapper .popup-body .note-wrapper .note.active {
  border-color: #BAD4F7;
  box-shadow: 0 0 2px 0 #BAD4F7;
}
.smart-popup.popup-wrapper .popup-body .note-wrapper .note .textarea {
  border: 0;
  height: 100%;
  resize: none;
  width: 100%;
}
.smart-popup.popup-wrapper .popup-body .note-wrapper .note .textarea:focus {
  outline: 0;
}
.smart-popup.popup-wrapper .popup-body .smart-search {
  margin: 20px;
}
.smart-popup.popup-wrapper .popup-body .smart-search::after {
  font-size: 30px;
}
.smart-popup.popup-wrapper .popup-body .smart-search .form-control {
  max-width: 100%;
  border: 1px solid #BAD4F7;
  padding-right: 50px;
  height: 55px;
  font-size: 19px;
}
.smart-popup.popup-wrapper .popup-body .list-wrapper {
  height: 350px;
  overflow: hidden;
  overflow-y: scroll;
}
.smart-popup.popup-wrapper .popup-body .list-wrapper .smart-search {
  margin-bottom: 5px;
  position: relative;
}
.smart-popup.popup-wrapper .popup-body .list-wrapper .smart-search .form-control {
  padding: 6px 25px 6px 10px;
}
.smart-popup.popup-wrapper .popup-body .list-wrapper .smart-search::after {
  color: #333;
  content: "";
  font-family: "Linearicons";
  font-size: 13px;
  position: absolute;
  right: 10px;
  top: 8px;
}
.smart-popup.popup-wrapper .popup-body .list-wrapper .student-item:first-of-type::before {
  border-bottom: 1px solid #e6e9ed;
  content: "";
  left: 20px;
  position: absolute;
  top: 0;
  width: calc(100% - 40px);
}
.smart-popup.popup-wrapper .popup-body .list-wrapper .student-item {
  align-items: center;
  color: #656d78;
  display: flex;
  height: 100px;
  padding: 0 20px 10px;
  position: relative;
  width: 100%;
}
.smart-popup.popup-wrapper .popup-body .list-wrapper .student-item::after {
  border-bottom: 1px solid #e6e9ed;
  bottom: 0;
  content: "";
  left: 20px;
  position: absolute;
  width: calc(100% - 40px);
}
.smart-popup.popup-wrapper .popup-body .list-wrapper .student-item:hover {
  background: #0e79c9;
  text-decoration: none;
}
.smart-popup.popup-wrapper .popup-body .list-wrapper .student-item:hover::after, .smart-popup.popup-wrapper .popup-body .list-wrapper .student-item:hover::before {
  border: 0;
}
.smart-popup.popup-wrapper .popup-body .list-wrapper .student-item:hover .name,
.smart-popup.popup-wrapper .popup-body .list-wrapper .student-item:hover .seating-label__title,
.smart-popup.popup-wrapper .popup-body .list-wrapper .student-item:hover .seating-label__title--read-only,
.smart-popup.popup-wrapper .popup-body .list-wrapper .student-item:hover .list-btn {
  color: #fff;
}
.smart-popup.popup-wrapper .popup-body .list-wrapper .student-item:hover .list-btn {
  border-color: #fff;
}
.smart-popup.popup-wrapper .popup-body .list-wrapper .student-item:hover .green-hover {
  background-color: #8cc152;
  border-color: #8cc152;
}
.smart-popup.popup-wrapper .popup-body .list-wrapper .student-item .list-btn {
  height: 33px;
  margin-left: auto;
}
.smart-popup.popup-wrapper .popup-body .list-wrapper .student-item .user-profile-picture {
  height: 62px;
  width: 62px;
}
.smart-popup.popup-wrapper .popup-body .list-wrapper .student-item .smart-info {
  margin-left: 20px;
}
.smart-popup.popup-wrapper .popup-body .list-wrapper .student-item .smart-infos-wrapper {
  align-items: center;
  display: flex;
  height: 100%;
  width: 100%;
}
.smart-popup.popup-wrapper .popup-body .list-wrapper .seating-student {
  z-index: 1;
}
.smart-popup.popup-wrapper .student-profile-header {
  background-color: #1087e1;
  display: flex;
  height: 100px;
  position: relative;
  z-index: 0;
}
.smart-popup.popup-wrapper .student-profile-header .close-link-wrapper {
  height: 20px;
  margin: 10px 10px 0 auto;
}
.smart-popup.popup-wrapper .student-profile-header .close-link-wrapper .close-link {
  color: #fff;
}
.smart-popup.popup-wrapper .student-profile-header .close-link-wrapper .fa-stack .fa-circle {
  color: #0e79c9;
}
.smart-popup.popup-wrapper .pe-7s-close:hover {
  text-decoration: none;
}

.groupcall-consent #consent-hero {
  margin-top: 60px;
}
.groupcall-consent #consent-hero .data-access {
  color: #F96D4F;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 13px;
}
.groupcall-consent #consent-hero .main-title {
  font-weight: 500;
}
.groupcall-consent #consent-hero .info-block {
  margin-bottom: 40px;
}
.groupcall-consent #consent-hero .groupcall-preview-image {
  max-width: 100%;
}
.groupcall-consent #consent-hero .groupcall-preview-image {
  width: 1112px;
  height: 437px;
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/groupcall/consent_image-586593246fcb5e49e1b71b67622464a8.png);
  background-image: -webkit-image-set(url(https://d24lsbndsvqq17.cloudfront.net/images/groupcall/consent_image-586593246fcb5e49e1b71b67622464a8.png) 1x, url(https://d24lsbndsvqq17.cloudfront.net/images/groupcall/consent_image_@2x-1107a8c756a2ece1ec5b6e72f5b5949d.png) 2x);
}

#custom-error-wrapper.timetable-custom-error-wrapper {
  padding-top: 30px;
  height: initial;
}

.timetable-page .ember-power-datepicker-trigger {
  padding: 0 10px;
}
.timetable-page .timetable {
  position: relative;
}
.timetable-page .timetable .loading-spinner {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  height: 100vh;
  flex: 1;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 100;
  align-items: stretch;
  padding-top: 100px;
}
.timetable-page .timetable .day-entries {
  width: 100%;
  display: flex;
  z-index: 100;
  position: relative;
}
.timetable-page .timetable .day-entries .day-time-styles {
  height: 90px;
  position: relative;
}
.timetable-page .timetable .day-entries .day-time-styles:not(:last-child) {
  border-bottom: 1px solid #e6e9ed;
}
.timetable-page .timetable .time-wrapper {
  position: relative;
}
.timetable-page .timetable .time-wrapper .time-line {
  position: absolute;
  left: 60px;
  width: 100vw;
  border-bottom: 2px solid #FB7158;
  z-index: 100;
}
.timetable-page .timetable .time-wrapper .time-line::before {
  content: "";
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid #FB7158;
  position: absolute;
  left: -7px;
  top: -4px;
}
.timetable-page .timetable .time-wrapper .time {
  height: 102px;
  width: 60px;
  text-align: center;
  padding-top: 5px;
  position: relative;
  border: 1px solid #e6e9ed;
  border-right: none;
}
.timetable-page .timetable .time-wrapper .time::before, .timetable-page .timetable .time-wrapper .time::after {
  content: "";
  position: absolute;
  height: calc(25% + 1px);
  width: 100vw;
  top: calc(25% + 1px);
  left: 60px;
  border-top: 1px dashed #e6e9ed;
}
.timetable-page .timetable .time-wrapper .time::before {
  border-bottom: 1px dashed #ccd1d9;
}
.timetable-page .timetable .time-wrapper .time::after {
  top: 75%;
  border-bottom: 1px solid #e6e9ed;
}
.timetable-page .timetable .time-wrapper .time:not(:last-child) {
  border-bottom: none;
}
.timetable-page .timetable--headers {
  display: flex;
  margin-left: 60px;
  height: 70px;
  align-items: stretch;
  border-right: 1px solid #e6e9ed;
}
.timetable-page .timetable--headers--item {
  background-color: #f6f7fb;
  flex: 1;
  border-left: 1px solid #e6e9ed;
  overflow: hidden;
  position: relative;
}
.timetable-page .timetable--headers--item--inner {
  width: 100%;
  height: 100%;
  position: relative;
  border-top: 1px solid #e6e9ed;
  border-bottom: 1px solid #e6e9ed;
  padding: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.timetable-page .timetable--headers--item.is-active {
  color: #656d78;
  background-color: #e6e9ed;
}
.timetable-page .timetable--headers--item.is-active .timetable--headers--item--inner {
  border-top-width: 0;
  border-bottom: 3px solid #4b9bd8;
  padding: 6px 5px 3px;
}
.timetable-page .timetable--headers--item--title {
  height: 20px;
  line-height: 20px;
  margin-bottom: 4px;
  font-weight: bold;
}
.timetable-page .timetable--headers--item--date {
  line-height: 16px;
  max-height: 32px;
}
.timetable-page .timetable--headers--item--title, .timetable-page .timetable--headers--item--date {
  overflow: hidden;
  word-wrap: break-word;
}
.timetable-page .timetable--events {
  display: flex;
  flex-wrap: wrap;
  margin-left: 60px;
  border-left: 1px solid #e6e9ed;
  border-right: 1px solid #e6e9ed;
  position: relative;
  padding: 4px 0;
  border-bottom: 1px solid #e6e9ed;
}
.timetable-page .timetable--events--item {
  padding: 4px;
}
.timetable-page .timetable--events--item.offset-1 {
  margin-left: calc(100% / 7 * 1);
}
.timetable-page .timetable--events--item.offset-2 {
  margin-left: calc(100% / 7 * 2);
}
.timetable-page .timetable--events--item.offset-3 {
  margin-left: calc(100% / 7 * 3);
}
.timetable-page .timetable--events--item.offset-4 {
  margin-left: calc(100% / 7 * 4);
}
.timetable-page .timetable--events--item.offset-5 {
  margin-left: calc(100% / 7 * 5);
}
.timetable-page .timetable--events--item.offset-6 {
  margin-left: calc(100% / 7 * 6);
}
.timetable-page .timetable--events--item.right-offset-1 {
  margin-right: calc(100% / 7 * 1);
}
.timetable-page .timetable--events--item.right-offset-2 {
  margin-right: calc(100% / 7 * 2);
}
.timetable-page .timetable--events--item.right-offset-3 {
  margin-right: calc(100% / 7 * 3);
}
.timetable-page .timetable--events--item.right-offset-4 {
  margin-right: calc(100% / 7 * 4);
}
.timetable-page .timetable--events--item.right-offset-5 {
  margin-right: calc(100% / 7 * 5);
}
.timetable-page .timetable--events--item.right-offset-6 {
  margin-right: calc(100% / 7 * 6);
}
.timetable-page .timetable--events--item.size-1 {
  width: calc(100% / 7 * 1);
}
.timetable-page .timetable--events--item.size-2 {
  width: calc(100% / 7 * 2);
}
.timetable-page .timetable--events--item.size-3 {
  width: calc(100% / 7 * 3);
}
.timetable-page .timetable--events--item.size-4 {
  width: calc(100% / 7 * 4);
}
.timetable-page .timetable--events--item.size-5 {
  width: calc(100% / 7 * 5);
}
.timetable-page .timetable--events--item.size-6 {
  width: calc(100% / 7 * 6);
}
.timetable-page .timetable--events--item.size-7 {
  width: calc(100% / 7 * 7);
}
.timetable-page .timetable--events--item.has-open-start {
  padding-left: 0;
}
.timetable-page .timetable--events--item.has-open-start .timetable--events--item--inner {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.timetable-page .timetable--events--item.has-open-end {
  padding-right: 0;
}
.timetable-page .timetable--events--item.has-open-end .timetable--events--item--inner {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.timetable-page .timetable--events--item--inner {
  border-radius: 4px;
  background-color: #FB7158;
  color: white;
  font-weight: 600;
  padding: 6px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.timetable-page .timetable--events--item--inner:focus, .timetable-page .timetable--events--item--inner:active {
  outline: 0;
}
.timetable-page .timetable--events--item--inner:focus, .timetable-page .timetable--events--item--inner:active, .timetable-page .timetable--events--item--inner[aria-expanded=true] {
  background-color: #fa5c3f;
}
.timetable-page .timetable--cells {
  display: flex;
  overflow: hidden;
  position: relative;
  margin-top: -1px;
}
.timetable-page .timetable-item-entry.detention .detention-triangle {
  color: #ed5565;
}
.timetable-page .timetable-item-entry.detention p {
  display: inline-block;
}
.timetable-page .timetable-item-entry.detention::before {
  background: #ed5565;
}
.timetable-page .timetable-item-entry {
  position: absolute;
  width: 95%;
  padding: 8px;
  text-align: center;
  background-color: #f6f7fb;
  background-image: repeating-linear-gradient(45deg, transparent 6px, transparent 11px, #ddd 0, #ddd 12px);
  border-bottom: 1px solid #fff;
  border-radius: 4px;
}
.timetable-page .timetable-item-entry:focus, .timetable-page .timetable-item-entry:active {
  outline: 0;
}
.timetable-page .timetable-item-entry[aria-expanded=true] {
  background-color: #fff0ed;
}
.timetable-page .timetable-item-entry[aria-expanded=true]::before {
  background-color: #fdb1a3;
}
.timetable-page .timetable-item-entry::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  background: #93CDF2;
}
.timetable-page .current-week .timetable-item-entry {
  background-color: #C2E8FD;
  background-image: none;
}
.timetable-page .current-week .timetable-item-entry.active-item.detention {
  background-color: #FAEDEE;
}
.timetable-page .current-week .timetable-item-entry.active-item.detention::before {
  background-color: #da4453;
}
.timetable-page .current-week .timetable-item-entry.active-item {
  background-color: #fff0ed;
}
.timetable-page .current-week .timetable-item-entry.active-item::before {
  background-color: #fdb1a3;
}
.timetable-page .current-week .timetable-item-entry.detention {
  background-color: #F7DADD;
}

.timetable-item-entry {
  white-space: nowrap;
  text-overflow: ellipsis;
}
.timetable-item-entry__body {
  height: 100%;
  overflow: hidden;
  text-align: left;
}
.timetable-item-entry__body__period {
  float: right;
}
.timetable-item-entry__body__sign-area {
  display: flex;
  justify-content: flex-end;
  margin-top: 3px;
}
.timetable-item-entry__body__sign-area .sign {
  font-size: 13px;
  padding: 0 4px;
  width: 30px;
}
.timetable-item-entry__body__sign-area .sign--issued-on {
  margin-right: 5%;
}
.timetable-item-entry__body__sign-area .sign--plan {
  margin-left: 5%;
  padding: 0 2px;
}
.timetable-item-entry__body .student-class-group {
  float: left;
}

.sign {
  color: #fff;
  border-radius: 5px;
  display: inline-block;
  padding: 0 10px 0 7px;
  width: 112px;
}
.sign--due-on {
  background-color: #da4453;
}
.sign--issued-on {
  background-color: #8cc152;
}
.sign--plan {
  background-color: #0e79c9;
}

.timetable-item-entry p,
.timetable-item-event-popup p {
  margin-bottom: 1px;
  color: #3a3a3a;
  font-size: 13px;
}

.timetable-item-popup {
  background: #fff;
  border: 1px solid #c8cfd8;
  border-radius: 6px;
  box-shadow: 2px 2px 1px 0 #d7dce2;
  position: absolute;
  text-align: center;
  z-index: 101;
  top: 5%;
}
.timetable-item-popup::after, .timetable-item-popup::before {
  top: 40px;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.timetable-item-popup::before {
  border-width: 12px;
  margin-top: -12px;
}
.timetable-item-popup::after {
  border-width: 11px;
  margin-top: -11px;
}
.timetable-item-popup__inner {
  width: 300px;
  padding: 20px;
}
.timetable-item-popup--right {
  left: 109%;
}
.timetable-item-popup--right::after, .timetable-item-popup--right::before {
  right: 100%;
}
.timetable-item-popup--right::after {
  border-right-color: #fff;
}
.timetable-item-popup--right::before {
  border-right-color: #ccd1d9;
}
.timetable-item-popup--left {
  right: 109%;
}
.timetable-item-popup--left::after, .timetable-item-popup--left::before {
  left: 100%;
}
.timetable-item-popup--left::after {
  border-left-color: #fff;
}
.timetable-item-popup--left::before {
  border-left-color: #ccd1d9;
}
.timetable-item-popup__item-info-list {
  max-width: 175%;
  padding: 0;
  list-style-type: none;
  text-align: left;
  overflow: hidden;
  margin-bottom: 0;
}
.timetable-item-popup__item-info-list li {
  padding-bottom: 3px;
  word-break: break-all;
}
.timetable-item-popup__item-info-list li :first-child {
  padding-right: 10px;
}
.timetable-item-popup__item-info-list > :first-child {
  color: #656d78;
  font-weight: 600;
}
.timetable-item-popup .item-info-section {
  text-align: initial;
  margin: 6px 0;
  white-space: normal;
}
.timetable-item-popup__class-tasks {
  display: flex;
  padding-top: 9px;
}
.timetable-item-popup__class-tasks .linearicon-pencil5 {
  padding: 0 11px 0 0;
}
.timetable-item-popup__class-tasks__list {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-top: -2px;
}
.timetable-item-popup__lesson-plans {
  display: flex;
  padding-top: 9px;
}
.timetable-item-popup__lesson-plans .linearicon-register {
  padding: 0 11px 0 0;
}
.timetable-item-popup__lesson-plans__list {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-top: -2px;
}
.timetable-item-popup__lesson-plans .sign--plan {
  padding: 0;
}
.timetable-item-popup__link-area {
  display: flex;
}
.timetable-item-popup__link-area__item {
  align-items: center;
  display: flex;
  margin-top: 1px;
  overflow: hidden;
}
.timetable-item-popup__link-area__item a {
  max-width: 187px;
}
.timetable-item-popup__link-area .linearicon-link {
  float: left;
  padding: 5px 11px 0 0;
}
.timetable-item-popup__link-area .focus-tooltip-wrapper {
  margin-top: -4px;
}
.timetable-item-popup .sub-popup__wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
}
.timetable-item-popup .sub-popup__wrapper .sub-popup {
  position: absolute;
}

.timetable-item-event-popup {
  border: 1px solid;
  width: calc(100% + 20px);
  background: #fff;
  left: -10px;
  border-radius: 6px;
  border-color: #c8cfd8;
  box-shadow: 2px 2px 1px 0 #d7dce2;
  text-align: center;
  z-index: 101;
}
.timetable-item-event-popup .details-header {
  padding: 5px;
  border-bottom: 1px solid #e6e9ed;
}
.timetable-item-event-popup .details-body {
  padding: 10px;
}
.timetable-item-event-popup .details-body .time-badge {
  display: inline-block;
  border-radius: 6px;
  background-color: #fa4726;
  color: #fff;
  padding: 0 5px;
}
.timetable-item-event-popup::before, .timetable-item-event-popup::after {
  content: "";
  position: absolute;
  bottom: -9px;
  left: 50%;
  margin-left: -9px;
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 9px solid #fff;
}
.timetable-item-event-popup::before {
  bottom: -11px;
  border-top-color: #c8cfd8;
}

.timetables--events--item-popup {
  max-width: 200px;
}

.timetable--blank {
  background-color: rgba(255, 255, 255, 0.75);
  position: absolute;
  top: 53px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% / 7 * 3 + 1px);
  height: 179px;
  padding: 5px;
  z-index: 200;
  border: 1px solid #e6e9ed;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.timetable--blank .linearicon-calendar-insert {
  color: #5d9cec;
  font-size: 50px;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .timetable--blank .linearicon-calendar-insert {
    font-size: 25px;
    margin-bottom: 6px;
  }
}
.timetable--blank--text {
  max-width: 320px;
  text-align: center;
  color: #999999;
  font-weight: 600;
}

.ember-power-calendar {
  box-sizing: border-box;
  position: relative;
}

.ember-power-calendar-nav {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}

.ember-power-calendar-nav * {
  box-sizing: border-box;
}

.ember-power-calendar-days, .ember-power-calendar-days * {
  box-sizing: border-box;
}

.ember-power-calendar-nav-title {
  flex: 1;
  text-align: center;
}

.ember-power-calendar-row {
  display: flex;
  justify-content: space-between;
}

.ember-power-calendar-weekday {
  -webkit-appearance: none;
  flex: 1 1 100%;
  padding: 0;
  background-color: transparent;
  background-color: initial;
  border: none;
  border: initial;
  outline: none;
  outline: initial;
  justify-content: center;
  display: flex;
  align-items: center;
  padding: 0;
}

.ember-power-calendar-day {
  -webkit-appearance: none;
  background-color: transparent;
  background-color: initial;
  border: none;
  border: initial;
  outline: none;
  outline: initial;
  flex: 1 1 100%;
  font-size: inherit;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.ember-power-calendar-nav-control {
  -webkit-appearance: none;
  background-color: transparent;
  background-color: initial;
  border: none;
  border: initial;
  outline: none;
  outline: initial;
  font-size: inherit;
}

.ember-power-calendar {
  font-size: 14px;
  line-height: 1.42857;
}

.ember-power-calendar-nav {
  line-height: 2;
}

.ember-power-calendar-nav-control {
  line-height: 1;
  font-size: 150%;
}
.ember-power-calendar-nav-control:focus {
  transform: scale(1.2);
}

.ember-power-calendar-day--selected,
.ember-power-calendar-day--selected:not([disabled]):hover {
  font-weight: bold;
}

.ember-power-calendar-day--interactive[disabled] {
  opacity: 0.4;
}

@keyframes drop-fade-below {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes drop-fade-above {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
.smhw-datepicker--wrapper {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 5px 10px 10px;
  margin-top: 10px;
  will-change: transform, opacity;
  z-index: 1100;
}
.smhw-datepicker--wrapper.ember-basic-dropdown-content--left.ember-basic-dropdown-content--below::before, .smhw-datepicker--wrapper.ember-basic-dropdown-content--left.ember-basic-dropdown-content--below::after {
  content: "";
  display: block;
  position: absolute;
  left: 14px;
  top: -8px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ccc;
}
.smhw-datepicker--wrapper.ember-basic-dropdown-content--left.ember-basic-dropdown-content--below::after {
  transform: translateY(1px);
  border-bottom-color: white;
}
.smhw-datepicker--wrapper.ember-basic-dropdown-content--below.ember-basic-dropdown--transitioning-in {
  animation: drop-fade-below 0.15s;
}
.smhw-datepicker--wrapper.ember-basic-dropdown-content--below.ember-basic-dropdown--transitioning-out {
  animation: drop-fade-below 0.15s reverse;
}
.smhw-datepicker--wrapper.ember-basic-dropdown-content--above.ember-basic-dropdown--transitioning-in {
  animation: drop-fade-above 0.15s;
}
.smhw-datepicker--wrapper.ember-basic-dropdown-content--above.ember-basic-dropdown--transitioning-out {
  animation: drop-fade-above 0.15s reverse;
}
.smhw-datepicker--wrapper .ember-power-calendar-day {
  font-size: 11px;
  font-weight: 600;
  border-radius: 4px;
}
.smhw-datepicker--wrapper .ember-power-calendar-nav {
  line-height: 3;
}
.smhw-datepicker--wrapper .ember-power-calendar-nav-title {
  font-weight: 600;
  color: #656d78;
  font-size: 13px;
}
.smhw-datepicker--wrapper .ember-power-calendar-weekday {
  font-weight: bold;
  font-size: 13px;
}
.smhw-datepicker--wrapper .ember-power-calendar-weekday {
  color: #333;
}
.smhw-datepicker--wrapper .ember-power-calendar-nav-control {
  font-size: 100%;
}
.smhw-datepicker--wrapper .ember-power-calendar-nav-control .fa {
  color: #0e79c9;
  font-size: 14px;
}
.smhw-datepicker--wrapper.is-weekly .ember-power-calendar-row:hover .ember-power-calendar-day--other-month {
  background-color: #fafafa;
}
.smhw-datepicker--wrapper.is-weekly .ember-power-calendar-row:hover .ember-power-calendar-day--current-month {
  background-color: #e7ecf3;
}
.smhw-datepicker--wrapper.is-weekly .ember-power-calendar-row:hover .ember-power-calendar-day--current-month .current-week-day {
  background-color: #b5e1ff;
}
.smhw-datepicker--wrapper.is-weekly .ember-power-calendar-row:hover .ember-power-calendar-day--other-month .current-week-day {
  background-color: #d4eeff;
}
.smhw-datepicker--wrapper.is-weekly .ember-power-calendar-row:hover .ember-power-calendar-day--today .current-week-day {
  background-color: #97d5ff;
}

.smhw-datepicker--medium {
  width: 280px;
  padding-bottom: 15px;
}
.smhw-datepicker--medium .ember-power-calendar-week:first-child[data-missing-days="1"] {
  padding-left: 36px;
}
.smhw-datepicker--medium .ember-power-calendar-week:first-child[data-missing-days="2"] {
  padding-left: 72px;
}
.smhw-datepicker--medium .ember-power-calendar-week:first-child[data-missing-days="3"] {
  padding-left: 108px;
}
.smhw-datepicker--medium .ember-power-calendar-week:first-child[data-missing-days="4"] {
  padding-left: 144px;
}
.smhw-datepicker--medium .ember-power-calendar-week:first-child[data-missing-days="5"] {
  padding-left: 180px;
}
.smhw-datepicker--medium .ember-power-calendar-week:first-child[data-missing-days="6"] {
  padding-left: 216px;
}
.smhw-datepicker--medium .ember-power-calendar-week:last-child[data-missing-days="1"] {
  padding-right: 36px;
}
.smhw-datepicker--medium .ember-power-calendar-week:last-child[data-missing-days="2"] {
  padding-right: 72px;
}
.smhw-datepicker--medium .ember-power-calendar-week:last-child[data-missing-days="3"] {
  padding-right: 108px;
}
.smhw-datepicker--medium .ember-power-calendar-week:last-child[data-missing-days="4"] {
  padding-right: 144px;
}
.smhw-datepicker--medium .ember-power-calendar-week:last-child[data-missing-days="5"] {
  padding-right: 180px;
}
.smhw-datepicker--medium .ember-power-calendar-week:last-child[data-missing-days="6"] {
  padding-right: 216px;
}
.smhw-datepicker--medium .ember-power-calendar-day, .smhw-datepicker--medium .ember-power-calendar-weekday {
  max-width: 34px;
  max-height: 34px;
  width: 34px;
  height: 34px;
}
.smhw-datepicker--medium .ember-power-calendar-weekdays, .smhw-datepicker--medium .ember-power-calendar-week {
  height: 36px;
  padding-left: 15px;
  padding-right: 15px;
}
.smhw-datepicker--medium .ember-power-calendar-day {
  color: #bbb;
}
.smhw-datepicker--medium .ember-power-calendar-weekdays {
  color: #333333;
}
.smhw-datepicker--medium .ember-power-calendar-nav-control {
  color: #0078c9;
}
.smhw-datepicker--medium .ember-power-calendar-nav-control:focus {
  color: #30acff;
}
.smhw-datepicker--medium .ember-power-calendar-day--current-month {
  color: #656D78;
  background-color: #F5F7FA;
}
.smhw-datepicker--medium .ember-power-calendar-day--today {
  background-color: #eee;
}
.smhw-datepicker--medium .ember-power-calendar-day:not([disabled]):hover {
  background-color: #eee;
}
.smhw-datepicker--medium .ember-power-calendar-day--focused {
  box-shadow: inset 0px -2px 0px 0px #0078c9;
}
.smhw-datepicker--medium .ember-power-calendar-day--selected.ember-power-calendar-day--range-start {
  background-color: #96d5ff;
}
.smhw-datepicker--medium .ember-power-calendar-day--selected.ember-power-calendar-day--range-start:hover {
  background-color: #96d5ff;
}
.smhw-datepicker--medium .ember-power-calendar-day--selected.ember-power-calendar-day--range-end {
  background-color: #96d5ff;
}
.smhw-datepicker--medium .ember-power-calendar-day--selected.ember-power-calendar-day--range-end:hover {
  background-color: #96d5ff;
}
.smhw-datepicker--medium .ember-power-calendar-day--selected {
  background-color: #c9e9ff;
  color: #656D78;
}
.smhw-datepicker--medium .ember-power-calendar-day--selected:not([disabled]):hover {
  background-color: #c9e9ff;
  color: #656D78;
}
.smhw-datepicker--medium .ember-power-calendar-day--other-month:not([disabled]):hover {
  color: #656D78;
}

.ember-power-datepicker-trigger,
.ember-basic-dropdown-trigger {
  position: relative;
  padding: 0;
}
.ember-power-datepicker-trigger .date,
.ember-basic-dropdown-trigger .date {
  padding: 0 45px 0 10px;
  display: block;
  line-height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ember-power-datepicker-trigger .calendar-icon,
.ember-basic-dropdown-trigger .calendar-icon {
  color: #0e79c9;
  border-left: 1px solid #ccd1d9;
  background-color: #fff;
  width: 40px;
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  position: absolute;
  right: 0;
  top: 0;
}
.ember-power-datepicker-trigger[aria-expanded=true] .calendar-icon,
.ember-basic-dropdown-trigger[aria-expanded=true] .calendar-icon {
  color: #fff;
  background-color: #0e79c9;
}

.ember-power-calendar.inline {
  display: inline-block;
}
.ember-power-calendar.inline:focus, .ember-power-calendar.inline .ember-basic-dropdown-trigger:focus {
  outline: 0;
}
.ember-power-calendar.inline .dates {
  padding: 6px 25px 6px 8px;
  display: inline-block;
  position: relative;
  font-weight: bold;
  text-decoration: underline;
}
.ember-power-calendar.inline .dates .ti-calendar {
  position: absolute;
  color: #0e79c9;
  right: 6px;
  top: 8px;
}

.inline-date-picker, .gradebook-overlay-datepicker, .gradebook-inline-datepicker {
  display: inline-block;
}
.inline-date-picker .ember-power-datepicker-trigger, .gradebook-overlay-datepicker .ember-power-datepicker-trigger, .gradebook-inline-datepicker .ember-power-datepicker-trigger {
  padding: 6px 13px;
  border-color: #ccc;
  color: inherit;
}
.inline-date-picker .ember-power-datepicker-trigger:focus, .gradebook-overlay-datepicker .ember-power-datepicker-trigger:focus, .gradebook-inline-datepicker .ember-power-datepicker-trigger:focus {
  outline: 0;
}
.inline-date-picker .ember-power-datepicker-trigger.btn-lg, .gradebook-overlay-datepicker .ember-power-datepicker-trigger.btn-lg, .gradebook-inline-datepicker .ember-power-datepicker-trigger.btn-lg, .inline-date-picker .btn-group-lg .ember-power-datepicker-trigger.btn, .gradebook-overlay-datepicker .btn-group-lg .ember-power-datepicker-trigger.btn, .gradebook-inline-datepicker .btn-group-lg .ember-power-datepicker-trigger.btn, .btn-group-lg .inline-date-picker .ember-power-datepicker-trigger.btn, .btn-group-lg .gradebook-overlay-datepicker .ember-power-datepicker-trigger.btn, .btn-group-lg .gradebook-inline-datepicker .ember-power-datepicker-trigger.btn {
  padding: 10px 16px;
}
.inline-date-picker .ember-power-datepicker-trigger .prepended-icon, .gradebook-overlay-datepicker .ember-power-datepicker-trigger .prepended-icon, .gradebook-inline-datepicker .ember-power-datepicker-trigger .prepended-icon {
  color: #0e79c9;
}

.gradebook-inline-datepicker .ember-power-datepicker-trigger {
  padding: 6px 10px;
}
.gradebook-inline-datepicker .ember-power-datepicker-trigger .prepended-icon {
  margin-right: 3px;
}
.gradebook-inline-datepicker .gradebook-date {
  font-weight: bold;
  text-decoration: underline;
  font-size: 15px;
}

.gradebook-overlay-datepicker {
  border: 1px solid #ccd1d9;
  display: inline-block;
  padding: 10px 25px 10px 20px;
  border-radius: 4px;
  margin-top: 20px;
  background-color: #fff;
  font-size: 20px;
}
.gradebook-overlay-datepicker .ember-power-datepicker-trigger {
  padding: 6px 18px;
}
.gradebook-overlay-datepicker .ember-power-datepicker-trigger .prepended-icon {
  font-size: 17px;
}

.ember-basic-dropdown-content.smhw-datepicker--wrapper .ember-power-calendar-day--today {
  background-color: #e6e9ed;
}
.ember-basic-dropdown-content.smhw-datepicker--wrapper .current-week-day {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  background-color: #c9e9ff;
  border-radius: 4px;
}
.ember-basic-dropdown-content.smhw-datepicker--wrapper .ember-power-calendar-day--today .current-week-day {
  background-color: #abddff;
}
.ember-basic-dropdown-content.smhw-datepicker--wrapper .ember-power-calendar-day--other-month .current-week-day {
  background-color: #e8f6ff;
}

.smhw-datepicker-close {
  position: absolute;
  top: 0;
  right: 42px;
  width: 24px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#parent-signup .container, #parent-signup .public-school-footer__inner {
  max-width: 350px;
  background: #fff;
  border-radius: 4px;
  padding: 30px;
}
#parent-signup .frontend-errors {
  margin-bottom: 10px;
}
#parent-signup .title {
  text-align: left;
  margin-bottom: 15px;
}
#parent-signup .confimation-box {
  text-align: left;
}
#parent-signup .confimation-box .checkbox-wrapper {
  float: none;
  margin-right: 0;
  margin-bottom: 15px;
}
#parent-signup .confimation-box .checkbox-wrapper .smhw-checkbox:not(:checked) + label.smhw-checkbox-label::before,
#parent-signup .confimation-box .checkbox-wrapper .smhw-checkbox:checked + label.smhw-checkbox-label::before {
  top: 4px;
  border-radius: 0;
}
#parent-signup .confimation-box .checkbox-wrapper .smhw-checkbox:not(:checked) + label.smhw-checkbox-label::after,
#parent-signup .confimation-box .checkbox-wrapper .smhw-checkbox:checked + label.smhw-checkbox-label::after {
  top: 3px;
}
#parent-signup .confimation-box .checkbox-wrapper label {
  line-height: inherit;
}
#parent-signup .confimation-box .buttons {
  margin-top: 20px;
}
#parent-signup .confimation-box .buttons .btn {
  padding: 10px;
  margin-right: 10px;
}
#parent-signup .details-form {
  text-align: left;
}
#parent-signup .details-form p {
  margin-bottom: 15px;
}
#parent-signup .details-form .user-titles {
  min-width: 80px;
}
#parent-signup .details-form .user-titles .ember-power-select-trigger {
  padding-right: 25px;
  display: flex;
  align-items: center;
}
#parent-signup .details-form .user-titles .ember-power-select-clear-btn {
  width: 10px;
}
#parent-signup .details-form .user-titles .ember-power-select-trigger--active {
  border-color: #0e79c9;
}
#parent-signup .details-form input, #parent-signup .details-form .ember-power-select-trigger {
  height: 44px;
  font-size: 15px;
  border-radius: 5px;
  background-color: #f9faff;
  border-color: #e0e7ff;
  box-shadow: unset;
}
#parent-signup .details-form input:focus, #parent-signup .details-form .ember-power-select-trigger:focus {
  border-color: #0e79c9;
}
#parent-signup .details-form .flex-wrapper [class*=smhw-validated]:not(:first-child) {
  margin-left: 20px;
}
#parent-signup .details-form input {
  padding: 10px 16px;
}
#parent-signup .details-form .btn {
  width: 100%;
  height: 50px;
}

#select-student .promo-banner-parent {
  width: 100%;
  margin-bottom: 20px;
  border-radius: 4px;
  background: #ffe7a5;
  border: 1px solid #f3a100;
  box-shadow: 1px 1px 2px 0px #ccd1d9;
  display: flex;
  position: relative;
}
#select-student .promo-banner-parent .mobile-phone {
  background-image: url(https://d24lsbndsvqq17.cloudfront.net/images/dashboard/mobile_banner_@2x-57094de9fd9ed441381c7709d5ea0dfe.png);
  background-image: -webkit-image-set(url(https://d24lsbndsvqq17.cloudfront.net/images/dashboard/mobile_banner-5fec0c102f4f0ee78f61c41e6533b8c6.png) 1x, url(https://d24lsbndsvqq17.cloudfront.net/images/dashboard/mobile_banner_@2x-57094de9fd9ed441381c7709d5ea0dfe.png) 2x);
  background-repeat: no-repeat;
  background-size: cover;
  width: 90px;
  margin: 10px 10px -1px 20px;
}
#select-student .promo-banner-parent .learn-more {
  background: none;
  border: 1px solid white;
  border-radius: 5px;
  padding: 10px 3ex;
  margin: 5px;
  color: white;
}
#select-student .promo-banner-parent .learn-more:hover {
  text-decoration: none;
}
#select-student .promo-banner-parent .text-wrapper {
  display: flex;
  align-items: center;
  padding: 10px;
}
#select-student .promo-banner-parent .text-wrapper .secondary-text {
  display: block;
}
#select-student .promo-banner-parent .text-wrapper .app-button {
  margin-left: 10px;
}
#select-student .promo-banner-parent .close {
  position: absolute;
  top: -8px;
  right: -8px;
  font-size: 20px;
  color: black;
  background: #fff;
  border-radius: 100%;
  height: 16px;
}
#select-student .promo-banner-parent .close:hover {
  cursor: pointer;
}
@media (max-width: 1205px) {
  #select-student .promo-banner-parent .text-wrapper .secondary-text {
    display: inline;
  }
  #select-student .promo-banner-parent .mobile-phone {
    display: none;
  }
}
@media (max-width: 840px) {
  #select-student .promo-banner-parent .text-wrapper {
    display: block;
    text-align: center;
  }
  #select-student .promo-banner-parent .text-wrapper .flex-1 {
    margin-bottom: 10px;
  }
  #select-student .promo-banner-parent .text-wrapper .app-button:first-of-type {
    margin-left: 0;
  }
}

.referred-incident-form {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 1023px) {
  .referred-incident-form {
    flex-direction: column;
  }
}
.referred-incident-form .panel {
  flex: 1;
}
.referred-incident-form .form {
  flex: 3;
}
@media (min-width: 1024px) {
  .referred-incident-form .form {
    margin-right: 20px;
  }
}
.referred-incident-form .panel-heading [class*=linearicon] {
  color: #eb563e;
}
.referred-incident-form .panel-heading__title {
  font-weight: 600;
}
.referred-incident-form .table th {
  background-color: #f5f7fa;
}
.referred-incident-form .table td {
  vertical-align: middle;
}
.referred-incident-form .table .student {
  display: flex;
  align-items: center;
}
.referred-incident-form .table .student .user-profile-picture {
  height: 25px;
  margin-right: 10px;
  width: 25px;
}
.referred-incident-form .table .negative {
  color: #db4453;
}
.referred-incident-form .table .ti-pencil {
  color: #0e79c9;
}
.referred-incident-form .table .ti-trash {
  color: #CA0000;
}
.referred-incident-form .referred-teachers .ember-basic-dropdown-trigger--in-place[aria-expanded=true] {
  border-radius: 0 0 4px 4px;
}
.referred-incident-form .referred-teachers .ember-basic-dropdown-content--in-place {
  position: absolute;
  top: -240px;
  border-top: 1px solid #ccc;
  border-radius: 4px 4px 0 0;
}
.referred-incident-form .selected-referred-teachers {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin-bottom: 0;
  padding: 0;
}
.referred-incident-form .selected-referred-teachers__teacher {
  display: flex;
  padding: 10px 0;
}
.referred-incident-form .selected-referred-teachers__teacher .user-profile-picture {
  width: 30px;
  height: 30px;
}
.referred-incident-form .selected-referred-teachers__teacher .teacher-info {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-grow: 1;
}
.referred-incident-form .selected-referred-teachers__teacher .teacher-info__name {
  padding: 0 10px;
  font-weight: 600;
}
.referred-incident-form .selected-referred-teachers__teacher .teacher-info__remove {
  cursor: pointer;
  font-size: 0.8em;
}

.page-actions-container .page-actions-container__left {
  display: flex;
  align-items: center;
}
.page-actions-container .page-actions-container__item {
  flex-grow: 2;
  margin: 0 5px;
  max-width: 200px;
}
.page-actions-container .select-referred-incidents-type {
  max-width: 200px;
}

.empty-referred-incidents {
  align-items: center;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  text-align: center;
}
.empty-referred-incidents__icon {
  height: 70px;
  margin-top: 10%;
  width: 70px;
  background-image: url("https://d24lsbndsvqq17.cloudfront.net/images/detentions/detentions_app_logo-89b8042b3fb71820192c984156ea1681.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.empty-referred-incidents__title {
  font-size: 24px;
  font-weight: 600;
  color: #333;
  margin-top: 3%;
}
.empty-referred-incidents__description {
  font-size: 18px;
  color: #656d78;
  margin-top: 2%;
}

.referred-incidents-container {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
}
.referred-incidents-container .pagination {
  padding: 0 14px;
  width: 100%;
}

.referred-incident-card {
  padding: 14px;
  position: relative;
}
@media (max-width: 1023px) {
  .referred-incident-card {
    flex-grow: 1;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .referred-incident-card {
    width: calc(100% / 2);
  }
}
@media (min-width: 1440px) {
  .referred-incident-card {
    width: calc(100% / 3);
  }
}
@media (min-width: 1920px) {
  .referred-incident-card {
    width: calc(100% / 5);
  }
}
.referred-incident-card__inner {
  border: 1px solid #e6e9ed;
  border-radius: 4px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.referred-incident-card__header {
  padding: 20px;
}
.referred-incident-card__body {
  border-top: 1px solid #e6e9ed;
  padding: 20px;
}
.referred-incident-card__body .resolved {
  color: #8cc152;
  font-weight: bold;
}
.referred-incident-card__body .unresolved {
  color: #da4453;
  font-weight: bold;
}
.referred-incident-card__body--info {
  float: right;
}
.referred-incident-card__footer {
  border-top: 1px solid #e6e9ed;
  padding: 20px;
  display: flex;
  background-color: #f6f7fb;
}
.referred-incident-card__footer .actions {
  margin-left: auto;
}
.referred-incident-card__footer .ti-pencil {
  color: #0e79c9;
}
.referred-incident-card__footer .ti-trash {
  color: #CA0000;
}
.referred-incident-card__reported-by {
  padding-top: 20px;
  display: flex;
  text-align: left;
  align-items: center;
}
.referred-incident-card__reported-by .user-profile-picture {
  flex-shrink: 0;
  margin-right: 10px;
  width: 50px;
  height: 50px;
}
.referred-incident-card .gray {
  color: #6c757d;
}

.referred-incident__involved-students-sidebar .edit-referred-incident:disabled {
  color: #6c757d;
  cursor: default;
}

.share-comment .tooltips .top {
  margin-left: -160px;
  width: 320px;
  height: 45px;
}

.edit.tooltips .top,
.delete.tooltips .top {
  width: 160px;
  margin-left: -80px;
}

.edit-referred-incident.tooltips span.top {
  width: 160px;
  margin-left: -80px;
}

.back-to-behaviour-board {
  padding: 5px 0;
}

.praise-icon {
  height: 50px;
  width: 50px;
  border-radius: 50%;
}

.behaviour-breakdown td {
  vertical-align: middle !important;
}
.behaviour-breakdown .date-cell {
  width: 200px;
}
.behaviour-breakdown .points-text {
  color: #656d78;
  font-weight: normal;
  position: relative;
  left: 30px;
}
.behaviour-breakdown .badge-points {
  font-weight: bold;
  color: #fff;
  height: 50px;
  display: table-cell;
  vertical-align: middle;
  width: 50px;
  text-align: right;
}
.behaviour-breakdown .positive, .behaviour-breakdown .activity-feed-entry .activity-feed-entry-content .submission-comment-icon .icon.negative, .activity-feed-entry .activity-feed-entry-content .submission-comment-icon .behaviour-breakdown .icon.negative {
  background-color: #8cc152;
}
.behaviour-breakdown .negative {
  background-color: #da4453;
}
.behaviour-breakdown th.date {
  width: 15%;
}
.behaviour-breakdown th.teacher {
  width: 20%;
}
.behaviour-breakdown th.kudos {
  width: 15%;
}
.behaviour-breakdown th.reason {
  width: 25%;
}
.behaviour-breakdown th.comments {
  width: 25%;
}

.behaviour-delete {
  color: #da4453;
}
.behaviour-delete span {
  cursor: pointer;
}
.behaviour-delete .tooltips .top {
  width: 160px;
  margin-left: -105px;
}
.behaviour-delete .tooltips .top::after {
  left: 65%;
}

.confirm-action {
  background-color: #ffffea;
  border-right: 1px solid #e6e9ed;
  border-radius: 4px;
  padding: 15px;
}

.top-banner {
  background-color: #f08f01;
  text-align: center;
  padding: 5px 30px;
  color: white;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.5;
  position: relative;
  transform-origin: 50% 0;
  animation: top-banner-appear 1s;
  animation-fill-mode: backwards;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

@keyframes top-banner-appear {
  0% {
    transform: scaleY(0);
  }
  100% {
    transform: scaleY(1);
  }
}
.top-banner-content {
  margin: 5px;
}

.top-banner-btn {
  background-color: white;
  color: #f08f01;
  font-size: 15px;
  padding: 3px 12px;
  margin: 5px 2ex;
  border-radius: 5px;
  white-space: nowrap;
}
.top-banner-btn:hover, .top-banner-btn:active, .top-banner-btn:focus {
  color: #df7f01;
  text-decoration: none;
}

.top-banner-close {
  position: absolute;
  right: 6px;
  top: 50%;
  margin-top: -15px;
  padding: 0;
  background: none;
  border: none;
  width: 30px;
  height: 30px;
  font-size: 30px;
  line-height: 30px;
  vertical-align: middle;
  text-align: center;
  font-weight: 600;
}
.top-banner-close:hover {
  background-color: #df7f01;
}

.alert-info {
  background-color: #EDF6FA;
  border: 1px solid #EDF6FA;
  color: inherit;
  padding: 20px;
}
.alert-info .fa {
  color: #0077C6;
  font-size: 24px;
  float: left;
  margin-top: 4px;
}
.alert-info ul {
  padding-left: 34px;
}
.alert-info ul li {
  list-style-type: none;
}
.alert-info ul li:before {
  color: #0077C6;
  content: "● ";
  padding-right: 8px;
}

.app-version {
  text-align: center;
  color: #aab2bd;
}

.report-bar {
  border-bottom: 1px solid #e6e9ed;
  border-left: 1px solid #e6e9ed;
  display: flex;
  flex-wrap: wrap;
  padding: 5px 23px;
}
@media (max-width: 500px) {
  .report-bar {
    flex-flow: column;
    padding: 5px 10px;
  }
}
.report-bar__filters {
  display: flex;
  flex: 1;
  align-items: center;
}
@media (max-width: 500px) {
  .report-bar__filters {
    flex-flow: column;
  }
}
.report-bar__filters__item {
  flex: 1;
  margin: 5px;
}
@media (min-width: 501px) {
  .report-bar__filters__item {
    max-width: 300px;
  }
}
.report-bar__filters__item--wide {
  flex-grow: 2;
}
@media (min-width: 501px) {
  .report-bar__filters__item--wide {
    max-width: 300px;
  }
}
.report-bar__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.report-bar__actions__item {
  margin: 5px;
}
.report-bar .btn:not(.export-btn) {
  border-color: #e6e9ed;
  color: #656d78;
}
.report-bar .xls .fa {
  color: #46bb9b;
}
.report-bar .zip.tooltips .top {
  left: 30%;
  width: 155px;
}
.report-bar .zip i {
  color: #0E79C9;
}
.report-bar .scheduled-reports-link .fa {
  color: #4d91cf;
}
.report-bar .fa-spinner {
  animation: spinning 1.5s infinite linear;
}

.notice-board-popup .delete-warning {
  background-color: #fff6e5;
  border: 1px solid #f7cd74;
  color: #745945;
  font-size: 13px;
  padding: 10px 10px 3px 10px;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.notice-board-popup .delete-warning div label {
  font-weight: normal;
  color: #656d78;
}
.notice-board-popup .delete-warning .all-events {
  margin-left: 10px;
}

.notice-sidebar .sidebar-slider {
  padding-left: 0;
  padding-right: 0;
  display: flex;
  width: 320px;
  margin-left: auto;
}
.notice-sidebar .sidebar-slider--header {
  margin-left: 15px;
}
.notice-sidebar .sidebar-slider--body {
  margin-top: 15px;
  padding: 0;
  overflow-y: auto;
  max-height: 100vh;
  height: 100vh;
}
.notice-sidebar .sidebar-slider--body .tab-container ul li a {
  display: flex;
}
.notice-sidebar .sidebar-slider--body .form-inputs {
  padding: 15px 15px 0 15px;
  height: calc(100vh - 400px);
  max-height: calc(100vh - 400px);
}
.notice-sidebar .sidebar-slider--body .form-inputs .attach-files:hover {
  cursor: pointer;
}
.notice-sidebar .sidebar-slider--body .form-inputs div .control-label {
  color: #999999;
  font-weight: normal;
}
.notice-sidebar .sidebar-slider--body .form-inputs div .error-message {
  color: #da4453;
}
.notice-sidebar .sidebar-slider--body .form-inputs div .smhw-file-uploader div .popup-same-page-wrapper .popup-box .overlay .popup-wrapper {
  width: 300px;
  left: 10px;
  position: absolute;
}
.notice-sidebar .sidebar-slider--body .form-inputs .smhw-file-uploader .finished-uploads .attachment {
  display: grid;
}
.notice-sidebar .sidebar-slider--body .form-inputs .smhw-file-uploader .finished-uploads .attachment-preview {
  position: absolute;
  background-color: #fff;
  height: auto;
  top: -290px;
  width: 280px;
  height: 280px;
  max-height: 280px;
}
.notice-sidebar .sidebar-slider--body .form-inputs .attach-files {
  color: #0e79c9;
  font-weight: normal;
}
.notice-sidebar .sidebar-slider--body .form-inputs .make-changes-to {
  display: block;
}
.notice-sidebar .sidebar-slider--body .form-inputs .make-changes-to .title {
  margin-bottom: 5px;
}
.notice-sidebar .sidebar-slider--body .form-inputs .make-changes-to .selection {
  display: block;
}
.notice-sidebar .sidebar-slider--body .form-inputs .make-changes-to .selection div label {
  font-weight: normal;
  color: #656d78;
}
.notice-sidebar .sidebar-slider--body .tab-container {
  background-color: #f6f7fb;
  border: 0;
  padding: 0;
}
.notice-sidebar .sidebar-slider--body .tab-container li:first-child {
  border-left: 0;
  border-right: 1px solid #dadada;
}
.notice-sidebar .sidebar-slider--body .tab-container li:last-child a {
  margin-left: 0;
}
.notice-sidebar .sidebar-slider--body .tab-container li a {
  align-items: center;
  border-bottom: 0;
  display: flex;
  justify-content: center;
  margin: 0;
}
.notice-sidebar .sidebar-slider--body .tab-container li a.active {
  border-bottom: 0;
  border-top: 1px solid #dadada;
}
.notice-sidebar .sidebar-slider--body .tab-container li a span {
  padding-right: 10px;
}
.notice-sidebar .sidebar-slider--footer {
  padding: 0 15px;
}
.notice-sidebar .sidebar-slider--footer .actions .submit-event {
  color: white;
  background-color: #8cc152;
  border-color: #8cc152;
}
.notice-sidebar .sidebar-slider--footer .actions .submit-event:focus {
  color: white !important;
}

.notice-board-day-notice-type {
  padding-top: 0;
  min-height: 380px;
  border-left: 1px solid #e6e9ed;
  background-color: #e6e9ed;
}

.notice-board {
  margin-top: -22px;
  position: relative;
}
.notice-board .notice-board-wrapper {
  margin-top: 18px;
}
.notice-board .notice-board-wrapper .notice-board-day.today, .notice-board .notice-board-wrapper .notice-board-day.today:hover {
  background-color: #FFFDD1;
}
.notice-board .notice-board-wrapper .notice-board-day .events-circle {
  background-color: #eb563e;
  border-radius: 25px;
  width: 25px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  height: 25px;
  display: inline-block;
  padding-top: 2px;
  margin-top: 18px;
  cursor: pointer;
}
.notice-board .notice-board-wrapper .notice-board-day .announcements-circle {
  background-color: #4dc1ea;
  border-radius: 25px;
  width: 25px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  height: 25px;
  display: inline-block;
  padding-top: 2px;
  margin-top: 18px;
  cursor: pointer;
}
@media (max-width: 850px) {
  .notice-board .notice-board-wrapper .notice-board-day .events-circle,
.notice-board .notice-board-wrapper .notice-board-day .announcements-circle {
    width: 20px;
    height: 20px;
    line-height: 15px;
  }
}
@media (max-width: 500px) {
  .notice-board .notice-board-wrapper .notice-board-day .events-circle,
.notice-board .notice-board-wrapper .notice-board-day .announcements-circle {
    width: 10px;
    height: 10px;
    background: none;
  }
  .notice-board .notice-board-wrapper .notice-board-day .events-circle {
    color: #eb563e;
  }
  .notice-board .notice-board-wrapper .notice-board-day .announcements-circle {
    color: #4dc1ea;
  }
}
.notice-board .notice-board-wrapper .notice-board-day__tooltip-text {
  font-weight: normal;
}
.notice-board .notice-board-wrapper .notice-board-day__circle {
  width: 25px;
  height: 25px;
  cursor: pointer;
  border-radius: 25px;
  display: inline-block;
  color: #fff;
  font-weight: bold;
  text-align: center;
  top: 5px;
  padding: 1px 0;
}
.notice-board .notice-board-wrapper .notice-board-day__circle--brand-primary-navy {
  background-color: #132843;
}
.notice-board .notice-board-wrapper .notice-board-day__circle--lavender {
  background-color: #967adc;
}
.notice-board .notice-board-wrapper .notice-board-day__circle--aqua {
  background-color: #3bafda;
}
.notice-board .notice-board-wrapper .notice-board-day__circle--grass {
  background-color: #8cc152;
}
.notice-board .notice-board-wrapper .notice-board-day__circle--sunflower {
  background-color: #f3a100;
}
.notice-board .notice-board-wrapper .notice-board-day__circle--bittersweet-lighter {
  background-color: #fc6e51;
}
.notice-board .notice-board-wrapper .notice-board-day__circle--grapefruit {
  background-color: #da4453;
}
.notice-board .notice-board-wrapper .notice-board-day__circle--pink-rose-lighter {
  background-color: #ec87c0;
}
.notice-board .notice-board-wrapper .notice-board-day__circle--mint {
  background-color: #37bc9b;
}
.notice-board .notice-board-wrapper .notice-board-day__circle--blue-jeans {
  background-color: #0e79c9;
}
.notice-board .notice-board-wrapper .notice-board-day__circle--dark-gray {
  background-color: #333;
}
.notice-board .notice-board-wrapper .notice-board-day__circle--black {
  background-color: #000000;
}
.notice-board .notice-board-wrapper .notice-board-day__circle--checked {
  display: flex;
  color: #fff;
  font-weight: bold;
  font-size: 25px;
  width: 48px;
  align-items: center;
  justify-content: center;
}
.notice-board .ember-power-datepicker-trigger {
  padding: 10px 15px;
}
.notice-board .create-notice-btn {
  height: 39px;
  padding: 9px 15px;
  width: 153px;
}
.notice-board .calendar-nav-buttons {
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 12px;
}
.notice-board .calendar-nav-buttons .buttons-left {
  width: auto;
  min-width: auto;
  display: inline-flex;
}
.notice-board .calendar-nav-buttons .buttons-left .select-events-option {
  min-width: 170px;
  margin-right: 2px;
}
.notice-board .calendar-nav-buttons .buttons-left .select-events-option .select-events-option-dropdown {
  min-width: 200px;
  min-height: 39px;
  max-width: 200px;
  max-height: 39px;
}
.notice-board .calendar-nav-buttons .buttons-left .select-events-option .select-events-option-dropdown .ember-power-select-selected-item {
  vertical-align: sub;
}
.notice-board .calendar-nav-buttons .square-btn, .notice-board .calendar-nav-buttons .page-actions-container .right-btns .tooltip-wrapper .tooltips.fullscreen-disabled, .page-actions-container .right-btns .tooltip-wrapper .notice-board .calendar-nav-buttons .tooltips.fullscreen-disabled {
  height: 39px;
  margin-left: 5px;
  width: 39px;
}
.notice-board .calendar-nav-buttons .btn-default {
  height: 39px;
  margin-left: 5px;
}
.notice-board .notice-board-keys {
  display: flex;
  font-size: 16px;
  margin: 30px 20px 0 0;
}
.notice-board .notice-board-keys .announcements {
  margin-right: 20px;
}
.notice-board .notice-board-keys .announcements-circle {
  background-color: #4dc1ea;
}
.notice-board .notice-board-keys .event-circle {
  background-color: #eb563e;
}
.notice-board .notice-types-dropdown {
  justify-content: flex-end;
  margin-right: 0;
}
.notice-board .notice-types-dropdown .notice-types-dropdown__wrapper {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.notice-board .notice-types-dropdown .notice-types-dropdown__inner {
  margin-top: 7px;
  border: 1px solid #ccd1d9;
  border-radius: 4px;
  padding: 3px 10px 9px 9px;
  background: #fff;
  position: absolute;
  top: 100px;
  z-index: 1000;
}
.notice-board .notice-types-dropdown .notice-types-dropdown__inner::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: 8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent #ccd1d9 transparent;
  border-width: 7px;
}
.notice-board .notice-types-dropdown .notice-types-dropdown__inner::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 51%;
  margin-left: 8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  border-width: 5px;
}
.notice-board .notice-types-dropdown .notice-types-dropdown__inner ul {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  margin-top: 8px;
}
.notice-board .notice-types-dropdown .notice-types-dropdown__inner ul li {
  display: inline-flex;
  display: -ms-inline-flexbox;
  margin: 0 0 6px;
  width: 100%;
}
.notice-board .notice-types-dropdown .notice-types-dropdown__inner ul li::before {
  content: "";
  display: inline-block;
  height: 20px;
  margin-right: 10px;
  position: relative;
  top: 5px;
  width: 20px;
}
.notice-board .notice-types-dropdown .notice-types-dropdown__inner ul li div {
  margin-top: 2%;
  top: 2px;
}
.notice-board .notice-types-dropdown .notice-types-dropdown__element {
  margin-left: 5px;
}
.notice-board .notice-types-dropdown .notice-types-dropdown__element--brand-primary-navy::before {
  background-color: #132843;
}
.notice-board .notice-types-dropdown .notice-types-dropdown__element--lavender::before {
  background-color: #967adc;
}
.notice-board .notice-types-dropdown .notice-types-dropdown__element--aqua::before {
  background-color: #3bafda;
}
.notice-board .notice-types-dropdown .notice-types-dropdown__element--grass::before {
  background-color: #8cc152;
}
.notice-board .notice-types-dropdown .notice-types-dropdown__element--sunflower::before {
  background-color: #f3a100;
}
.notice-board .notice-types-dropdown .notice-types-dropdown__element--bittersweet-lighter::before {
  background-color: #fc6e51;
}
.notice-board .notice-types-dropdown .notice-types-dropdown__element--grapefruit::before {
  background-color: #da4453;
}
.notice-board .notice-types-dropdown .notice-types-dropdown__element--pink-rose-lighter::before {
  background-color: #ec87c0;
}
.notice-board .notice-types-dropdown .notice-types-dropdown__element--mint::before {
  background-color: #37bc9b;
}
.notice-board .notice-types-dropdown .notice-types-dropdown__element--blue-jeans::before {
  background-color: #0e79c9;
}
.notice-board .notice-types-dropdown .notice-types-dropdown__element--dark-gray::before {
  background-color: #333;
}
.notice-board .notice-types-dropdown .notice-types-dropdown__element--black::before {
  background-color: #000000;
}

.notice-board--hr-line {
  left: 0;
  position: absolute;
  top: 175px;
  width: 100%;
}

@media (max-width: 500px) {
  .notice-board {
    margin-top: 0;
  }

  .notice-board--hr-line {
    top: 175px;
  }
}
.seating-label__circle--purple, .seating-label__circle--green, .seating-label__circle--red, .seating-label__circle--blue, .notice-board .notice-board-keys .announcements-circle, .notice-board .notice-board-keys .event-circle {
  border-radius: 50%;
  display: inline-block;
  height: 13px;
  margin-right: 7px;
  width: 13px;
}

.admin.behaviour-points .validation-info {
  font-weight: lighter;
  margin-top: 25px;
}

.behaviour-points-warning {
  background-color: rgba(255, 206, 84, 0.1);
  border: 1px solid rgba(243, 161, 0, 0.5);
  border-radius: 5px;
  font-weight: 600;
  padding: 10px;
  text-align: center;
  margin-bottom: 10px;
}

.on-call button.tooltips {
  background: none;
  border: none;
}

.satchel-frame {
  min-height: 100vh;
  position: relative;
  z-index: 1;
}
.satchel-frame__wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 100%;
  overflow: hidden;
  padding-left: 240px;
  padding-top: 61px;
  transition: padding-left 0.4s;
}
.satchel-frame__wrapper--minimized {
  padding-left: 63px;
}
.satchel-frame__wrapper--mobile {
  padding-left: 0;
}

.satchel-color-bar {
  position: fixed;
  top: 0;
  height: 4px;
  width: 100%;
  background: linear-gradient(to right, #34495e, #34495e 12%, #967adc 13%, #967adc 24%, #4fc1e9 25%, #4fc1e9 36%, #8cc152 36%, #8cc152 48%, #ffce54 49%, #ffce54 60%, #f3a100 61%, #f3a100 72%, #fc6e51 73%, #fc6e51 84%, #da4453 85%, #da4453 100%) 50% 100% no-repeat #f7f9fa;
  z-index: 532;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.satchel-menu {
  background-color: #34495e;
  color: #fff;
  height: 100%;
  min-height: 100%;
  width: 240px;
  margin-top: 60px;
  padding-bottom: 60px;
  position: fixed;
  z-index: 550;
  transition: width 0.4s;
}
.satchel-menu--size-none {
  width: 0;
}
.satchel-menu--size-icons {
  width: 62px;
}
.satchel-menu--size-medium {
  width: 240px;
}
.satchel-menu--size-large {
  width: 90%;
}

.satchel-menu__content {
  position: relative;
  height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.satchel-menu__content--maximizing {
  animation: fadeIn 0.6s;
}
.satchel-menu__content--no-fade-in {
  animation: 0s;
}

.satchel-gradient--30deg {
  background: linear-gradient(30deg, #102032 0, #102032 50%, #102032 50%, #132843 50%, #132843 100%);
}

.satchel-menu__border {
  border-top: 1px solid #ccd1d9;
}

.sidebar-menu__pulse {
  width: 16px;
  height: 16px;
  margin-right: 10px;
}
.sidebar-menu__pulse__icon {
  background: url("https://d24lsbndsvqq17.cloudfront.net/images/satchel-pulse/pulse_logo-2a3de81f8e43feb45d18af6457d40544.svg") no-repeat;
  height: 40px;
  width: 25px;
  margin-left: -5px;
}

.satchel-menu__user-info {
  padding: 18px 18px 10px;
}
.satchel-menu__user-info--add-account {
  animation: fadeIn 0.2s;
  padding: 0;
  position: fixed;
  width: auto;
  background-color: #fff;
  border-color: #e6e9ed;
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.6);
  border-radius: 10px;
  margin-left: 10px;
  margin-top: 10px;
  cursor: pointer;
}
.satchel-menu__user-info--add-account .user-profile-picture {
  width: 52px;
  height: 52px;
}

.satchel-content-card {
  display: flex;
  margin-bottom: 1rem;
}

.satchel-content-card__add-account {
  padding: 8px 18px 18px 8px;
  border-bottom: 1px solid #e6e9ed;
  margin-bottom: 0;
}

.satchel-content-card__media {
  margin-right: 1rem;
}
.satchel-content-card__media > .user-profile-picture {
  width: 56px;
  height: 56px;
}

.satchel-content-card__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  animation: fadeIn 0.2s;
  margin-top: 10px;
  width: 100%;
}
.satchel-content-card__content--add-account {
  margin-top: 10px;
  width: 100%;
}
.satchel-content-card__content--no-fade {
  animation: fadeIn 0s;
}

.current-account {
  vertical-align: middle;
}

.satchel-content-card__title {
  color: #fff;
  font-weight: 600;
}
.satchel-content-card__title--add-account {
  display: flex;
  font-weight: 600;
  color: #656d78;
}
.satchel-content-card__title--add-account .right {
  position: relative;
}
.satchel-content-card__title--add-account .right::before {
  position: absolute;
}
.satchel-content-card__title--add-account .current-user-icon {
  display: flex;
  align-items: center;
  flex-grow: 1;
  justify-content: flex-end;
}
.satchel-content-card__title--add-account .loading-spinner {
  flex-grow: 1;
  flex-shrink: 1;
  width: 14px;
  justify-content: flex-end;
}
.satchel-content-card__title--add-account .loading-spinner svg {
  float: right;
  width: 14px;
  height: 14px;
  margin: 0;
}

.satchel-content-card__add-btn {
  padding: 18px 18px 18px 18px;
  width: 100%;
  color: #656d78;
}
.satchel-content-card__add-btn.btn {
  padding: 8px 18px 18px 8px;
  text-align: left;
  background: none;
  margin-left: 0;
}
.satchel-content-card__add-btn:last-child {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.satchel-content-card__add-btn:hover {
  background-color: #f5f7fa;
}
.satchel-content-card__add-btn .linearicon-plus {
  color: #0e79c9;
}

.satchel-content-card__hr {
  margin: 0;
}

.satchel-content-card__user-type {
  color: #656d78;
  background-color: #f5f7fa;
  width: -moz-fit-content;
  width: fit-content;
  padding: 5px;
}

.satchel-content-card__description {
  color: #fff;
  text-decoration: underline;
}
.satchel-content-card__description:hover {
  color: #fff;
}
.satchel-content-card__description--add-account {
  color: #656d78;
}

.satchel-menu__primary-action {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 18px;
}
.satchel-menu__primary-action > .btn {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: unset;
  animation: fadeIn 0.6s;
}
.satchel-menu__primary-action--no-fade > .btn {
  animation: fadeIn 0s;
}
.satchel-menu__primary-action .create-task-icon {
  padding: 5px;
}

.satchel-menu--minimized .satchel-menu__user-info {
  padding-left: 10px;
  padding-right: 10px;
}
.satchel-menu--minimized .satchel-menu__user-info--add-account {
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 0;
  padding-right: 0;
}
.satchel-menu--minimized .satchel-content-card {
  margin-bottom: 0;
}
.satchel-menu--minimized .satchel-content-card__add-account {
  padding-left: 5px;
}
.satchel-menu--minimized .satchel-content-card__media {
  margin-right: 0;
}
.satchel-menu--minimized .satchel-content-card__media > .user-profile-picture {
  width: 41px;
  height: 41px;
}
.satchel-menu--minimized .satchel-content-card__media--add-account {
  margin-right: 10px;
}

.sidebar-menu__item {
  display: flex;
  align-items: center;
  background-color: #34495e;
  color: #ccd1d9;
  font-weight: 600;
  width: 100%;
  height: 48px;
  padding-left: 20px;
  padding-right: 20px;
  border-left: 3px solid transparent;
  cursor: pointer;
}
.sidebar-menu__item > i {
  margin-right: 10px;
  font-size: 16px;
}
.sidebar-menu__item > .chevron {
  margin-left: auto;
  margin-right: 0;
  font-size: 12px;
}
.sidebar-menu__item--sub-item {
  padding-top: 5px;
  padding-left: 40px;
  padding-right: 16px;
  padding-bottom: 10px;
}
.sidebar-menu__item:hover {
  text-decoration: none;
  background-color: #132843;
  color: #fff;
}
.sidebar-menu__item:focus {
  color: #fff;
  background-color: #132843;
  text-decoration: none;
}
.sidebar-menu__item.active {
  background-color: #132843;
  border-left-color: #5d9cec;
  color: #fff;
  text-decoration: none;
}

.sidebar-menu__item--sub-item {
  font-weight: 400;
  height: 38px;
}
.sidebar-menu__item--sub-item:hover {
  font-weight: 600;
}

.sidebar-menu__dropdown {
  background-color: #1b2a36;
  color: #fff;
  display: block;
  font-weight: 600;
  padding: 12px 16px;
}

.sidebar-menu--active .sidebar-menu__item {
  background-color: #132843;
  border-left: 3px solid #5d9cec;
}
.sidebar-menu--active .sidebar-menu__item:not(.sidebar-menu__item--sub-item) {
  color: #fff;
}

.accordion-group__content {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.4s;
}
.accordion-group__content--open {
  max-height: 700px;
}

.satchel-top-bar {
  height: 61px;
  border-bottom: 1px solid #e6e9ed;
  line-height: 1;
  background-color: #fff;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 531;
}
.satchel-top-bar .ember-basic-dropdown-trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  width: 57px;
  height: inherit;
  background: none;
  background-color: transparent;
  border-left: 1px solid #e6e9ed !important;
  border-radius: 0;
  font-size: 14px;
  color: #656d78;
  box-shadow: none !important;
}
.satchel-top-bar .ember-basic-dropdown-trigger:hover {
  color: #0e79c9 !important;
}
.satchel-top-bar .event-dropdown {
  height: 100%;
}
.satchel-top-bar .event-dropdown .ember-basic-dropdown {
  height: inherit;
}
.satchel-top-bar .event-dropdown .ember-basic-dropdown-trigger {
  font-size: 26px;
  color: #aab2bd;
}
.satchel-top-bar .locale-picker-wrapper {
  margin: 0;
  height: 100%;
}
.satchel-top-bar .training-academy-wrapper {
  margin: 0;
  height: 100%;
}
.satchel-top-bar .global-search-box {
  height: 100%;
  width: 300px;
  margin-right: 8px;
  margin-top: 2px;
}
.satchel-top-bar .global-search-box .global-search-input {
  height: 40px;
  width: inherit;
  padding: 15px;
  font-size: 14px;
  color: #656d78;
  background: #f1f3f6;
}
.satchel-top-bar .global-search-box .global-search-input:focus {
  outline: none;
  box-shadow: none;
}
.satchel-top-bar .global-search-box .global-search-input ::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #aab2bd;
  opacity: 1;
  /* Firefox */
}
.satchel-top-bar .global-search-box .global-search-input :-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #aab2bd;
  opacity: 1;
  /* Firefox */
}
.satchel-top-bar .global-search-box .global-search-input ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #aab2bd;
  opacity: 1;
  /* Firefox */
}
.satchel-top-bar .global-search-box .global-search-input :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #aab2bd;
}
.satchel-top-bar .global-search-box .global-search-input ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #aab2bd;
}
.satchel-top-bar .global-search-box::after {
  font-size: 18px;
  width: unset;
  right: 8px;
  margin-top: auto;
  transform: translateY(-50%);
  color: #333;
}

.satchel-menu__brand {
  display: flex;
  align-items: center;
  width: 240px;
  height: 60px;
  padding: 20px;
  background-color: #132843;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  float: left;
  overflow: hidden;
  transition: width 0.4s, padding 0.4s;
  position: relative;
}
.satchel-menu__brand > svg {
  position: absolute;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s, visibility 0.2s;
}
.satchel-menu__brand--mobile.satchel-menu__brand--minimized > svg {
  visibility: hidden;
}
.satchel-menu__brand--minimized {
  width: 62px;
}
.satchel-menu__brand--minimized:not(.satchel-menu__brand--mobile) > svg {
  opacity: 0;
  visibility: hidden;
}
.satchel-menu__brand--minimized .satchel-menu__toggle {
  margin-left: 50%;
  transform: translateX(-50%);
}
.satchel-menu__brand.satchel-menu__brand--mobile {
  position: absolute;
  z-index: 533;
}
.satchel-menu__brand.satchel-menu__brand--mobile:not(.satchel-menu__brand--minimized) {
  overflow: visible;
  width: 90%;
}
.satchel-menu__brand.satchel-menu__brand--mobile.satchel-menu__brand--maximizing {
  animation-name: topMenuGrow;
  animation-duration: 0.4s;
}
.satchel-menu__brand.satchel-menu__brand--mobile.satchel-menu__brand--minimizing {
  animation-name: topMenuShrink;
  background-color: #132842;
  animation-duration: 0.4s;
}
.satchel-menu__brand.satchel-menu__brand--mobile.satchel-menu__brand--minimized:not(.satchel-menu__brand--minimizing) {
  background-color: #fff;
  border-right: 1px solid #e6e9ed;
  z-index: 531;
}
.satchel-menu__brand.satchel-menu__brand--mobile.satchel-menu__brand--minimized:not(.satchel-menu__brand--minimizing) .satchel-menu__toggle > i {
  color: #33495f;
}

@keyframes topMenuGrow {
  from {
    width: 0;
    padding: 0;
  }
  to {
    width: 90%;
    padding: 20px;
  }
}
@keyframes topMenuShrink {
  from {
    width: 90%;
    padding: 20px;
  }
  to {
    width: 0;
    padding: 0;
  }
}
.satchel-menu__toggle {
  width: 20px;
  height: 20px;
  cursor: pointer;
  margin-left: 100%;
  transform: translateX(-100%);
  transition: margin 0.4s, transform 0.4s;
}
.satchel-menu__toggle > i {
  padding: 15px;
  margin: -15px;
  font-size: 20px;
  color: #fff;
}
.satchel-menu__toggle:hover {
  text-decoration: none;
}

.satchel-top-bar__content {
  height: 100%;
  margin-left: 240px;
  transition: margin-left 0.4s;
}
.satchel-top-bar__content--minimized {
  margin-left: 62px;
}
.satchel-top-bar__content--mobile {
  margin-left: 0;
}
.satchel-top-bar__content--mobile .white-label-logo {
  margin-left: 72px;
}

.satchel-top-bar__items {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  flex-wrap: nowrap;
  overflow: hidden;
}

.welfare-notes {
  height: 100%;
}
.welfare-notes__box {
  align-content: baseline;
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  margin-right: -5px;
  min-height: calc(100vh - 255px);
  padding: 25px;
  padding-right: 0;
}
.welfare-notes__box--no-results {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
  text-align: center;
}
@media (max-width: 639px) {
  .welfare-notes__box {
    margin-right: 0;
    padding-right: 25px;
  }
}

.welfare-note-card {
  background-color: #fff;
  border: 1px solid #e6e9ed;
  color: #656d78;
  font-size: 14px;
  font-weight: normal;
  height: 300px;
  line-height: 23px;
  margin: 0 30px 20px 0;
  max-width: 365px;
  padding: 0;
}
.welfare-note-card--edited {
  animation: bg-fade-out;
}
@keyframes bg-fade-out {
  0%, 62% {
    background-color: rgba(255, 206, 84, 0.3);
  }
  100% {
    background-color: #fff;
  }
}
.welfare-note-card--new-created {
  animation: zoom-out;
}
.welfare-note-card__top {
  display: flex;
  justify-content: space-between;
}
.welfare-note-card__pin {
  cursor: pointer;
  margin: 20px;
  color: #ccd1d9;
}
.welfare-note-card--pinned {
  color: #333;
}
.welfare-note-card__content {
  border-bottom: 1px solid #e6e9ed;
  height: 155px;
  padding: 20px;
}
.welfare-note-card__footer {
  height: 70px;
  padding: 20px;
}
@media (min-width: 1366px) {
  .welfare-note-card {
    min-width: 338px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .welfare-note-card {
    min-width: 352px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .welfare-note-card {
    min-width: 310px;
  }
}
@media (min-width: 640px) and (max-width: 767px) {
  .welfare-note-card {
    max-width: 310px;
    min-width: 245px;
  }
}
@media (max-width: 639px) {
  .welfare-note-card {
    min-width: 100%;
  }
}

.popup-wrapper.welfare-notes-index-popup {
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  font-weight: normal;
  line-height: 23px;
  margin: 0 20px;
  max-height: 95%;
  min-height: 80%;
  width: 789px;
}
.popup-wrapper.welfare-notes-index-popup.popup-wrapper::before, .popup-wrapper.welfare-notes-index-popup.popup-wrapper::after {
  content: none;
}

.welfare-notes-index-popup__content {
  background-color: #f6f7fb;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 0;
  height: calc(95vh - 115px);
}
.welfare-notes-index-popup__content > .ember-view {
  height: 100%;
}
.welfare-notes-index-popup__content .welfare-notes__box {
  height: calc(100% - 72px);
  justify-content: space-between;
  margin-right: 0;
  overflow: auto;
  padding: 25px;
  padding-bottom: 0;
}
.welfare-notes-index-popup__content .welfare-notes__box::before, .welfare-notes-index-popup__content .welfare-notes__box::after {
  display: none;
}
@media (max-width: 639px) {
  .welfare-notes-index-popup__content .welfare-notes-header {
    padding-bottom: 19px;
  }
}
.welfare-notes-index-popup__content .welfare-note-card {
  margin-right: 0;
}
@media (min-width: 830px) {
  .welfare-notes-index-popup__content .welfare-note-card {
    min-width: 352px;
  }
}
@media (min-width: 680px) and (max-width: 829px) {
  .welfare-notes-index-popup__content .welfare-note-card {
    width: 48%;
  }
}
@media (max-width: 679px) {
  .welfare-notes-index-popup__content .welfare-note-card {
    min-width: 100%;
  }
}

.empty-detention-types,
.empty-detentions {
  align-items: center;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  text-align: center;
}
.empty-detention-types__icon,
.empty-detentions__icon {
  height: 70px;
  margin-top: 10%;
  width: 70px;
  background-image: url("https://d24lsbndsvqq17.cloudfront.net/images/detentions/detentions_app_logo-89b8042b3fb71820192c984156ea1681.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.empty-detention-types__title,
.empty-detentions__title {
  font-size: 24px;
  font-weight: 600;
  color: #333;
  margin-top: 3%;
}
.empty-detention-types__description,
.empty-detentions__description {
  font-size: 18px;
  color: #656d78;
  margin-top: 2%;
}
.empty-detention-types .create-new-detention-type,
.empty-detentions .create-new-detention-type {
  margin-top: 2%;
}

.detentions-container {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
}
.detentions-container .text-inline-datepicker,
.detentions-container .pagination {
  padding: 0 14px;
  width: 100%;
}

.item-card .employee-info {
  padding-top: 20px;
  display: flex;
  text-align: left;
  align-items: center;
}
.item-card .employee-info .user-profile-picture {
  width: 50px;
  height: 50px;
}
.item-card .employee-info .covered-and-frequency {
  padding-left: 10px;
}
.item-card .notes {
  border-top: 1px solid #e6e9ed;
  padding: 20px;
  flex-grow: 1;
}
.item-card .day-and-duration {
  background-color: #f6f7fb;
  display: flex;
}
.item-card .day-and-duration-element {
  padding: 14px;
  flex: 1 50%;
  display: flex;
  overflow: hidden;
}
.item-card .day-and-duration-element:not(:last-child) {
  border-right: 1px solid #e6e9ed;
}
.item-card .day-and-duration-element [class*=linearicon] {
  color: #aab2bd;
  font-size: 2.5em;
  padding-right: 10px;
  margin: auto 0;
}
.item-card .day-and-duration-element .big {
  font-size: 1.5em;
}
.item-card:hover .day-and-duration [class*=linearicon] {
  color: #eb563e;
}

.set-detention {
  display: flex;
  align-items: flex-start;
}
.set-detention .detention-flex {
  display: flex;
  flex-wrap: wrap;
}
.set-detention .detention-flex > div {
  flex: 100%;
}
.set-detention .detention-time {
  display: flex;
}
.set-detention .form {
  flex: 3;
  margin-right: 20px;
}
.set-detention .list-of-detention-types {
  flex: 1;
}
.set-detention .panel-heading [class*=linearicon] {
  color: #eb563e;
}
.set-detention .panel-heading__title {
  font-weight: 600;
}
.set-detention .panel-body {
  margin-bottom: 0;
}
.set-detention .select-students .ember-basic-dropdown-content {
  bottom: 29px;
  border-top: 1px solid #ccc;
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.set-detention .selected-students {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0;
}
.set-detention .selected-students__student {
  display: flex;
  padding: 10px 0;
}
.set-detention .selected-students__student .user-profile-picture {
  width: 30px;
  height: 30px;
}
.set-detention .selected-students__student .student-info {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-grow: 1;
}
.set-detention .selected-students__student .student-info__name {
  padding: 0 10px;
  font-weight: 600;
}
.set-detention .selected-students__student .student-info__remove {
  cursor: pointer;
  font-size: 0.8em;
}

.detention-type-list__item:not(:first-child) {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #e6e9ed;
}
.detention-type-list__item [class*=linearicon] {
  color: #eb563e;
}

.detention-popup .popup-header {
  border-bottom: 1px solid #e6e9ed;
  padding: 10px;
}
.detention-popup .popup-wrapper .popup-body {
  display: flex;
  align-items: center;
  padding: 0 20px;
}
.detention-popup__elements {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin-bottom: 0;
  padding: 0;
  text-align: left;
  width: 100%;
}
.detention-popup__elements__element {
  display: flex;
  align-items: center;
  padding: 20px 0;
}
.detention-popup__elements__element:not(:last-child) {
  border-bottom: 1px solid #e6e9ed;
}
.detention-popup__elements__element .user-profile-picture {
  width: 30px;
  height: 30px;
}
.detention-popup__message {
  padding-left: 10px;
  font-weight: 600;
}
.detention-popup .highlight {
  color: #da4453;
}
.detention-popup .popup-warning {
  background-color: rgba(218, 68, 83, 0.1);
  color: #333;
  display: flex;
  justify-content: center;
  font-weight: 600;
  padding: 14px;
  text-align: center;
}
.detention-popup .popup-warning .icon-wrapper {
  background-color: #fff;
  border-radius: 20px;
  margin-right: 5px;
  width: 20px;
}
.detention-popup .popup-warning .fa-exclamation {
  color: #da4453;
}
.detention-popup .popup-warning .fa-warning {
  color: #f3a100;
}
.detention-popup--reschedule .user-profile-picture {
  width: 50px;
  height: 50px;
}
.detention-popup--reschedule .popup-warning {
  background-color: rgba(243, 161, 0, 0.1);
}

.page-actions-container .select-detentions-type {
  max-width: 200px;
}

.record-attendance-form .toggle-attendance-status {
  display: inline-block;
  padding: 10px;
  border: 1px solid #e6e9ed;
}
.record-attendance-form .toggle-attendance-status label {
  margin-left: 20px;
  padding-left: 10px;
  color: #0e79c9;
}

.py-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.attendance-status .select-status,
.attendance-statuses .select-status {
  color: #aab2bd;
}
.attendance-status .fa-check,
.attendance-statuses .fa-check {
  color: #8cc152;
}
.attendance-status .fa-remove,
.attendance-statuses .fa-remove {
  color: #CA0000;
}
.attendance-status .fa-calendar,
.attendance-statuses .fa-calendar {
  color: #0e79c9;
}
.attendance-status .fa-ban,
.attendance-statuses .fa-ban {
  color: #aab2bd;
}
.attendance-status .ember-power-select-option[aria-current=true] .fa,
.attendance-statuses .ember-power-select-option[aria-current=true] .fa {
  color: #fff;
}

.detention-type-form {
  width: 345px;
}
.detention-type-form .detention-type-start-date-datepicker {
  margin-bottom: 0;
}

.confirm-new-detention-popup .popup-wrapper {
  width: 500px;
}

.page-actions-container .create-new-detention-reason {
  margin-left: auto;
}

.detention-slider {
  width: 310px;
}

.empty-detention-reasons {
  align-items: center;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.empty-detention-reasons__icon {
  height: 70px;
  margin-top: 10%;
  width: 70px;
  background-image: url("https://d24lsbndsvqq17.cloudfront.net/images/detentions/detentions_app_logo-89b8042b3fb71820192c984156ea1681.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.empty-detention-reasons__title {
  font-size: 24px;
  font-weight: 600;
  color: #333;
  margin-top: 3%;
}
.empty-detention-reasons__description {
  font-size: 18px;
  color: #656d78;
  margin-top: 2%;
}
.empty-detention-reasons .create-new-detention-reason {
  margin-top: 2%;
}

.show-documents .page-actions-container__right {
  display: flex;
  flex-grow: 0.1;
  justify-content: flex-end;
}

.empty-documents {
  align-items: center;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  text-align: center;
}
.empty-documents__icon {
  height: 70px;
  margin-top: 10%;
  width: 70px;
  background-image: url("https://d24lsbndsvqq17.cloudfront.net/images/xod-documents/xod-documents-42dcb4736f6b72f18991fa1e83944160.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.empty-documents__title {
  font-size: 24px;
  font-weight: 600;
  color: #333;
  margin-top: 3%;
}
.empty-documents__description {
  font-size: 18px;
  color: #656d78;
  margin-top: 2%;
}
.empty-documents__import {
  margin-top: 10px;
}
.empty-documents .create-new-detention-type {
  margin-top: 2%;
}

.sidebar-slider--body--block {
  padding-bottom: 15px;
}

.import-status .color {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.import-status .color.failure {
  background-color: #da4453;
}
.import-status .color.completed {
  background-color: #8cc152;
}
.import-status .color.in-progress {
  background-color: #f3a100;
}

.send-icon {
  padding-right: 5px;
}

.btn.btn-delete-import, .btn.disabled .btn.btn[disabled] {
  border: 0;
  padding: 0;
  background: none;
  vertical-align: middle;
  opacity: 1;
}
.btn.btn-delete-import .top::after, .btn.disabled .btn.btn[disabled] .top::after {
  margin-left: -10px;
}
.btn.btn-delete-import .brand-delete-icon, .btn.disabled .btn.btn[disabled] .brand-delete-icon {
  cursor: inherit;
  vertical-align: baseline;
}

.feature-disabled__icon--seating {
  background-image: url("https://d24lsbndsvqq17.cloudfront.net/images/classes/seating-237aee1fd2e783b090d3287a55ad5f68.svg");
}
.feature-disabled__icon--on-call {
  font-size: 70px;
  color: #0e79c9;
}
.feature-disabled__icon--behaviour {
  background-image: url("https://d24lsbndsvqq17.cloudfront.net/images/classes/green-cross-76feea22ab746d6bb8774ee0975621b1.svg");
}
.feature-disabled__icon--timetable {
  background-image: url("https://d24lsbndsvqq17.cloudfront.net/images/timetable-23837af05d1a3b7c63a56b867c6385cd.svg");
}
.feature-disabled__icon--attendance {
  background-image: url("https://d24lsbndsvqq17.cloudfront.net/images/attendance-d3472ada88f10e64c24769e47caadd08.svg");
}
.feature-disabled__icon--detentions {
  background-image: url("https://d24lsbndsvqq17.cloudfront.net/images/detentions/detentions_app_logo-89b8042b3fb71820192c984156ea1681.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.feature-disabled__icon--referred-incidents {
  background-image: url("https://d24lsbndsvqq17.cloudfront.net/images/detentions/detentions_app_logo-89b8042b3fb71820192c984156ea1681.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.feature-disabled__icon--homework {
  background-image: url("https://d24lsbndsvqq17.cloudfront.net/images/homework/smhw-a093a46eda634e0c3448a0159ac890f7.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.feature-disabled__icon--sanctions {
  background-image: url("https://d24lsbndsvqq17.cloudfront.net/images/sanctions/feather2-a5f11004f70f89fcd96bc4fe6eb88c4a.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.feature-disabled__icon--documents {
  background-image: url("https://d24lsbndsvqq17.cloudfront.net/images/xod-documents/xod-documents-42dcb4736f6b72f18991fa1e83944160.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.feature-disabled--lock {
  color: #aab2bd;
}

.masonry-container--reports {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.masonry-container--reports .panel-report {
  flex: auto;
  height: 240px;
  max-width: 376px;
  margin: 0 26px 40px 0;
}

.notifications-subheader {
  display: flex;
  align-items: center;
  height: 60px;
  padding: 0 20px;
  background-color: #fff;
  border-bottom: 1px solid #e6e9ed;
}
.notifications-subheader .filter-bar-element {
  width: 200px;
}
.notifications-subheader .right {
  margin-left: auto;
}

.register-filters .page-actions-container__left {
  display: flex;
  align-items: center;
}
.register-filters .page-actions-container__right {
  display: flex;
}
.register-filters .page-actions-container__item {
  flex-grow: 2;
  margin: 0 5px;
}
@media (min-width: 501px) {
  .register-filters .page-actions-container__item {
    max-width: 220px;
  }
}
.register-filters .page-actions-container__item--tight {
  flex-grow: 1;
}
@media (min-width: 501px) {
  .register-filters .page-actions-container__item--tight {
    max-width: 100px;
  }
}
.register-filters .page-actions-container__item--wide {
  flex-grow: 4;
}
@media (min-width: 501px) {
  .register-filters .page-actions-container__item--wide {
    max-width: 300px;
  }
}
.register-filters .more-filters {
  margin-left: 15px;
}
.register-filters .smhw-dropdown-btn {
  background-color: #0e79c9;
  color: #fff;
  padding: 6px;
}
.register-filters .smhw-dropdown-btn i {
  vertical-align: middle;
}
.register-filters .search-wrapper input {
  max-width: 100%;
}
.register-filters .search-wrapper .clear-search {
  position: absolute;
  right: 10px;
  top: 0;
  font-size: 13px;
  color: #333;
  height: 32px;
  line-height: 32px;
  font-weight: 600;
  display: block;
  width: 15px;
  text-align: center;
  cursor: pointer;
}
.register-filters .search-wrapper.not-empty::after {
  content: "";
}
.register-filters .icon {
  height: 15px;
  width: 15px;
}
.register-filters .icon--exit {
  color: #0e79c9;
}
.register-filters .icon--attendance {
  background-image: url("https://d24lsbndsvqq17.cloudfront.net/images/attendance-d3472ada88f10e64c24769e47caadd08.svg");
}
.register-filters .icon .action-label {
  color: #656d78;
}
.register-filters .exit-mode {
  display: flex;
  align-items: center;
}
.register-filters .exit-mode :not(:last-child) {
  margin-right: 5px;
}
.register-filters .exit-mode--attendance {
  border-color: #f3a100;
  color: #595959;
}
.register-filters .toggle-attendance-status {
  border: 1px solid #e6e9ed;
  border-radius: 4px;
  margin: 0;
  padding: 5px 10px;
}
.register-filters .toggle-attendance-status label {
  margin-left: 20px;
  padding-left: 10px;
  color: #0e79c9;
}
.register-filters .layout-toggle {
  display: flex;
}
.register-filters .settings-dropdown {
  padding: 6px 13px;
}
.register-filters .select-register-type {
  margin-right: 0;
}
@media (max-width: 767px) {
  .register-filters {
    flex-direction: column;
    height: auto;
  }
  .register-filters .page-actions-container__left {
    margin-bottom: 20px;
    width: 100%;
  }
}
.register-filters .feature-disabled--lock {
  margin: 0;
}
.register-filters .feature-disabled--lock:not(:last-child) {
  margin-bottom: 20px;
}
.register-filters .feature-disabled--lock .fa-lock {
  width: 20px;
  height: 20px;
  margin-right: 5px;
  text-align: center;
}

.register-actions .list-item__trigger {
  color: #656d78;
  display: flex;
  align-items: center;
}
.register-actions .list-item__trigger--lock {
  color: #aab2bd;
}
.register-actions .icon {
  height: 15px;
  width: 15px;
  margin-right: 5px;
}
.register-actions .icon--attendance {
  background-image: url("https://d24lsbndsvqq17.cloudfront.net/images/attendance-d3472ada88f10e64c24769e47caadd08.svg");
}
.register-actions .fa-lock {
  margin-left: 5px;
  text-align: center;
}

.register-container .student-cards {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
}
.register-container .student-card {
  padding: 14px;
}
@media (max-width: 1023px) {
  .register-container .student-card {
    flex-grow: 1;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .register-container .student-card {
    width: calc(100% / 3);
  }
}
@media (min-width: 1440px) {
  .register-container .student-card {
    width: calc(100% / 5);
  }
}
@media (min-width: 1920px) {
  .register-container .student-card {
    width: calc(100% / 6);
  }
}
.register-container .student-card__inner {
  border: 1px solid #e6e9ed;
  border-radius: 4px;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.register-container .student-card__inner--focus {
  border-color: #f3a100;
  background-color: rgba(243, 161, 0, 0.1);
  box-shadow: 1px 1px 2px 0px #ccd1d9;
}
.register-container .student-card .surname {
  font-weight: 600;
  font-size: 1.2em;
  margin: 0;
}
.register-container .student-card .avatar {
  margin: 20px auto;
  width: 100px;
  height: 100px;
}
.register-container .student-card .avatar .avatar-wrapper {
  border-radius: 0;
}
.register-container .student-card .checkbox {
  position: absolute;
  top: 10px;
  left: 10px;
  margin-top: 0;
}
.register-container .student-card .detentions {
  position: absolute;
  top: 10px;
  left: 10px;
  margin-top: 0;
}
.register-container .student-card .attendance-notes {
  position: absolute;
  top: 10px;
  right: 10px;
  margin-top: 0;
  color: #0e79c9;
}
.register-container .student-card__body {
  text-align: center;
  padding: 30px 20px 20px;
}
.register-container .student-card__footer {
  border-top: 1px solid #e6e9ed;
  display: flex;
  align-items: center;
  padding: 20px;
  justify-content: space-between;
}
.register-container .student-card .attendance-mark-content {
  margin-top: -10px;
  display: flex;
  flex-direction: row;
}
.register-container .student-card .select-attendance-code {
  margin: auto;
}
.register-container .student-card .select-late-minutes {
  margin-left: 0px;
}
.register-container .student-card .select-late-minutes .smhw-validated-input {
  margin-right: 0px;
}
.register-container .student-card .select-late-minutes__label {
  position: absolute;
  bottom: -15px;
  width: 100%;
  background-color: #ffce54;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  font-size: 0.9em;
  color: #333;
}
.register-container .student-card .welfare-notes-count {
  display: flex;
  align-items: center;
}
.register-container .student-card .pulsing-dot-wrapper {
  margin-right: 5px;
}
.register-container .student-card .show-welfare-notes {
  display: flex;
  align-items: center;
}
.register-container .student-card .show-welfare-notes .linearicon-pen3 {
  margin-right: 3px;
}
.register-container .student-card .points {
  position: absolute;
  top: 50%;
  margin-top: -15px;
}
.register-container .student-card .points--positive {
  left: -15px;
}
.register-container .student-card .points--negative, .register-container .student-card .points--badges {
  right: -15px;
}
.register-container .student-card .student-labels {
  position: absolute;
  bottom: 0;
  margin-bottom: 10px;
  width: 300px;
  transform: translate(-100px, 100%);
}
.register-container .student-card .attendance-report__entry {
  text-align: left;
  display: flex;
  margin-bottom: 5px;
}
.register-container .student-card .attendance-report__entry .title {
  flex-grow: 1;
}
.register-container .student-card .attendance-select .dropdown-wrapper {
  position: relative;
}
.register-container .student-card .attendance-select .attendance-codes-dropdown {
  margin-top: 5px;
}
.register-container .table .table-head {
  background-color: #f5f7fa;
}
.register-container .table th .checkbox {
  margin: auto;
}
.register-container .table th label {
  color: #656d78;
  font-weight: normal;
  font-size: 14px;
}
.register-container .table td {
  padding: 15px;
  vertical-align: middle;
}
.register-container .table td.recent-attendance {
  text-align: center;
}
.register-container .table td .content {
  display: flex;
}
.register-container .table td .content .text, .register-container .table td .content .show-notes {
  color: #0e79c9;
}
.register-container .table td .content .show-notes {
  margin: 2px 10px 0 0;
}
.register-container .table td .content .text {
  cursor: pointer;
}
.register-container .table td .attendance-mark-content {
  display: inline-flex;
}
.register-container .table td .detentions {
  margin-left: 10px;
}
.register-container .table .pulsing-dot-wrapper {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-5px, -50%);
}
.register-container .disabled-pointer-events {
  pointer-events: none;
}
.register-container .is-guest {
  opacity: 0.5;
}
.register-container .is-guest .student-card__body {
  padding-top: 10px;
}
.register-container .student-info {
  align-items: center;
  display: flex;
}
.register-container .student-info .checkbox {
  margin: 0;
}
.register-container .student-info .welfare-notes-count {
  padding: 2px 5px;
}
.register-container .student-info__name {
  display: flex;
}
.register-container .avatar {
  position: relative;
  border-radius: 50%;
  height: 45px;
  margin-right: 10px;
  width: 45px;
}
.register-container .points {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  width: 30px;
  height: 30px;
  color: #fff;
  font-weight: 600;
}
.register-container .points--positive {
  background-color: #8cc152;
}
.register-container .points--negative {
  background-color: #da4453;
}
.register-container .points--badges {
  background-image: url("https://d24lsbndsvqq17.cloudfront.net/assets/images/badge-e036c30b1a09546562b3f25c5c219770.svg");
}
.register-container .comments .ti-pencil {
  color: #0e79c9;
}
.register-container .select-late-minutes, .register-container .select-attendance-code {
  display: flex;
  position: relative;
}
.register-container .select-late-minutes .smhw-validated-input, .register-container .select-attendance-code .smhw-validated-input {
  margin-bottom: 0;
  margin-right: 5px;
}
.register-container .select-late-minutes input.form-control, .register-container .select-attendance-code input.form-control {
  width: 50px;
  text-align: center;
  padding: 6px 12px;
}
.register-container .select-late-minutes input.form-control[disabled], .register-container .select-attendance-code input.form-control[disabled] {
  background-color: #ccd1d9;
  cursor: pointer;
}
.register-container .select-late-minutes {
  margin-left: 10px;
  width: 0;
  overflow: hidden;
}
.register-container .select-late-minutes.visible {
  width: 90px;
  overflow: visible;
}
.register-container .select-late-minutes-text {
  margin-top: 5px;
}
.register-container .assessment-results .result {
  width: 40px;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  border-radius: 0;
}
.register-container .assessment-results .result:nth-child(2) {
  margin-left: 0;
}
.register-container .detentions a {
  text-decoration: none;
}
.register-container .detentions .linearicon-warning {
  color: #ff7a22;
}
.register-container .detentions .top {
  width: 300px;
  margin-left: -150px;
  color: #fff;
}
.register-container .leaver-name-wrapper {
  text-decoration: line-through;
}

.seating-action-buttons-box .btn-link, .seating-action-buttons-box .btn-upload-link {
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  color: #656d78;
}
.seating-action-buttons-box .btn-link span, .seating-action-buttons-box .btn-upload-link span {
  margin-right: 5px;
}

.register-sidebar {
  width: 320px;
  padding: 0;
}
.register-sidebar .sidebar-slider--header {
  padding: 15px 15px 0;
}
.register-sidebar .sidebar-slider--body {
  margin-top: 15px;
  padding: 0;
}
.register-sidebar .sidebar-slider--footer {
  box-shadow: 0 0 7px #e6e9ed;
  padding: 15px;
}
.register-sidebar .sidebar-slider--footer .footer-wrapper {
  display: flex;
  top: -3px;
  position: relative;
}
.register-sidebar .sidebar-slider--footer .clear-all-link {
  margin: 5px 0 0 10px;
}
.register-sidebar .content-title {
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 20px;
}
.register-sidebar .assessment-key {
  margin: 0 15px 18px;
}
.register-sidebar .assessment-key ul li {
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}
.register-sidebar .aspect-name {
  margin: 4px 0;
  height: 30px;
}
.register-sidebar .aspect-name .aspect-name-box {
  display: inline-flex;
  background: #fff;
  min-width: 217px;
  max-width: 217px;
  justify-content: space-between;
  position: relative;
  padding: 5px 10px;
  border-radius: 3px;
  top: -1px;
}
.register-sidebar .aspect-name .aspect-name-box .select-aspect-text {
  color: #ccd1d9;
}
.register-sidebar .aspects-search-wrapper {
  margin: 0 15px;
  display: flex;
  position: relative;
}
.register-sidebar .aspects-search-wrapper .aspects-search-input {
  border-radius: 4px;
  border: 1px solid #aab2bd;
  padding: 0 25px 0 10px;
  width: 100%;
  font-size: 13px;
  height: 30px;
}
.register-sidebar .aspects-search-wrapper::after {
  content: "";
  font-family: "Pe-icon-7-stroke";
  font-size: 20px;
  color: #656d78;
  position: absolute;
  right: 0;
  width: 25px;
  margin: 5px 8px 0 0;
}
.register-sidebar .all-aspects-list {
  margin-top: 15px;
}
.register-sidebar .all-aspects-list ul {
  list-style-type: none;
  max-height: calc(100vh - 390px);
  height: calc(100vh - 390px);
  overflow-y: auto;
  padding-left: 15px;
  margin: 0;
}
.register-sidebar .all-aspects-list li {
  margin-bottom: 10px;
  display: flex;
  max-width: 285px;
}
.register-sidebar .all-aspects-list .display-name {
  position: relative;
  margin: 5px 0 0 5px;
  text-align: justify;
}

.select-attendance-code-dropdown.ember-power-select-dropdown.ember-basic-dropdown-content--below {
  border-top: 1px solid #ccc;
}
.select-attendance-code-dropdown.ember-power-select-dropdown.ember-basic-dropdown-content--above {
  border-bottom: 1px solid #ccc;
}

.attendance-select {
  display: flex;
  align-items: center;
}
.attendance-select .attendance-codes-wrapper {
  border: 1px solid #ccd1d9;
  width: 250px;
  border-radius: 4px;
  padding: 10px;
  background: #fff;
  position: absolute;
  bottom: 100%;
  left: 0;
  z-index: 501;
}
.attendance-select .attendance-codes-wrapper::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 53px;
  border-style: solid;
  border-width: 5px 5px 0;
  border-color: #fff transparent;
  display: block;
  width: 0;
  z-index: 1;
}
.attendance-select .attendance-codes-wrapper::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 52px;
  border-style: solid;
  border-width: 6px 6px 0;
  border-color: #ccd1d9 transparent;
  display: block;
  width: 0;
  z-index: 0;
}
.attendance-select .attendance-codes-dropdown {
  max-height: 240px;
  overflow-y: auto;
}
.attendance-select .attendance-codes-dropdown__item {
  color: #656d78;
  display: block;
  padding: 5px 10px;
  text-align: left;
}

.attendance-code-restricted {
  color: #da4453;
  font-size: 20px;
  margin-top: 2px;
  margin-right: 10px;
}

.selected-attendance-code {
  border-radius: 50%;
  width: 20px;
  height: 20px;
  text-align: center;
  display: inline-block;
  color: #fff;
  margin-right: 10px;
  background-color: #aab2bd;
}
.selected-attendance-code.present {
  background-color: #8cc152;
}
.selected-attendance-code.unauthorised_absence {
  background-color: #da4453;
}
.selected-attendance-code.approved_educational_activity, .selected-attendance-code.authorised_absence, .selected-attendance-code.attendance_not_required, .selected-attendance-code.late {
  background-color: #f3a100;
}

.seating-label {
  display: flex;
  align-items: center;
  padding: 15px 0;
}
.seating-label__picture {
  width: 62px;
  height: 62px;
  display: flex;
}
.seating-label__content {
  margin-left: 20px;
}
.seating-label__avatar {
  width: 62px;
  height: 62px;
  z-index: 1;
}
.seating-label__title {
  margin-bottom: 5px;
  color: #0e79c9;
  cursor: pointer;
  display: flex;
  line-height: 14px;
  max-width: 190px;
}
.seating-label__title--read-only {
  color: #656d78;
  cursor: auto;
}
.seating-label__title--pencil {
  margin-left: 5px;
  position: absolute;
}
.seating-label__circles {
  display: flex;
}
.seating-label .seating-label__circle--purple, .seating-label .seating-label__circle--green, .seating-label .seating-label__circle--red, .seating-label .seating-label__circle--blue, .seating-label .notice-board .notice-board-keys .announcements-circle, .notice-board .notice-board-keys .seating-label .announcements-circle, .seating-label .notice-board .notice-board-keys .event-circle, .notice-board .notice-board-keys .seating-label .event-circle {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin-left: 0;
  margin-right: 5px;
  cursor: pointer;
  padding: 0;
  border: 0;
}
.seating-label__circle--blue {
  background-color: #0e79c9;
}
.seating-label__circle--red {
  background-color: #ed5565;
}
.seating-label__circle--green {
  background-color: #8cc152;
}
.seating-label__circle--purple {
  background-color: #ac92ec;
}
.seating-label__circle--checked {
  display: flex;
  color: #fff;
  font-weight: bold;
  font-size: 10px;
  width: 15px;
  height: 15px;
  align-items: center;
  justify-content: center;
}

.seating-desk-seating-label-profile-picture {
  position: relative;
}
.seating-desk-seating-label-profile-picture__remove-label {
  background-color: #da4453;
  border: 0;
  border-radius: 50%;
  display: none;
  font-size: 9px;
  height: 22px;
  line-height: 22px;
  padding: 0;
  position: absolute;
  right: -11px;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
}
.seating-desk-seating-label-profile-picture__remove-label:hover {
  display: block;
  background-color: #F24B5C;
}
.seating-desk-seating-label-profile-picture__remove-label .fa-times {
  top: 0;
  font-size: 13px;
}
.seating-desk-seating-label-profile-picture:hover .seating-desk-seating-label-profile-picture__remove-label {
  display: block;
}

.discussion-panel__empty-icon {
  font-size: 70px;
  color: #e6e9ed;
}

.attendance-filters .page-actions-container__left {
  display: flex;
  align-items: center;
}
.attendance-filters .select-mark-category {
  margin-right: 0;
}
.attendance-filters .page-actions-container__right .export {
  border-color: #ccc;
  color: #656d78;
}
.attendance-filters .page-actions-container__right .export i {
  color: #ed5565;
}
.attendance-filters .page-actions-container__right .export:hover {
  border: 1px solid #0e79c9;
  color: #0e79c9;
}
.attendance-filters .page-actions-container__item {
  flex-grow: 2;
  margin: 0 5px;
}
@media (min-width: 501px) {
  .attendance-filters .page-actions-container__item {
    max-width: 200px;
  }
}
.attendance-filters .page-actions-container__item--tight {
  flex-grow: 1;
}
@media (min-width: 501px) {
  .attendance-filters .page-actions-container__item--tight {
    max-width: 100px;
  }
}
.attendance-filters .page-actions-container__item--wide {
  flex-grow: 4;
}
@media (min-width: 501px) {
  .attendance-filters .page-actions-container__item--wide {
    max-width: 300px;
  }
}
.attendance-filters .search-wrapper:not(.no-icon)::after {
  right: 40px;
}
.attendance-filters .register-filter .ember-power-select-trigger {
  width: 100%;
}

.attendance-sidebar .sidebar-slider--filter-wrapper {
  margin-bottom: 10px;
}

.attendance-container .table .table-head {
  background-color: #f5f7fa;
}
.attendance-container .table th.is-active {
  color: #656d78;
  font-weight: 600;
  background-color: #e6e9ed;
  border-bottom: 3px solid #4b9bd8;
}
.attendance-container .table td {
  padding: 15px;
  vertical-align: middle;
}
.attendance-container .table .smhw-validated-input {
  margin-top: auto;
  margin-bottom: auto;
  max-width: 40px;
}
.attendance-container .table .smhw-validated-input input {
  padding: 6px 12px;
  text-align: center;
}
.attendance-container .table .smhw-validated-input input.unauthorised_absence {
  border-color: #da4453;
}
.attendance-container .table .smhw-validated-input input.present {
  border-color: #8cc152;
}
.attendance-container .table .smhw-validated-input input.approved_educational_activity, .attendance-container .table .smhw-validated-input input.authorised_absence, .attendance-container .table .smhw-validated-input input.attendance_not_required, .attendance-container .table .smhw-validated-input input.late {
  border-color: #f3a100;
}
.attendance-container .student-info {
  align-items: center;
  display: flex;
}
.attendance-container .avatar {
  border-radius: 50%;
  height: 45px;
  margin-right: 10px;
  width: 45px;
}
.attendance-container .am-session-mark input,
.attendance-container .first-lesson-mark input {
  min-width: 40px;
}
.attendance-container .daily-absecence-item--mark-input {
  display: flex;
}
.attendance-container .daily-absecence-item--mark-input .show-notes {
  margin-left: 10px;
}
.attendance-container .table-slider {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.attendance-container .table-slider .btn {
  padding: 10px;
}

.attendance-students-container {
  display: flex;
  flex-direction: row;
  border: 1px solid #ccd1d9;
}
.attendance-students-container .student-list {
  display: flex;
  flex-direction: column;
  flex-basis: 35%;
  border-right: 1px solid #ccd1d9;
}
.attendance-students-container .student-list__item {
  cursor: pointer;
  padding: 14px 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
}
.attendance-students-container .student-list__item .user-info {
  display: flex;
  flex-basis: 70%;
}
.attendance-students-container .student-list__item:not(:last-child) {
  border-bottom: 1px solid #ccd1d9;
}
.attendance-students-container .student-list__item .checkbox {
  margin-top: 10px;
}
.attendance-students-container .student-list__item .student-name {
  flex-grow: 1;
  display: flex;
  align-items: center;
}
.attendance-students-container .student-list__item .attendance-rate {
  margin-left: 5px;
}
.attendance-students-container .attendance-student-info {
  flex-basis: 70%;
  padding: 30px;
  overflow-y: auto;
}
.attendance-students-container .attendance-student-info .select-attendance-mode {
  width: 150px;
}
.attendance-students-container .attendance-student-info .select-student {
  font-weight: 600;
}
.attendance-students-container .attendance-student-info__header {
  display: flex;
  flex-direction: row;
}
.attendance-students-container .attendance-student-info__header--left {
  flex-grow: 2;
}
.attendance-students-container .attendance-student-info__header--right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
}
.attendance-students-container .attendance-student-info__profile {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 20px;
}
.attendance-students-container .attendance-student-info__absences {
  text-align: right;
  margin-top: 20px;
}
.attendance-students-container .attendance-student-info__absences .title {
  font-weight: 600;
}
.attendance-students-container .attendance-student-info__sessions, .attendance-students-container .attendance-student-info__marks {
  margin-top: 20px;
}
.attendance-students-container .attendance-student-info__name-categories {
  display: flex;
  flex-direction: row;
  margin-bottom: 5px;
}
.attendance-students-container .attendance-student-info__name {
  font-size: 1.2em;
  font-weight: 600;
  margin-right: 10px;
}
.attendance-students-container .attendance-student-info__rates {
  display: flex;
  flex-direction: row;
}
.attendance-students-container .attendance-student-info__rates .values {
  margin-left: 50px;
}
.attendance-students-container .attendance-student-info__empty-rows {
  margin-bottom: 20px;
}
.attendance-students-container .attendance-student-info__empty-rows .switch-btn-label {
  font-size: 14px;
  margin: 2px 0;
}

.attendance-groups .select-attendance-groups {
  width: 200px;
  margin-left: auto;
  margin-right: auto;
}
.attendance-groups .select-attendance-groups .ember-power-select-selected-item {
  margin-left: 0;
}

.attendance-register-container {
  display: flex;
}
.attendance-register-container .period-column {
  width: 18%;
  margin-right: 20px;
}
.attendance-register-container .period-column .header {
  border: 1px solid #e6e9ed;
  border-radius: 3px;
  padding: 10px;
  display: flex;
  justify-content: center;
  font-size: 14px;
  color: #333;
  margin-bottom: 20px;
}
.attendance-register-container .period-column.is-active .header {
  color: #fff;
  background-color: #5d9cec;
  border: 0;
  position: relative;
}
.attendance-register-container .period-column.is-active .header::before {
  left: 47%;
  top: 40px;
  border: solid transparent;
  content: "";
  position: absolute;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #5d9cec;
}
.attendance-register-container .period-column .lesson-card-wrapper {
  padding: 8px;
  margin-bottom: 10px;
  border-left: 3px solid;
  background-color: #e6e9ed;
  border-color: #aab2bd;
  position: relative;
}
.attendance-register-container .period-column .lesson-card-wrapper .lesson-card {
  cursor: pointer;
}
.attendance-register-container .period-column .lesson-card-wrapper .lesson-card .card-body {
  padding-left: 5px;
  color: #3a3a3a;
}
.attendance-register-container .period-column .lesson-card-wrapper .lesson-card .card-body .btn-link.active, .attendance-register-container .period-column .lesson-card-wrapper .lesson-card .card-body .active.btn-upload-link, .attendance-register-container .period-column .lesson-card-wrapper .lesson-card .card-body .btn-link:focus, .attendance-register-container .period-column .lesson-card-wrapper .lesson-card .card-body .btn-upload-link:focus {
  outline: 0;
}
.attendance-register-container .period-column .lesson-card-wrapper .lesson-card .card-body__item {
  margin-bottom: 5px;
}
.attendance-register-container .period-column .lesson-card-wrapper .lesson-card .card-body__item--title {
  font-weight: 700;
}
.attendance-register-container .period-column .lesson-card-wrapper .lesson-card .single-teacher {
  text-decoration: none;
}
.attendance-register-container .period-column .lesson-card-wrapper .lesson-card .status-label {
  font-weight: 700;
  border-radius: 15px;
  padding: 5px 10px;
  color: #fff;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 10px;
  background-color: #aab2bd;
}
.attendance-register-container .period-column .lesson-card-wrapper.complete {
  background-color: #f0f7e8;
  border-color: #8cc152;
}
.attendance-register-container .period-column .lesson-card-wrapper.complete .status-label {
  background-color: #8cc152;
}
.attendance-register-container .period-column .lesson-card-wrapper.incomplete {
  background-color: #fceef0;
  border-color: #da4453;
}
.attendance-register-container .period-column .lesson-card-wrapper.incomplete .status-label {
  background-color: #da4453;
}
.attendance-register-container .period-column .lesson-card-wrapper.pending {
  background-color: #ffeac0;
  border-color: #f3a100;
}
.attendance-register-container .period-column .lesson-card-wrapper.pending .status-label {
  background-color: #f3a100;
}
.attendance-register-container .period-column .lesson-card-wrapper .teachers-popup {
  position: absolute;
  background: #fff;
  position: absolute;
  width: 120%;
  top: 65%;
  border: 1px solid #ccd1d9;
  border-radius: 6px;
  box-shadow: 2px 2px 1px 0 #d7dce2;
  z-index: 101;
}
.attendance-register-container .period-column .lesson-card-wrapper .teachers-popup .teachers-block {
  padding: 10px;
  display: flex;
  justify-content: space-between;
}
.attendance-register-container .period-column .lesson-card-wrapper .teachers-popup .teachers-block .emails a {
  margin: 0 0 9px;
  display: block;
  text-decoration: none;
  display: flex;
  align-items: center;
}
.attendance-register-container .period-column .lesson-card-wrapper .teachers-popup .teachers-block .emails a .icon {
  font-size: 12px;
  padding-right: 5px;
}
.attendance-register-container .period-column .lesson-card-wrapper .teachers-popup .email-all {
  border-top: 1px solid #ccd1d9;
  padding: 10px;
}
.attendance-register-container .period-column .lesson-card-wrapper .teachers-popup .email-all a {
  text-decoration: none;
}
.attendance-register-container .period-column .lesson-card-wrapper .teachers-popup::after, .attendance-register-container .period-column .lesson-card-wrapper .teachers-popup::before {
  content: "";
  border: 8px solid transparent;
  top: -8px;
  left: 25px;
  height: 0;
  position: absolute;
  pointer-events: none;
  width: 0;
}
.attendance-register-container .period-column .lesson-card-wrapper .teachers-popup::before {
  border-bottom-color: #ccd1d9;
  margin-top: -8px;
}
.attendance-register-container .period-column .lesson-card-wrapper .teachers-popup::after {
  border-bottom-color: #fff;
  margin-top: -7px;
}

.todo-item {
  border-color: #e6e9ed;
  border-style: solid;
  border-width: 1px 1px 1px 0;
  border-radius: 5px 3px 3px 5px;
  margin-bottom: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
}
.todo-item__type-marker {
  border-left-width: 3px;
  border-left-style: solid;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 10px;
  border-radius: 5px 0 0 5px;
  pointer-events: none;
}
.todo-item--homework .todo-item__type-marker {
  border-left-color: #8cc152;
}
.todo-item--spelling-test .todo-item__type-marker {
  border-left-color: #37bd9c;
}
.todo-item--quiz .todo-item__type-marker {
  border-left-color: #f3a100;
}
.todo-item--differentiated-homework .todo-item__type-marker {
  border-left-color: #0e79c9;
}
.todo-item--class-test .todo-item__type-marker {
  border-left-color: #967bdc;
}
.todo-item--flexible-task .todo-item__type-marker {
  border-left-color: #d770ad;
}
.todo-item--classwork .todo-item__type-marker {
  border-left-color: #ed5565;
}
.todo-item--custom .todo-item__type-marker {
  border-left-color: #c7c9d5;
}
.todo-item .checkbox {
  margin: 0;
  transform: translate(-2px, 2px);
}
.todo-item .checkbox label {
  padding-left: 0;
}
.todo-item__tooltip-wrapper {
  margin: 12px 3px 0 0;
}
.todo-item__tooltip-wrapper .resubmission-icon {
  color: #f1a100;
  font-size: 19px;
}
.todo-item--toggled-completed {
  animation: fadeout 0.5s;
}
.todo-item--completed .todo-item__summary {
  opacity: 0.5;
  text-decoration: line-through;
}
.todo-item--completed .todo-item__summary a, .todo-item--completed .todo-item__summary .btn-link, .todo-item--completed .todo-item__summary .btn-upload-link {
  color: #656d78;
}
.todo-item__inner {
  padding: 8px 12px 8px 15px;
  display: flex;
  flex-grow: 1000;
  min-width: 0;
}
.todo-item__date {
  color: #333;
  font-size: 13px;
  font-weight: 600;
  line-height: 32px;
  text-align: center;
  flex-shrink: 0;
  padding: 8px 12px;
  min-width: 82px;
}
.todo-item__date-day {
  line-height: 25px;
  margin-top: -5px;
}
.todo-item__date-day-number {
  font-size: 45px;
}
.todo-item__date-month {
  margin-bottom: -7px;
}
.todo-item__summary {
  flex-grow: 1;
  min-width: 120px;
  max-width: 500px;
  padding: 8px 12px;
}
.todo-item__summary h4 {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  margin: 0;
}
.todo-item__summary h4 .btn-link, .todo-item__summary h4 .btn-upload-link, .todo-item__summary h4 a {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
}
.todo-item__summary h4 .btn-link:hover, .todo-item__summary h4 .btn-upload-link:hover, .todo-item__summary h4 a:hover {
  text-decoration: underline;
}
.todo-item__summary p {
  font-size: 13px;
  margin: 12px 0 3px;
}
.todo-item__pill {
  padding: 5px 12px;
  border-radius: 50rem;
  background-color: #5d9cec;
  color: white;
  display: inline-block;
}
.todo-item__sidebar {
  padding: 16px 16px 16px 24px;
  align-self: stretch;
  display: flex;
  flex-grow: 1;
}
.todo-item__sidebar--has-info {
  background: #fafafa;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.todo-item__sidebar .submission-info {
  align-self: center;
  margin-right: 12px;
}
.todo-item__sidebar .feedback-title {
  font-size: 17px;
  margin-bottom: 8px;
}
.todo-item__sidebar .grade {
  color: #0e79c9;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 5px;
}
.todo-item__sidebar .grade i {
  margin-right: 5px;
  color: #656d78;
  font-size: 17px;
  vertical-align: bottom;
}
.todo-item__sidebar .status {
  font-size: 13px;
}
.todo-item__sidebar .status i {
  position: relative;
  top: 4px;
  margin-right: 5px;
  font-style: normal;
}
.todo-item__sidebar .status i::before {
  font-family: "Pe-icon-7-stroke";
  font-size: 18px;
}
.todo-item__sidebar .status.not-submitted i, .todo-item__sidebar .status.resubmission i, .todo-item__sidebar .status.absent i {
  padding-top: 0;
  padding-bottom: 0;
}
.todo-item__sidebar .status.not-submitted i::before {
  content: "";
  color: #d84852;
}
.todo-item__sidebar .status.resubmission i::before {
  content: "";
  color: #f1a100;
}
.todo-item__sidebar .status.absent i::before {
  content: "";
  color: #3083d1;
}
.todo-item__sidebar .status.submitted i::before {
  content: "";
  color: #8fc053;
}
.todo-item__sidebar .status.submitted-late i::before {
  color: #5e9b24;
  content: "";
}

.todos-segment__title {
  font-weight: 600;
  margin-top: 2rem;
  padding-bottom: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.todos-segment--collapsed .todos-segment__title {
  border-bottom: 1px solid #e6e9ed;
}
.todos-segment--collapsed .todos-segment__content {
  display: none;
}

.dated-sidebar .sidebar-slider--header {
  padding: 15px 15px 0;
}
.dated-sidebar .sidebar-slider--body {
  margin-top: 15px;
  padding: 0 15px;
}
.dated-sidebar .sidebar-slider--body--block {
  padding-bottom: 15px;
}
.dated-sidebar .sidebar-slider--body__button .btn {
  width: 100%;
}
.dated-sidebar .student-wrapper {
  border-bottom: 1px solid #e6e9ed;
  padding: 20px 0;
}
.dated-sidebar .student-wrapper:first-child {
  padding-top: 0;
}
.dated-sidebar .student-wrapper .student {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
}
.dated-sidebar .student-wrapper .student .user-profile-picture {
  width: 50px;
  height: 50px;
}
.dated-sidebar .student-wrapper .student__info {
  width: 75%;
  padding-left: 10px;
}
.dated-sidebar .student-wrapper .student__info__name {
  font-weight: 600;
}

.empty-behaviour-policies {
  align-items: center;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  text-align: center;
}
.empty-behaviour-policies .linearicon-feather2, .empty-behaviour-policies .linearicon-alarm {
  font-size: 70px;
  margin-top: 10%;
}
.empty-behaviour-policies__title {
  font-size: 24px;
  font-weight: 600;
  color: #333;
  margin-top: 3%;
}
.empty-behaviour-policies__description {
  font-size: 18px;
  color: #656d78;
  margin-top: 2%;
}
.empty-behaviour-policies .create-new-behaviour-policy {
  margin-top: 2%;
}

.kudos-triggers-container {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
}
.kudos-triggers-container .text-inline-datepicker,
.kudos-triggers-container .pagination {
  padding: 0 14px;
  width: 100%;
}

.trigger-role-card {
  width: 100%;
  margin: 10px 0 10px 0;
}
.trigger-role-card__inner {
  padding: 10px;
  border: 1px solid #e6e9ed;
  border-radius: 4px;
  height: 100%;
}
.trigger-role-card__remove-role i {
  float: right;
}

.occurrences__fields {
  display: inline-flex;
}
.occurrences__input {
  width: 44px;
}
.occurrences__text {
  margin: 5px 0 0 10px;
  width: 77px;
}
.occurrences__select {
  left: 145px;
  position: absolute;
  margin-top: 5px;
  margin-left: 5px;
  width: 160px;
}
.occurrences__select ul {
  padding-left: 0px;
}
.occurrences__select ul li {
  list-style-type: none;
}
.occurrences .__validation-errors__dcece {
  width: 245px;
}
.occurrences .__validation-errors__dcece .control-label {
  margin: 5px 0;
}

.severity-number {
  vertical-align: middle;
}

.severity__circle {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-left: 0;
  margin-right: 5px;
  border: 0;
  display: inline-block;
  vertical-align: middle;
}
.severity__circle--level-1 {
  background-color: #ffce54;
}
.severity__circle--level-2 {
  background-color: #f3a100;
}
.severity__circle--level-3 {
  background-color: #ff7a22;
}
.severity__circle--level-4 {
  background-color: #da4453;
}
.severity__circle--level-5 {
  background-color: #872c31;
}

.associated-types {
  width: 100%;
}
.associated-types__item {
  padding: 8px 0 2px 0;
}
.associated-types__item a {
  font-size: 10px;
}

.sanction-rules .ti-trash {
  color: #CA0000;
}

.page-actions-container__left--item {
  padding-left: 0px;
  width: 200px;
  max-width: 200px;
  min-width: 200px;
}

.item-card .kudos-trigger__header {
  height: 100%;
}
.item-card .kudos-trigger__reasons-container {
  max-width: 90%;
}
.item-card .kudos-trigger__reasons--truncated {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.item-card .kudos-trigger__reasons--truncated:hover {
  white-space: normal;
  overflow: visible;
}
.item-card .kudos-trigger__roles-info {
  margin-top: auto;
  border-top: 1px solid #e6e9ed;
  padding: 20px;
  display: flex;
  text-align: left;
  align-items: center;
}
.item-card .kudos-trigger__roles-info .user-profile-picture {
  flex-shrink: 0;
  margin-right: 10px;
  width: 50px;
  height: 50px;
}
.item-card .kudos-trigger__footer {
  background-color: #f6f7fb;
  margin-top: auto;
}

.components-demo {
  padding: 10px;
}
.components-demo__quick-actions {
  display: flex;
}
.components-demo__select {
  width: 30%;
}

.item-card {
  padding: 14px;
  position: relative;
}
@media (max-width: 1023px) {
  .item-card {
    flex-grow: 1;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .item-card {
    width: calc(100% / 2);
  }
}
@media (min-width: 1440px) {
  .item-card {
    width: calc(100% / 3);
  }
}
@media (min-width: 1920px) {
  .item-card {
    width: calc(100% / 5);
  }
}
.item-card__inner {
  border: 1px solid #e6e9ed;
  border-radius: 4px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.item-card__header {
  padding: 20px;
}
.item-card__body {
  border-top: 1px solid #e6e9ed;
  padding: 20px;
}
.item-card__footer {
  border-top: 1px solid #e6e9ed;
  padding: 20px;
  display: flex;
}
.detentions .item-card__footer {
  background-color: #f6f7fb;
}
.item-card__footer .ti-pencil {
  color: #0e79c9;
}
.item-card__footer .ti-trash {
  color: #CA0000;
}
.item-card .title {
  font-weight: 600;
}
.item-card .description {
  text-align: center;
}
.item-card .action {
  margin-left: auto;
  margin-right: auto;
}
.item-card .actions {
  margin-left: auto;
}

.grapefruit-pill,
.highlighted-info {
  text-align: center;
  background-color: rgba(237, 85, 101, 0.25);
  padding: 5px 10px;
  border-radius: 10px;
  display: inline-block;
}

.announcement-event-v2 {
  border-radius: 4px;
  padding-right: 0;
  padding-left: 0;
  background-color: #fff;
  font-size: 13px;
}
.announcement-event-v2__nav {
  background-color: #fff;
  padding: 20px 15px;
  margin-bottom: 20px;
}
.announcement-event-v2__container {
  padding: 0 28px;
}
.announcement-event-v2__body {
  padding-right: 14px;
  padding-left: 14px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.announcement-event-v2__body--brand-primary-navy {
  border-left: 4px solid #132843;
}
.announcement-event-v2__body--lavender {
  border-left: 4px solid #967adc;
}
.announcement-event-v2__body--aqua {
  border-left: 4px solid #3bafda;
}
.announcement-event-v2__body--grass {
  border-left: 4px solid #8cc152;
}
.announcement-event-v2__body--sunflower {
  border-left: 4px solid #f3a100;
}
.announcement-event-v2__body--bittersweet-lighter {
  border-left: 4px solid #fc6e51;
}
.announcement-event-v2__body--grapefruit {
  border-left: 4px solid #da4453;
}
.announcement-event-v2__body--pink-rose-lighter {
  border-left: 4px solid #ec87c0;
}
.announcement-event-v2__body--mint {
  border-left: 4px solid #37bc9b;
}
.announcement-event-v2__body--blue-jeans {
  border-left: 4px solid #0e79c9;
}
.announcement-event-v2__body--dark-gray {
  border-left: 4px solid #333;
}
.announcement-event-v2__body--black {
  border-left: 4px solid #000000;
}
.announcement-event-v2__actions {
  top: 15px;
  display: flex;
  justify-content: flex-end;
  position: relative;
  right: 20px;
}
.announcement-event-v2__actions--square-btn {
  align-items: center;
  border: 1px solid #e6e9ed;
  border-radius: 3px;
  color: #0e79c9;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 40px;
  min-height: 40px;
  min-width: 40px;
  right: 5px;
  top: 15px;
}
.announcement-event-v2__actions--square-btn::before {
  font-size: 18px;
}
.announcement-event-v2__actions--square-btn:hover {
  border-color: #0e79c9;
}
.announcement-event-v2__actions--square-btn:focus {
  outline: none;
}
.announcement-event-v2__actions--square-btn.active:focus {
  background-color: #f5f7fa;
  border-color: transparent;
  box-shadow: inset 2px 2px 0 0 rgba(0, 0, 0, 0.2);
}
.announcement-event-v2__actions--square-btn-arrow-box::after, .announcement-event-v2__actions--square-btn-arrow-box::before {
  border: solid transparent;
  bottom: -16px;
  content: "";
  height: 0;
  left: -34px;
  pointer-events: none;
  position: absolute;
  width: 0;
  z-index: 102;
}
.announcement-event-v2__actions--square-btn-arrow-box::after {
  border-bottom-color: #fff;
  border-width: 9px;
  margin-left: 37px;
}
.announcement-event-v2__actions--square-btn-arrow-box::before {
  border-bottom-color: #ccd1d9;
  border-width: 10px;
  margin-left: 36px;
}
.announcement-event-v2__buttons-box {
  background: #fff;
  border: 1px solid #ccd1d9;
  border-radius: 3px;
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
}
.announcement-event-v2__buttons-box-link {
  flex-grow: 1;
  padding: 10px 15px;
  color: #0e79c9;
  min-width: 155px;
  width: 155px;
}
.announcement-event-v2__buttons-box-link:hover {
  background-color: #f5f7fa;
  text-decoration: none;
}
.announcement-event-v2__buttons-box-link--ti-trash, .announcement-event-v2__buttons-box-link--ti-trash:hover, .announcement-event-v2__buttons-box-link--ti-trash:focus {
  color: #b7404b;
}
.announcement-event-v2__span-top {
  color: #656d78;
  font-family: "Open Sans";
}
.announcement-event-v2__content {
  min-height: 120px;
}
.announcement-event-v2__info {
  margin-top: 20px;
  padding: 0 5px;
}
.announcement-event-v2__date {
  text-align: center;
  color: #333;
  max-width: 100px;
  min-width: 100px;
}
.announcement-event-v2__day {
  font-size: 62px;
  line-height: 65px;
}
.announcement-event-v2__title {
  font-weight: bold;
  font-size: 16px;
  color: #333;
}
.announcement-event-v2__circle {
  width: 15px;
  height: 15px;
  cursor: pointer;
  padding: 0;
  border-radius: 50%;
  display: inline-flex;
  color: #333;
  margin: 3px 6px 10px 0;
}
.announcement-event-v2__circle--brand-primary-navy {
  background-color: #132843;
}
.announcement-event-v2__circle--lavender {
  background-color: #967adc;
}
.announcement-event-v2__circle--aqua {
  background-color: #3bafda;
}
.announcement-event-v2__circle--grass {
  background-color: #8cc152;
}
.announcement-event-v2__circle--sunflower {
  background-color: #f3a100;
}
.announcement-event-v2__circle--bittersweet-lighter {
  background-color: #fc6e51;
}
.announcement-event-v2__circle--grapefruit {
  background-color: #da4453;
}
.announcement-event-v2__circle--pink-rose-lighter {
  background-color: #ec87c0;
}
.announcement-event-v2__circle--mint {
  background-color: #37bc9b;
}
.announcement-event-v2__circle--blue-jeans {
  background-color: #0e79c9;
}
.announcement-event-v2__circle--dark-gray {
  background-color: #333;
}
.announcement-event-v2__circle--black {
  background-color: #000000;
}
.announcement-event-v2__notice-type {
  display: flex;
}
.announcement-event-v2__notice-type-dropdown-row {
  display: inline-flex;
  line-height: 32px;
}
.announcement-event-v2__notice-type-dropdown-row-circle {
  margin-top: 12px;
}
.announcement-event-v2__notice-type-dropdown-row-name {
  margin-top: 3px;
}
.announcement-event-v2__posted-by {
  margin: 5px 0;
}
.announcement-event-v2__message {
  padding-left: 0;
  margin-top: 7px;
}
.announcement-event-v2__attachments {
  margin: 10px 0 30px;
  padding-left: 0;
}
.announcement-event-v2__notice-views {
  color: #333;
  padding-left: 0;
  margin-bottom: 15px;
}
.announcement-event-v2__notice-views--info {
  background-color: #f5f7fa;
  border-color: transparent;
  text-align: center;
  margin-right: 10px;
  padding: 10px 0;
  max-width: 120px;
  color: #4a4a4a;
}
.announcement-event-v2__text {
  padding: 0 0 20px 5px;
}
@media (max-width: 990px) {
  .announcement-event-v2__text {
    margin-left: 15px;
  }
  .announcement-event-v2__actions {
    display: block;
    position: absolute;
    margin-right: 20px;
  }
  .announcement-event-v2__actions .ti-settings::before {
    position: absolute;
    top: 10px;
    left: 10px;
  }
  .announcement-event-v2__actions--square-btn-arrow-box::after, .announcement-event-v2__actions--square-btn-arrow-box::before {
    bottom: -34px;
    left: -26px;
  }
}

.announcement-event-attachments {
  display: flex;
  padding: 0 0 20px;
  border-bottom: 1px solid #e6e9ed;
}

.satchel-pulse-container {
  display: flex;
  padding-left: 0;
  padding-right: 0;
  gap: 24px;
}
.satchel-pulse-container.container-fluid, .satchel-pulse-container.only-icon {
  padding-left: 0;
  padding-right: 0;
}
.satchel-pulse-container.main-content {
  min-height: auto !important;
}
@media (max-width: 639px) {
  .satchel-pulse-container {
    flex-wrap: wrap;
    padding-left: 24px;
    padding-right: 24px;
  }
  .satchel-pulse-container.container-fluid, .satchel-pulse-container.only-icon {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.satchel-pulse-container .satchel-pulse__card {
  display: flex;
  flex-direction: column;
}
.satchel-pulse-container .satchel-pulse__card__image {
  border-radius: 4px 4px 0 0;
  height: 200px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.satchel-pulse-container .satchel-pulse__card__content {
  border: 1px solid #e6e9ed;
  border-radius: 0 0 4px 4px;
  padding: 24px;
  padding-top: 64px;
  text-align: center;
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.satchel-pulse-container .satchel-pulse__card__content__logo {
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.satchel-pulse-container .satchel-pulse__card__content__title {
  font-size: 18px;
  color: #333;
  margin-bottom: 10px;
}
.satchel-pulse-container .satchel-pulse__card__content__text {
  margin-bottom: 10px;
  flex-grow: 1;
}
.satchel-pulse-container .satchel-pulse__card__content__link {
  color: #fff;
  border-radius: 3px;
}
.satchel-pulse-container .skills .satchel-pulse__card__image {
  background-image: url("https://d24lsbndsvqq17.cloudfront.net/images/satchel-pulse/skills-hero-e0ea82008fb5b3e8a1cbc12d7cf18269.jpg");
}
.satchel-pulse-container .skills .satchel-pulse__card__content__logo {
  background-image: url("https://d24lsbndsvqq17.cloudfront.net/images/satchel-pulse/skills-6cc6f5b69e5ef7162288ebcd23c364ed.svg");
}
.satchel-pulse-container .skills .satchel-pulse__card__content__link {
  background-color: #f3a100;
}
.satchel-pulse-container .skills .satchel-pulse__card__content__link:hover {
  background-color: #ffce54;
}
.satchel-pulse-container .wellbeing .satchel-pulse__card__image {
  background-image: url("https://d24lsbndsvqq17.cloudfront.net/images/satchel-pulse/wellbeing-hero-58ecb7c0222170b3a6626d72332278c9.jpg");
}
.satchel-pulse-container .wellbeing .satchel-pulse__card__content__logo {
  background-image: url("https://d24lsbndsvqq17.cloudfront.net/images/satchel-pulse/wellbeing-9bbbeb5091f3e8b241219a448f712cde.svg");
}
.satchel-pulse-container .wellbeing .satchel-pulse__card__content__link {
  background-color: #37bc9b;
}
.satchel-pulse-container .wellbeing .satchel-pulse__card__content__link:hover {
  background-color: #48cfad;
}
.satchel-pulse-container .surveys .satchel-pulse__card__image {
  background-image: url("https://d24lsbndsvqq17.cloudfront.net/images/satchel-pulse/surveys-hero-e91f9dea52d0d6b391f2f28b40a23efe.jpg");
}
.satchel-pulse-container .surveys .satchel-pulse__card__content__logo {
  background-image: url("https://d24lsbndsvqq17.cloudfront.net/images/satchel-pulse/surveys-987710b6e53b8e632b9f54a4d81b6b1c.svg");
}
.satchel-pulse-container .surveys .satchel-pulse__card__content__link {
  background-color: #5d9cec;
}
.satchel-pulse-container .surveys .satchel-pulse__card__content__link:hover {
  background-color: #0e79c9;
}

.smhw-multi-select .bottom-separated {
  background-image: linear-gradient(to right, #ccc 60%, rgba(0, 0, 0, 0) 0%);
  background-position: bottom;
  background-size: 7px 1px;
  background-repeat: repeat-x;
}
.smhw-multi-select .ember-power-select-dropdown {
  overflow: visible;
  z-index: 5000;
}
.smhw-multi-select .ember-basic-dropdown-content .ember-power-select-search input {
  background: none;
}
.smhw-multi-select .ember-basic-dropdown-content .ember-power-select-search:after {
  content: "";
  font-family: "FontAwesome";
  font-size: 13px;
  top: 65%;
  color: lightgrey;
}
.smhw-multi-select .ember-power-select-options {
  padding: 0;
}
.smhw-multi-select .ember-power-select-option {
  padding: 0;
}
.smhw-multi-select .ember-power-select-option .checkboxed-option-wrapper {
  padding: 5px 8px 5px 8px;
}
.smhw-multi-select .ember-power-select-option .checkboxed-option-wrapper input {
  left: 0;
}
.smhw-multi-select .ember-power-select-option label {
  line-height: 20px;
  padding-left: 10px;
}
.smhw-multi-select .ember-power-select-option--search-message {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.smhw-multi-select .ember-power-select-option--no-matches-message {
  padding-left: 6px;
}
.smhw-multi-select .ember-power-select-option--search-message {
  padding-left: 6px;
}
.smhw-multi-select .ember-power-select-option[aria-disabled=true] label {
  color: #ccd1d9;
}
.smhw-multi-select .ember-power-select-option[aria-selected=true] {
  background-color: #fff;
}
.smhw-multi-select .ember-power-select-option[aria-current=true] {
  background-color: #0e79c9;
}
.smhw-multi-select .ember-power-select-option[aria-current=true] label {
  color: #fff;
}
.smhw-multi-select .ember-power-select-option .checkbox {
  margin: 0;
}
.smhw-multi-select .ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-left: 16px;
}
.smhw-multi-select .smhw-multi-select-active {
  border: 1px solid #0e79c9;
}
.smhw-multi-select .smhw-multi-select-clear-btn {
  font-weight: bold;
  font-size: 9px;
  padding-left: 10px;
  color: #0e79c9;
}
.smhw-multi-select .smhw-multi-select__quick-actions-wrapper {
  margin-top: 4px;
  border-bottom: 1px solid #e6e9ed;
}

.classes-multi-select .popup-box .selection-prompt {
  margin: 10px;
}
.classes-multi-select .popup-box .selection-prompt .btn-link, .classes-multi-select .popup-box .selection-prompt .btn-upload-link {
  text-decoration: none;
}
.classes-multi-select .popup-box .popup-wrapper {
  height: 70%;
}
.classes-multi-select .popup-box .popup-wrapper .header {
  background: #fff;
  border-bottom: 1px solid #ddd;
  padding: 5px;
}
.classes-multi-select .popup-box .popup-wrapper .header .exit-popup {
  color: #aab2bd;
}
.classes-multi-select .popup-box .popup-wrapper .header .popup-title {
  color: #333;
}
.classes-multi-select .popup-box .popup-wrapper .filters {
  display: flex;
  justify-content: space-around;
  margin: 15px 5px;
}
.classes-multi-select .popup-box .popup-wrapper .filters .filter-item {
  width: 30%;
}
.classes-multi-select .popup-box .popup-wrapper .table-wrapper {
  margin: 10px;
}
.classes-multi-select .popup-box .popup-wrapper .table-wrapper .checkbox-column {
  padding-left: 10px;
}
.classes-multi-select .popup-box .popup-wrapper .table-wrapper .checkbox {
  margin-bottom: 0;
}
.classes-multi-select .popup-box .popup-wrapper .table-wrapper .table {
  margin-bottom: 0;
  table-layout: fixed;
}
.classes-multi-select .popup-box .popup-wrapper .table-wrapper .table th {
  border: 1px solid #ccd1d9;
  border-top: 0;
  background-color: #f6f7fb;
}
.classes-multi-select .popup-box .popup-wrapper .table-wrapper .table td {
  border-left: 1px solid #ccd1d9;
  border-top: 0;
  padding: 10px;
}
.classes-multi-select .popup-box .popup-wrapper .table-wrapper .table td a {
  width: 90%;
}
.classes-multi-select .popup-box .popup-wrapper .table-wrapper .table .due-on-column {
  max-width: 150px;
}
.classes-multi-select .popup-box .popup-wrapper .table-wrapper .table tr:nth-child(even) {
  background-color: #f6f7fb;
}
.classes-multi-select .popup-box .popup-wrapper .table-wrapper .table th,
.classes-multi-select .popup-box .popup-wrapper .table-wrapper .table th a {
  color: #333;
}
.classes-multi-select .popup-box .popup-wrapper .table-wrapper .table tr:first-child th {
  border-top: 0;
}
.classes-multi-select .popup-box .popup-wrapper .table-wrapper .table tr:last-child td {
  border-bottom: 0;
}
.classes-multi-select .popup-box .popup-wrapper .table-wrapper .table tr td:first-child,
.classes-multi-select .popup-box .popup-wrapper .table-wrapper .table tr th:first-child {
  border-left: 0;
}
.classes-multi-select .popup-box .popup-wrapper .table-wrapper .table tr td:last-child,
.classes-multi-select .popup-box .popup-wrapper .table-wrapper .table tr th:last-child {
  border-right: 0;
}
.classes-multi-select .popup-box .popup-wrapper .default-text {
  align-items: center;
  color: #656d78;
  display: flex;
  flex-direction: column;
  line-height: 30px;
  padding: 80px 110px;
  -moz-text-align-last: center;
       text-align-last: center;
}
.classes-multi-select .popup-box .popup-wrapper .default-text i {
  font-size: 35px;
  color: #aab2bd;
}
.classes-multi-select .popup-box .popup-wrapper .popup-footer {
  background: #fff;
}
.classes-multi-select .popup-box .popup-wrapper .popup-footer .btn-success:focus {
  outline: 0;
}

.pill {
  padding: 3px 10px;
  border-radius: 50rem;
}
.pill--orange {
  background-color: #ffe7a5;
}

.btn.toggle-btn {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #656D78;
  font-size: 13px;
}
.btn.toggle-btn:focus {
  outline: 0;
}
.btn.toggle-btn:hover {
  border: 1px solid #0e79c9;
  color: #0e79c9;
}
.btn.toggle-btn i {
  color: #0e79c9;
}
.btn.toggle-btn.active, .btn.toggle-btn.clearable {
  border: 1px solid #0e79c9;
  background: #0e79c9;
  color: #fff;
}
.btn.toggle-btn.active i, .btn.toggle-btn.clearable i {
  color: #fff;
}
.btn.toggle-btn .toggle-btn-clear {
  font-size: 9px;
  margin-left: 9px;
  margin-right: 0;
  text-decoration: none;
}
.btn.toggle-btn .toggle-btn-clear i {
  font-weight: bold;
}

.sidebar-slider .outline {
  display: flex;
  flex-direction: column;
}
.sidebar-slider .outline .outline__item {
  display: flex;
  align-items: center;
  height: 30px;
}
.sidebar-slider .outline .outline__item.checkbox-wrapper {
  float: none;
}
.sidebar-slider .outline .outline__item.checkbox-wrapper .smhw-checkbox-label::before {
  border-radius: 0;
  cursor: pointer;
}
.sidebar-slider .outline .outline__item.option-warning {
  color: #da4453;
  font-size: 13px;
}
.sidebar-slider .outline .outline__item--level-0 {
  margin-left: 0;
}
.sidebar-slider .outline .outline__item--level-1 {
  margin-left: 25px;
}
.sidebar-slider .outline .outline__item .outline__bullet {
  width: 9px;
  margin: 0 4px;
}
.sidebar-slider .outline .outline__item .outline__text {
  margin-left: 10px;
}

.submission-statuses-checkboxes .checkbox-wrapper {
  float: none;
  margin-right: 0;
}
.submission-statuses-checkboxes .checkbox-wrapper, .submission-statuses-checkboxes .checkbox-wrapper input, .submission-statuses-checkboxes .checkbox-wrapper label {
  cursor: pointer;
}
.submission-statuses-checkboxes .checkbox-wrapper .smhw-checkbox:not(:checked) + label.smhw-checkbox-label::before,
.submission-statuses-checkboxes .checkbox-wrapper .smhw-checkbox:checked + label.smhw-checkbox-label::before {
  border-radius: 0;
}

.sanctions .table > tbody > tr > td {
  vertical-align: middle;
}
.sanctions .ti-trash {
  color: #CA0000;
}

.neeto-banner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 60px;
  margin: 0 10px 20px;
  border-radius: 5px;
  color: #fff;
  background-color: #967adc;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
}
.neeto-banner:hover, .neeto-banner:visited, .neeto-banner:active, .neeto-banner:link {
  text-decoration: none;
  color: white;
}
.neeto-banner img {
  height: 35px;
}
.neeto-banner__text {
  margin-left: -50px;
}
.neeto-banner__pill {
  margin-left: 10px;
  color: #333;
  padding: 0 4px;
  background-color: #fde96c;
  border-radius: 5px;
  font-weight: normal;
  font-size: 12px;
}

.popup-box {
  display: flex;
  flex-direction: column;
}
.popup-box--rounded {
  border-radius: 6px;
}
.popup-box__header {
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.popup-box__header--long {
  height: 130px;
}
.popup-box__header--primary {
  background-color: #0e79c9;
}
.popup-box__close-btn {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  font-size: 19px;
  font-weight: 600;
  color: #fff;
}
.popup-box__check-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  border-radius: 40px;
  background-color: #fff;
  font-size: 60px;
  color: #0e79c9;
}
.popup-box__body {
  display: flex;
  flex-direction: column;
}
.popup-box__body--white {
  background-color: #fff;
}
.popup-box__title {
  display: flex;
  justify-content: center;
  margin-top: 10px;
  color: #000000;
}
.popup-box__details-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 0 28px;
  list-style: none;
}
.popup-box__details-item {
  margin-bottom: 5px;
}
.popup-box__details-item .fa {
  padding-right: 5px;
}
.popup-box__details-item .fa.fa-check {
  color: #8cc152;
}
.popup-box__details-item .fa.fa-warning {
  color: #f3a100;
}
.popup-box__footer {
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 1px solid #e6e9ed;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  padding-top: 20px;
  padding-bottom: 20px;
}
.popup-box__footer--white {
  background-color: #fff;
}
.popup-box__footer .btn {
  padding: 8px 15px;
}

.ai--wand-icon--svg-inline {
  box-sizing: content-box;
  display: flex;
  height: 50%;
  width: 50%;
  overflow: visible;
  vertical-align: -0.125em;
  margin: auto;
}

.lesson-plan-generator .lesson-length {
  display: flex;
  align-items: center;
  max-width: 185px;
  min-width: 155px;
  margin-right: 5px;
}

semi-bold {
  font-weight: 600;
}

.input-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  border-radius: 4px;
}

.school-calendar-section {
  font-weight: bold;
  font-size: 17px;
}

.text-left {
  text-align: left;
}

.affix {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1;
}

.blue-bar {
  background-color: #0e79c9;
  padding: 14px 0;
  color: #fff;
}
.blue-bar .homework-calendar-search {
  color: #fff;
  text-decoration: underline;
}

.main-nav {
  position: absolute;
  z-index: 1000;
  width: 100%;
}

#navbar {
  padding-left: 0;
  padding-right: 0;
}

.navbar-header {
  height: 60px;
}

.navbar-default .navbar-toggle {
  padding: 13px 10px;
}

.collapse {
  display: none;
}

.navbar-collapse.in {
  overflow-y: auto;
}

.collapse.in {
  display: block;
}

.navbar-default {
  background-color: #fff;
  border: 0;
  margin-bottom: 0;
  box-shadow: 2px 4px 2px 0 rgba(0, 0, 0, 0.1);
}
.navbar-default .dropdown-toggle {
  color: #000000;
  padding: 19px 15px;
  display: block;
  cursor: default;
}
.navbar-default a.navbar-brand {
  color: #0e79c9;
  font-weight: 700;
  padding: 11px 30px 7px 17px;
}
.navbar-default a.navbar-brand img {
  width: 48px;
  display: inline-block;
  margin-right: 10px;
}
.navbar-default a.navbar-brand:hover, .navbar-default a.navbar-brand:active, .navbar-default a.navbar-brand:focus {
  color: #0e79c9;
}
.navbar-default .btn {
  margin-top: 9px;
  padding: 10px 13px;
}
.navbar-default .btn.btn-orange {
  margin-top: 5px !important;
  padding: 9px 13px 8px 13px;
}
.navbar-default .navbar-nav {
  padding: 0;
  cursor: pointer;
  transition: all 0.5s;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.navbar-default .navbar-nav li a {
  color: #000000;
  padding: 20px 25px;
}
.navbar-default .navbar-nav li a.active, .navbar-default .navbar-nav li a:hover {
  color: #0e79c9;
}
.navbar-default .navbar-nav li:hover {
  background: #fafafa;
  color: #0e79c9;
}
.navbar-default .navbar-nav li ul {
  padding: 0 0 10px;
  background-color: #fff;
  position: absolute;
  top: 58px;
  left: 0;
  width: 150px;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s;
}
.navbar-default .navbar-nav .dropdown-menu {
  float: inherit;
  margin: 0;
  font-size: 14px;
  border: none;
  border-radius: 4px;
  box-shadow: 2px 4px 2px 0px rgba(0, 0, 0, 0.1);
  background-clip: none;
  transition: opacity 0.4s;
}
.navbar-default .navbar-nav li ul li {
  padding: 10px 20px;
  background: #fff;
  display: block !important;
}
.navbar-default .navbar-nav li ul li a {
  padding: 0 !important;
  text-decoration: none;
  color: #333;
}
.navbar-default .navbar-nav li ul li:hover {
  background-color: #fafafa;
}
.navbar-default .navbar-nav li:hover ul {
  display: block !important;
  opacity: 1;
  visibility: visible;
}
.navbar-default .navbar-nav .dropdown-menu li a {
  background: none;
}

.public-school-navbar {
  background-color: #132843;
  border: 0;
  margin-bottom: 0;
}
.public-school-navbar .btn {
  margin-top: 9px;
  padding: 10px 13px;
}
.public-school-navbar .navbar-nav {
  display: flex;
}
.public-school-navbar .navbar-nav li a {
  color: #fff;
  padding: 21px 30px;
}
.public-school-navbar .navbar-nav li a.active, .public-school-navbar .navbar-nav li a:hover {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.25);
}
.public-school-navbar .navbar-nav .login {
  margin-left: auto;
}
.public-school-navbar .navbar-nav .public-school-navbar__social-icons {
  margin-left: auto;
  padding-top: 18px;
  list-style-type: none;
  float: right;
}
.public-school-navbar .navbar-nav .public-school-navbar__social-icons--in-white-circle {
  display: inline-block;
  border: 1px solid white;
}
.public-school-navbar .navbar-nav .public-school-navbar__social-icons .fa-facebook {
  padding: 0.5em 0.8em;
}
.public-school-navbar .navbar-nav .public-school-navbar__social-icons li {
  float: left;
  display: inline;
  padding-left: 10px;
}
.public-school-navbar .navbar-nav .public-school-navbar__social-icons li a {
  padding: 0;
}
.public-school-navbar .nav > li > a:focus {
  background-color: transparent;
}
.public-school-navbar__logo-wrapper {
  display: block;
  float: left;
  height: 60px;
  padding-top: 16px;
  margin-right: 3%;
  width: 11em;
}
@media (max-width: 767px) {
  .public-school-navbar__logo-wrapper {
    margin-left: 20px;
  }
}

.panel-default .panel-buttons a {
  width: 100%;
  padding: 10px 0;
  display: inline-block;
  text-align: center;
  background-color: #f6f7fb;
  border-top: 1px solid #e6e9ed;
}
.panel-default .panel-buttons a:hover {
  text-decoration: none;
  background-color: #f2f4f9;
}
.panel-default .panel-buttons .blank {
  padding-top: 10px;
  padding-bottom: 10px;
  height: 41px;
  border-top: 1px solid #e6e9ed;
  background-color: #f6f7fb;
}

.panel-student {
  margin-top: 25px;
}
.panel-student i.pe-7s-user {
  font-size: 65px;
}
.panel-student .user-profile-picture {
  height: 75px;
  overflow: hidden;
}
.panel-student .user-profile-picture img {
  width: 75px;
  border-radius: 5px;
}
.panel-student h4 {
  margin-top: 15px;
}
.panel-student .panel-footer {
  background-color: #fff;
  padding: 10px 0;
}

.brand-primary-text {
  color: #0e79c9;
  font-weight: 600;
  font-style: normal;
}

.truncate-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}

.thick-font {
  font-weight: bold;
}

.upload-btn {
  position: relative;
}
.upload-btn input[type=file] {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  width: 100%;
  cursor: pointer;
}
.upload-btn input[type=file]::-ms-value {
  width: 0;
}
.upload-btn input[type=file]::-ms-browse {
  width: 200px;
  height: 33px;
}

.assignment-square {
  width: 10px;
  height: 10px;
  background: blue;
  display: inline-block;
  margin-right: 10px;
}

.assignment-square-Homework {
  background: red;
}

.border-right.col-md-12 {
  border-right: 1px solid #e6e9ed;
}

ol.breadcrumb {
  background-color: transparent;
  padding-left: 0;
}

#content {
  padding: 40px 20px;
}

hr, .hr {
  border-top: 1px solid #ccd1d9;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
hr[title]:after, .hr[title]:after {
  content: attr(title);
  background-color: #fff;
  padding: 4px 35px;
  position: relative;
  top: -10px;
  color: #333;
}

pre {
  background-color: #FFFFFF;
  overflow-x: scroll;
  padding: 3px;
  white-space: pre-wrap;
  max-height: 250px;
}
pre code {
  background-color: #FFFFFF;
  color: white;
  padding: 0;
  margin: 0;
  width: 150%;
  display: block;
}

.align-right {
  text-align: right;
}

.bg-modal {
  background-color: #7D7D8E;
}

.section {
  padding-bottom: 75px;
  margin-bottom: 45px;
  border-bottom: 1px solid #e6e9ed;
}

h1 {
  font-size: 30px;
  margin-top: 0.333em;
  margin-bottom: 0.333em;
}

h3 {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.container-fluid, .only-icon {
  padding-left: 24px;
  padding-right: 24px;
  margin-left: 0;
  margin-right: 0;
}

.only-icon {
  padding-left: 10px !important;
}

.margin-top {
  margin-top: 30px;
}

.padding-top {
  padding-top: 30px;
}

.padding-top-10 {
  padding-top: 10px;
}

.padding-inline-start-20 {
  padding-inline-start: 20px;
}

.margin-bottom {
  margin-bottom: 30px;
}

.default-image {
  width: 40px;
  height: 40px;
}

.table + .pagination {
  margin-top: 0;
}

html {
  overflow-x: hidden;
}

body {
  -webkit-font-smoothing: antialiased;
  width: 100%;
  max-width: 100vw;
  height: 100%;
  min-height: 100vh;
  margin: 0;
  font-size: 14px;
  font-family: "Open Sans";
  word-wrap: break-word;
  overflow-x: hidden;
  line-height: 20px;
}

@keyframes circleAnimation {
  to {
    stroke-dashoffset: 100;
  }
}
.blue-nav-wrapper {
  background-color: #0e79c9;
  height: 50px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 102;
  transition: top 0.5s ease;
}
.blue-nav-wrapper.banner-visible {
  top: 50px;
}
.blue-nav-wrapper.banner-visible.hide-banner {
  top: 0;
}
.blue-nav-wrapper .menu-toggle {
  transition: all 0.5s ease;
  width: 268px;
  position: fixed;
  border-right: 1px solid #3d91d1;
  height: 50px;
  text-align: right;
  padding: 13px 10px;
  background: #0e79c9;
}
.blue-nav-wrapper .menu-toggle:not(.small-view) {
  z-index: 1000;
}
.blue-nav-wrapper .menu-toggle .menu-icon-wrapper {
  position: relative;
  width: 20px;
  height: 20px;
  float: right;
}
.blue-nav-wrapper .menu-toggle .menu-icon-wrapper:hover {
  cursor: pointer;
}
.blue-nav-wrapper .menu-toggle .menu-icon-wrapper svg {
  position: absolute;
  left: -10px;
  top: -10px;
}
.blue-nav-wrapper .menu-toggle .menu-icon-wrapper .linearicon-options {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  transition: all 0.5s;
}
.blue-nav-wrapper .menu-toggle.small-view {
  border-right: none;
  padding: 13px 0;
  margin-left: -10px;
  display: none;
}
.blue-nav-wrapper .menu-toggle i {
  color: #fff;
  font-size: 20px;
  cursor: pointer;
}
.blue-nav-wrapper .container-fluid, .blue-nav-wrapper .only-icon {
  transition: all 0.5s ease;
  padding-left: 296px;
}
.blue-nav-wrapper .container-fluid .smhw-logo, .blue-nav-wrapper .only-icon .smhw-logo {
  background: url("https://d24lsbndsvqq17.cloudfront.net/assets/images/smhw_logo_white_text-1e4090a7688103abc0731de14d876ab3.svg");
  width: 200px;
  height: 32px;
  margin-top: 8px;
  background-size: 200px;
  float: left;
}
.blue-nav-wrapper .container-fluid .event-dropdown, .blue-nav-wrapper .only-icon .event-dropdown {
  margin-top: 10px;
}
.blue-nav-wrapper .container-fluid .locale-picker-wrapper, .blue-nav-wrapper .only-icon .locale-picker-wrapper {
  display: flex;
  align-items: center;
  height: 50px;
}
.blue-nav-wrapper.toggled .container-fluid, .blue-nav-wrapper.toggled .only-icon {
  padding-left: 72px;
}
.blue-nav-wrapper.toggled .menu-toggle {
  width: 44px;
}
.blue-nav-wrapper.toggled .menu-toggle .menu-icon-wrapper .circle-animation {
  stroke-dasharray: 200;
  stroke-dashoffset: 200;
  animation: circleAnimation 0.5s alternate-reverse;
}
.blue-nav-wrapper.toggled .menu-toggle .menu-icon-wrapper .linearicon-options {
  transition: all 0.5s;
  transform: rotate(0deg);
  opacity: 1;
}

#wrapper {
  padding-left: 0;
  transition: all 0.5s ease;
  padding-top: 50px;
}
#wrapper.banner-visible {
  padding-top: calc(50px + 50px);
}
#wrapper.no-blue-header {
  padding-top: 0;
}
#wrapper.toggled {
  padding-left: 44px;
}
@media (min-width: 767px) {
  #wrapper.toggled .profile {
    padding: 13px 5px;
    height: 95px;
  }
  #wrapper.toggled .profile .floating-avatar .avatar-wrapper {
    width: 35px;
    height: 35px;
  }
  #wrapper.toggled .profile i {
    width: 35px;
    height: 35px;
    position: relative;
    transition: width 0.4s, height 0.4s;
  }
  #wrapper.toggled .profile i::before {
    font-size: 16px;
    position: absolute;
    left: 10px;
    top: 10px;
    transition: all 0.5s;
  }
}
#wrapper.toggled .primary-action {
  padding: 10px 8px;
}
#wrapper.toggled .primary-action .btn {
  padding-left: 7px;
}
#wrapper.toggled .sidebar-nav li {
  text-indent: 16px;
}

#sidebar-wrapper {
  z-index: 1000;
  min-height: 100%;
  position: fixed;
  left: 268px;
  width: 0;
  height: 100%;
  margin-left: -268px;
  background: #fff;
  overflow-x: scroll;
  transition: all 0.5s ease;
  -ms-overflow-style: none;
}
#sidebar-wrapper .mp-level {
  position: absolute;
  top: -147px;
  background-color: white;
  width: 100%;
  height: 100%;
  transform: translate3d(-100%, 0, 0);
  transition: transform 0.3s;
  height: calc(100vh - 50px);
}
#sidebar-wrapper .mp-level.toggled {
  width: 100%;
  transform: translate3d(0, 0, 0);
  z-index: 5;
}
#sidebar-wrapper .mp-level.toggled.staff-member {
  top: -95px;
}
#sidebar-wrapper .sidebar-promo {
  padding: 20px;
}
#sidebar-wrapper .sidebar-promo .top-wrapper {
  display: flex;
  align-items: center;
  text-indent: 0;
}
#sidebar-wrapper .sidebar-promo .top-wrapper .bg-circle.blue {
  color: #3bafda;
}
#sidebar-wrapper .sidebar-promo .top-wrapper .bg-circle.green {
  color: #8cc152;
}
#sidebar-wrapper .sidebar-promo .top-wrapper .promo-icon {
  color: #fff;
  font-size: 15px;
}
#sidebar-wrapper .sidebar-promo .top-wrapper .promo-title {
  font-size: 14px;
  padding-left: 5px;
  color: #333;
  line-height: 20px;
}

#wrapper.toggled #sidebar-wrapper {
  width: 268px;
}

#wrapper.toggled nav.blue-nav {
  width: calc(100vw - 44px);
}

.main-header.margin-top {
  margin-top: 63px;
}

#page-content-wrapper {
  height: 100%;
  width: 100%;
}
#page-content-wrapper .main-header span.clickable-label, #page-content-wrapper .main-header a.clickable-label {
  display: inline-block;
  background-color: #0e79c9;
  color: #fff;
  font-size: 13px;
  margin-left: 10px;
  padding: 2px 7px;
  border-radius: 12px;
  vertical-align: super;
}
#page-content-wrapper .main-header span.clickable-label:hover, #page-content-wrapper .main-header a.clickable-label:hover {
  background-color: #4b9bd8;
  text-decoration: none;
}
#page-content-wrapper .main-content {
  clear: both;
  padding-top: 24px;
  padding-bottom: 24px;
  min-height: 85vh;
}
#page-content-wrapper .main-content.smart-seating-edit {
  padding-top: 0;
  padding-right: 0;
}
#page-content-wrapper .main-content.main-content-gray {
  background-color: #f9f9f9;
}
#page-content-wrapper .main-content h1.no-results {
  text-align: center;
  font-weight: lighter;
  margin-top: 50px;
}

.profile {
  padding: 13px 12px;
  border-bottom: 1px solid #e6e9ed;
  display: flex;
}
.profile .user-profile-picture {
  float: left;
  align-items: center;
  display: flex;
  height: 68px;
}
.profile .floating-avatar .avatar-wrapper {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  transition: all 0.3s;
}
.profile i {
  font-size: 68px;
  display: inline-block;
  position: relative;
  float: left;
  transition: width 0.4s, height 0.4s;
}

#wrapper.toggled #page-content-wrapper {
  margin-right: -250px;
}

.primary-action {
  padding: 10px 10px;
  border-bottom: 1px solid #e6e9ed;
}
.primary-action .btn {
  padding-left: 10px;
  text-align: left;
  text-indent: 0;
}
.primary-action .btn i {
  margin-right: 10px;
}

.video-fade-in {
  opacity: 0;
}
.video-fade-in.fading-in {
  opacity: 1;
  transition: opacity 1s;
}

.flex-wrapper {
  display: flex;
}
.flex-wrapper .panel {
  position: relative;
  margin-left: 14px;
  margin-right: 14px;
  padding-left: 0;
  padding-right: 0;
}
.flex-wrapper .panel .panel-body {
  margin-bottom: 50px;
}
.flex-wrapper .panel .panel-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.flex-wrapper .panel.fake-panel {
  border: none;
  box-shadow: none;
}

.capital-first {
  text-transform: lowercase;
}
.capital-first::first-letter {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.clear-both {
  clear: both;
}

/* Sidebar Styles */
@media (min-width: 769px) {
  #wrapper {
    padding-left: 268px;
  }
  #wrapper.toggled {
    padding-left: 44px;
  }

  #sidebar-wrapper {
    width: 268px;
  }

  #wrapper.toggled #sidebar-wrapper {
    width: 44px;
    overflow: hidden;
  }

  #wrapper.toggled #page-content-wrapper {
    position: relative;
    margin-right: 0;
  }
}
@media (max-width: 768px) {
  .flex-wrapper {
    flex-wrap: wrap;
  }
  .flex-wrapper .panel {
    width: 100%;
  }

  #sidebar-wrapper {
    overflow: scroll;
  }

  #page-content-wrapper nav.blue-nav {
    width: 100vw;
  }
  #page-content-wrapper .smhw-logo {
    margin-left: 10px;
  }

  .blue-nav-wrapper:not(.toggled) .menu-toggle:not(.small-view) {
    width: 0;
    padding: 13px 0;
    border: none;
  }
  .blue-nav-wrapper:not(.toggled) .menu-toggle:not(.small-view) .menu-icon-wrapper {
    display: none;
  }
  .blue-nav-wrapper:not(.toggled) .container-fluid, .blue-nav-wrapper:not(.toggled) .only-icon {
    padding-left: 24px;
  }
  .blue-nav-wrapper .menu-toggle .linearicon-options {
    opacity: 1;
    transform: rotate(0deg);
  }
  .blue-nav-wrapper .menu-toggle.small-view {
    display: block;
    width: 20px;
    position: relative;
  }
  .blue-nav-wrapper .menu-toggle.small-view .circle-animation {
    stroke-dasharray: 200;
    stroke-dashoffset: 200;
  }
  .blue-nav-wrapper .menu-toggle.small-view .linearicon-options {
    opacity: 1;
    transform: rotate(0deg);
  }
  .blue-nav-wrapper .smhw-logo {
    margin-left: 10px;
  }
  .blue-nav-wrapper.toggled .menu-toggle:not(.small-view) {
    width: 268px;
  }
  .blue-nav-wrapper.toggled .menu-toggle .menu-icon-wrapper .circle-animation {
    stroke-dasharray: 100;
  }
  .blue-nav-wrapper.toggled .menu-toggle .menu-icon-wrapper .ti-arrow-left {
    opacity: 1;
    transform: rotate(0deg);
  }

  #wrapper.toggled .primary-action,
#wrapper.toggled .profile,
#wrapper.toggled .sidebar-nav {
    border-right: 1px solid #ccd1d9;
  }
  #wrapper.toggled .mp-level.toggled .primary-action {
    margin-right: -1px;
  }

  .sidebar-nav li a.active::before, .sidebar-nav li a.active::after {
    content: none;
  }

  .only-icon {
    padding-left: 0 !important;
  }

  .navbar-logo {
    margin-left: 6%;
  }
}
.float-left {
  float: left;
}

.float-right {
  float: right;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-default {
  cursor: default;
}

.brand-green {
  color: #8cc152;
}

.lesson-plan-color {
  color: #ff893b;
}

.brand-red, .has-error-text {
  color: #da4453;
}

.brand-blue {
  color: #0e79c9;
}

.brand-blue-lighter {
  color: #4b9bd8;
}

.gray-darker {
  color: #333;
}

.clickable {
  cursor: pointer;
}

.gray {
  color: #ccd1d9;
}

.gray-darker {
  color: #333;
}

.placeholder-color {
  color: #999999;
}

.pdf-color {
  color: #F6221F;
}

.excell-color {
  color: #007133;
}

.powerpoint-color {
  color: #DB5A26;
}

.video-file-color {
  color: #F0A000;
}

.warning {
  color: #f3a100;
}

.brand-info {
  color: #3bafda;
}

.vivid-orange {
  color: #F3A123;
}

.bg-light-grayish-orange {
  background-color: #FEF5E5;
}

.color-box.homework, .color-circle.homework {
  background-color: #8cc152;
}
.color-box.flexible-task, .color-circle.flexible-task {
  background-color: #d770ad;
}
.color-box.quiz, .color-circle.quiz {
  background-color: #f3a100;
}
.color-box.spelling-test, .color-circle.spelling-test {
  background-color: #37bd9c;
}
.color-box.class-test, .color-circle.class-test {
  background-color: #967bdc;
}
.color-box.differentiated-homework, .color-circle.differentiated-homework {
  background-color: #0e79c9;
}
.color-box.classwork, .color-circle.classwork {
  background-color: #ed5565;
}
.color-box.lesson-plan, .color-circle.lesson-plan {
  background-color: #ff893b;
}

.color-box.lesson-plan {
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-right: 5px;
}

.purple-background {
  background-color: #967bdc;
}

.sky-blue-background {
  background-color: #3bafda;
}

.orange-background {
  background-color: #e9573f;
}

.white {
  color: white;
}

.icon-aligned-with-text {
  vertical-align: middle;
}

.gray-darker {
  color: #333;
}

.inline-display > * {
  display: inline;
}

.block-display > * {
  display: block;
}

.flex-grid {
  display: flex;
}

.flex-cell {
  flex: 1;
}
.flex-cell.one-third {
  width: 33%;
  flex: none;
  margin-left: 30px;
}

.relative-position {
  position: relative;
}

.centered-content {
  text-align: center;
}

.half-width {
  width: 50%;
}

.flash-fluid {
  padding-top: 20px;
  border-left: 1px solid #e6e9ed;
}

.auto-saved-at {
  display: inline-block;
  margin-left: 5px;
  line-height: 35px;
}

.comma-separation:not(:last-child)::after {
  content: ", ";
}

.check-icon-lg {
  background-color: #8cc152;
  color: white;
  border-radius: 20px;
  padding: 5px;
  margin-right: 5px;
  vertical-align: inherit;
  font-weight: bolder;
}

.view-results-btn.active {
  background-color: #0E79C9;
  box-shadow: none;
}

.margin-bottom-0 {
  margin-bottom: 0;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

.lower-case {
  text-transform: lowercase;
}

.user-name {
  text-transform: capitalize;
}

.file-type {
  text-transform: uppercase;
  text-align: center;
  float: left;
  width: 80px;
  padding: 10px;
  font-size: 20px;
  font-weight: bold;
  border: 1px solid #ccc;
  background-color: #f6f7fb;
  border-radius: 5px;
  margin-right: 10px;
  min-height: 48px;
}

.focus-wrapper {
  position: relative;
}

.flex-1 {
  flex: 1;
}

@media (min-width: 768px) and (max-width: 805px) {
  .blue-nav-wrapper .container-fluid .smhw-logo, .blue-nav-wrapper .only-icon .smhw-logo {
    background-image: url("https://d24lsbndsvqq17.cloudfront.net/images/smhw-logo-white-6571a07b63609bee9fe08366757500e2.png");
    background-size: 40px;
    width: 40px;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    float: none !important;
  }
}
@media (max-width: 479px) {
  .navbar-nav li a {
    color: #fff;
    padding: 15px 30px !important;
  }
}
@media (max-width: 555px) {
  .blue-nav-wrapper .container-fluid .smhw-logo, .blue-nav-wrapper .only-icon .smhw-logo {
    background-image: url("https://d24lsbndsvqq17.cloudfront.net/images/smhw-logo-white-6571a07b63609bee9fe08366757500e2.png");
    background-size: 40px;
    width: 40px;
  }
}
@media (max-width: 500px) {
  header.menu-toggle.small-view {
    margin-left: 0;
  }

  #page-content-wrapper .main-content {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  #page-content-wrapper .table-wrapper,
#page-content-wrapper .overflow-x-scroll {
    overflow-x: scroll;
  }

  .container-fluid, .only-icon {
    padding-left: 15px;
    padding-right: 15px;
  }

  .margin-top-20 {
    margin-top: 10px;
  }
}
@media (max-width: 375px) {
  .blue-nav-wrapper .container-fluid .smhw-logo, .blue-nav-wrapper .only-icon .smhw-logo {
    display: none;
  }
}
.height-limit {
  max-height: 300px;
  overflow-y: auto;
}

.table-divider-row td {
  background-color: #4b9bd8;
  color: white;
  text-transform: uppercase;
}

.env-marker {
  border: 3px solid red;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  z-index: 10000;
}
.env-marker::before {
  content: attr(data-label);
  position: absolute;
  left: 0;
  bottom: 0;
  color: #fff;
  background-color: red;
  font-weight: bold;
  padding: 5px 10px;
  text-transform: uppercase;
}

.liquid-container.custom-absolute-liquid-outled {
  left: 0;
  overflow: visible;
  position: fixed;
  top: 0;
  z-index: 1010;
}
.liquid-container.custom-absolute-liquid-outled .liquid-child {
  overflow: visible;
}

.margin-auto {
  margin: auto;
}

.margin-left-5 {
  margin-left: 5px;
}

.margin-left-15 {
  margin-left: 15px;
}

.margin-right-10 {
  margin-right: 10px;
}

.margin-right-20 {
  margin-right: 20px;
}

.margin-right-30 {
  margin-right: 30px;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}

.mt-n1 {
  margin-top: -0.25rem;
}

.mt-n2 {
  margin-top: -0.5rem;
}

.mt-n3 {
  margin-top: -1rem;
}

.height-35 {
  height: 35px;
}

.min-height-70 {
  min-height: 70px;
}

.width-35 {
  width: 35px;
}

.checkbox-column {
  width: 45px;
}

.border-color-gray-light {
  border-color: #e6e9ed !important;
}

.default-content-message {
  font-size: 28px;
  font-style: italic;
  padding: 50px;
  font-weight: 100;
  text-align: center;
}

.not-decorated-link {
  text-decoration: none;
}
.not-decorated-link:hover {
  text-decoration: none;
}

.list-success {
  padding: 0;
  list-style: none;
}
.list-success li:before {
  font-family: "FontAwesome";
  content: "";
  margin-right: 5px;
  color: #8cc152;
}

.highlighted-text {
  font-weight: bold;
}

.yield-wrapper input.form-control {
  padding-right: 32px;
}
.yield-wrapper .confirmation-check {
  position: absolute;
  right: 4px;
  top: 0;
  width: 25px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.yield-wrapper .confirmation-check.fa-check {
  color: #8cc152;
}
.yield-wrapper .confirmation-check.fa-times {
  color: #da4453;
}

.info-banner {
  background: #FFD900;
  text-align: center;
  padding: 10px 30px;
  border-bottom: 1px solid #e6c300;
  color: #3a3a3a;
}

.tutoring-logo {
  margin-bottom: 10px;
}

.text-with-trailing-actions .tooltip-wrapper, .text-with-trailing-actions .fa {
  display: inline;
}
.text-with-trailing-actions .fa {
  padding-left: 0.5ex;
  text-decoration: none;
}

.top-panel {
  display: flex;
  margin-top: 20px;
  padding: 0 24px;
  border-bottom: 1px solid #e6e9ed;
}
.top-panel .calendar-nav-buttons {
  display: flex;
  flex-wrap: wrap;
}
.top-panel .calendar-nav-buttons .btn:not(:last-child) {
  margin-right: 10px;
}
.top-panel .calendar-nav-buttons .square-btn, .top-panel .calendar-nav-buttons .page-actions-container .right-btns .tooltip-wrapper .tooltips.fullscreen-disabled, .page-actions-container .right-btns .tooltip-wrapper .top-panel .calendar-nav-buttons .tooltips.fullscreen-disabled {
  width: 33px;
  height: 33px;
  padding: 5px;
}
.top-panel .calendar-nav-buttons .right-side {
  margin-left: auto;
}
.top-panel .calendar-nav-buttons.btn-group-lg {
  margin-bottom: 20px;
}
.top-panel .calendar-nav-buttons.btn-group-lg .btn:not(:last-child) {
  margin-right: 10px;
}
.top-panel .calendar-nav-buttons.btn-group-lg .square-btn, .top-panel .calendar-nav-buttons.btn-group-lg .page-actions-container .right-btns .tooltip-wrapper .tooltips.fullscreen-disabled, .page-actions-container .right-btns .tooltip-wrapper .top-panel .calendar-nav-buttons.btn-group-lg .tooltips.fullscreen-disabled {
  width: 40px;
  height: 40px;
  padding: 8px;
}
.top-panel .select-users-block {
  display: flex;
  margin-right: 10px;
  height: 40px;
}
.top-panel .select-users-block .select-user {
  margin: 0;
  height: 100%;
  padding: 5px;
  width: 230px;
}
.top-panel .select-users-block p {
  padding: 10px;
  text-transform: capitalize;
}
@media (max-width: 480px) {
  .top-panel .inline-date-picker, .top-panel .gradebook-inline-datepicker, .top-panel .gradebook-overlay-datepicker {
    margin-bottom: 10px;
  }
  .top-panel .current-week-btn {
    margin-left: 0;
  }
}
@media (max-width: 1205px) {
  .top-panel {
    flex-direction: column;
  }
  .top-panel .choose-person-block {
    margin-bottom: 10px;
  }
}

.dark-grey {
  color: #333;
}

.category.active, .student-category-badge.active {
  color: white;
  background-color: #967adc;
}
.category.active.EAL, .student-category-badge.active.EAL {
  background-color: #8cc152;
}
.category.active.SEN, .student-category-badge.active.SEN {
  background-color: #333;
}
.category.active.FSM, .student-category-badge.active.FSM {
  background-color: #37bc9b;
}
.category.active.PP, .student-category-badge.active.PP {
  background-color: #f3a100;
}
.category.active.GT, .student-category-badge.active.GT {
  background-color: #967adc;
}
.category.active.SC, .student-category-badge.active.SC {
  background-color: #333;
}
.category.active.LAC, .student-category-badge.active.LAC {
  background-color: #da4453;
}

.public-page-container {
  background-color: #eceff6;
  padding: 40px 0;
}

.global-search--mobile {
  padding: 10px;
}
.global-search--mobile .searching, .global-search--mobile .results-list, .global-search--mobile .no-results {
  text-align: center;
  width: 100%;
}
.global-search--mobile .global-search-box {
  width: 100%;
  margin: auto;
}
.global-search--mobile .global-search-box .global-search-input {
  height: 40px;
  width: inherit;
  padding: 15px;
  font-size: 14px;
  color: #656d78;
  background: #f1f3f6;
}
.global-search--mobile .global-search-box .global-search-input:focus {
  outline: none;
  box-shadow: none;
}
.global-search--mobile .global-search-box .global-search-input ::-moz-placeholder {
  color: #aab2bd;
  opacity: 1;
}
.global-search--mobile .global-search-box .global-search-input :-ms-input-placeholder {
  color: #aab2bd;
  opacity: 1;
}
.global-search--mobile .global-search-box .global-search-input ::placeholder {
  color: #aab2bd;
  opacity: 1;
}
.global-search--mobile .global-search-box .global-search-input :-ms-input-placeholder {
  color: #aab2bd;
}
.global-search--mobile .global-search-box .global-search-input ::-ms-input-placeholder {
  color: #aab2bd;
}
.global-search--mobile .global-search-box::after {
  font-size: 18px;
  width: unset;
  right: 8px;
  margin-top: auto;
  transform: translateY(-50%);
  color: #333;
}

.lesson-info-section {
  display: flex;
  align-items: center;
}
.lesson-info-section .color-circle {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin-right: 5px;
  flex: 0 0 15px;
}

.no-pointer-events {
  pointer-events: none;
}

.btn-link-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.btn-link-disabled:hover, .btn-link-disabled:focus {
  color: #0e79c9;
}

.items-center {
  align-items: center;
}

.cursor-help {
  cursor: help;
}