html {
  font-family: sans-serif;
  -ms-text-size-adjut: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden] {
  display: none;
}
a {
  background: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0;
  padding: 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 {
  -moz-box-sizing: content-box;
  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;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  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;
}
*,
*:after,
*::before {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.row:before,
.row:after,
.form-group:before,
.form-group:after,
.panel-body:before,
.panel-body::before,
.panel-body:after,
.panel-body::after,
.news-feed:before,
.news-feed:after {
  content: "";
  display: table;
  clear: both;
}
.row:after,
.form-horizontal .form-group:after,
form-horizontal .form-group::after,
.panel-body:after,
.panel-body::after,
.news-feed:after {
  clear: both;
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v44/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk5hkWVAexQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v44/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkWVAexQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v44/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0RkxhjWVAexQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v44/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0RkyFjWVAexQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v44/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk0ZjWVAexQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v44/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0B4gaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v44/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v44/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1x4gaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v44/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4gaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v44/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgshZ1x4gaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw5aX8.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM73w5aX8.ttf) format('truetype');
}
*,
*::after,
*::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
}
:active,
:focus {
  outline: 0;
}
html,
body {
  margin: 0;
  min-height: 100%;
  padding: 0;
}
html {
  font-size: 62.5%;
  overflow-y: scroll;
}
body {
  background-color: #ebebeb;
  color: #231f20;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.846;
  margin: 0;
  padding: 0;
  text-rendering: optimizeLegibility;
}
svg:not(:root) {
  overflow: hidden;
}
img[src$=".svg"] {
  width: 100%;
}
a {
  background: transparent;
  color: #1379bf;
  margin: 0;
  padding: 0;
  text-decoration: none;
  vertical-align: baseline;
}
a:visited {
  color: #1379bf;
  text-decoration: none;
}
a:hover {
  color: #168edf;
  cursor: pointer;
  text-decoration: underline;
}
a:focus {
  box-shadow: 0 0 0.5rem #1379bf, 0 0 0.5rem #1379bf;
  color: #1379bf;
  cursor: pointer;
  text-decoration: none;
}
a:active {
  text-decoration: underline;
}
ul,
ol {
  margin: 0 0 1rem 0;
  padding: 0;
}
ul li,
ol li {
  list-style-position: inside;
}
ul ul,
ol ul {
  margin: 0 0 0 0;
  padding-left: 1.6rem;
}
ul.list-icon {
  list-style-type: none;
  padding-left: 0;
}
ul.list-icon li {
  display: block;
  font-weight: normal;
  vertical-align: middle;
}
ul.list-icon li::before,
ul.list-icon li:before {
  color: #4caf50;
  content: "\f00c";
  display: inline-block;
  font-family: 'FontAwesome';
  margin-right: 0.8rem;
  text-align: center;
  width: 1.6rem;
}
ul.list-icon li ul {
  margin: 0.5rem 0;
}
ul.list-icon li ul li::before {
  color: #1b1e21;
  content: "\f111";
  list-style: none;
}
ul.list-icon li.cross::before,
ul.list-icon li.cross:before {
  color: #f44336;
  content: "\f00d";
}
ul.custom-counter {
  list-style-type: none;
  padding-left: 0;
}
ul.custom-counter li {
  counter-increment: step-counter;
  font-weight: normal;
  margin-bottom: 2px;
}
ul.custom-counter li::before {
  background-color: #f44336;
  color: white;
  content: counter(step-counter);
  font-size: 88%;
  font-weight: 500;
  margin-right: 8px;
  padding: 3px 6px;
  -webkit-border-radius: 0.3rem;
  -moz-border-radius: 0.3rem;
  border-radius: 0.3rem;
}
ul.unstyled,
ol.unstyled {
  padding-left: 0;
}
ul.unstyled li,
ol.unstyled li {
  list-style: none;
}
.hidden {
  display: none;
}
.strike-through {
  text-decoration: line-through;
}
h1,
h2,
h3,
h4,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h4,
.h5,
.h6 {
  font-family: 'Montserrat', Helvetica, Arial, sans-serif;
  font-weight: 600;
  line-height: 1.1;
  color: #231f20;
  padding: 0;
  margin: 0 0 1rem 0;
}
h1,
.h1 {
  font-size: 3.6rem;
}
h2,
.h2 {
  font-size: 3rem;
}
h3,
.h3 {
  font-size: 2.6rem;
}
h4,
.h4 {
  font-size: 2.2rem;
}
h5,
.h5 {
  font-size: 1.8rem;
}
h6,
.h6 {
  font-size: 1.6rem;
}
.hd-1 {
  font-size: 7rem;
}
.hd-2 {
  font-size: 6rem;
}
.hd-3 {
  font-size: 5rem;
}
.hd-4 {
  font-size: 4rem;
}
p {
  margin: 0 0 1rem;
  padding: 0;
  vertical-align: top;
  color: inherit;
  font-size: 1.4rem;
}
.lead {
  margin-bottom: 1rem;
  font-size: 1.6rem;
  line-height: 1.4;
}
mark {
  background: #fff2a8;
}
@media screen and (min-width: 768px) {
  .lead {
    font-size: 1.8rem;
  }
}
h1 + p {
  margin-top: 1rem;
}
small,
.small {
  font-size: 80%;
}
.h1 small,
h1 small,
.h2 small,
h2 small {
  font-size: 72%;
}
b,
strong,
.strong {
  font-weight: bold;
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #bbb;
}
blockquote {
  padding: 1rem 2rem;
  margin: 0 0 2rem;
  font-size: 1.6rem;
  border-left: 5px solid #dce4e6;
}
blockquote p {
  font-size: 1.6rem;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.846;
  color: #687173;
}
blockquote.blue {
  border-color: #b5e1ef;
  background-color: #e7f2fa;
}
blockquote.blue p,
blockquote.blue small {
  color: #3e5771;
}
blockquote.light {
  border-color: #5bc0de;
  background-color: #ebeff1;
}
blockquote.light p,
blockquote.light small {
  color: #292d32;
}
.best-practice dl {
  margin: 0 0 1rem 0;
  font-size: 1.5rem;
}
.best-practice dl dt {
  margin: 2rem 0 0.5rem 0;
  text-transform: uppercase;
  font-family: 'Montserrat', Helvetica, Arial, sans-serif;
}
.best-practice dl dt:first-of-type {
  margin-top: 0;
}
.best-practice dl dd {
  margin: 0 0 1rem 0;
  line-height: 2.2rem;
  color: #747e80;
}
.fs-2 {
  font-size: 2rem;
}
video {
  margin: 0;
  padding: 0;
  width: 100%;
}
[class*="col-"] {
  display: block;
  float: left;
  padding: 0 1.5rem 0 0;
}
[class*="col-"]:last-of-type {
  padding-right: 0;
}
.col-span-12 {
  width: 100%;
}
.col-span-11 {
  width: 91.66%;
}
.col-span-10 {
  width: 83.33%;
}
.col-span-9 {
  width: 75%;
}
.col-span-8 {
  width: 66.66%;
}
.col-span-7 {
  width: 58.33%;
}
.col-span-6 {
  width: 50%;
}
.col-span-5 {
  width: 41.66%;
}
.col-span-4 {
  width: 33.33%;
}
.col-span-3 {
  width: 25%;
}
.col-span-2 {
  width: 16.66%;
}
.col-span-1 {
  width: 8.333%;
}
@media only screen and (max-width: 991px) {
  .col-span-1,
  .col-span-2,
  .col-span-3,
  .col-span-4,
  .col-span-5,
  .col-span-6,
  .col-span-7,
  .col-span-8,
  .col-span-9,
  .col-span-10,
  .col-span-11 {
    width: 100%;
    float: none;
    padding: 0;
  }
}
.restrict-1170 {
  max-width: 1170px;
}
ul#flex-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  list-style-type: none;
  margin: 0;
  padding: 0;
  align-items: stretch;
  height: 300px;
}
ul#flex-container li {
  padding-top: 45px;
  color: white;
  font-weight: bold;
  font-size: 2.2em;
  text-align: center;
  width: 100px;
}
ul#flex-container li:first-child {
  background-color: #c2d775;
}
ul#flex-container li:nth-child(2) {
  background-color: #007278;
}
ul#flex-container li:nth-child(3) {
  background-color: #c7b600;
}
ul#flex-container li:nth-child(4) {
  background-color: #a90077;
}
ul#flex-container li:nth-child(5) {
  background-color: #00a378;
}
ul#flex-container li:last-child {
  background-color: #00ea72;
}
@media only screen and (min-width: 768px) {
  ul#flex-container {
    flex-direction: row;
  }
}
.logo-area {
  width: 100%;
  height: 6rem;
  line-height: 6rem;
  background-color: white;
  text-align: center;
}
.logo-area img {
  margin: 0;
  height: 100%;
  border-width: 0;
  max-width: 100%;
}
.top-navbar {
  background-color: white;
  -webkit-box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.1);
  color: #231f20;
  display: block;
  height: 6rem;
}
.collapse_menu .collapse_menu--icon,
.vertical_nav,
.horizontal_nav {
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.toggle_minimise {
  display: block;
  float: left;
  width: 5rem;
  height: 6rem;
  padding: 0;
  background: 0 0;
  border: 0;
  text-align: center;
  cursor: pointer;
  vertical-align: middle;
}
.toggle_minimise i {
  display: block;
  font-size: 1.5rem;
  color: #231f20;
}
.toggle_menu {
  display: block;
  float: left;
  width: 6rem;
  height: 6rem;
  line-height: 6rem;
  padding: 0;
  background: 0 0;
  border: 0;
  text-align: center;
  cursor: pointer;
}
.toggle_menu i {
  display: block;
  font-size: 2.2rem;
  line-height: 6rem;
  color: #231f20;
}
.toggle_menu:hover {
  background-color: #1379bf;
}
.toggle_menu:hover i {
  color: white;
}
.vertical_nav {
  font-size: 1.3rem;
  position: fixed;
  left: -25rem;
  z-index: 1001;
  top: 0;
  bottom: 0;
  width: 25rem;
  background-color: #231f20;
  font-family: 'Montserrat', Helvetica, Arial, sans-serif;
}
.vertical_nav .close-menu {
  display: none;
}
.vertical_nav--gradient {
  background: #fa7459;
  background: -moz-linear-gradient(top, #fa7459 0%, #fd5272 100%);
  background: -webkit-linear-gradient(top, #fa7459 0%, #fd5272 100%);
  background: linear-gradient(to bottom, #fa7459 0%, #fd5272 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa7459', endColorstr='#fd5272', GradientType=0);
}
.vertical_nav--image {
  background-image: url("../assets/images/temple-grounds.jpg");
}
.vertical_nav__closed {
  left: -100% !important;
}
.vertical_nav__opened {
  left: 0 !important;
}
.vertical_nav__opened .logo-area {
  position: relative;
  text-align: left;
}
.vertical_nav__opened .logo-area .close-menu {
  position: absolute;
  top: 0;
  right: 1rem;
  display: inline-block;
  font-size: 3.5rem;
  height: 6rem;
  line-height: 6rem;
  vertical-align: middle;
  background: transparent;
  border: 0;
  padding: 0;
}
@media (max-width: 600px) {
  .vertical_nav__opened .logo-area {
    display: block;
    text-align: left;
    padding-left: 1.8rem;
  }
}
.menu {
  position: absolute;
  top: 6rem;
  bottom: 4rem;
  overflow-y: auto;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.menu--item {
  position: relative;
  min-height: 5rem;
  line-height: 5rem;
}
.menu--item__has_sub_menu .menu--link:after {
  position: absolute;
  top: 0;
  right: 1.5rem;
  height: 5rem;
  line-height: 5rem;
  font-family: FontAwesome;
  content: "\f067";
}
.menu--subitems__opened .menu--link {
  color: white;
}
.menu--subitems__opened .menu--link:hover,
.menu--subitems__opened .menu--link:hover .menu--label {
  border-color: #1379bf;
  color: white;
}
.menu--subitems__opened .menu--link:after {
  content: "\f068";
}
.menu--subitems__opened .sub_menu {
  display: block;
}
.menu--link,
.menu--link:visited {
  display: block;
  overflow: hidden;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.6);
  white-space: nowrap;
  cursor: pointer;
}
.menu--link:hover,
.menu--link:hover .menu--label {
  color: white;
  text-decoration: none;
}
.menu--link:visited {
  color: rgba(255, 255, 255, 0.5);
}
.menu--link__active,
.menu--link__active:visited {
  display: block;
  overflow: hidden;
  text-decoration: none;
  color: white;
  white-space: nowrap;
  cursor: pointer;
}
.menu--link__active:hover,
.menu--link__active:hover .menu--label {
  text-decoration: none;
}
.menu--icon {
  display: block;
  float: left;
  width: 5rem;
  height: 5rem;
  line-height: 5rem;
  font-size: 2rem;
}
.menu--label {
  display: block;
  height: 5rem;
  line-height: 5rem;
}
.user-info {
  border-bottom: 0.1rem solid white;
  border-bottom-color: rgba(255, 255, 255, 0.3);
}
.user-info .menu--link:after {
  content: '\f013';
  font-size: 2rem;
}
.user-info .menu--image {
  display: none;
  width: 100%;
  margin-top: 1rem;
  text-align: center;
  height: 5rem;
}
.user-info .menu--image img {
  height: 5rem;
  border: 0.3rem solid #efd62f;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
/* --- Sub Menu --- */
.sub_menu {
  display: none;
  overflow: hidden;
  padding-left: 0;
  list-style: none;
}
.sub_menu--link,
.sub_menu--link:visited,
.sub_menu .sub_menu--item .menu--link__active {
  display: block;
  padding-left: 5rem;
  padding-right: 1.5rem;
  text-decoration: none;
}
.sub_menu--link:hover,
.sub_menu--link:visited:hover,
.sub_menu .sub_menu--item .menu--link__active:hover {
  color: white;
  text-decoration: none;
}
.sub_menu--link,
.sub_menu--link:visited {
  background-color: #231f20;
  color: rgba(255, 255, 255, 0.6);
}
.sub_menu .sub_menu--item .menu--link__active {
  border-color: #116aa8;
  color: white;
}
.collapse_menu {
  display: none;
}
@media (min-width: 992px) {
  .vertical_nav {
    left: 0;
  }
  .toggle_menu {
    display: none;
  }
  .vertical_nav__minify {
    width: 5rem;
  }
  .vertical_nav__minify .logo-area {
    overflow: hidden;
  }
  .vertical_nav__minify .menu {
    overflow: visible;
  }
  .vertical_nav__minify .menu--label {
    display: none;
    position: absolute;
    top: 0;
    left: 5rem;
    width: 20rem;
    height: 5rem;
    line-height: 5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    background-color: #1b1e21;
  }
  .vertical_nav__minify .menu--item__has_sub_menu .menu--link:after {
    content: "";
  }
  .vertical_nav__minify .menu--subitems__opened .menu--label,
  .vertical_nav__minify .menu--subitems__opened .sub_menu {
    display: block;
  }
  .vertical_nav__minify .sub_menu {
    position: absolute;
    top: 5rem;
    left: 5rem;
    width: 20rem;
    border-left-width: 0;
  }
  .vertical_nav__minify .sub_menu--link {
    padding-left: 1.5rem;
    width: 20rem;
  }
  .vertical_nav__minify .sub_menu .sub_menu--item .menu--link__active {
    padding-left: 1.5rem;
  }
  .vertical_nav__minify .collapse_menu--icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .vertical_nav__minify .parent_active .menu--link,
  .vertical_nav__minify .menu--link:visited {
    color: white;
    text-decoration: none;
  }
  .collapse_menu {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    height: 5rem;
    line-height: 5rem;
    padding: 0;
    border: 0;
    background-color: transparent;
    text-align: left;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.5);
  }
  .collapse_menu:hover {
    color: white;
    background-color: #1379bf;
    text-decoration: none;
  }
  .collapse_menu .collapse_menu--icon {
    display: block;
    float: left;
    width: 5rem;
    height: 5rem;
    line-height: 5rem;
    font-size: 2rem;
  }
  .collapse_menu .collapse_menu--icon:before {
    content: "\f053";
  }
  .collapse_menu .collapse_menu--label {
    display: block;
    height: 5rem;
    line-height: 5rem;
  }
}
.warningBar {
  width: 100%;
  margin-top: 4px;
  padding: 6px 0 8px 0;
  text-indent: 10px;
  background: #fccac3;
  border-top: #ea523a 2px solid;
  border-bottom: #ea523a 2px solid;
  color: #000;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
}
.warningBar p {
  text-transform: none;
  font-size: 1.2rem;
}
input.btn,
button.btn {
  border-width: 0;
}
.btn {
  cursor: pointer;
  display: inline-block;
  font-family: 'Montserrat', Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2rem;
  margin: 0;
  padding: 1rem;
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  -webkit-transition-property: background, color;
  -moz-transition-property: background, color;
  -o-transition-property: background, color;
  transition-property: background, color;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.btn:hover,
.btn:focus {
  background-color: #d4d4d4;
  color: rgba(0, 0, 0, 0.35);
  text-decoration: none;
}
.btn:active {
  background-color: #9b9b9b;
  color: #ffffff;
}
.btn i + .btn-text {
  padding-left: 0.5rem;
}
.btn + .btn {
  margin-left: 1rem;
}
.btn-flat {
  background-color: #747e80;
  color: white;
}
.btn-flat:visited {
  background-color: #747e80;
  color: #666666;
}
.btn-flat:hover,
.btn-flat:focus {
  background-color: #869092;
  color: #bbbbbb;
}
.btn-flat:active {
  background-color: #636c6e;
  color: #bbbbbb;
}
.btn-primary {
  background-color: #1379bf;
  color: white;
}
.btn-primary:visited {
  background-color: #1379bf;
  color: white;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #1588d6;
  color: rgba(0, 0, 0, 0.35);
}
.btn-primary:active {
  background-color: #116aa8;
  color: rgba(0, 0, 0, 0.35);
}
.btn-action {
  background-color: #4caf50;
  color: white;
}
.btn-action:visited {
  background-color: #4caf50;
  color: white;
}
.btn-action:hover,
.btn-action:focus {
  background-color: #5cb860;
  color: rgba(0, 0, 0, 0.35);
}
.btn-action:active {
  background-color: #449d48;
  color: rgba(0, 0, 0, 0.35);
}
.btn-info {
  background-color: #5bc0de;
  color: white;
}
.btn-info:visited {
  background-color: #5bc0de;
  color: white;
}
.btn-info:hover,
.btn-info:focus {
  background-color: #70c8e2;
  color: rgba(0, 0, 0, 0.35);
}
.btn-info:active {
  background-color: #46b8da;
  color: rgba(0, 0, 0, 0.35);
}
.btn-highlight {
  background-color: #ff9800;
  color: white;
}
.btn-highlight:visited {
  background-color: #ff9800;
  color: white;
}
.btn-highlight:hover,
.btn-highlight:focus {
  background-color: #ffa21a;
  color: rgba(0, 0, 0, 0.35);
}
.btn-highlight:active {
  background-color: #e68900;
  color: rgba(0, 0, 0, 0.35);
}
.btn-caution {
  background-color: #f44336;
  color: white;
}
.btn-caution:visited {
  background-color: #f44336;
  color: white;
}
.btn-caution:hover,
.btn-caution:focus {
  background-color: #f55a4e;
  color: rgba(0, 0, 0, 0.35);
}
.btn-caution:active {
  background-color: #f32c1e;
  color: rgba(255, 255, 255, 0.8);
}
.btn-outline-flat,
.btn-outline-primary,
.btn-outline-action,
.btn-outline-highlight,
.btn-outline-caution,
.btn-outline-info {
  border: 1px solid transparent;
}
.btn-outline-flat,
.btn-outline-flat:visited {
  border-color: #747e80;
  color: #747e80;
}
.btn-outline-flat:hover,
.btn-outline-flat:visited:hover {
  background-color: #747e80;
  color: white;
}
.btn-outline-flat:active,
.btn-outline-flat:visited:active {
  background-color: #687173;
  color: white;
}
.btn-outline-primary,
.btn-outline-primary:visited {
  border-color: #1379bf;
  color: #1379bf;
}
.btn-outline-primary:hover,
.btn-outline-primary:visited:hover {
  background-color: #1379bf;
  color: white;
}
.btn-outline-primary:active,
.btn-outline-primary:visited:active {
  background-color: #116aa8;
  color: white;
}
.btn-outline-action {
  border-color: #4caf50;
  color: #4caf50;
}
.btn-outline-action:hover {
  background-color: #4caf50;
  color: white;
}
.btn-outline-action:active {
  background-color: #449d48;
  color: white;
}
.btn-outline-highlight {
  border-color: #ff9800;
  color: #ff9800;
}
.btn-outline-highlight:hover {
  background-color: #ff9800;
  color: white;
}
.btn-outline-highlight:active {
  background-color: #e68900;
  color: white;
}
.btn-outline-caution {
  border-color: #f44336;
  color: #f44336;
}
.btn-outline-caution:hover {
  background-color: #f44336;
  color: white;
}
.btn-outline-caution:active {
  background-color: #f32c1e;
  color: white;
}
.btn-outline-info {
  border-color: #5bc0de;
  color: #5bc0de;
}
.btn-outline-info:hover {
  background-color: #5bc0de;
  color: white;
}
.btn-outline-info:active {
  background-color: #46b8da;
  color: white;
}
.btn--sm {
  font-size: 1.2rem;
  line-height: 2.2rem;
  padding: 0.5rem 1rem;
}
.btn--lg {
  font-size: 1.8rem;
  line-height: 2.2rem;
  padding: 2rem;
}
.btn--login {
  background-color: #1379bf;
  color: white;
  display: block;
  width: 100%;
}
.btn--login:visited {
  background-color: #1379bf;
  color: white;
}
.btn--login:hover,
.btn--login:focus {
  background-color: #1588d6;
  color: rgba(0, 0, 0, 0.35);
}
.btn--login:active {
  background-color: #116aa8;
  color: rgba(0, 0, 0, 0.35);
}
.btn--app {
  background-color: #1b1e21;
  color: white;
  padding: 0;
}
.btn--app img {
  display: block;
}
.btn--app:hover,
.btn--app:focus {
  background-color: #32373d;
}
.btn--pin,
.btn--pin-active {
  background-color: #d4d4d4;
  color: #231f20;
}
.btn--pin i,
.btn--pin-active i {
  color: #1b1e21;
}
.btn--pin i {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
}
.btn--pin:hover i {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
}
.btn--pin-active:hover i {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
}
.btn-show-more {
  border-width: 0;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1;
  background-color: #e2e8f0;
  color: #1a202c;
  padding: 0.9rem;
}
.btn-show-more span:before {
  content: "Show more...";
}
.btn-show-more-expanded {
  margin-top: 1rem;
}
.btn-show-more-expanded span:before {
  content: "Show less...";
}
.btn-block {
  display: block;
  width: 100%;
}
.grid-btn {
  color: #231f20;
  font-size: 1.8rem;
}
.grid-action {
  color: #4caf50;
}
.grid-action:visited {
  color: #4caf50;
}
.grid-action:hover {
  color: #5cb860;
}
.grid-action:active {
  color: #449d48;
}
.grid-primary {
  color: #1379bf;
}
.grid-primary:visited {
  color: #1379bf;
}
.grid-primary:hover {
  color: #1588d6;
}
.grid-primary:active {
  color: #116aa8;
}
.grid-highlight {
  color: #ff9800;
}
.grid-highlight:visited {
  color: #ff9800;
}
.grid-highlight:hover {
  color: #ffa21a;
}
.grid-highlight:active {
  color: #e68900;
}
.grid-caution {
  color: #f44336;
}
.grid-caution:visited {
  color: #f44336;
}
.grid-caution:hover {
  color: #f55a4e;
}
.grid-caution:active {
  color: #f32c1e;
}
.aspNetDisabled,
.btn:disabled {
  cursor: default;
}
.aspNetDisabled:hover,
.btn:disabled:hover {
  cursor: default;
}
.grid-edit {
  line-height: 2.4rem;
  vertical-align: middle;
}
.grid-edit svg {
  fill: currentColor;
}
.grid-edit:hover {
  text-decoration: none !important;
}
.more-actions,
input[type="submit"].more-actions {
  /*background-image: url(../assets/icons/icon-arrow-down.svg);
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat;
    border-width: 0;
    height: auto;    
    padding: 0;
    text-align: left;
    width: auto;*/
}
.table td a.more-actions:focus,
.table td a.more-actions:hover {
  text-decoration: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
th {
  text-align: left;
}
td {
  color: #231f20;
}
.table {
  border: 0;
  line-height: 2.6rem;
  width: 100%;
}
.table th {
  padding: 1rem 0.5rem;
  color: #231f20;
  border: 0;
  border-top: 0.1rem solid #a9b0b1;
  border-bottom: 0.1rem solid #a9b0b1;
  font-weight: 700;
  vertical-align: top;
}
.table th i {
  margin-left: 1rem;
}
.table th a,
.table th a:active,
.table th a:visited {
  text-decoration: none;
  color: #231f20;
}
.table th a:hover,
.table th a:focus {
  text-decoration: underline;
  color: #292d32;
}
.table td {
  padding: 0.5rem;
  border: 0;
  border-bottom: 0.1rem solid #d7d7d7;
  vertical-align: top;
  position: relative;
}
.table td a {
  text-decoration: none;
}
.table td a:active,
.table td a:visited {
  text-decoration: none;
}
.table td a:hover,
.table td a:focus {
  text-decoration: underline;
}
.table input[type="checkbox"] + label:before,
.table input[type="checkbox"] + label::before,
.table input[type="radio"] + label:before,
.table input[type="radio"] + label::before {
  margin-right: 0;
  height: 2rem;
  line-height: 2rem;
  width: 2rem;
}
.table .check-all {
  width: 4rem;
  text-align: center;
}
.table .date {
  width: 8.5rem;
}
.table .date-time {
  width: 13rem;
}
.table .select-all input[type=checkbox] {
  vertical-align: middle;
}
.table td.ta-right,
.table th.ta-right {
  padding-right: 2rem;
}
.table .row-selected td {
  background-color: rgba(1, 108, 209, 0.4);
  border-color: rgba(1, 108, 209, 0.4);
}
.table-header th {
  background-color: #4d5c84;
  border-color: #4d5c84;
  color: white;
  font-weight: normal;
}
.table-header th a,
.table-header th a:active,
.table-header th a:hover,
.table-header th a:visited {
  color: white;
}
.table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.075);
}
.table-striped {
  background-color: #eeecec;
}
.table-footer {
  background-color: #dce4e6;
}
.table-footer td {
  border-width: 0;
}
.add-table {
  border: 0;
  line-height: 2.6rem;
  width: 100%;
}
.add-table td {
  padding: 1rem 0;
  border: 0;
  border-bottom: 0.2rem solid #a9b0b1;
  vertical-align: top;
  position: relative;
}
[class*="cell-"],
[class*="cell-"] span,
[class*="cell-"] a {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.cell-50,
.cell-50 span,
.cell-50 a {
  max-width: 5rem;
}
.cell-60,
.cell-60 span,
.cell-60 a {
  max-width: 6rem;
}
.cell-70,
.cell-70 span,
.cell-70 a {
  max-width: 7rem;
}
.cell-100,
.cell-100 span,
.cell-100 a {
  max-width: 10rem;
}
.cell-110,
.cell-110 span,
.cell-110 a {
  max-width: 11rem;
}
.cell-150,
.cell-150 span,
.cell-150 a {
  max-width: 15rem;
}
.cell-200,
.cell-200 span,
.cell-200 a {
  max-width: 20rem;
}
.cell-400,
.cell-400 span,
.cell-400 a {
  max-width: 40rem;
}
.pagination,
tr.pagination {
  border-bottom-width: 0;
  vertical-align: top;
}
.pagination:nth-child(even) td,
tr.pagination:nth-child(even) td,
.pagination:nth-child(odd) td,
tr.pagination:nth-child(odd) td {
  background-color: transparent;
  padding: 0;
  vertical-align: middle;
  border: 0;
}
.pagination span,
tr.pagination span,
.pagination a,
tr.pagination a {
  display: inline-block;
  border: 0.1rem solid transparent;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  height: 4rem;
  line-height: 4rem;
  margin: 1rem 0.5rem 1rem 0;
}
.pagination a,
tr.pagination a {
  width: 4rem;
  background-color: #4d5c84;
  color: white;
  text-align: center;
}
.pagination a:hover,
tr.pagination a:hover,
.pagination a:active,
tr.pagination a:active {
  text-decoration: none !important;
  background-color: #6173a3;
}
.pagination a:first-of-type,
tr.pagination a:first-of-type {
  margin-left: 1rem;
}
.pagination select,
tr.pagination select,
.pagination input,
tr.pagination input {
  text-align: center;
  width: auto;
}
.pagination select,
tr.pagination select {
  text-align: right;
  padding-right: 2rem;
}
.pagination select + span,
tr.pagination select + span,
.pagination .index-count,
tr.pagination .index-count {
  margin-left: 0.5rem;
}
.pagination .index-count,
tr.pagination .index-count {
  width: 4rem;
  padding: 0;
  border: 0;
  text-align: left;
}
.grid-message {
  background-color: #5bc0de;
  padding: 1rem;
  color: #292d32;
  margin-bottom: 1rem;
  font-weight: bold;
}
.grid-message .alert-message {
  line-height: 2rem;
}
.grid-message .alert-message .fa {
  font-size: 2rem;
  margin-right: 0.5rem;
  line-height: 2rem;
  vertical-align: middle;
}
.grid-message .alert-text {
  display: inline-block;
  margin-top: 1px;
}
.sort_asc:after,
.sort_desc:after,
.sort_alpha-asc:after,
.sort_alpha-desc:after,
.sort_numc-asc:after,
.sort_numc-desc:after {
  font-family: FontAwesome;
  display: inline-block;
  margin-left: 1rem;
  line-height: 100%;
  padding: 0;
  vertical-align: middle;
}
.sort_asc:after {
  content: "\f0d7";
}
.sort_desc:after {
  content: "\f0d8";
}
.sort_alpha-asc {
  content: "\f15d";
}
.sort_alpha-desc {
  content: "\f15e";
}
.sort_numc-asc {
  content: "\f162";
}
.sort_numc-desc {
  content: "\f163";
}
.row-select tbody tr:hover td {
  cursor: pointer;
}
.enabled {
  width: 4rem;
}
.enabled input[type="checkbox"]:checked + label:before,
.enabled input[type="checkbox"]:checked + label::before,
.enabled input[type="checkbox"] + label:before,
.enabled input[type="checkbox"] + label::before {
  background-color: transparent;
  background-size: 100%;
  box-shadow: 0 0 0 1px transparent;
  margin-right: 0;
}
.enabled input[type="checkbox"]:checked + label:before,
.enabled input[type="checkbox"]:checked + label::before {
  background-image: url(../assets/icons/icon-success.svg);
}
.enabled input[type="checkbox"] + label:before,
.enabled input[type="checkbox"] + label::before {
  background-image: url(../assets/icons/icon-failure.svg);
}
.maintenance-table td {
  vertical-align: middle;
}
.maintenance-table .action-link {
  font-size: 1.8rem;
}
.maintenance-table .action-link + .action-link {
  margin-left: 1rem;
}
.content {
  padding: 1rem;
  padding-bottom: 7rem;
}
@media (max-width: 600px) {
  .content {
    padding: 0;
  }
}
.wrapper {
  padding-top: 6rem;
}
@media (min-width: 992px) {
  .wrapper {
    padding-top: 0;
  }
}
.horizontal_nav + .wrapper {
  margin: 0;
}
@media (min-width: 992px) {
  .vertical_nav + .wrapper {
    margin-left: 25rem;
  }
  .vertical_nav + .wrapper__minify {
    margin-left: 5rem;
  }
  .vertical_nav + .wrapper__minify .page-buttons {
    padding-left: 6.5rem;
  }
}
.panel {
  background-color: #fff;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.075);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.075);
}
.panel .panel-heading {
  border-bottom: 0.1rem solid #dce4e6;
  padding: 1rem 1.5rem;
  position: relative;
}
.panel .panel-heading h1,
.panel .panel-heading .h1,
.panel .panel-heading h2,
.panel .panel-heading .h2,
.panel .panel-heading h3,
.panel .panel-heading .h3 {
  font-size: 3rem;
  line-height: 1;
  margin-bottom: 0;
}
.panel .panel-body {
  padding: 1.5rem;
}
.panel + .panel {
  margin-top: 2rem;
}
.loading-panel-background {
  position: absolute;
  display: block;
  background-color: rgba(255, 255, 255, 0.8);
  top: 0;
  left: 0;
  bottom: 0;
  width: 99.13vw;
  height: 100vh;
  z-index: 10000;
}
.grid {
  display: grid;
}
.grid .video-title {
  grid-row-start: 1;
  grid-column-start: 1;
  grid-column-end: span 2;
  padding: 1rem;
}
.grid .video-thumbnail {
  grid-row-start: 2;
  grid-column-start: 1;
  grid-column-end: span 2;
  max-height: 144px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.grid .video-icon {
  margin-bottom: auto;
  margin-right: auto;
  grid-row-start: 3;
  grid-column-start: 1;
}
.grid .video-timestamp {
  grid-row-start: 3;
  grid-column-start: 2;
  text-align: right;
  padding: 1rem;
}
.video {
  display: block;
}
.video:hover {
  text-decoration: none;
}
.video-thumbnail,
.video-title,
.video-timestamp {
  display: block;
}
.video-thumbnail {
  height: auto;
  margin-bottom: 0;
  max-width: 100%;
}
.video-thumbnail img {
  max-height: 100%;
  max-width: 100%;
}
.row .col-span-4 .video-thumbnail:nth-child(3n) {
  border-bottom: 2px solid red;
}
.video-title {
  font-weight: bold;
  height: 57px;
  overflow: hidden;
}
.video-timestamp {
  color: #6f6f6f;
  font-size: 1.3rem;
}
.video-title,
.video-timestamp {
  line-height: 1.5;
}
.video-icon {
  padding: 5px 7px;
}
.loading-panel {
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 40rem;
}
.loading-panel h4 {
  font-weight: 400;
  line-height: 1.3;
}
.widget-block {
  width: 100%;
  padding: 1rem;
  background-color: white;
  margin-bottom: 2rem;
}
.widget-block h3 {
  font-size: 1.6rem;
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 1rem;
}
.page-buttons {
  position: fixed;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  padding: 1.5rem 1.5rem 1.5rem 26.5rem;
  text-align: right;
  background-color: rgba(204, 209, 213, 0.85);
}
.page-buttons:first-child {
  margin-left: 1.5rem;
}
.page-buttons .btn-divider {
  display: inline-block;
  margin: 0 1rem;
}
@media (max-width: 600px) {
  .page-buttons {
    position: unset;
    bottom: auto;
    left: 0;
  }
}
@media (max-width: 991px) {
  .page-buttons {
    left: 0;
    padding-left: 1.5rem;
  }
}
.alert {
  position: absolute;
  top: 0;
  right: 0;
  padding: 1.3rem;
  border: 0.1rem solid transparent;
  -webkit-border-radius: 1rem 0 0 1rem;
  -moz-border-radius: 1rem 0 0 1rem;
  border-radius: 1rem 0 0 1rem;
  z-index: 7;
}
.alert .icon {
  margin-right: 1rem;
}
.alert .close {
  float: right;
  font-size: 2.1rem;
  font-weight: 700;
  line-height: 1;
  color: #000000;
}
.alert .close i {
  color: rgba(0, 0, 0, 0.35);
}
.alert-success {
  background-color: #2ecc71;
  border-color: #2ecc71;
  color: #231f20;
}
.alert-warning {
  background-color: #f1c40f;
  border-color: #f1c40f;
  color: #231f20;
}
.alert-error {
  background-color: #e74c3c;
  border-color: #e74c3c;
  color: white;
}
.alert-info {
  background-color: #3498db;
  border-color: #3498db;
  color: white;
}
.alert-dismissable {
  padding-right: 3.5rem;
}
.alert-dismissable .close {
  position: relative;
  right: -2.1rem;
  color: inherit;
}
.filters {
  display: none;
  vertical-align: top;
  background-color: #e5e5e5;
  padding: 1rem;
  margin-top: 1rem;
  width: 100%;
  position: relative;
}
.filters h3 {
  font-size: 1.4rem;
  color: #231f20;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  float: left;
  display: block;
  width: 100%;
  font-weight: 600;
  line-height: 3.3rem;
}
.filters .notify-arrow {
  left: 0.6rem;
}
.filters input[type="checkbox"] + label {
  color: #231f20;
  cursor: pointer;
}
.filters .filter-btns {
  margin-top: 3rem;
}
.table-options {
  float: right;
  margin-bottom: 1rem;
}
.table-options .btn {
  vertical-align: top;
}
.breadcrumb {
  padding: 0 0 2rem 0;
}
.breadcrumb ol {
  padding: 1rem 2rem;
  margin-bottom: 0;
  list-style: none;
  background-color: white;
  border: 0.1rem solid #dce4e6;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 0.6rem 0.5rem -0.5rem rgba(51, 51, 51, 0.15);
  -moz-box-shadow: 0 0.6rem 0.5rem -0.5rem rgba(51, 51, 51, 0.15);
  box-shadow: 0 0.6rem 0.5rem -0.5rem rgba(51, 51, 51, 0.15);
}
.breadcrumb ol li {
  display: inline-block;
}
.breadcrumb ol li span {
  color: #74676a;
  cursor: default;
}
.breadcrumb ol li + li:before {
  content: "/\00a0";
  padding: 0 0.5rem;
  color: #b2a8ab;
}
.article {
  border-bottom: 1px solid lightgray;
  display: block;
  /*margin: 0 1rem;*/
  padding: 1rem;
}
.article .article-title i {
  margin-right: 1rem;
  font-size: 2rem;
  background-color: #1379bf;
  color: white;
  height: 4rem;
  line-height: 4rem;
  width: 4rem;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.article .article-title .task-icon {
  background-color: #4caf50;
}
.article .article-title .system-icon {
  background-color: #f44336;
}
.article .article-title .alert-icon {
  background-color: #ff9800;
}
.article:last-of-type {
  border: 0;
  margin-bottom: 0;
}
.article .date i,
.article .date span {
  line-height: 2rem;
  vertical-align: middle;
  color: #a69b9e;
}
.article .date i {
  font-size: 2rem;
  margin-right: 0.5rem;
}
.article.featured {
  background-color: #e1e5f2;
  border: 0;
}
.min-tab-height {
  min-height: 45em;
}
.dialog-box {
  border: 0;
  background-color: white;
  position: relative;
  width: 60rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
}
.dialog-box .dialog-title {
  background-color: #1b1e21;
  width: 100%;
  padding: 0.6rem 0;
  -webkit-border-top-left-radius: 0.5rem;
  -moz-border-top-left-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
  -webkit-border-top-right-radius: 0.5rem;
  -moz-border-top-right-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.dialog-box .dialog-title span {
  color: white;
  font-size: 1.8rem;
}
.dialog-box .dialog-content,
.dialog-box .dialog-functions {
  padding: 1rem;
}
.dialog-box .dialog-content {
  padding-bottom: 0;
}
.dialog-box .btn-dialog {
  color: white;
}
.dialog-box--sm {
  width: 22vw;
}
.dialog-box--wide {
  width: 50vw;
}
.page-heading {
  margin: -1rem 0 1rem -1rem;
  padding: 2rem;
}
.page-heading-d {
  color: white;
  margin: -1rem 0 1rem -1rem;
  padding: 2rem;
  background: #1b1e21;
  background: -webkit-linear-gradient(#1b1e21, #393f45);
  background: -o-linear-gradient(#1b1e21, #393f45);
  background: -moz-linear-gradient(#1b1e21, #393f45);
  background: linear-gradient(#1b1e21, #393f45);
}
.page-heading-image {
  max-height: 280px;
  overflow: hidden;
  vertical-align: bottom;
}
.page-heading-image img {
  display: block;
  vertical-align: bottom;
  width: 100%;
}
.user-image,
img.user-avatar {
  max-height: 3rem;
  max-width: 3em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.card .card_content {
  padding: 2rem;
  background-color: aquamarine;
}
.briefing {
  display: block;
  float: left;
  margin-bottom: 15px;
  padding: 0 1.5rem 0 0;
  width: 270px;
  height: 258px;
}
.expand-wrapper {
  border: solid 1px lightgrey;
  border-radius: 5px 5px;
  margin-bottom: 10px;
}
.expand-title {
  background-color: #34a0eb;
  padding: 1rem;
  cursor: pointer;
}
.expand-title span {
  color: white;
  font-weight: 600;
}
.expand-title span:before {
  display: inline-block;
  font-family: 'FontAwesome';
  font-weight: normal;
  content: "\f067";
  margin-right: 1rem;
}
.expand-title.open span:before {
  content: "\f068";
}
.star-rating {
  color: #F7CA18;
}
.impersonate {
  background-color: tomato;
  padding: 10px;
  text-align: center;
}
.impersonate .btn {
  background-color: transparent;
  border: 1px solid white;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
}
.score-footer {
  border-top: 3px solid #dce4e6;
  font-weight: bold;
  margin-top: 15px;
  padding-top: 0.5rem;
}
.question {
  padding: 1rem;
}
.question .aspNetDisabled input[type="checkbox"][disabled]:checked + label::before,
.question .aspNetDisabled input[type="checkbox"][disabled] + label::before {
  opacity: 1;
  box-shadow: none;
  background-size: 100%;
}
.question .aspNetDisabled input[type="checkbox"][disabled] + label::before {
  background-color: transparent;
  background-image: url(../assets/icons/icon-cross.svg);
}
.question .aspNetDisabled input[type="checkbox"][disabled]:checked + label::before {
  background-color: #4caf50;
  background-image: url(../assets/icons/icon-check.svg);
}
.question.correct {
  background-color: #4caf50;
  color: white;
}
.question.incorrect {
  background-color: #f44336;
  color: white;
}
.question.incorrect .aspNetDisabled input[type="checkbox"][disabled]:checked + label::before {
  background-color: #f44336;
  background-image: url(../assets/icons/icon-check.svg);
}
.bu-hero-header {
  background-color: #1b1e21;
  height: 25.9rem;
  color: inherit;
  overflow: hidden;
  position: relative;
  z-index: 5;
}
.bu-hero-header .inner {
  padding: 0 4rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 7;
}
.bu-hero-header h1,
.bu-hero-header .h1 {
  color: white;
  margin-bottom: 4rem;
  text-shadow: 0.2rem 0.3rem rgba(55, 55, 55, 0.3);
}
.bu-hero-header img {
  display: block;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
  opacity: 0.65;
  position: absolute;
  top: 0;
  vertical-align: bottom;
  width: 100%;
  z-index: 6;
}
html.t-ie11 .bu-hero-header img {
  height: auto;
}
@media screen and (min-width: 768px) {
  .bu-hero-header h1,
  .bu-hero-header .h1 {
    font-size: 6rem;
  }
  .bu-hero-header {
    height: 30rem;
  }
}
.expand-panel .expandable-content {
  display: none;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.expand-panel.active .expand-toggle::after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.expand-panel.active .expandable-content {
  display: block;
}
.expand-toggle {
  display: block;
  width: 100%;
  padding: 0 1.5rem;
  color: #231f20;
  line-height: 5rem;
  background-color: #dce4e6;
  font-weight: 700;
}
.expand-toggle:hover {
  text-decoration: none;
  background: #cdd9db;
  color: #231f20;
}
.expand-toggle::after {
  float: right;
  font-family: 'FontAwesome';
  font-size: 2rem;
  content: "\f078";
}
.expandable-content {
  display: none;
  border: 1px solid #dce4e6;
  padding: 1.5rem;
}
.context-menu {
  background-color: white;
  display: none;
  position: absolute;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.context-menu ul {
  padding: 0.5rem 0;
  margin-bottom: 0;
}
.context-menu ul li {
  color: #333;
  cursor: pointer;
  list-style: none;
  padding: 0.5rem;
  white-space: nowrap;
}
.context-menu ul li:hover {
  background-color: #eee;
}
.context-menu ul li.disabled {
  color: #ccc;
  cursor: default;
}
.context-menu ul li.disabled:hover {
  background-color: #fff;
}
.context-menu ul li.separator {
  border-bottom: 1px solid #cdd9db;
  display: block;
  margin: 0.5rem 0;
  padding: 0;
}
.ui-sortable-helper,
.ui-sortable-helper tr,
.ui-sortable-helper td {
  background-color: #d5ecfb;
}
.answer-list {
  width: 0.4rem;
  min-width: 0.4rem;
  background-image: url(../assets/icons/icon-settings.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1.5rem;
  line-height: 1rem;
  background-color: transparent;
  border: none;
  padding: 0.8rem;
}
.tag {
  display: inline-block;
  background-color: #E2E8F0;
  color: #1A202C;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  padding: 1rem;
  margin: 0 0.5rem 0.5rem 0;
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: bold;
}
.tag--user-group {
  background-color: #C6F6D5;
  color: #22543D;
}
.tag--libraries {
  background-color: #E9D8FD;
  color: #44337A;
}
.tag--user {
  background-color: #B2F5EA;
  color: #234E52;
}
details {
  display: inline-block;
  border-radius: 0.5rem;
  padding: 0.5rem 0.5rem 0;
  background-color: white;
  color: #0c1a3d;
}
summary {
  background: #1379bf;
  color: white;
  border-radius: 0.5rem;
  font-weight: bold;
  margin: -0.5rem -0.5rem 0;
  padding: 0.5rem 1rem;
  cursor: pointer;
}
details[open] {
  padding: 0.5rem;
}
details[open] summary {
  margin-bottom: 1rem;
}
span.legend-item {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  margin-left: 2rem;
}
span.legend-item img {
  display: block;
  width: 2.8rem;
  margin-right: 0.5rem;
}
input,
select,
textarea {
  background-color: white;
  border: 0.1rem solid #a9b0b1;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  height: auto;
  line-height: 2rem;
  padding: 0.9rem;
  width: 100%;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: unset;
  -webkit-border-radius: unset;
  -moz-border-radius: unset;
}
input:disabled,
select:disabled,
textarea:disabled {
  background-color: #dce4e6;
  color: #231f20;
  cursor: default;
}
input:read-only,
select:read-only,
textarea:read-only {
  background-color: #dce4e6;
  color: #231f20;
}
input:focus,
select:focus,
textarea:focus {
  border-color: #1379bf;
  box-shadow: 0 0 0.5rem #1379bf, 0 0 0.5rem #1379bf;
}
input[type=image] {
  border-width: 0;
  display: block;
}
select {
  cursor: pointer;
  padding-right: 0;
  background-image: url(../assets/icons/icon-arrow-down.svg);
  background-position: right;
  background-repeat: no-repeat;
  background-size: 2rem;
  min-width: 5rem;
}
html.t-ie select {
  padding: 0.8rem;
  padding-right: 0.5rem;
}
html.t-ff select {
  padding: 0.8rem;
  padding-right: 2rem;
}
html.t-ff select.element-invalid {
  padding: 0.7rem;
  padding-right: 2rem;
}
textarea {
  display: block;
  height: auto;
  width: 100%;
}
::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {
  color: #231f20;
}
input[type=checkbox],
input[type=radio] {
  display: none;
  position: relative;
}
input[type=checkbox] + label:before,
input[type=radio] + label:before,
input[type=checkbox] + label::before,
input[type=radio] + label::before {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  line-height: 1.6em;
  content: " ";
  background-color: white;
  border: 0.1rem solid #a9b0b1;
  text-align: center;
  margin-right: 1rem;
  margin-top: -0.3rem;
  color: white;
  cursor: pointer;
  vertical-align: middle;
  -webkit-box-shadow: 0 0 0 1px #a9b0b1;
  -moz-box-shadow: 0 0 0 1px #a9b0b1;
  box-shadow: 0 0 0 1px #a9b0b1;
}
input[type=checkbox] + label:before:focus,
input[type=radio] + label:before:focus,
input[type=checkbox] + label::before:focus,
input[type=radio] + label::before:focus {
  -webkit-box-shadow: 0 0 0.5rem #1379bf, 0 0 0.5rem #1379bf;
  -moz-box-shadow: 0 0 0.5rem #1379bf, 0 0 0.5rem #1379bf;
  box-shadow: 0 0 0.5rem #1379bf, 0 0 0.5rem #1379bf;
}
input[type="checkbox"] + label::before,
input[type="radio"] + label::before {
  border: 0;
}
input[type="checkbox"]:checked + label::before,
input[type="radio"]:checked + label::before {
  background-color: #0071bc;
  box-shadow: 0 0 0 1px #0071bc;
  content: " ";
}
input[type="checkbox"]:checked + label::before {
  background-image: url(../assets/icons/icon-check.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
}
input[type="radio"] + label::before {
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px #757575;
  border-radius: 100%;
}
input[type="radio"]:checked + label::before {
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #0071bc;
}
input[type="radio"]:focus + label::before {
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #0071bc, 0 0 3px 4px #3e94cf, 0 0 7px 4px #3e94cf;
}
input::-moz-focus-inner,
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input[type="submit"] {
  width: auto;
}
fieldset {
  border: 1px solid lightgrey;
  padding: 1rem;
}
fieldset legend {
  font-size: 1.6rem;
  font-weight: 600;
}
.element-success,
.element-warning,
.element-invalid {
  border-width: 0.2rem;
  border-style: solid;
  background-repeat: no-repeat;
  background-position: 99% 50%;
  background-size: 2rem;
}
.element-success .RadInput_Default .riTextBox,
.element-warning .RadInput_Default .riTextBox,
.element-invalid .RadInput_Default .riTextBox,
.element-success .RadInputMgr_Default,
.element-warning .RadInputMgr_Default,
.element-invalid .RadInputMgr_Default {
  border-color: transparent !important;
}
.element-success {
  border-color: #4caf50;
  background-image: url(../assets/icons/icon-input-success.svg);
}
.element-warning {
  border-color: #ff9800;
  background-image: url(../assets/icons/icon-input-warning.svg);
}
.element-invalid {
  border-color: #f44336;
  background-image: url(../assets/icons/icon-input-error.svg);
}
.radio-list-table.element-invalid {
  width: 100%;
}
.radio-list-table.element-invalid td {
  padding: 4px 8px 4px 8px;
}
.element-invalid-RadCombo tr {
  border: 0.2rem solid #f44336;
}
.rwTitlebarControls {
  margin: 0;
}
.modalBackground,
.modal-background {
  background-color: black;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.form-group {
  display: block;
}
.form-group input,
.form-group .control-label,
.form-group textarea,
.form-group select {
  max-width: 46rem;
}
.form-group .control-label,
.form-group label {
  display: block;
  font-size: 1.4rem;
}
.form-group .control-label {
  font-weight: 600;
}
.form-horizontal .form-group .control-label {
  display: block;
  float: left;
  font-weight: 600;
  padding: 0.5rem 1.5rem 0 0;
  text-align: right;
  width: 33.33%;
}
.form-horizontal .form-group .control-input {
  display: block;
  float: left;
  width: 50%;
}
.form-horizontal .form-group .control-input label,
.form-horizontal .form-group .control-input span {
  padding-top: 0.5rem;
}
.form-horizontal .full .control-label {
  margin-left: -0.5rem;
}
.form-horizontal .full .control-label,
.form-horizontal .full input,
.form-horizontal .full select,
.form-horizontal .full textarea {
  max-width: 100%;
}
.form-vertical .full .control-label,
.form-vertical .full input,
.form-vertical .full select,
.form-vertical .full textarea {
  max-width: 100%;
}
@media (max-width: 600px) {
  .form-horizontal .form-group .control-label,
  .form-horizontal .form-group .control-input {
    float: none;
    width: 100%;
  }
}
.form-max input,
.form-max select,
.form-max textarea {
  max-width: 100%;
  width: 100%;
}
.input-error {
  border-left: 0.5rem solid #f44336;
  margin-left: -1.5rem;
  padding-left: 1rem;
  padding-bottom: 1rem;
}
.form-horizontal .input-error {
  border-left: 0;
  margin-left: 0;
  padding: 0;
}
@media only screen and (max-width: 991px) {
  .form-horizontal .form-group .control-label {
    text-align: left;
  }
}
.no-width {
  width: auto !important;
}
.check-list-v td {
  padding-right: 20px;
}
.check-list-v tr {
  padding-bottom: 5px;
}
.radio-list,
.check-list,
.select-list {
  padding: 0.3rem 0 0 0;
}
.radio-list li,
.check-list li,
.select-list li {
  list-style: none;
  float: left;
  margin-right: 2.5rem;
}
.radio-list li:last-of-type,
.check-list li:last-of-type,
.select-list li:last-of-type {
  margin-right: 0;
}
.select-list input[type=checkbox] + label:before,
.select-list input[type=radio] + label:before {
  display: none;
}
.select-list input[type=checkbox] + label,
.select-list input[type=radio] + label {
  border: 0.1rem solid #a9b0b1;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  cursor: pointer;
  font-weight: 600;
  line-height: 1.4rem;
  padding: 0.5rem 1rem;
}
.select-list input[type=checkbox]:checked + label,
.select-list input[type=radio]:checked + label {
  background-color: #4caf50;
  border-color: #4caf50;
  color: white;
}
.select-list li {
  margin-right: 1rem;
}
.image-upload {
  border: 0.1rem dashed #747e80;
  border-radius: 0.5rem;
  min-height: 8.4rem;
  margin-bottom: 0.8rem;
  padding: 0.5rem;
}
.add-note {
  background-color: #dce4e6;
  padding: 1rem;
}
.aspNetDisabled input[type=checkbox][disabled] + label::before {
  background-color: #a9b0b1;
  cursor: not-allowed;
}
.aspNetDisabled input[type=checkbox][disabled]:checked + label::before {
  background-color: #0071bc;
  cursor: not-allowed;
  opacity: 0.5;
}
.login-container {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.login-panel {
  margin: auto;
  width: 100%;
  text-align: center;
}
.login-panel h3 {
  font-size: 1.4rem;
  line-height: 2rem;
  margin: 0;
}
.login-panel .logo {
  display: block;
  text-align: center;
}
.login-panel .logo img {
  display: block;
  max-width: 36rem;
}
.login-form {
  margin-top: 2rem;
  text-align: left;
}
.login-form a.forgotten-password {
  display: block;
  padding: 1.5rem 0 0 0;
}
.login-form .validate {
  color: #f44336;
  padding: 1.5rem 0 1rem 0;
}
.show-password {
  position: absolute;
  top: 0;
  right: 0;
}
.info-nav {
  background-color: lightgray;
  border-radius: 5px;
  padding: 1rem 15px;
  margin-top: 2rem;
}
.info-nav a {
  color: #1b1e21;
}
.app-download {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
@media (min-width: 320px) {
  body.login {
    background-image: none;
  }
  .btn--app img {
    height: 5rem;
  }
}
@media (min-width: 992px) {
  body.login {
    background-image: url("../assets/images/smartphone-bg.jpg");
    background-position: center;
    background-size: cover;
  }
  .login-container {
    height: 100vh;
  }
  .btn--app img {
    height: auto;
  }
  .info-nav {
    position: absolute;
    bottom: 5px;
    right: 5px;
  }
  .app-download {
    margin-top: 0;
  }
}
@media (min-width: 1200px) {
  .login-panel {
    width: 40rem;
  }
}
.login-failure {
  background-color: #fed7d7;
  color: #742A2A;
  padding: 10px;
  width: 100%;
}
.bg-primary,
.bg-action,
.bg-info,
.bg-highlight,
.bg-caution,
.bg-inverse {
  color: white;
}
.bg-primary {
  background-color: #1379bf;
}
.bg-action {
  background-color: #4caf50;
}
.bg-info {
  background-color: #5bc0de;
}
.bg-highlight {
  background-color: #ff9800;
}
.bg-caution {
  background-color: #f44336;
}
.bg-inverse {
  background-color: #292d32;
}
.bg-white {
  background-color: white;
}
.bg-geyser-lt,
.bg-geyser,
.bg-lemon,
.bg-lemon-lt {
  color: #231f20;
}
.bg-geyser-lt {
  background-color: #ebeff1;
}
.bg-geyser {
  background-color: #dce4e6;
}
.bg-oslo-lt {
  background-color: #747e80;
}
.bg-oslo {
  background-color: #687173;
}
.bg-shark-lt {
  background-color: #292d32;
}
.bg-shark {
  background-color: #1b1e21;
}
.bg-amaranth-lt {
  background-color: #e13763;
}
.bg-amaranth {
  background-color: #de2152;
}
.bg-royal-blue-lt {
  background-color: #677aba;
}
.bg-royal-blue {
  background-color: #556bb2;
}
.bg-lemon-lt {
  background-color: #efd62f;
}
.bg-lemon {
  background-color: #edd117;
}
.gr-blue {
  background-color: #8f9ab7;
  background: -webkit-gradient(linear, left top, left bottom, from(#8f9ab7), to(#4d5c84));
  background: -webkit-linear-gradient(top, #8f9ab7, #4d5c84);
  background: -moz-linear-gradient(top, #8f9ab7, #4d5c84);
  background: -ms-linear-gradient(top, #8f9ab7, #4d5c84);
  background: -o-linear-gradient(top, #8f9ab7, #4d5c84);
}
.gr-orange {
  background-color: #f1816a;
  background: -webkit-gradient(linear, left top, left bottom, from(#f1816a), to(#f15a34));
  background: -webkit-linear-gradient(top, #f1816a, #f15a34);
  background: -moz-linear-gradient(top, #f1816a, #f15a34);
  background: -ms-linear-gradient(top, #f1816a, #f15a34);
  background: -o-linear-gradient(top, #f1816a, #f15a34);
}
.gr-grey {
  background-color: #bcbec0;
  background: -webkit-gradient(linear, left top, left bottom, from(#bcbec0), to(#414042));
  background: -webkit-linear-gradient(top, #bcbec0, #414042);
  background: -moz-linear-gradient(top, #bcbec0, #414042);
  background: -ms-linear-gradient(top, #bcbec0, #414042);
  background: -o-linear-gradient(top, #bcbec0, #414042);
}
.tc-black {
  color: black;
}
.tc-dark {
  color: #1b1e21;
}
.tc-white {
  color: white;
}
.text-muted,
.tc-muted {
  color: #747e80;
}
.tc-primary {
  color: #1379bf;
}
.tc-action {
  color: #4caf50;
}
.tc-highlight {
  color: #ff9800;
}
.tc-caution,
.text-required,
.required {
  color: #f44336;
}
.tc-info {
  color: #5bc0de;
}
.ta-left {
  text-align: left;
}
.ta-center {
  text-align: center;
}
.ta-right {
  text-align: right;
}
.ta-justify {
  text-align: justify;
}
.td-none {
  text-decoration: none;
}
.td-underline {
  text-decoration: underline;
}
.td-overline {
  text-decoration: overline;
}
.tt-none {
  text-transform: none;
}
.tt-uppercase {
  text-transform: uppercase;
}
.tt-lowercase {
  text-transform: lowercase;
}
.tt-capitalize {
  text-transform: capitalize;
}
.tt-inherit {
  text-transform: inherit;
}
.fs-xs {
  font-size: 1rem;
}
.fs-sm {
  font-size: 1.2rem;
}
.fs-md {
  font-size: 1.4rem;
}
.fs-lg {
  font-size: 1.5rem;
}
.fs-13 {
  font-size: 1.3rem;
}
.fs-16 {
  font-size: 1.6rem;
}
.fs-18 {
  font-size: 1.8rem;
}
.fs-20 {
  font-size: 2rem;
}
.fs-30 {
  font-size: 3rem;
}
.fs-normal {
  font-style: normal;
}
.fs-italic {
  font-style: italic;
}
.fs-oblique {
  font-style: oblique;
}
.fw-normal {
  font-weight: normal;
}
.fw-bold {
  font-weight: bold;
}
.fw-lighter {
  font-weight: lighter;
}
.fw-100 {
  font-weight: 100;
}
.fw-200 {
  font-weight: 200;
}
.fw-300 {
  font-weight: 300;
}
.fw-400 {
  font-weight: 400;
}
.fw-500 {
  font-weight: 500;
}
.fw-600 {
  font-weight: 600;
}
.fw-700 {
  font-weight: 700;
}
.fw-800 {
  font-weight: 800;
}
.fw-900 {
  font-weight: 900;
}
.lh-1 {
  line-height: 1;
}
.lh-xs {
  line-height: calc(1rem * 1.2);
}
.lh-sm {
  line-height: calc(1.2rem * 1.2);
}
.lh-md {
  line-height: calc(1.4rem * 1.2);
}
.lh-lg {
  line-height: calc(1.5rem * 1.2);
}
.lh-16 {
  line-height: 1.6rem;
}
.lh-18 {
  line-height: 1.8rem;
}
.lh-30 {
  line-height: 3rem;
}
.lh-40 {
  line-height: 4rem;
}
.wb-all {
  word-break: break-all;
}
.wb-word {
  word-break: break-word;
}
.wb-inherit {
  word-break: inherit;
}
.wb-keep {
  word-break: keep-all;
}
.f-l {
  float: left;
}
.f-c {
  margin-right: auto;
  margin-left: auto;
}
.f-r {
  float: right;
}
.clear {
  clear: both;
}
.d-none {
  display: none;
}
.d-inline {
  display: inline;
}
.d-block {
  display: block;
}
.d-inline-block {
  display: inline-block;
}
.draggable {
  cursor: move;
}
.va-top {
  vertical-align: top;
}
.va-middle {
  vertical-align: middle;
}
.va-baseline {
  vertical-align: baseline;
}
.b-dotted {
  border: 0.1rem dashed #a9b0b1;
}
.b-sm {
  border: 0.1rem solid #a9b0b1;
}
.b-md {
  border: 0.2rem solid #a9b0b1;
}
.b-lg {
  border: 0.4rem solid #a9b0b1;
}
.no-b {
  border: 0;
}
.b-t-dotted {
  border-top: 0.1rem dashed #a9b0b1;
}
.b-t-sm {
  border-top: 0.1rem solid #a9b0b1;
}
.b-t-md {
  border-top: 0.2rem solid #a9b0b1;
}
.b-t-lg {
  border-top: 0.4rem solid #a9b0b1;
}
.no-b-t {
  border-top: 0;
}
.b-r-dotted {
  border-right: 0.1rem dashed #a9b0b1;
}
.b-r-sm {
  border-right: 0.1rem solid #a9b0b1;
}
.b-r-md {
  border-right: 0.2rem solid #a9b0b1;
}
.b-r-lg {
  border-right: 0.4rem solid #a9b0b1;
}
.no-b-r {
  border-right: 0;
}
.b-b-dotted {
  border-bottom: 0.1rem dashed #a9b0b1;
}
.b-b-sm {
  border-bottom: 0.1rem solid #a9b0b1;
}
.b-b-md {
  border-bottom: 0.2rem solid #a9b0b1;
}
.b-b-lg {
  border-bottom: 0.4rem solid #a9b0b1;
}
.no-b-b {
  border-bottom: 0;
}
.b-l-dotted {
  border-left: 0.1rem dashed #a9b0b1;
}
.b-l-sm {
  border-left: 0.1rem solid #a9b0b1;
}
.b-l-md {
  border-left: 0.2rem solid #a9b0b1;
}
.b-l-lg {
  border-left: 0.4rem solid #a9b0b1;
}
.no-b-l {
  border-left: 0;
}
.br-full {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.br-xs {
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
}
.br-sm {
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  border-radius: 1rem;
}
.br-md {
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  border-radius: 2rem;
}
.br-lg {
  -webkit-border-radius: 4rem;
  -moz-border-radius: 4rem;
  border-radius: 4rem;
}
.p-xs {
  padding: 0.5rem;
}
.p-sm {
  padding: 1rem;
}
.p-md {
  padding: 2rem;
}
.p-lg {
  padding: 4rem;
}
.no-p {
  padding: 0;
}
.p-t-xs {
  padding-top: 0.5rem;
}
.p-t-sm {
  padding-top: 1rem;
}
.p-t-md {
  padding-top: 2rem;
}
.p-t-lg {
  padding-top: 4rem;
}
.no-p-t {
  padding-top: 0;
}
.p-r-xs {
  padding-right: 0.5rem;
}
.p-r-sm {
  padding-right: 1rem;
}
.p-r-md {
  padding-right: 2rem;
}
.p-r-lg {
  padding-right: 4rem;
}
.no-p-r {
  padding-right: 0;
}
.p-b-xs {
  padding-bottom: 0.5rem;
}
.p-b-sm {
  padding-bottom: 1rem;
}
.p-b-md {
  padding-bottom: 2rem;
}
.p-b-lg {
  padding-bottom: 4rem;
}
.no-p-b {
  padding-bottom: 0;
}
.p-l-xs {
  padding-left: 0.5rem;
}
.p-l-sm {
  padding-left: 1rem;
}
.p-l-md {
  padding-left: 2rem;
}
.p-l-lg {
  padding-left: 4rem;
}
.no-p-l {
  padding-left: 0;
}
.p-h-xs {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.p-h-sm {
  padding-left: 1rem;
  padding-right: 1rem;
}
.p-h-md {
  padding-left: 2rem;
  padding-right: 2rem;
}
.p-h-lg {
  padding-left: 4rem;
  padding-right: 4rem;
}
.no-p-h {
  padding-left: 0;
  padding-right: 0;
}
.p-v-xs {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.p-v-sm {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.p-v-md {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.p-v-lg {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.no-p-v {
  padding-top: 0;
  padding-bottom: 0;
}
.m-xs {
  margin: 0.5rem;
}
.m-sm {
  margin: 1rem;
}
.m-md {
  margin: 2rem;
}
.m-lg {
  margin: 4rem;
}
.no-m {
  margin: 0;
}
.m-t-xs {
  margin-top: 0.5rem;
}
.m-t-sm {
  margin-top: 1rem;
}
.m-t-md {
  margin-top: 2rem;
}
.m-t-lg {
  margin-top: 4rem;
}
.no-m-t {
  margin-top: 0;
}
.m-r-xs {
  margin-right: 0.5rem;
}
.m-r-sm {
  margin-right: 1rem;
}
.m-r-md {
  margin-right: 2rem;
}
.m-r-lg {
  margin-right: 4rem;
}
.no-m-r {
  margin-right: 0;
}
.m-b-xs {
  margin-bottom: 0.5rem;
}
.m-b-sm {
  margin-bottom: 1rem;
}
.m-b-md {
  margin-bottom: 2rem;
}
.m-b-lg {
  margin-bottom: 4rem;
}
.no-m-b {
  margin-bottom: 0;
}
.m-l-xs {
  margin-left: 0.5rem;
}
.m-l-sm {
  margin-left: 1rem;
}
.m-l-md {
  margin-left: 2rem;
}
.m-l-lg {
  margin-left: 4rem;
}
.no-m-l {
  margin-left: 0;
}
.m-h-xs {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.m-h-sm {
  margin-left: 1rem;
  margin-right: 1rem;
}
.m-h-md {
  margin-left: 2rem;
  margin-right: 2rem;
}
.m-h-lg {
  margin-left: 4rem;
  margin-right: 4rem;
}
.no-m-h {
  margin-left: 0;
  margin-right: 0;
}
.m-v-xs {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.m-v-sm {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.m-v-md {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.m-v-lg {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.no-m-v {
  margin-top: 0;
  margin-bottom: 0;
}
.mt-3 {
  margin-top: 0.3rem;
}
.mt-25 {
  margin-top: 2.5rem;
}
.mt-29 {
  margin-top: 2.9rem;
}
.mt-30 {
  margin-top: 3rem;
}
.mt-35 {
  margin-top: 3.5rem;
}
.mt-45 {
  margin-top: 4.5rem;
}
.of-auto {
  overflow: auto;
}
.of-hidden {
  overflow: hidden;
}
.of-scroll {
  overflow: scroll;
}
.of-visible {
  overflow: visible;
}
.ofx-auto {
  overflow-x: auto;
}
.ofx-hidden {
  overflow-x: hidden;
}
.ofx-scroll {
  overflow-x: scroll;
}
.ofx-visible {
  overflow-x: visible;
}
.ofy-auto {
  overflow-y: auto;
}
.ofy-hidden {
  overflow-y: hidden;
}
.ofy-scroll {
  overflow-y: scroll;
}
.ofy-visible {
  overflow-y: visible;
}
.v-visible {
  visibility: visible;
}
.v-hidden {
  visibility: hidden;
}
.v-collapse {
  visibility: collapse;
}
.h-auto {
  height: auto;
}
.h-100 {
  height: 100%;
}
.h-50 {
  height: 50%;
}
.h-25 {
  height: 25%;
}
.h-30-px {
  height: 3rem;
}
.h-50-px {
  height: 5rem;
}
.h-200-px {
  height: 20rem;
}
.h-400-px {
  height: 40rem;
}
.h-650-px {
  height: 65rem;
}
.w-auto {
  width: auto;
}
.w-100 {
  width: 100%;
}
.w-50 {
  width: 50%;
}
.w-25 {
  width: 25%;
}
.w-50-px {
  width: 5rem;
}
.w-100-px {
  width: 10rem;
}
.w-150-px {
  width: 15rem;
}
.w-200-px {
  width: 20rem;
}
.w-400-px {
  width: 40rem;
}
.w-60 {
  width: 6rem;
}
.mw-100 {
  max-width: 100%;
}
.mw-1280 {
  max-width: 1280px;
}
.mh-brief-img {
  max-height: 236px;
}
.restricted-width,
.max-tab-width {
  max-width: 117rem;
}
.dp-relative {
  position: relative;
}
.hide-phone,
.hide-tablet {
  display: none;
}
@media screen and (min-width: 480px) {
  .hide-phone {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .hide-tablet {
    display: block;
  }
}
html,
body,
.flex-page {
  height: 100%;
  /* needed for proper layout */
}
.flex-page {
  display: flex;
  flex-direction: column;
}
.flex-header {
  flex: 0 0 auto;
}
.flex-content {
  flex: 1 1 auto;
  position: relative;
  /* need this to position inner content */
}
flex-footer {
  flex: 0 0 auto;
}
html body .RadInput_Bootstrap .riDisabled {
  background-color: #dce4e6 !important;
  border-color: #a9b0b1 !important;
}
html .RadUpload_Bootstrap,
html .RadUpload_Bootstrap a,
html .RadUpload_Bootstrap input,
html .RadComboBox,
html .RadComboBox_Bootstrap,
html .RadInput,
html .RadInputMgr,
html .RadPicker,
html .RadPicker_Bootstrap,
html .RadAutoCompleteBox,
html .RadAutoCompleteBox_Bootstrap,
html .RadDropDownTree_Bootstrap {
  font: 1.3rem 'Open Sans', Arial, Helvetica, sans-serif;
  width: 100%;
}
html .RadInput a,
.RadPicker_Bootstrap a {
  width: 3rem;
  height: 3rem;
}
html .RadComboBox,
html .RadComboBox_Bootstrap,
html .RadDropDownTree {
  cursor: pointer;
}
html .RadComboBox .rcbReadOnly,
html .RadComboBox_Bootstrap .rcbReadOnly,
html .RadDropDownTree .rcbReadOnly {
  background-image: none;
  background-color: white;
}
html .RadComboBox .rcbReadOnly.rcbHovered,
html .RadComboBox_Bootstrap .rcbReadOnly.rcbHovered,
html .RadDropDownTree .rcbReadOnly.rcbHovered {
  color: #231f20;
  background-color: white;
  background-image: none;
  border: 0.1rem solid #a9b0b1;
}
html .RadComboBox .rcbReadOnly.rcbFocused,
html .RadComboBox_Bootstrap .rcbReadOnly.rcbFocused,
html .RadDropDownTree .rcbReadOnly.rcbFocused {
  border: 0.1rem solid #a9b0b1;
  color: #231f20;
  background-color: #dce4e6;
  background-image: none;
}
html .RadComboBox .rcbInner,
html .RadComboBox_Bootstrap .rcbInner,
html .RadDropDownTree .rcbInner,
html .RadComboBox rddtInner,
html .RadComboBox_Bootstrap rddtInner,
html .RadDropDownTree rddtInner {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: white;
  border: 0.1rem solid #a9b0b1;
  color: #231f20;
  height: 4rem;
  line-height: 4rem;
  padding: 0 1rem;
}
html .RadComboBox .rcbActionButton,
html .RadComboBox_Bootstrap .rcbActionButton,
html .RadDropDownTree .rcbActionButton,
html .RadComboBox .rddtIcon,
html .RadComboBox_Bootstrap .rddtIcon,
html .RadDropDownTree .rddtIcon {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #231f20;
  background-color: white;
  background-image: none;
  height: auto;
}
html .RadComboBox .rcbHovered .rcbActionButton,
html .RadComboBox_Bootstrap .rcbHovered .rcbActionButton,
html .RadDropDownTree .rcbHovered .rcbActionButton,
html .RadComboBox .rddtHovered .rddtActionButton,
html .RadComboBox_Bootstrap .rddtHovered .rddtActionButton,
html .RadDropDownTree .rddtHovered .rddtActionButton {
  background-color: white;
  background-image: none;
}
html .RadComboBox .rcbFocused .rcbActionButton,
html .RadComboBox_Bootstrap .rcbFocused .rcbActionButton,
html .RadDropDownTree .rcbFocused .rcbActionButton,
html .RadComboBox .rddtFocused .rddtActionButton,
html .RadComboBox_Bootstrap .rddtFocused .rddtActionButton,
html .RadDropDownTree .rddtFocused .rddtActionButton {
  color: #231f20;
  background-color: #dce4e6;
  background-image: none;
}
html .RadComboBox .rcbList li.rcbHovered,
html .RadComboBox_Bootstrap .rcbList li.rcbHovered,
html .RadDropDownTree .rcbList li.rcbHovered {
  color: #231f20;
  background-color: #dce4e6;
}
html .RadComboBox .t-fi,
html .RadComboBox_Bootstrap .t-fi,
html .RadDropDownTree .t-fi,
html .RadComboBox .t-font-icon,
html .RadComboBox_Bootstrap .t-font-icon,
html .RadDropDownTree .t-font-icon {
  height: 3rem;
  width: 2rem;
}
html .RadComboBox .rcbInput,
html .RadComboBox_Bootstrap .rcbInput,
html .RadDropDownTree .rcbInput {
  height: inherit;
}
html .RadComboBoxDropDown input[type="checkbox"],
html .RadComboBoxDropDown input[type="radio"],
html .RadComboBoxDropDown .rcbCheckBox {
  display: inline-block;
  height: 1.5rem;
  line-height: 1.5rem;
  margin: 0 1rem 0 0;
  width: 1.5rem;
  padding: 0;
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
}
html .RadInput_Bootstrap .riTextBox,
html .RadInputMgr_Bootstrap {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #231f20;
  background-color: white;
  background-image: none;
  border: 0.1rem solid #a9b0b1;
  height: 4rem;
  line-height: 4rem;
  /*padding: 0 1rem;*/
}
html .RadAutoCompleteBox .racTokenList,
html .RadAutoCompleteBox_Bootstrap .racTokenList {
  border: 0.1rem solid #a9b0b1;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #231f20;
  padding: 0.5rem;
}
html .RadAutoCompleteBox .racTokenList .racTextToken,
html .RadAutoCompleteBox_Bootstrap .racTokenList .racTextToken {
  background-color: #556bb2;
  color: white;
  line-height: normal;
  margin-right: 0.5rem;
  padding: 0.2rem 0.4rem;
  margin-top: -0.1rem;
}
html .RadAutoCompleteBox .racSlide,
html .RadAutoCompleteBox_Bootstrap .racSlide {
  position: relative;
  width: 100%;
}
html .RadAutoCompleteBox .racInput,
html .RadAutoCompleteBox_Bootstrap .racInput {
  text-indent: 0;
}
html .RadPicker .RadInput,
html .RadPicker_Bootstrap .RadInput {
  overflow: visible;
  font-size: 1.4rem;
}
html .RadPicker a.rcCalPopup,
html .RadPicker_Bootstrap a.rcCalPopup,
html .RadPicker a.rcTimePopup,
html .RadPicker_Bootstrap a.rcTimePopup {
  border-left: 0;
  height: 100%;
}
html .RadPicker .rcSelect,
html .RadPicker_Bootstrap .rcSelect {
  height: 3.8rem;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
html .riNumeric {
  text-align: right;
}
html .RadListBox .rlbGroup,
html .RadListBox_Bootstrap .rlbGroup {
  background-color: white;
  background-image: none;
  border: 0.1rem solid #a9b0b1;
  color: #231f20;
}
html .RadListBox .rlbItem.rlbHovered,
html .RadListBox_Bootstrap .rlbItem.rlbHovered {
  background-color: #ebeff1;
  color: #231f20;
  cursor: pointer;
}
html .RadListBox .rlbItem.rlbSelected,
html .RadListBox_Bootstrap .rlbItem.rlbSelected {
  background-color: #dce4e6;
  color: #231f20;
  cursor: pointer;
}
html .RadFileExplorer,
html .RadFileExplorer_Bootstrap {
  height: auto !important;
}
html .RadUpload_Bootstrap .ruFakeInput {
  border: 0.1rem solid #a9b0b1;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #231f20;
  height: 4rem;
  margin-right: 0;
  padding: 0;
  cursor: pointer;
}
html .RadUpload_Bootstrap .ruStyled .ruFileInput {
  border: 0.1rem solid #a9b0b1;
}
html .RadUpload_Bootstrap .ruFileWrap {
  height: auto;
}
html .RadUpload_Bootstrap .ruBrowse,
html .RadUpload_Bootstrap .ruButton,
html .RadUpload_Bootstrap .ruSelectWrap .ruButton {
  background-color: #4caf50;
  background-image: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border-width: 0;
  color: white;
  line-height: 4rem !important;
  height: 4rem !important;
  padding: 0 !important;
  cursor: pointer;
  z-index: 11111111110;
  margin-left: 0.5rem;
}
html .RadUpload_Bootstrap .ruBrowse:visited,
html .RadUpload_Bootstrap .ruButton:visited,
html .RadUpload_Bootstrap .ruSelectWrap .ruButton:visited {
  background: #4caf50;
  color: white;
}
html .RadUpload_Bootstrap .ruBrowse:hover,
html .RadUpload_Bootstrap .ruButton:hover,
html .RadUpload_Bootstrap .ruSelectWrap .ruButton:hover {
  background: #63bb67;
  color: rgba(0, 0, 0, 0.35);
}
html .RadUpload_Bootstrap .ruBrowse:active,
html .RadUpload_Bootstrap .ruButton:active,
html .RadUpload_Bootstrap .ruSelectWrap .ruButton:active {
  background: #419645;
  color: rgba(0, 0, 0, 0.35);
}
html .RadUpload .ruUploadSuccess .ruRemove {
  margin-left: -30%;
}
html .RadTabStrip,
html .RadTabStrip_Bootstrap {
  font: 600 1.4rem 'Montserrat', Helvetica, Arial, sans-serif;
  z-index: 999;
}
html .RadTabStrip .rtsLI,
html .RadTabStrip_Bootstrap .rtsLI {
  margin-right: 0.5rem;
}
html .RadTabStrip .rtsLevel1,
html .RadTabStrip_Bootstrap .rtsLevel1 {
  border-bottom-width: 0;
}
html .RadTabStrip .rtsLevel1 .rtsLink,
html .RadTabStrip_Bootstrap .rtsLevel1 .rtsLink {
  border-color: #a9b0b1;
  color: #231f20;
  background-color: #ebeff1;
  background-image: none;
}
html .RadTabStrip .rtsLevel1 .rtsSelected .rtsLink,
html .RadTabStrip_Bootstrap .rtsLevel1 .rtsSelected .rtsLink {
  border-color: #a9b0b1;
  color: #231f20;
}
html .RadTabStrip .rtsLevel1 .rtsHovered .rtsLink,
html .RadTabStrip_Bootstrap .rtsLevel1 .rtsHovered .rtsLink {
  background-color: #cdd9db;
  background-image: none;
}
html .RadTabStrip.pills,
html .RadTabStrip_Bootstrap.pills {
  line-height: 1.4rem;
}
html .RadTabStrip.pills .rtsLI,
html .RadTabStrip_Bootstrap.pills .rtsLI {
  margin-right: 1rem;
}
html .RadTabStrip.pills .rtsLevel1,
html .RadTabStrip_Bootstrap.pills .rtsLevel1 {
  border-bottom-width: 0;
}
html .RadTabStrip.pills .rtsLevel1 .rtsUL,
html .RadTabStrip_Bootstrap.pills .rtsLevel1 .rtsUL {
  margin-bottom: 0;
}
html .RadTabStrip.pills .rtsLevel1 .rtsLink,
html .RadTabStrip_Bootstrap.pills .rtsLevel1 .rtsLink {
  border-color: #a9b0b1;
  -webkit-border-radius: 1.5rem;
  -moz-border-radius: 1.5rem;
  border-radius: 1.5rem;
  padding: 1rem 2rem;
  color: #231f20;
  background-color: white;
  background-image: none;
}
html .RadTabStrip.pills .rtsLevel1 .rtsSelected .rtsLink,
html .RadTabStrip_Bootstrap.pills .rtsLevel1 .rtsSelected .rtsLink {
  background-color: #556bb2;
  border-color: #556bb2;
  color: white;
}
html .RadTabStrip.pills .rtsLevel1 .rtsHovered .rtsLink,
html .RadTabStrip_Bootstrap.pills .rtsLevel1 .rtsHovered .rtsLink {
  background-color: #677aba;
  background-image: none;
  border-color: #677aba;
  color: white;
}
html .RadTabStrip.nav-tabs,
html .RadTabStrip_Bootstrap.nav-tabs {
  background-color: #dce4e6;
}
html .RadTabStrip.nav-tabs .rtsLI,
html .RadTabStrip_Bootstrap.nav-tabs .rtsLI {
  margin-right: 0;
}
html .RadTabStrip.nav-tabs .rtsLevel1 .rtsLink,
html .RadTabStrip_Bootstrap.nav-tabs .rtsLevel1 .rtsLink {
  border-color: transparent;
  background-color: transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #687173;
  font-weight: 400;
}
html .RadTabStrip.nav-tabs .rtsLevel1 .rtsSelected .rtsLink,
html .RadTabStrip_Bootstrap.nav-tabs .rtsLevel1 .rtsSelected .rtsLink {
  background-color: white;
  color: #231f20;
}
html .RadTabStrip.nav-tabs .rtsLevel1 .rtsHovered .rtsLink,
html .RadTabStrip_Bootstrap.nav-tabs .rtsLevel1 .rtsHovered .rtsLink {
  background-color: #ccd1d5;
}
.nav-tabs + .panel {
  border-width: 0;
}
html .RadEditor,
html .RadEditor_Bootstrap {
  background-color: white;
  border-color: #a9b0b1;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
html .RadEditor .reContent,
html .RadEditor_Bootstrap .reContent,
html .RadEditor .reModes a,
html .RadEditor_Bootstrap .reModes a {
  border-color: #a9b0b1;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
html .RadEditor .reModes a,
html .RadEditor_Bootstrap .reModes a {
  height: auto;
  line-height: 1;
  padding: 5px 15px 5px 5px;
  width: auto;
}
html .RadEditor .reModes a:active,
html .RadEditor_Bootstrap .reModes a:active,
html .RadEditor .reModes a:focus,
html .RadEditor_Bootstrap .reModes a:focus,
html .RadEditor .reModes .reSelectedMode,
html .RadEditor_Bootstrap .reModes .reSelectedMode,
html .RadEditor .reModes .reSelectedMode:hover,
html .RadEditor_Bootstrap .reModes .reSelectedMode:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.rcOutOfRange {
  color: lightgray;
}
html .RadCalendar .rcRow a,
html .RadCalendar .rcRow span {
  background-image: none;
  border-width: 0;
  width: 2.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
}
html .RadCalendar .rcRow,
html .RadCalendar .rcRow td,
html .RadCalendar .rcRow td a,
html .RadCalendar .rcTitlebar .rcTitle {
  word-wrap: normal;
}
html .RadCalendar .rcMain .rcHover a {
  background-color: #dce4e6;
  border-color: transparent;
  background-image: none;
  color: #231f20;
}
html .RadCalendar .rcMain .rcSelected a {
  background-color: #4caf50;
  border-color: transparent;
  background-image: none;
  color: white;
}
html .RadCalendar .rcMain .rcSelected a:hover {
  background-color: #dce4e6;
  border-color: transparent;
  color: #231f20;
}
html .RadCalendar .today a {
  background-color: #687173;
  color: white;
}
html .RadCalendar .today a:hover {
  background-color: #dce4e6;
  border-color: transparent;
  color: #231f20;
}
html .RadCalendarTimeView_Bootstrap td.rcSelected a {
  background-color: #4caf50;
  background-image: none;
  border: 0;
}
html .RadCalendarTimeView_Bootstrap td.rcHover a {
  background-color: #dce4e6;
  border-color: transparent;
  background-image: none;
  color: #231f20;
}
html .RadCalendarTimeView_Bootstrap td.current-time a {
  background-color: #687173;
  color: white;
}
html .RadCalendarTimeView_Bootstrap td.current-time a:hover {
  background-color: #dce4e6;
  border-color: transparent;
  color: #231f20;
}
html .RadAjax .raDiv,
html .RadAjax_Bootstrap .raDiv {
  background-image: none;
  background-position: unset;
  background-repeat: unset;
  position: unset;
  z-index: auto;
}
html.t-ie .RadInputMgr_Bootstrap,
html.t-ie .RadInput_Bootstrap .riTextBox {
  line-height: 1;
}
.ratings {
  width: 110px !important;
}
.ratings a:focus {
  box-shadow: none;
}
html .ui-dialog {
  padding: 0;
  border: 0;
  -webkit-box-shadow: #d1d1d1 0px 0px 1px, rgba(67, 90, 111, 0.3) 0px 16px 24px -8px;
  -moz-box-shadow: #d1d1d1 0px 0px 1px, rgba(67, 90, 111, 0.3) 0px 16px 24px -8px;
  box-shadow: #d1d1d1 0px 0px 1px, rgba(67, 90, 111, 0.3) 0px 16px 24px -8px;
}
html .ui-dialog .ui-widget-header {
  background-color: #1b1e21;
  background-image: none;
  background-repeat: no-repeat;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: white;
  padding: 1rem;
}
html .ui-dialog .ui-widget-header .ui-dialog-title {
  font-size: 1.8rem;
  font-weight: normal;
  line-height: 1.5;
  margin: 0;
}
html .ui-dialog .ui-dialog-content {
  padding: 1rem;
}
html .ui-widget {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
}
.tree-view input[type=checkbox] {
  width: auto;
  display: inline-block;
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
}
html .RadDropDownTree_Bootstrap .rddtInner {
  padding: 9px 32px 9px 12px;
}
html .RadDropDownTree_Bootstrap .rddtInner,
html .RadDropDownTree_Bootstrap .rddtHovered,
html .RadDropDownTree_Bootstrap .rddtFocused {
  background-color: #fff;
  border: 0.1rem solid #a9b0b1;
  border-radius: 0;
}
html .RadUpload_Bootstrap .ruUploadSuccess .ruRemove {
  margin-left: 1rem;
}
.reToolIcon.reInsertFirstnameMerge::before,
.reToolIcon.reInsertSurnameMerge::before,
.reToolIcon.reInsertBriefIDMerge::before,
.reToolIcon.reInsertBriefNameMerge::before,
.reToolIcon.reInsertBriefDeadlineDateMerge::before,
.reToolIcon.reInsertBriefDescriptionMerge::before,
.reToolIcon.reInsertBriefValidFromMerge::before,
.reToolIcon.reInsertBriefValidToMerge::before,
.reToolIcon.reInsertCertificateExpiryDateMerge::before,
.reToolIcon.reInsertUserName::before,
.reToolIcon.reInsertPassword::before {
  content: "\e663";
}
.reTool.reInsertViewURL::before,
.reTool.reInsertHomeURL::before {
  content: "\e10f";
}
body.service-wrapper {
  background-color: white;
}
body.service-wrapper .errorpage {
  margin-top: 8%;
  margin-bottom: 8%;
  text-align: center;
  color: #ecf0f1;
}
body.service-wrapper .errorpage i.fa {
  font-size: 30rem;
  color: #231f20;
}
body.service-wrapper .errorpage h1 {
  font-weight: 600;
  font-size: 6.8rem;
  margin-bottom: 4rem;
  line-height: 8.8rem;
}
body.service-wrapper .errorpage p {
  font-size: 1.8rem;
}
body.service-wrapper .errorpage a {
  color: white;
  text-decoration: none;
}
body.service-wrapper .errorpage a:hover {
  text-decoration: underline;
}
body.wrapper-404 {
  background-color: #1abc9c;
}
body.wrapper-404 .errorpage i.fa {
  color: #16a085;
}
body.wrapper-500 {
  background-color: #e74c3c;
}
body.wrapper-500 .errorpage i.fa {
  color: #c0392b;
}
body.wrapper-maintenance {
  background-color: #ff9800;
}
body.wrapper-maintenance .errorpage i.fa {
  color: #231f20;
}
.grid-container {
  display: grid;
  grid-template-columns: 25rem 1fr;
  grid-gap: 1%;
  height: 100vh;
  padding: 0 1rem;
}
.grid-container .grid-item-1 {
  background-color: lightgray;
  padding: 1rem;
  overflow-y: scroll;
}
@media print {
  body {
    background-color: transparent;
    width: 100%;
    font-size: 11pt;
  }
  .content {
    padding: 0;
  }
  .btn,
  .toggle_menu,
  .vertical_nav,
  .horizontal_nav,
  .grid-edit :before {
    display: none !important;
  }
  .restricted-width {
    max-width: 100%;
  }
  .table {
    border: 0 !important;
  }
  .table tr th,
  .table tr th a {
    color: black;
  }
  .table tr th {
    border: 0;
    border-bottom: 2pt solid black;
  }
  .table tr td {
    border: 0;
    border-bottom: 1pt solid black;
  }
  .table tr td a {
    color: black;
  }
  .table .check-all {
    display: none;
    width: 0;
  }
  .table [class*=cell-],
  .table [class*=cell-] span {
    overflow: visible;
    white-space: normal;
  }
  .table [class*=cell-] {
    width: auto;
  }
  .pagination,
  tr.pagination {
    display: none;
    height: 0;
  }
  .panel {
    background-color: transparent;
    border: 0;
  }
}