/** LESS Plugins **/
/** Load Main Bootstrap LESS files **/
@import 'material-design-iconic-font/dist/css/material-design-iconic-font.css';
/* --------------------------------------------------------
    Paths
-----------------------------------------------------------*/
/* --------------------------------------------------------
    Container
-----------------------------------------------------------*/
/* --------------------------------------------------------
    Grid & Breakpoints
-----------------------------------------------------------*/
/* --------------------------------------------------------
    Template Variables
-----------------------------------------------------------*/
/* --------------------------------------------------------
    Branding
-----------------------------------------------------------*/
/* --------------------------------------------------------
    Font
-----------------------------------------------------------*/
/* --------------------------------------------------------
    Typograpgy
-----------------------------------------------------------*/
/* --------------------------------------------------------
    Form
-----------------------------------------------------------*/
/* --------------------------------------------------------
    Colors
-----------------------------------------------------------*/
/** Form States **/
/* --------------------------------------------------------
    Alert
-----------------------------------------------------------*/
/* --------------------------------------------------------
    Bootstrap Brands
-----------------------------------------------------------*/
/* --------------------------------------------------------
    Border Radius
-----------------------------------------------------------*/
/* --------------------------------------------------------
    Dropdown
-----------------------------------------------------------*/
/* --------------------------------------------------------
    Page Header
-----------------------------------------------------------*/
/* --------------------------------------------------------
    Buttons
-----------------------------------------------------------*/
/* --------------------------------------------------------
    Tables
-----------------------------------------------------------*/
/* --------------------------------------------------------
    Pagination
-----------------------------------------------------------*/
/* --------------------------------------------------------
    Thumbnail
-----------------------------------------------------------*/
/* --------------------------------------------------------
    Carousel
-----------------------------------------------------------*/
/* --------------------------------------------------------
    Modal
-----------------------------------------------------------*/
/* --------------------------------------------------------
    Tooltips
-----------------------------------------------------------*/
/* --------------------------------------------------------
    Popobver
-----------------------------------------------------------*/
/* --------------------------------------------------------
    Breacrumb
-----------------------------------------------------------*/
/* --------------------------------------------------------
    Jumbotron
-----------------------------------------------------------*/
/* --------------------------------------------------------
    List Group
-----------------------------------------------------------*/
/* --------------------------------------------------------
    Badges
-----------------------------------------------------------*/
/* --------------------------------------------------------
    Misc
-----------------------------------------------------------*/
/* --------------------------------------------------------
    Font Face
-----------------------------------------------------------*/
/* --------------------------------------------------------
    Button Varients
-----------------------------------------------------------*/
/* --------------------------------------------------------
    CSS Transform - Scale and Rotate
-----------------------------------------------------------*/
/* --------------------------------------------------------
    CSS Animations based on animate.css
-----------------------------------------------------------*/
/* --------------------------------------------------------
    Utility Mixins migrated from Bootstrap
-----------------------------------------------------------*/
/* --------------------------------------------------------
    Layout & Grid
-----------------------------------------------------------*/
.container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
[class*="col-"] {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-11 {
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}
@media (min-width: 768px) {
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 992px) {
  .col-md-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
}
@media (min-width: 1200px) {
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}
.clearfix::after {
  clear: both;
}
/* --------------------------------------------------------
    Buttons
-----------------------------------------------------------*/
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  border: 1px solid transparent;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 2px;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  background-color: transparent;
  color: #767676;
  user-select: none;
}
.btn:focus,
.btn:active {
  outline: none;
}
.btn:disabled,
.btn[disabled] {
  opacity: 0.65;
  cursor: not-allowed;
}
.btn-default {
  background-color: rgba(102, 136, 153, 0.15);
  border-color: rgba(102, 136, 153, 0.35);
  color: #333;
}
.btn-default:hover,
.btn-default:focus {
  background-color: rgba(102, 136, 153, 0.25);
}
.btn-primary {
  background-color: #2196F3;
  border-color: #0d8aee;
  color: #fff;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #39a1f4;
  border-color: #2196F3;
}
.btn-success {
  background-color: #4CAF50;
  border-color: #449d48;
  color: #fff;
}
.btn-info {
  background-color: #00BCD4;
  border-color: #00a5bb;
  color: #fff;
}
.btn-warning {
  background-color: #FF9800;
  border-color: #e68900;
  color: #fff;
}
.btn-danger {
  background-color: #F44336;
  border-color: #f32c1e;
  color: #fff;
}
.btn-link {
  color: #02a4c4;
  border-color: transparent;
  background-color: transparent;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0;
}
.btn-link:hover,
.btn-link:focus {
  color: #016578;
  text-decoration: underline;
}
.btn-sm {
  padding: 4px 10px;
  font-size: 12px;
  border-radius: 2px;
}
.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  border-radius: 2px;
}
.btn-block {
  display: block;
  width: 100%;
}
/* --------------------------------------------------------
    Forms
-----------------------------------------------------------*/
.form-group {
  margin-bottom: 15px;
}
.form-control {
  display: block;
  width: 100%;
  min-height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #595959;
  background-color: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  transition: border-color 0.2s ease;
}
.form-control:focus {
  border-color: #79c2ff;
  outline: 0;
}
/* --------------------------------------------------------
    Labels & Badges
-----------------------------------------------------------*/
.label {
  display: inline-block;
  padding: 3px 6px;
  font-size: 75%;
  font-weight: 600;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 2px;
  text-transform: uppercase;
}
.label-default {
  background-color: rgba(102, 136, 153, 0.7);
  color: rgba(0, 0, 0, 0.75);
}
.label-primary {
  background-color: #2196F3;
}
.label-success {
  background-color: #4CAF50;
}
.label-info {
  background-color: #00BCD4;
}
.label-warning {
  background-color: #FF9800;
}
.label-danger {
  background-color: #F44336;
}
.badge {
  display: inline-block;
  min-width: 20px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  background-color: #2196F3;
  border-radius: 2px;
  text-align: center;
  line-height: 1;
}
/* --------------------------------------------------------
    Alerts
-----------------------------------------------------------*/
.alert {
  padding: 12px 16px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert-info {
  color: #008fa1;
  background-color: rgba(0, 188, 212, 0.12);
  border-color: rgba(0, 188, 212, 0.35);
}
.alert-success {
  color: #3d8b40;
  background-color: rgba(76, 175, 80, 0.12);
  border-color: rgba(76, 175, 80, 0.35);
}
.alert-warning {
  color: #cc7a00;
  background-color: rgba(255, 152, 0, 0.12);
  border-color: rgba(255, 152, 0, 0.35);
}
.alert-danger {
  color: #ea1c0d;
  background-color: rgba(244, 67, 54, 0.12);
  border-color: rgba(244, 67, 54, 0.35);
}
/* --------------------------------------------------------
    Tables
-----------------------------------------------------------*/
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 15px;
  background-color: transparent;
  border-collapse: collapse;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 10px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #f0f0f0;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #f0f0f0;
}
.table-striped > tbody > tr:nth-child(odd) {
  background-color: #FCFCFC;
}
.table-hover > tbody > tr:hover {
  background-color: #ffffff;
}
.table-responsive {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
/* --------------------------------------------------------
    List group
-----------------------------------------------------------*/
.list-group {
  padding-left: 0;
  margin-bottom: 20px;
  border-radius: 4px;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  background-color: #fff;
  border: 1px solid #eee;
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
/* --------------------------------------------------------
    Media object
-----------------------------------------------------------*/
.media {
  display: flex;
  align-items: flex-start;
}
.media-body {
  flex: 1 1 auto;
}
.media-object {
  display: block;
}
/* --------------------------------------------------------
    Dropdowns
-----------------------------------------------------------*/
.dropdown {
  position: relative;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  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 > li > a,
.dropdown-menu > span > li > a {
  display: block;
  padding: 5px 20px;
  color: #333;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  background-color: rgba(102, 136, 153, 0.15);
}
.open > .dropdown-menu {
  display: block;
}
/* --------------------------------------------------------
    Collapse helpers
-----------------------------------------------------------*/
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
/* --------------------------------------------------------
    Visibility helpers
-----------------------------------------------------------*/
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
  .visible-xs {
    display: block !important;
  }
  .visible-xs-inline {
    display: inline !important;
  }
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .visible-xs,
  .visible-xs-inline,
  .visible-xs-inline-block {
    display: none !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
  .visible-print,
  .visible-print-block {
    display: block !important;
  }
  .visible-print-inline {
    display: inline !important;
  }
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media screen {
  .visible-print,
  .visible-print-block,
  .visible-print-inline,
  .visible-print-inline-block {
    display: none !important;
  }
}
/* --------------------------------------------------------
    Utilities
-----------------------------------------------------------*/
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
.table-bordered {
  border: 1px solid #f0f0f0;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #f0f0f0;
}
@media print {
  @page {
    margin: 0;
    padding: 0;
    size: auto;
  }
  body,
  #content,
  .container {
    margin: 0mm 0mm 0mm 0mm !important;
    padding: 0mm !important;
  }
  #header,
  #sidebar,
  #chat,
  .growl-animated,
  [data-action="print"] {
    display: none !important;
  }
  /* --------------------------------------------------------
        Invoice
    -----------------------------------------------------------*/
  .invoice {
    padding: 30px !important;
    -webkit-print-color-adjust: exact !important;
  }
  .invoice .card-header {
    background: #eee !important;
    padding: 20px;
    margin-bottom: 20px;
    margin: -60px -30px 25px -30px;
  }
  .invoice .page-header {
    display: none;
  }
  .invoice .highlight {
    background: #eee !important;
  }
}
/** Media - Overriding the Media object to 3.2 version in order to prevent issues like text overflow. **/
.media {
  margin-top: 0;
  overflow: visible;
}
.media::before,
.media::after {
  content: " ";
  display: table;
}
.media::after {
  clear: both;
}
.media::before,
.media::after {
  content: " ";
  display: table;
}
.media::after {
  clear: both;
}
.media > .pull-left {
  padding-right: 15px;
}
.media > .pull-right {
  padding-left: 15px;
}
.media-heading {
  font-size: 14px;
  margin-bottom: 10px;
}
.media-body {
  zoom: 1;
  display: block;
  width: auto;
}
.media-object {
  border-radius: 2px;
}
.collapsing,
.collapse.in {
  padding: 0;
  transition: all 0.35s ease;
}
/** LIST **/
.list-inline > li {
  vertical-align: top;
  margin-left: 0;
}
@media print {
  a[href]:after {
    content: none !important;
  }
}
*,
button,
input,
i,
a {
  -webkit-font-smoothing: antialiased;
}
*,
*:active,
*:hover {
  outline: none !important;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}
html {
  overflow-x: hidden\0/;
  -ms-overflow-style: auto;
}
html,
body {
  height: 100%;
}
body {
  padding-top: 0;
  background: #f6f8f9;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  position: relative;
}
body #application-root {
  padding-bottom: 15px;
}
#application-root {
  height: 100%;
}
#application-root,
#app-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
strong {
  font-weight: 500;
}
#content {
  position: relative;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (min-width: 769px) {
  #content {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 1280px) {
  #content {
    margin-left: 240px;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  #content {
    margin-left: 64px;
  }
}
@media (max-width: 768px) {
  #content {
    margin-left: 0;
  }
}
.container.c-boxed {
  max-width: 1170px;
}
.settings-screen .container,
.home-page .container,
.page-dashboard-list .container,
.page-queries-list .container,
.page-alerts-list .container,
.alert-page .container,
.admin-page-layout .container {
  width: 100%;
  max-width: none;
}
.scrollbox {
  overflow: auto;
  position: relative;
}
.clickable {
  cursor: pointer;
}
button.clickable:disabled {
  cursor: not-allowed;
}
.resize-vertical {
  resize: vertical !important;
  transition: height 0s !important;
}
.resize-horizontal {
  resize: horizontal !important;
  transition: width 0s !important;
}
.resize-both,
.resize-vertical.resize-horizontal {
  resize: both !important;
  transition: height 0s, width 0s !important;
}
.bg-ace {
  background-color: rgba(102, 136, 153, 0.12) !important;
}
.rg-top span,
.rg-bottom span {
  height: 3px;
  border-color: #b1c1ce;
}
.rg-bottom {
  bottom: 15px;
}
.rg-bottom span {
  margin: 1.5px 0 0 -10px;
}
text.slicetext {
  text-shadow: 1px 1px 5px #333;
}
.markdown strong {
  font-weight: bold;
}
.markdown img {
  max-width: 100%;
}
.markdown video {
  max-width: 100%;
  width: 100%;
  border-radius: 6px;
  outline: none;
}
/* REQ:PLAN-202603-013-01 / IMP:BUILD-202603-047-02 */
.markdown .markdown-media-status {
  font-size: 12px;
  line-height: 18px;
}
/* REQ:PLAN-202603-013-01 / IMP:BUILD-202603-047-05 */
.markdown .markdown-table-viewport {
  width: 100%;
  overflow: auto;
  border-radius: 6px;
  background: rgba(246, 248, 249, 0.7);
}
/* REQ:PLAN-202603-013-01 / IMP:BUILD-202603-047-05 */
.markdown table[data-markdown-table-windowing="virtualized"],
.markdown table[data-markdown-table-windowing="scroll-only"] {
  margin-bottom: 0;
}
/* REQ:PLAN-202603-013-01 / IMP:BUILD-202603-047-02 */
.markdown marquee:focus {
  outline: 2px solid rgba(23, 104, 172, 0.35);
  outline-offset: 2px;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: rgba(102, 136, 153, 0.15);
  color: #111;
}
.profile__image--sidebar {
  border-radius: 100%;
  margin-right: 3px;
  margin-top: -2px;
}
.profile__image--settings {
  border-radius: 100%;
}
.profile__image_thumb {
  border-radius: 100%;
  margin-right: 3px;
  margin-top: -2px;
  width: 20px;
  height: 20px;
}
.error-state {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-align: center;
  margin-top: 25vh;
  padding: 35px;
  font-size: 14px;
  line-height: 21px;
}
.error-state .error-state__icon .zmdi {
  font-size: 64px;
  color: #668899;
}
@media (max-width: 767px) {
  .error-state {
    margin-top: 10vh;
  }
}
.warning-icon-danger {
  color: #F44336 !important;
}
.page-title {
  display: flex;
  align-items: center;
}
.page-title .label {
  margin-top: 3px;
  display: inline-block;
}
.page-title .favorites-control {
  font-size: 19px;
  margin-right: 10px;
}
.page-header--new h3 {
  margin: 0.2em 0;
  line-height: 1.3;
  font-weight: 500;
}
.select-option-divider {
  margin: 10px 0 !important;
}
/* --------------------------------------------------------
    Generate Margin Classes (0px - 25px)
    margin, margin-top, margin-bottom, margin-left, margin-right
-----------------------------------------------------------*/
.m-0 {
  margin: 0px !important;
}
.m-t-0 {
  margin-top: 0px !important;
}
.m-b-0 {
  margin-bottom: 0px !important;
}
.m-l-0 {
  margin-left: 0px !important;
}
.m-r-0 {
  margin-right: 0px !important;
}
.m-5 {
  margin: 5px !important;
}
.m-t-5 {
  margin-top: 5px !important;
}
.m-b-5 {
  margin-bottom: 5px !important;
}
.m-l-5 {
  margin-left: 5px !important;
}
.m-r-5 {
  margin-right: 5px !important;
}
.m-10 {
  margin: 10px !important;
}
.m-t-10 {
  margin-top: 10px !important;
}
.m-b-10 {
  margin-bottom: 10px !important;
}
.m-l-10 {
  margin-left: 10px !important;
}
.m-r-10 {
  margin-right: 10px !important;
}
.m-15 {
  margin: 15px !important;
}
.m-t-15 {
  margin-top: 15px !important;
}
.m-b-15 {
  margin-bottom: 15px !important;
}
.m-l-15 {
  margin-left: 15px !important;
}
.m-r-15 {
  margin-right: 15px !important;
}
.m-20 {
  margin: 20px !important;
}
.m-t-20 {
  margin-top: 20px !important;
}
.m-b-20 {
  margin-bottom: 20px !important;
}
.m-l-20 {
  margin-left: 20px !important;
}
.m-r-20 {
  margin-right: 20px !important;
}
.m-25 {
  margin: 25px !important;
}
.m-t-25 {
  margin-top: 25px !important;
}
.m-b-25 {
  margin-bottom: 25px !important;
}
.m-l-25 {
  margin-left: 25px !important;
}
.m-r-25 {
  margin-right: 25px !important;
}
.m-30 {
  margin: 30px !important;
}
.m-t-30 {
  margin-top: 30px !important;
}
.m-b-30 {
  margin-bottom: 30px !important;
}
.m-l-30 {
  margin-left: 30px !important;
}
.m-r-30 {
  margin-right: 30px !important;
}
.m-2 {
  margin: 2px;
}
/* --------------------------------------------------------
    Generate Padding Classes (0px - 25px)
    padding, padding-top, padding-bottom, padding-left, padding-right
-----------------------------------------------------------*/
.p-0 {
  padding: 0px !important;
}
.p-t-0 {
  padding-top: 0px !important;
}
.p-b-0 {
  padding-bottom: 0px !important;
}
.p-l-0 {
  padding-left: 0px !important;
}
.p-r-0 {
  padding-right: 0px !important;
}
.p-5 {
  padding: 5px !important;
}
.p-t-5 {
  padding-top: 5px !important;
}
.p-b-5 {
  padding-bottom: 5px !important;
}
.p-l-5 {
  padding-left: 5px !important;
}
.p-r-5 {
  padding-right: 5px !important;
}
.p-10 {
  padding: 10px !important;
}
.p-t-10 {
  padding-top: 10px !important;
}
.p-b-10 {
  padding-bottom: 10px !important;
}
.p-l-10 {
  padding-left: 10px !important;
}
.p-r-10 {
  padding-right: 10px !important;
}
.p-15 {
  padding: 15px !important;
}
.p-t-15 {
  padding-top: 15px !important;
}
.p-b-15 {
  padding-bottom: 15px !important;
}
.p-l-15 {
  padding-left: 15px !important;
}
.p-r-15 {
  padding-right: 15px !important;
}
.p-20 {
  padding: 20px !important;
}
.p-t-20 {
  padding-top: 20px !important;
}
.p-b-20 {
  padding-bottom: 20px !important;
}
.p-l-20 {
  padding-left: 20px !important;
}
.p-r-20 {
  padding-right: 20px !important;
}
.p-25 {
  padding: 25px !important;
}
.p-t-25 {
  padding-top: 25px !important;
}
.p-b-25 {
  padding-bottom: 25px !important;
}
.p-l-25 {
  padding-left: 25px !important;
}
.p-r-25 {
  padding-right: 25px !important;
}
.p-30 {
  padding: 30px !important;
}
.p-t-30 {
  padding-top: 30px !important;
}
.p-b-30 {
  padding-bottom: 30px !important;
}
.p-l-30 {
  padding-left: 30px !important;
}
.p-r-30 {
  padding-right: 30px !important;
}
/* --------------------------------------------------------
    Generate Font-Size Classes (8px - 20px)
-----------------------------------------------------------*/
.f-8 {
  font-size: 8px !important;
}
.f-9 {
  font-size: 9px !important;
}
.f-10 {
  font-size: 10px !important;
}
.f-11 {
  font-size: 11px !important;
}
.f-12 {
  font-size: 12px !important;
}
.f-13 {
  font-size: 13px !important;
}
.f-14 {
  font-size: 14px !important;
}
.f-15 {
  font-size: 15px !important;
}
.f-16 {
  font-size: 16px !important;
}
.f-17 {
  font-size: 17px !important;
}
.f-18 {
  font-size: 18px !important;
}
.f-19 {
  font-size: 19px !important;
}
.f-20 {
  font-size: 20px !important;
}
.f-inherit {
  font-size: inherit !important;
}
/* --------------------------------------------------------
    Font Weight
-----------------------------------------------------------*/
.f-300 {
  font-weight: 300 !important;
}
.f-400 {
  font-weight: 400 !important;
}
.f-500 {
  font-weight: 500 !important;
}
.f-700 {
  font-weight: 700 !important;
}
/* --------------------------------------------------------
    Position
-----------------------------------------------------------*/
.p-relative {
  position: relative !important;
}
.p-absolute {
  position: absolute !important;
}
.p-fixed {
  position: fixed !important;
}
.p-static {
  position: static !important;
}
/* --------------------------------------------------------
    Overflow
-----------------------------------------------------------*/
.o-hidden {
  overflow: hidden !important;
}
.o-visible {
  overflow: visible !important;
}
.o-auto {
  overflow: auto !important;
}
/* --------------------------------------------------------
    Display
-----------------------------------------------------------*/
.di-block {
  display: inline-block !important;
}
.d-block {
  display: block;
}
/* --------------------------------------------------------
    Background Colors and Colors
-----------------------------------------------------------*/
.bg-white {
  background-color: #ffffff !important;
}
.c-white {
  color: #ffffff !important;
}
.bg-ace {
  background-color: #f8f8f8 !important;
}
.c-ace {
  color: #f8f8f8 !important;
}
.bg-black {
  background-color: #000000 !important;
}
.c-black {
  color: #000000 !important;
}
.bg-brown {
  background-color: #795548 !important;
}
.c-brown {
  color: #795548 !important;
}
.bg-pink {
  background-color: #E91E63 !important;
}
.c-pink {
  color: #E91E63 !important;
}
.bg-red {
  background-color: #F44336 !important;
}
.c-red {
  color: #F44336 !important;
}
.bg-blue {
  background-color: #2196F3 !important;
}
.c-blue {
  color: #2196F3 !important;
}
.bg-purple {
  background-color: #9C27B0 !important;
}
.c-purple {
  color: #9C27B0 !important;
}
.bg-deeppurple {
  background-color: #673AB7 !important;
}
.c-deeppurple {
  color: #673AB7 !important;
}
.bg-lightblue {
  background-color: #03A9F4 !important;
}
.c-lightblue {
  color: #03A9F4 !important;
}
.bg-cyan {
  background-color: #00BCD4 !important;
}
.c-cyan {
  color: #00BCD4 !important;
}
.bg-teal {
  background-color: #009688 !important;
}
.c-teal {
  color: #009688 !important;
}
.bg-green {
  background-color: #4CAF50 !important;
}
.c-green {
  color: #4CAF50 !important;
}
.bg-lightgreen {
  background-color: #8BC34A !important;
}
.c-lightgreen {
  color: #8BC34A !important;
}
.bg-lime {
  background-color: #CDDC39 !important;
}
.c-lime {
  color: #CDDC39 !important;
}
.bg-yellow {
  background-color: #FFEB3B !important;
}
.c-yellow {
  color: #FFEB3B !important;
}
.bg-amber {
  background-color: #FFC107 !important;
}
.c-amber {
  color: #FFC107 !important;
}
.bg-orange {
  background-color: #FF9800 !important;
}
.c-orange {
  color: #FF9800 !important;
}
.bg-deeporange {
  background-color: #FF5722 !important;
}
.c-deeporange {
  color: #FF5722 !important;
}
.bg-gray {
  background-color: #9E9E9E !important;
}
.c-gray {
  color: #9E9E9E !important;
}
.bg-bluegray {
  background-color: #607D8B !important;
}
.c-bluegray {
  color: #607D8B !important;
}
.bg-indigo {
  background-color: #3F51B5 !important;
}
.c-indigo {
  color: #3F51B5 !important;
}
/* --------------------------------------------------------
    Background Colors
-----------------------------------------------------------*/
.bg-brand {
  background-color: #191C22;
}
.bg-black-trp {
  background-color: rgba(0, 0, 0, 0.12) !important;
}
/* --------------------------------------------------------
    Borders
-----------------------------------------------------------*/
.b-0 {
  border: 0 !important;
}
/* --------------------------------------------------------
    Width
-----------------------------------------------------------*/
.w-100 {
  width: 100% !important;
}
.w-50 {
  width: 50% !important;
}
.w-25 {
  width: 25% !important;
}
/* --------------------------------------------------------
    Border Radius
-----------------------------------------------------------*/
.brd-2 {
  border-radius: 2px;
}
/* --------------------------------------------------------
    Alignment
-----------------------------------------------------------*/
.va-top {
  vertical-align: top;
}
/* --------------------------------------------------------
    Screen readers
-----------------------------------------------------------*/
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
label {
  font-weight: 500;
}
textarea.v-resizable {
  resize: vertical;
}
.form-group.required .control-label:after {
  content: " *";
  color: inherit;
}
.form-group.has-error .help-block.error {
  display: block;
}
.form-group .help-block.error {
  display: none;
}
/* --------------------------------------------------------
    Input Fields
-----------------------------------------------------------*/
.form-control {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease;
  transition-duration: 300ms;
  resize: none;
  box-shadow: 0 0 0 40px rgba(0, 0, 0, 0) !important;
  border-radius: 2px;
}
.form-control:focus {
  box-shadow: none !important;
  border-color: #2196F3;
}
.form-control:hover {
  border-color: #2196F3;
}
/* --------------------------------------------------------
    Custom Checkbox + Radio
-----------------------------------------------------------*/
.cr-alt {
  position: relative;
  padding-top: 0;
  margin: 0;
}
.cr-alt label {
  position: relative;
  padding-left: 28px;
}
.cr-alt.has-success input[type="checkbox"] + .input-helper,
.cr-alt.has-success input[type="radio"] + .input-helper {
  border-color: #4CAF50;
}
.cr-alt.has-success input[type="checkbox"]:checked + .input-helper:before,
.cr-alt.has-success input[type="radio"]:checked + .input-helper:before {
  background: #4CAF50;
}
.cr-alt.has-warning input[type="checkbox"] + .input-helper,
.cr-alt.has-warning input[type="radio"] + .input-helper {
  border-color: #FF9800;
}
.cr-alt.has-warning input[type="checkbox"]:checked + .input-helper:before,
.cr-alt.has-warning input[type="radio"]:checked + .input-helper:before {
  background: #FF9800;
}
.cr-alt.has-error input[type="checkbox"] + .input-helper,
.cr-alt.has-error input[type="radio"] + .input-helper {
  border-color: #F44336;
}
.cr-alt.has-error input[type="checkbox"]:checked + .input-helper:before,
.cr-alt.has-error input[type="radio"]:checked + .input-helper:before {
  background: #F44336;
}
.cr-alt input[type="checkbox"],
.cr-alt input[type="radio"] {
  opacity: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  z-index: 10;
  margin: 0;
  top: 0;
  left: 0;
  cursor: pointer;
}
.cr-alt input[type="checkbox"] + .input-helper,
.cr-alt input[type="radio"] + .input-helper {
  border: 1px solid #e8e8e8;
  width: 19px;
  height: 19px;
  background: #fff;
  position: absolute;
  left: 0;
  top: -1px;
  cursor: pointer;
}
.cr-alt input[type="checkbox"]:checked + .input-helper:before,
.cr-alt input[type="radio"]:checked + .input-helper:before {
  content: "";
  width: 9px;
  height: 9px;
  background: #31acff;
  position: absolute;
  left: 4px;
  top: 4px;
}
.cr-alt input[type="radio"] + i {
  border-radius: 50%;
}
.cr-alt input[type="radio"]:checked + i:before {
  border-radius: 50%;
}
.cr-alt.disabled {
  opacity: 0.7;
}
.checkbox-inline,
.radio-inline {
  padding-left: 27px;
}
/* --------------------------------------------------------
    Input Addon
-----------------------------------------------------------*/
.input-group .input-group-addon {
  min-width: 40px;
  color: #333;
  padding: 0;
}
.input-group:not([class*="input-group-"]) .input-group-addon {
  font-size: 15px;
}
/* --------------------------------------------------------
    Toggle Switch
-----------------------------------------------------------*/
.toggle-switch {
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.toggle-switch .ts-label {
  display: inline-block;
  margin: 0 20px 0 0;
  vertical-align: top;
  -webkit-transition: color 0.56s cubic-bezier(0.4, 0, 0.2, 1);
  transition: color 0.56s cubic-bezier(0.4, 0, 0.2, 1);
}
.toggle-switch .ts-helper {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 16px;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.26);
  -webkit-transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  vertical-align: middle;
  cursor: pointer;
}
.toggle-switch .ts-helper:before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  width: 24px;
  height: 24px;
  background: #fafafa;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
  border-radius: 50%;
  webkit-transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
.toggle-switch:not(.disabled) .ts-helper:active:before {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(128, 128, 128, 0.1);
}
.toggle-switch input {
  position: absolute;
  z-index: 1;
  width: 46px;
  margin: 0 0 0 -4px;
  height: 24px;
  opacity: 0;
  cursor: pointer;
}
.toggle-switch input:checked + .ts-helper:before {
  left: 20px;
}
.toggle-switch:not([data-ts-color]) input:not(:disabled):checked + .ts-helper {
  background: rgba(0, 150, 136, 0.5);
}
.toggle-switch:not([data-ts-color]) input:not(:disabled):checked + .ts-helper:before {
  background: #009688;
}
.toggle-switch:not([data-ts-color]) input:not(:disabled):checked + .ts-helper:active:before {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(0, 150, 136, 0.2);
}
.toggle-switch.disabled {
  opacity: 0.6;
}
.toggle-switch[data-ts-color="red"] input:not(:disabled):checked + .ts-helper {
  background: rgba(244, 67, 54, 0.5);
}
.toggle-switch[data-ts-color="red"] input:not(:disabled):checked + .ts-helper:before {
  background: #F44336;
}
.toggle-switch[data-ts-color="red"] input:not(:disabled):checked + .ts-helper:active:before {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(244, 67, 54, 0.2);
}
.toggle-switch[data-ts-color="blue"] input:not(:disabled):checked + .ts-helper {
  background: rgba(33, 150, 243, 0.5);
}
.toggle-switch[data-ts-color="blue"] input:not(:disabled):checked + .ts-helper:before {
  background: #2196F3;
}
.toggle-switch[data-ts-color="blue"] input:not(:disabled):checked + .ts-helper:active:before {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(33, 150, 243, 0.2);
}
.toggle-switch[data-ts-color="amber"] input:not(:disabled):checked + .ts-helper {
  background: rgba(255, 193, 7, 0.5);
}
.toggle-switch[data-ts-color="amber"] input:not(:disabled):checked + .ts-helper:before {
  background: #FFC107;
}
.toggle-switch[data-ts-color="amber"] input:not(:disabled):checked + .ts-helper:active:before {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(255, 193, 7, 0.2);
}
.toggle-switch[data-ts-color="purple"] input:not(:disabled):checked + .ts-helper {
  background: rgba(156, 39, 176, 0.5);
}
.toggle-switch[data-ts-color="purple"] input:not(:disabled):checked + .ts-helper:before {
  background: #9C27B0;
}
.toggle-switch[data-ts-color="purple"] input:not(:disabled):checked + .ts-helper:active:before {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(156, 39, 176, 0.2);
}
.toggle-switch[data-ts-color="pink"] input:not(:disabled):checked + .ts-helper {
  background: rgba(233, 30, 99, 0.5);
}
.toggle-switch[data-ts-color="pink"] input:not(:disabled):checked + .ts-helper:before {
  background: #E91E63;
}
.toggle-switch[data-ts-color="pink"] input:not(:disabled):checked + .ts-helper:active:before {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(233, 30, 99, 0.2);
}
.toggle-switch[data-ts-color="lime"] input:not(:disabled):checked + .ts-helper {
  background: rgba(205, 220, 57, 0.5);
}
.toggle-switch[data-ts-color="lime"] input:not(:disabled):checked + .ts-helper:before {
  background: #CDDC39;
}
.toggle-switch[data-ts-color="lime"] input:not(:disabled):checked + .ts-helper:active:before {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(205, 220, 57, 0.2);
}
.toggle-switch[data-ts-color="cyan"] input:not(:disabled):checked + .ts-helper {
  background: rgba(0, 188, 212, 0.5);
}
.toggle-switch[data-ts-color="cyan"] input:not(:disabled):checked + .ts-helper:before {
  background: #00BCD4;
}
.toggle-switch[data-ts-color="cyan"] input:not(:disabled):checked + .ts-helper:active:before {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(0, 188, 212, 0.2);
}
.toggle-switch[data-ts-color="green"] input:not(:disabled):checked + .ts-helper {
  background: rgba(76, 175, 80, 0.5);
}
.toggle-switch[data-ts-color="green"] input:not(:disabled):checked + .ts-helper:before {
  background: #4CAF50;
}
.toggle-switch[data-ts-color="green"] input:not(:disabled):checked + .ts-helper:active:before {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(76, 175, 80, 0.2);
}
.btn:not(.btn-alt) {
  border: 0;
}
.btn[class*="bg-"]:not(.bg-white) {
  color: #fff;
}
.btn .caret {
  margin-top: -3px;
}
.btn-default {
  color: #333;
  background-color: #eee;
  border-color: transparent;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e9e9e9;
  border-color: rgba(0, 0, 0, 0);
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #eee;
  border-color: transparent;
}
.btn-default .badge {
  color: #eee;
  background-color: #333;
}
.btn-inverse {
  color: #fff;
  background-color: #454545;
  border-color: transparent;
}
.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse.focus,
.btn-inverse:active,
.btn-inverse.active,
.open > .dropdown-toggle.btn-inverse {
  color: #fff;
  background-color: #404040;
  border-color: rgba(0, 0, 0, 0);
}
.btn-inverse:active,
.btn-inverse.active,
.open > .dropdown-toggle.btn-inverse {
  background-image: none;
}
.btn-inverse.disabled,
.btn-inverse[disabled],
fieldset[disabled] .btn-inverse,
.btn-inverse.disabled:hover,
.btn-inverse[disabled]:hover,
fieldset[disabled] .btn-inverse:hover,
.btn-inverse.disabled:focus,
.btn-inverse[disabled]:focus,
fieldset[disabled] .btn-inverse:focus,
.btn-inverse.disabled.focus,
.btn-inverse[disabled].focus,
fieldset[disabled] .btn-inverse.focus,
.btn-inverse.disabled:active,
.btn-inverse[disabled]:active,
fieldset[disabled] .btn-inverse:active,
.btn-inverse.disabled.active,
.btn-inverse[disabled].active,
fieldset[disabled] .btn-inverse.active {
  background-color: #454545;
  border-color: transparent;
}
.btn-inverse .badge {
  color: #454545;
  background-color: #fff;
}
.btn-link {
  color: #333;
}
.btn-icon {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  padding: 0;
  text-align: center;
}
.btn-icon .zmdi {
  font-size: 17px;
}
.btn-icon-text > .zmdi {
  font-size: 15px;
  vertical-align: top;
  display: inline-block;
  margin-top: 2px;
  line-height: 100%;
  margin-right: 5px;
}
.open .btn {
  outline: none !important;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}
.open .btn:focus,
.open .btn:active {
  outline: none !important;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}
/** ALTERNATIVE BUTTONS **/
.btn-alt {
  background: transparent;
}
.btn-alt.btn-default {
  border-color: #a2a2a2;
  color: #a2a2a2;
}
.btn-alt.btn-default:not(.btn-white):hover,
.btn-alt.btn-default:not(.btn-white):active,
.btn-alt.btn-default:not(.btn-white):focus {
  color: #fff;
  background: #a2a2a2;
}
.btn-alt.btn-default.btn-white:hover,
.btn-alt.btn-default.btn-white:active,
.btn-alt.btn-default.btn-white:focus {
  color: #333;
  background: #a2a2a2;
}
.btn-alt.btn-info {
  border-color: #00BCD4;
  color: #00BCD4;
}
.btn-alt.btn-info:not(.btn-white):hover,
.btn-alt.btn-info:not(.btn-white):active,
.btn-alt.btn-info:not(.btn-white):focus {
  color: #fff;
  background: #00BCD4;
}
.btn-alt.btn-info.btn-white:hover,
.btn-alt.btn-info.btn-white:active,
.btn-alt.btn-info.btn-white:focus {
  color: #333;
  background: #00BCD4;
}
.btn-alt.btn-primary {
  border-color: #2196F3;
  color: #2196F3;
}
.btn-alt.btn-primary:not(.btn-white):hover,
.btn-alt.btn-primary:not(.btn-white):active,
.btn-alt.btn-primary:not(.btn-white):focus {
  color: #fff;
  background: #2196F3;
}
.btn-alt.btn-primary.btn-white:hover,
.btn-alt.btn-primary.btn-white:active,
.btn-alt.btn-primary.btn-white:focus {
  color: #333;
  background: #2196F3;
}
.btn-alt.btn-success {
  border-color: #4CAF50;
  color: #4CAF50;
}
.btn-alt.btn-success:not(.btn-white):hover,
.btn-alt.btn-success:not(.btn-white):active,
.btn-alt.btn-success:not(.btn-white):focus {
  color: #fff;
  background: #4CAF50;
}
.btn-alt.btn-success.btn-white:hover,
.btn-alt.btn-success.btn-white:active,
.btn-alt.btn-success.btn-white:focus {
  color: #333;
  background: #4CAF50;
}
.btn-alt.btn-warning {
  border-color: #FF9800;
  color: #FF9800;
}
.btn-alt.btn-warning:not(.btn-white):hover,
.btn-alt.btn-warning:not(.btn-white):active,
.btn-alt.btn-warning:not(.btn-white):focus {
  color: #fff;
  background: #FF9800;
}
.btn-alt.btn-warning.btn-white:hover,
.btn-alt.btn-warning.btn-white:active,
.btn-alt.btn-warning.btn-white:focus {
  color: #333;
  background: #FF9800;
}
.btn-alt.btn-danger {
  border-color: #F44336;
  color: #F44336;
}
.btn-alt.btn-danger:not(.btn-white):hover,
.btn-alt.btn-danger:not(.btn-white):active,
.btn-alt.btn-danger:not(.btn-white):focus {
  color: #fff;
  background: #F44336;
}
.btn-alt.btn-danger.btn-white:hover,
.btn-alt.btn-danger.btn-white:active,
.btn-alt.btn-danger.btn-white:focus {
  color: #333;
  background: #F44336;
}
.btn-xs > .fa {
  font-size: 14px;
  top: 1px;
  position: relative;
}
.btn-default {
  background-color: rgba(102, 136, 153, 0.15);
}
.btn-transparent {
  background-color: transparent !important;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-color: rgba(102, 136, 153, 0.25);
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: rgba(102, 136, 153, 0.45);
}
.four-zero {
  background: #ffffff;
  box-shadow: 0 1px 11px rgba(0, 0, 0, 0.27);
  border-radius: 2px;
  position: absolute;
  top: 50%;
  margin-top: -150px;
  text-align: center;
  padding: 15px;
  height: 300px;
  width: 500px;
  left: 50%;
  color: #333;
  margin-left: -250px;
}
.four-zero h2 {
  font-size: 130px;
}
@media (max-width: 767px) {
  .four-zero {
    width: calc(100% - 40px);
    left: 20px;
    margin-left: 0;
    height: 260px;
    margin-top: -130px;
  }
  .four-zero h2 {
    font-size: 90px;
  }
}
.four-zero h2 {
  line-height: 100%;
  font-weight: 100;
}
.four-zero small {
  display: block;
  font-size: 26px;
  margin-top: -10px;
}
.four-zero footer {
  background: #f8f8f8;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 10px;
}
.four-zero footer > a {
  font-size: 21px;
  display: inline-block;
  color: #333;
  margin: 0 1px;
  line-height: 40px;
  width: 40px;
  height: 40px;
  background: rgba(0, 0, 0, 0.09);
  border-radius: 50%;
  text-align: center;
}
.four-zero footer > a:hover {
  background: rgba(0, 0, 0, 0.2);
}
.ie-warning {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  background: #000000;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  font-family: "Courier New", Courier, monospace;
  padding: 50px 0;
}
.ie-warning p {
  font-size: 17px;
}
.ie-warning .iew-container {
  min-width: 1024px;
  width: 100%;
  height: 200px;
  background: #fff;
  margin: 50px 0;
}
.ie-warning .iew-download {
  list-style: none;
  padding: 30px 0;
  margin: 0 auto;
  width: 720px;
}
.ie-warning .iew-download > li {
  float: left;
  vertical-align: top;
}
.ie-warning .iew-download > li > a {
  display: block;
  color: #000;
  width: 140px;
  font-size: 15px;
  padding: 15px 0;
}
.ie-warning .iew-download > li > a > div {
  margin-top: 10px;
}
.ie-warning .iew-download > li > a:hover {
  background-color: #eee;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !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-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.flex-fill {
  flex: 1 1 auto !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;
}
.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;
}
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  background: #F6F8F9;
}
hr {
  border-top-width: 2px;
  margin: 25px 0;
}
.tiled {
  padding: 25px;
}
.header {
  margin-top: 25px;
}
.header img {
  height: 40px;
}
.fixed-width-page {
  width: 500px;
}
@media (max-width: 767px) {
  .fixed-width-page {
    width: 80vw;
  }
}
.login-button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px 0;
}
.login-button:first-of-type {
  margin-top: 0;
}
.login-button:last-of-type {
  margin-bottom: 0;
}
.login-button img {
  height: 25px;
  margin-right: 5px;
}
.login-button:before {
  content: "";
  display: inline-block;
  height: 25px;
}