@charset "UTF-8";
/* ===================================== OVERRIDES: bootstrap.min.css ===================================== */
/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
@media (min-width: 769px) {
  .lead {
    font-size: 22.5px;
  }
}

@media (min-width: 1201px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}

@media (max-width: 768px) {
  .container {
    width: auto;
  }
}

@media (min-width: 769px) {
  .container {
    width: 750px;
  }
}

@media (min-width: 993px) {
  .container {
    width: 970px;
  }
}

@media (min-width: 1201px) {
  .container {
    width: 1170px;
  }
}

@media (min-width: 769px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-1 {
    width: 8.33333%;
  }
  .col-md-2 {
    width: 16.66667%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.33333%;
  }
  .col-md-5 {
    width: 41.66667%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.33333%;
  }
  .col-md-8 {
    width: 66.66667%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.33333%;
  }
  .col-md-11 {
    width: 91.66667%;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-pull-1 {
    right: 8.33333%;
  }
  .col-md-pull-2 {
    right: 16.66667%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-4 {
    right: 33.33333%;
  }
  .col-md-pull-5 {
    right: 41.66667%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-7 {
    right: 58.33333%;
  }
  .col-md-pull-8 {
    right: 66.66667%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-10 {
    right: 83.33333%;
  }
  .col-md-pull-11 {
    right: 91.66667%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-push-1 {
    left: 8.33333%;
  }
  .col-md-push-2 {
    left: 16.66667%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-4 {
    left: 33.33333%;
  }
  .col-md-push-5 {
    left: 41.66667%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-7 {
    left: 58.33333%;
  }
  .col-md-push-8 {
    left: 66.66667%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-10 {
    left: 83.33333%;
  }
  .col-md-push-11 {
    left: 91.66667%;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333%;
  }
  .col-md-offset-2 {
    margin-left: 16.66667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333%;
  }
  .col-md-offset-5 {
    margin-left: 41.66667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333%;
  }
  .col-md-offset-8 {
    margin-left: 66.66667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333%;
  }
  .col-md-offset-11 {
    margin-left: 91.66667%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 993px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-1 {
    width: 8.33333%;
  }
  .col-lg-2 {
    width: 16.66667%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.33333%;
  }
  .col-lg-5 {
    width: 41.66667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.33333%;
  }
  .col-lg-8 {
    width: 66.66667%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.33333%;
  }
  .col-lg-11 {
    width: 91.66667%;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-pull-1 {
    right: 8.33333%;
  }
  .col-lg-pull-2 {
    right: 16.66667%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-4 {
    right: 33.33333%;
  }
  .col-lg-pull-5 {
    right: 41.66667%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-7 {
    right: 58.33333%;
  }
  .col-lg-pull-8 {
    right: 66.66667%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-10 {
    right: 83.33333%;
  }
  .col-lg-pull-11 {
    right: 91.66667%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-push-1 {
    left: 8.33333%;
  }
  .col-lg-push-2 {
    left: 16.66667%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-4 {
    left: 33.33333%;
  }
  .col-lg-push-5 {
    left: 41.66667%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-7 {
    left: 58.33333%;
  }
  .col-lg-push-8 {
    left: 66.66667%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-10 {
    left: 83.33333%;
  }
  .col-lg-push-11 {
    left: 91.66667%;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66667%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66667%;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 1201px) {
  .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
    float: left;
  }
  .col-xl-1 {
    width: 8.33333%;
  }
  .col-xl-2 {
    width: 16.66667%;
  }
  .col-xl-3 {
    width: 25%;
  }
  .col-xl-4 {
    width: 33.33333%;
  }
  .col-xl-5 {
    width: 41.66667%;
  }
  .col-xl-6 {
    width: 50%;
  }
  .col-xl-7 {
    width: 58.33333%;
  }
  .col-xl-8 {
    width: 66.66667%;
  }
  .col-xl-9 {
    width: 75%;
  }
  .col-xl-10 {
    width: 83.33333%;
  }
  .col-xl-11 {
    width: 91.66667%;
  }
  .col-xl-12 {
    width: 100%;
  }
  .col-xl-pull-0 {
    right: auto;
  }
  .col-xl-pull-1 {
    right: 8.33333%;
  }
  .col-xl-pull-2 {
    right: 16.66667%;
  }
  .col-xl-pull-3 {
    right: 25%;
  }
  .col-xl-pull-4 {
    right: 33.33333%;
  }
  .col-xl-pull-5 {
    right: 41.66667%;
  }
  .col-xl-pull-6 {
    right: 50%;
  }
  .col-xl-pull-7 {
    right: 58.33333%;
  }
  .col-xl-pull-8 {
    right: 66.66667%;
  }
  .col-xl-pull-9 {
    right: 75%;
  }
  .col-xl-pull-10 {
    right: 83.33333%;
  }
  .col-xl-pull-11 {
    right: 91.66667%;
  }
  .col-xl-pull-12 {
    right: 100%;
  }
  .col-xl-push-0 {
    left: auto;
  }
  .col-xl-push-1 {
    left: 8.33333%;
  }
  .col-xl-push-2 {
    left: 16.66667%;
  }
  .col-xl-push-3 {
    left: 25%;
  }
  .col-xl-push-4 {
    left: 33.33333%;
  }
  .col-xl-push-5 {
    left: 41.66667%;
  }
  .col-xl-push-6 {
    left: 50%;
  }
  .col-xl-push-7 {
    left: 58.33333%;
  }
  .col-xl-push-8 {
    left: 66.66667%;
  }
  .col-xl-push-9 {
    left: 75%;
  }
  .col-xl-push-10 {
    left: 83.33333%;
  }
  .col-xl-push-11 {
    left: 91.66667%;
  }
  .col-xl-push-12 {
    left: 100%;
  }
  .col-xl-offset-0 {
    margin-left: 0%;
  }
  .col-xl-offset-1 {
    margin-left: 8.33333%;
  }
  .col-xl-offset-2 {
    margin-left: 16.66667%;
  }
  .col-xl-offset-3 {
    margin-left: 25%;
  }
  .col-xl-offset-4 {
    margin-left: 33.33333%;
  }
  .col-xl-offset-5 {
    margin-left: 41.66667%;
  }
  .col-xl-offset-6 {
    margin-left: 50%;
  }
  .col-xl-offset-7 {
    margin-left: 58.33333%;
  }
  .col-xl-offset-8 {
    margin-left: 66.66667%;
  }
  .col-xl-offset-9 {
    margin-left: 75%;
  }
  .col-xl-offset-10 {
    margin-left: 83.33333%;
  }
  .col-xl-offset-11 {
    margin-left: 91.66667%;
  }
  .col-xl-offset-12 {
    margin-left: 100%;
  }
}

@media screen and (max-width: 768px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15.75px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

@media (min-width: 769px) {
  .form-inline .row {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-text, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .col-form-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-check, .form-inline .form-check {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-check label, .form-inline .form-check label {
    padding-left: 0;
  }
  .form-inline .form-check input[type="radio"], .form-inline .form-check input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}

@media (min-width: 769px) {
  .form-horizontal .col-form-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}

@media (min-width: 769px) {
  .form-horizontal .form-control-lg .col-form-label {
    padding-top: 11px;
    font-size: 19px;
  }
}

@media (min-width: 769px) {
  .form-horizontal .form-control-sm .col-form-label {
    padding-top: 6px;
    font-size: 13px;
  }
}

@media (min-width: 1201px) {
  .ms-auto .dropdown-menu {
    right: 0;
    left: auto;
  }
  .ms-auto .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}

@media (min-width: 769px) {
  .nav-justified > li, .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}

@media (min-width: 769px) {
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 0 0 0 0;
  }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}

@media (min-width: 1201px) {
  .navbar {
    border-radius: 0;
  }
}

@media (min-width: 1201px) {
  .navbar-header {
    float: left;
  }
}

@media (min-width: 1201px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .fixed-top .navbar-collapse, .static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 1201px) {
  .container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}

@media (min-width: 1201px) {
  .static-top {
    border-radius: 0;
  }
}

@media (min-width: 1201px) {
  .fixed-top, .navbar-fixed-bottom {
    border-radius: 0;
  }
}

@media (min-width: 1201px) {
  .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}

@media (min-width: 1201px) {
  .navbar-toggler {
    display: none;
  }
}

@media (max-width: 1200px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 21px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}

@media (min-width: 1201px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 17.5px;
    padding-bottom: 17.5px;
  }
}

@media (min-width: 769px) {
  .form-inline .row {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-text, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .col-form-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-check, .form-inline .form-check {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-check label, .form-inline .form-check label {
    padding-left: 0;
  }
  .form-inline .form-check input[type="radio"], .form-inline .form-check input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}

@media (max-width: 1200px) {
  .form-inline .row {
    margin-bottom: 5px;
  }
  .form-inline .row:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 1201px) {
  .form-inline {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

@media (min-width: 1201px) {
  .navbar-text {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
  }
}

@media (min-width: 1201px) {
  .me-auto {
    float: left !important;
  }
  .ms-auto {
    float: right !important;
    margin-right: -15px;
  }
  .ms-auto ~ .ms-auto {
    margin-right: 0;
  }
}

@media (max-width: 1200px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #666;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #36f;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #36f;
    background-color: #eee;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}

@media (max-width: 1200px) {
  .navbar-dark .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #090909;
  }
  .navbar-dark .navbar-nav .open .dropdown-menu .dropdown-divider {
    background-color: #090909;
  }
  .navbar-dark .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-dark .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-dark .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-dark .navbar-nav .open .dropdown-menu > .active > a, .navbar-dark .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-dark .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #090909;
  }
  .navbar-dark .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-dark .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-dark .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}

@media screen and (min-width: 769px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron, .container-fluid .jumbotron {
    padding-left: 60px;
    padding-right: 60px;
  }
  .jumbotron h1, .jumbotron .h1 {
    font-size: 68px;
  }
}

@media (min-width: 769px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}

@media (min-width: 993px) {
  .modal-lg {
    width: 900px;
  }
}

@media screen and (min-width: 769px) {
  .carousel-control .carousel-control-prev-icon, .carousel-control .carousel-control-next-icon, .carousel-control .icon-prev, .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .carousel-control-prev-icon, .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .carousel-control-next-icon, .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}

@media (max-width: 768px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs, td.visible-xs {
    display: table-cell !important;
  }
}

@media (max-width: 768px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 768px) {
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 768px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 769px) and (max-width: 992px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm, td.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 769px) and (max-width: 992px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 769px) and (max-width: 992px) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 769px) and (max-width: 992px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 993px) and (max-width: 1200px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md, td.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 993px) and (max-width: 1200px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 993px) and (max-width: 1200px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 993px) and (max-width: 1200px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1201px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg, td.visible-lg {
    display: table-cell !important;
  }
}

@media (min-width: 1201px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1201px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1201px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 768px) {
  .hidden-xs {
    display: none !important;
  }
}

@media (min-width: 769px) and (max-width: 992px) {
  .hidden-sm {
    display: none !important;
  }
}

@media (min-width: 993px) and (max-width: 1200px) {
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 1201px) {
  .hidden-lg {
    display: none !important;
  }
}

/* ===================================== OVERRIDES: theme.css ===================================== */
/*! Generated by Live LESS Theme Customizer */
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
@media (min-width: 769px) {
  .lead {
    font-size: 21px;
  }
}

@media (min-width: 769px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}

@media (min-width: 769px) {
  .container {
    width: 750px;
  }
}

@media (min-width: 993px) {
  .container {
    width: 970px;
  }
}

@media (min-width: 1201px) {
  .container {
    width: 1170px;
  }
}

@media (min-width: 769px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}

@media (min-width: 993px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}

@media (min-width: 1201px) {
  .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
    float: left;
  }
  .col-xl-12 {
    width: 100%;
  }
  .col-xl-11 {
    width: 91.66666667%;
  }
  .col-xl-10 {
    width: 83.33333333%;
  }
  .col-xl-9 {
    width: 75%;
  }
  .col-xl-8 {
    width: 66.66666667%;
  }
  .col-xl-7 {
    width: 58.33333333%;
  }
  .col-xl-6 {
    width: 50%;
  }
  .col-xl-5 {
    width: 41.66666667%;
  }
  .col-xl-4 {
    width: 33.33333333%;
  }
  .col-xl-3 {
    width: 25%;
  }
  .col-xl-2 {
    width: 16.66666667%;
  }
  .col-xl-1 {
    width: 8.33333333%;
  }
  .col-xl-pull-12 {
    right: 100%;
  }
  .col-xl-pull-11 {
    right: 91.66666667%;
  }
  .col-xl-pull-10 {
    right: 83.33333333%;
  }
  .col-xl-pull-9 {
    right: 75%;
  }
  .col-xl-pull-8 {
    right: 66.66666667%;
  }
  .col-xl-pull-7 {
    right: 58.33333333%;
  }
  .col-xl-pull-6 {
    right: 50%;
  }
  .col-xl-pull-5 {
    right: 41.66666667%;
  }
  .col-xl-pull-4 {
    right: 33.33333333%;
  }
  .col-xl-pull-3 {
    right: 25%;
  }
  .col-xl-pull-2 {
    right: 16.66666667%;
  }
  .col-xl-pull-1 {
    right: 8.33333333%;
  }
  .col-xl-pull-0 {
    right: auto;
  }
  .col-xl-push-12 {
    left: 100%;
  }
  .col-xl-push-11 {
    left: 91.66666667%;
  }
  .col-xl-push-10 {
    left: 83.33333333%;
  }
  .col-xl-push-9 {
    left: 75%;
  }
  .col-xl-push-8 {
    left: 66.66666667%;
  }
  .col-xl-push-7 {
    left: 58.33333333%;
  }
  .col-xl-push-6 {
    left: 50%;
  }
  .col-xl-push-5 {
    left: 41.66666667%;
  }
  .col-xl-push-4 {
    left: 33.33333333%;
  }
  .col-xl-push-3 {
    left: 25%;
  }
  .col-xl-push-2 {
    left: 16.66666667%;
  }
  .col-xl-push-1 {
    left: 8.33333333%;
  }
  .col-xl-push-0 {
    left: auto;
  }
  .col-xl-offset-12 {
    margin-left: 100%;
  }
  .col-xl-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-xl-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-xl-offset-9 {
    margin-left: 75%;
  }
  .col-xl-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-xl-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-xl-offset-6 {
    margin-left: 50%;
  }
  .col-xl-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-xl-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-xl-offset-3 {
    margin-left: 25%;
  }
  .col-xl-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-xl-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-xl-offset-0 {
    margin-left: 0%;
  }
}

@media screen and (max-width: 768px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #e7ecef;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

@media (min-width: 769px) {
  .form-inline .row {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-text,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .col-form-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-check,
  .form-inline .form-check {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-check label,
  .form-inline .form-check label {
    padding-left: 0;
  }
  .form-inline .form-check input[type="radio"],
  .form-inline .form-check input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}

@media (min-width: 769px) {
  .form-horizontal .col-form-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}

@media (min-width: 769px) {
  .form-horizontal .form-control-lg .col-form-label {
    padding-top: 11px;
    font-size: 18px;
  }
}

@media (min-width: 769px) {
  .form-horizontal .form-control-sm .col-form-label {
    padding-top: 6px;
    font-size: 12px;
  }
}

@media (min-width: 769px) {
  .ms-auto .dropdown-menu {
    left: auto;
    right: 0;
  }
  .ms-auto .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}

@media (min-width: 769px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}

@media (min-width: 769px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #dddddd;
    border-radius: 0 0 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #ffffff;
  }
}

@media (min-width: 769px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}

@media (min-width: 769px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #dddddd;
    border-radius: 0 0 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #ffffff;
  }
}

@media (min-width: 769px) {
  .navbar {
    border-radius: 0;
  }
}

@media (min-width: 769px) {
  .navbar-header {
    float: left;
  }
}

@media (min-width: 769px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .fixed-top .navbar-collapse,
  .static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 769px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}

@media (min-width: 769px) {
  .static-top {
    border-radius: 0;
  }
}

@media (min-width: 769px) {
  .fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}

@media (min-width: 769px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}

@media (min-width: 769px) {
  .navbar-toggler {
    display: none;
  }
}

@media (max-width: 768px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}

@media (min-width: 769px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 17.5px;
    padding-bottom: 17.5px;
  }
}

@media (min-width: 769px) {
  .form-inline .row {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-text,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .col-form-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-check,
  .form-inline .form-check {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-check label,
  .form-inline .form-check label {
    padding-left: 0;
  }
  .form-inline .form-check input[type="radio"],
  .form-inline .form-check input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}

@media (max-width: 768px) {
  .form-inline .row {
    margin-bottom: 5px;
  }
  .form-inline .row:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 769px) {
  .form-inline {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

@media (min-width: 769px) {
  .navbar-text {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
  }
}

@media (min-width: 769px) {
  .me-auto {
    float: left !important;
  }
  .ms-auto {
    float: right !important;
    margin-right: -15px;
  }
  .ms-auto ~ .ms-auto {
    margin-right: 0;
  }
}

@media (max-width: 768px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}

@media (max-width: 768px) {
  .navbar-dark .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: transparent;
  }
  .navbar-dark .navbar-nav .open .dropdown-menu .dropdown-divider {
    background-color: transparent;
  }
  .navbar-dark .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-dark .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-dark .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.2);
  }
  .navbar-dark .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-dark .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-dark .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: transparent;
  }
  .navbar-dark .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-dark .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-dark .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: rgba(255, 255, 255, 0.5);
    background-color: transparent;
  }
}

@media screen and (min-width: 769px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-left: 60px;
    padding-right: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }
}

@media (min-width: 769px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}

@media (min-width: 993px) {
  .modal-lg {
    width: 900px;
  }
}

@media screen and (min-width: 769px) {
  .carousel-control .carousel-control-prev-icon,
  .carousel-control .carousel-control-next-icon,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .carousel-control-prev-icon,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .carousel-control-next-icon,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}

@media (max-width: 768px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}

@media (max-width: 768px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 768px) {
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 768px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 769px) and (max-width: 992px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 769px) and (max-width: 992px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 769px) and (max-width: 992px) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 769px) and (max-width: 992px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 993px) and (max-width: 1200px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 993px) and (max-width: 1200px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 993px) and (max-width: 1200px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 993px) and (max-width: 1200px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1201px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}

@media (min-width: 1201px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1201px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1201px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 768px) {
  .hidden-xs {
    display: none !important;
  }
}

@media (min-width: 769px) and (max-width: 992px) {
  .hidden-sm {
    display: none !important;
  }
}

@media (min-width: 993px) and (max-width: 1200px) {
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 1201px) {
  .hidden-lg {
    display: none !important;
  }
}

/* ===================================== FONTS ===================================== */
/* ------------------------------ FONT: AmericanSans ------------------------------ */

@font-face {
  font-family: 'AmericanSansVar';
  font-style: normal;
  font-weight: 100 1000;
  font-stretch: 75% 125%;
  src: url('AmericanSansVar.woff2') format('woff2'), url('AmericanSansVar.woff') format('woff'), url('AmericanSansVar.ttf') format('truetype');
}

@font-face {
  font-family: 'AmericanSansItalic';
  font-style: normal;
  font-weight: 100 1000;
  font-stretch: 75% 125%;
  src: url('AmericanSansVar-Italic.ttf') format('truetype'),url('AmericanSansVar-Italic.woff') format('woff'),url('AmericanSansVar-Italic.woff2') format('woff2');
}


@font-face {
  font-family: 'AmericanSansRegular';
  src: url("americansans-regular.woff") format("woff"), url("americansans-regular.ttf") format("truetype");
}

@font-face {
  font-family: 'AmericanSansItalic';
  src: url("americansans-regularitalic.woff") format("woff"), url("americansans-regularitalic.ttf") format("truetype");
}

@font-face {
  font-family: 'AmericanSansBold';
  src: url("americansans-bold.woff") format("woff"), url("americansans-bold.ttf") format("truetype");
}

@font-face {
  font-family: 'AmericanSansBoldItalic';
  src: url("americansans-bold_italic.woff") format("woff"), url("americansans-bold_italic.ttf") format("truetype");
}

@font-face {
  font-family: 'AmericanSansVar';
  src: url("americansans-light.woff") format("woff"), url("americansans-light.ttf") format("truetype");
}

@font-face {
  font-family: 'AmericanSansVarItalic';
  src: url("americansans-light_italic.woff") format("woff"), url("americansans-light_italic.ttf") format("truetype");
}

@font-face {
  font-family: 'AmericanSansMedium';
  src: url("americansans-medium.woff") format("woff"), url("americansans-medium.ttf") format("truetype");
  font-weight: 500;
}

@font-face {
  font-family: 'AmericanSansMediumItalic';
  src: url("americansans-medium_italic.woff") format("woff"), url("americansans-medium_italic.ttf") format("truetype");
}

/* ------------------------------ FONT: American Icons ------------------------------ */
@font-face {
  font-family: 'AmericanIcons';
  src: url("american-icons-v4-6.woff") format("woff"), url("american-icons-v4-6.ttf") format("truetype");
}

[class*="icon-americanicons"]::after,
[class*="american-icon"] {
  font-family: 'AmericanIcons';
}

.icon-americanicons-x-circle::after {
  content: '';
}

.icon-americanicons-exclamation-point-circle::after,
.american-icon-warning::after {
  content: '\E03D';
}

.icon-americanicons-exclamation-point-triangle::after,
.american-icon-alert::after {
  content: '\E03E';
}

.icon-americanicons-arrow-new-window::after,
.american-icon-new-window::after {
  content: '\E03F';
}

/* ------------------------------ FONT: Glyphicons Halflings ------------------------------ */
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url("glyphicons-halflings-regular.woff2") format("woff2"), url("glyphicons-halflings-regular.woff") format("woff"), url("glyphicons-halflings-regular.ttf") format("truetype");
}

/* ------------------------------ FONT: WebComponentsIcons ------------------------------ */
@font-face {
  font-family: 'WebComponentsIcons';
  src: url("WebComponentsIcons.woff") format("woff"), url("WebComponentsIcons.ttf") format("truetype");
}

/* ===================================== GLOBAL ===================================== */
.no-scroll {
  overflow: hidden;
  max-width: 100vw;
  max-height: 100vh;
}

p {
  margin: 0;
}

p + p {
  margin: 1rem 0 0;
}

ol,
ul {
  list-style: none;
}

.page_section {
  padding-top: 20px;
}

@media (min-width: 769px) {
  .page_section {
    padding-top: 15px;
  }
}

@media (min-width: 769px) {
  .page-heading {
    padding-top: 15px;
  }
}

@media (min-width: 769px) {
  .container {
    width: calc(100vw - 2rem);
  }
}

@media (min-width: 993px) {
  .container {
    width: calc(100vw - 2rem);
  }
}

@media (min-width: 1201px) {
  .container {
    width: 1330px;
  }
}

.list-basic {
  margin: 6px 12px;
  padding: 0;
  position: relative;
}

.list-basic li {
  position: relative;
  padding-left: 14px;
}

.list-basic li::before {
  position: absolute;
  top: 1px;
  left: 0;
  font-size: 12px;
  color: #9da6ab;
  line-height: 1.66667;
  font-family: "American Icons";
  content: '■';
}

.list-basic li + li {
  margin-top: 6px;
}

.list-number-large {
  padding: 0;
  counter-reset: item;
}

.list-number-large > li {
  margin-top: 22px;
}

.list-number-large h4::before {
  counter-increment: item;
  content: counter(item) ") ";
}

.page-header {
  margin: 0;
  padding: 0;
  border-bottom: 0;
}

fieldset legend {
  border-bottom: 0;
}

fieldset legend span,
fieldset legend div {
  font-family: AmericanSansVar, "Segoe UI", Arial, sans-serif, "Microsoft Yahei", 微软雅黑, SimSun, 宋体, STXihei, 华文细黑;
  font-weight: normal;
  font-size: 30px;
}

li a {
  margin-left: inherit;
}

label {
  font-weight: normal;
  color: #36495A;
  margin-bottom: 2px;
}

.form-field-checkbox input {
  border: 0;
  clip: rect(0 0 0 0);
  margin: -1px;
  overflow: hidden;
  padding: 0px;
  position: absolute;
}

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

.new-window:after,
.icon-new-window:after {
  display: inline-block;
  padding: 0 0.46154em;
  font-family: "AmericanIcons";
  font-size: 13px;
  content: '\E03F';
}

.new-window:after,
.text-link-button:hover .new-window:after,
.icon-new-window:after,
.text-link-button:hover
.icon-new-window:after {
  text-decoration: none;
}

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* -------------------------------------- TEXT -------------------------------------- */
.left {
  text-align: left;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.top {
  vertical-align: top;
}

.middle {
  vertical-align: middle;
}

.bottom {
  vertical-align: bottom;
}

[class^="columns-"] > .left {
  text-align: left;
}

[class^="columns-"] > .center {
  text-align: center;
}

[class^="columns-"] > .right {
  text-align: right;
}

[class^="columns-"] > .top {
  vertical-align: top;
}

[class^="columns-"] > .middle {
  vertical-align: middle;
}

[class^="columns-"] > .bottom {
  vertical-align: bottom;
}

.long-line-wrap {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
}

/* ===================================== GLOBAL: Styles ===================================== */
.columns-1 {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.columns-1 > * {
  display: table-cell;
  vertical-align: top;
}

.columns-2 {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.columns-2 > * {
  display: table-cell;
  vertical-align: top;
}

.columns-3 {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.columns-3 > * {
  display: table-cell;
  vertical-align: top;
}

.columns-4 {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.columns-4 > * {
  display: table-cell;
  vertical-align: top;
}

.columns-5 {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.columns-5 > * {
  display: table-cell;
  vertical-align: top;
}

.columns-2 > div + div {
  text-align: right;
}

.column-width-5 {
  -webkit-box-flex: 5;
  -ms-flex: 5;
  flex: 5;
  width: 5%;
}

.column-width-10 {
  -webkit-box-flex: 10;
  -ms-flex: 10;
  flex: 10;
  width: 10%;
}

.column-width-15 {
  -webkit-box-flex: 15;
  -ms-flex: 15;
  flex: 15;
  width: 15%;
}

.column-width-20 {
  -webkit-box-flex: 20;
  -ms-flex: 20;
  flex: 20;
  width: 20%;
}

.column-width-25 {
  -webkit-box-flex: 25;
  -ms-flex: 25;
  flex: 25;
  width: 25%;
}

.column-width-30 {
  -webkit-box-flex: 30;
  -ms-flex: 30;
  flex: 30;
  width: 30%;
}

.column-width-35 {
  -webkit-box-flex: 35;
  -ms-flex: 35;
  flex: 35;
  width: 35%;
}

.column-width-40 {
  -webkit-box-flex: 40;
  -ms-flex: 40;
  flex: 40;
  width: 40%;
}

.column-width-45 {
  -webkit-box-flex: 45;
  -ms-flex: 45;
  flex: 45;
  width: 45%;
}

.column-width-50 {
  -webkit-box-flex: 50;
  -ms-flex: 50;
  flex: 50;
  width: 50%;
}

.column-width-55 {
  -webkit-box-flex: 55;
  -ms-flex: 55;
  flex: 55;
  width: 55%;
}

.column-width-60 {
  -webkit-box-flex: 60;
  -ms-flex: 60;
  flex: 60;
  width: 60%;
}

.column-width-65 {
  -webkit-box-flex: 65;
  -ms-flex: 65;
  flex: 65;
  width: 65%;
}

.column-width-70 {
  -webkit-box-flex: 70;
  -ms-flex: 70;
  flex: 70;
  width: 70%;
}

.column-width-75 {
  -webkit-box-flex: 75;
  -ms-flex: 75;
  flex: 75;
  width: 75%;
}

.column-width-80 {
  -webkit-box-flex: 80;
  -ms-flex: 80;
  flex: 80;
  width: 80%;
}

.column-width-85 {
  -webkit-box-flex: 85;
  -ms-flex: 85;
  flex: 85;
  width: 85%;
}

.column-width-90 {
  -webkit-box-flex: 90;
  -ms-flex: 90;
  flex: 90;
  width: 90%;
}

.column-width-95 {
  -webkit-box-flex: 95;
  -ms-flex: 95;
  flex: 95;
  width: 95%;
}

.column-width-100 {
  -webkit-box-flex: 100;
  -ms-flex: 100;
  flex: 100;
  width: 100%;
}

.column-width-XXXXXXXS {
  width: 3rem;
  min-width: 3rem;
}

.column-width-XXXXXXS {
  width: 4rem;
  min-width: 4rem;
}

.column-width-XXXXXS {
  width: 6rem;
  min-width: 6rem;
}

.column-width-XXXXS {
  width: 8rem;
  min-width: 8rem;
}

.column-width-XXXS {
  width: 10rem;
  min-width: 10rem;
}

.column-width-XXS {
  width: 12rem;
  min-width: 12rem;
}

.column-width-XS {
  width: 14rem;
  min-width: 14rem;
}

.column-width-S {
  width: 16rem;
  min-width: 16rem;
}

.column-width-M {
  width: 20rem;
  min-width: 20rem;
}

.column-width-L {
  width: 24rem;
  min-width: 24rem;
}

.column-width-XL {
  width: 28rem;
  min-width: 28rem;
}

.column-width-XXL {
  width: 32rem;
  min-width: 32rem;
}

.column-width-XXXL {
  width: 36rem;
  min-width: 36rem;
}

.column-width-XXXXL {
  width: 40rem;
  min-width: 40rem;
}

.column-width-XXXXXL {
  width: 48rem;
  min-width: 48rem;
}

.column-width-XXXXXXL {
  width: 60rem;
  min-width: 60rem;
}

.column-width-FULL {
  width: 100%;
}

#gethelp {
  display: none;
}

/* ===================================== GLOBAL: Text ===================================== */
strong {
  font-weight: bold;
}

a {
  color: #0078D2;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

h1,
.h1 {
  font-family: AmericanSansVar, "Segoe UI", Arial, sans-serif, "Microsoft Yahei", 微软雅黑, SimSun, 宋体, STXihei, 华文细黑 !important;
  font-size: 32px;
  color: #0078D2;
  line-height: 1.1875;
  margin: 0 0 20px;
}

@media (min-width: 769px) {
  h1,
  .h1 {
    font-size: 38px;
    line-height: 1.15789;
    margin-top: 30px;
  }
}

h2,
.h2, .modal h2 {
  font-family: AmericanSansVar, "Segoe UI", Arial, sans-serif, "Microsoft Yahei", 微软雅黑, SimSun, 宋体, STXihei, 华文细黑 !important;
  font-size: 27px;
  color: #00467F;
  line-height: 1.22222;
  margin: 0 0 20px;
}

@media (min-width: 769px) {
  h2,
  .h2, .modal h2 {
    font-size: 30px;
    line-height: 1.2;
  }
}

h4,
.h4, .spinner-stacked .spinner-message p, .spinner-side-by-side .spinner-message p {
  font-family: AmericanSansVar, "Segoe UI", Arial, sans-serif, "Microsoft Yahei", 微软雅黑, SimSun, 宋体, STXihei, 华文细黑 !important;
  font-size: 18px;
  color: #627a88;
  line-height: 1.33333;
  margin: 0 0 10px;
}

.terms-and-conditions a[name^="footnote"], .terms-and-conditions .footnotes p {
  font-size: 12px;
  font-weight: normal;
  color: #627a88;
  line-height: 1.33333;
  font-family: Arial, sans-serif, "Microsoft Yahei", 微软雅黑, SimSun, 宋体, STXihei, 华文细黑;
  margin: 0;
}

/* ===================================== COMPONENTS: BANNER GLOBAL (Outage/Maintenance) ===================================== */
.banner-global {
  background: #00233E;
}

.banner-global > div {
  display: table;
  table-layout: fixed;
  margin: 0 auto;
  padding: 0;
  min-height: 36px;
}

.banner-global > div > * {
  display: table-cell;
  vertical-align: middle;
}

@media (min-width: 769px) {
  .banner-global > div {
    max-width: 720px;
  }
}

@media (min-width: 993px) {
  .banner-global > div {
    max-width: 940px;
  }
}

@media (min-width: 1201px) {
  .banner-global > div {
    max-width: 1140px;
  }
}

.banner-global > div div {
  padding: 8px 0 7px 15px;
  width: 43px;
  min-width: 43px;
}

.banner-global > div div [class^="american-icon"] {
  font-size: 18px;
  color: #FAAF00;
  line-height: 1.11111;
}

.banner-global > div div + div {
  padding: 10px 15px 9px 0;
  width: auto;
}

.banner-global > div div + div p {
  font-size: 14px;
  color: #fff;
  line-height: 1.14286;
  margin: 0;
}

@media (min-width: 1025px) {
  .banner-global > div div + div p span:last-child {
    display: inline-block;
  }
}

/* ===================================== COMPONENTS: NAV ===================================== */
.navbar > .container {
  position: relative;
}

.navbar-dark .navbar-brand:hover {
  background: none;
}

.navbar-brand a {
  position: relative;
  top: -5px;
  display: block;
  width: 250px;
  height: 60px;
  background-repeat: no-repeat;
  background-image: url(american-airlines-saleslink-logo.png) !important;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .navbar-brand a {
    background-image: url(american-airlines-saleslink-logo-2x.png) !important;
    background-size: 250px 60px;
  }
}

@media (max-width: 480px) {
  .navbar-brand a {
    top: -2px;
    width: 220px;
    background-size: 221px 53px;
  }
}

@media (max-width: 768px) {
  .navbar-nav:nth-of-type(1) {
    margin-bottom: 0;
  }
  .navbar-nav:nth-of-type(2) {
    margin-top: 0;
  }
  .navbar-dark .navbar-nav > .open > .dropdown-menu li a {
    padding-left: 40px;
    color: rgba(255, 255, 255, 0.71);
  }
}

.navbar-nav .badge {
  position: relative;
  top: -1px;
  right: -2px;
  background: #fff;
  color: #000;
}

.navbar-nav .dropdown-menu > .active > a:focus {
  color: #000;
  background-color: #E7ECEF;
}

.navbar-nav a:focus {
  border: 0 !important;
}

@media (min-width: 769px) {
  .ms-auto .ms-auto {
    position: relative;
    right: 65px;
    margin-top: 7px;
  }
  .navbar-dark .ms-auto .ms-auto.navbar-nav > li > a,
  .navbar-dark .ms-auto .ms-auto.navbar-nav > li > a:hover,
  .navbar-dark .ms-auto .ms-auto.navbar-nav > li > a:focus {
    padding: 5px 15px;
    background: transparent;
    font-family: Arial;
    font-size: 14px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.71);
    outline: 0;
  }
  .navbar-dark .ms-auto .ms-auto.navbar-nav > li > a:hover {
    text-decoration: underline;
  }
  .navbar-dark .ms-auto .ms-auto.navbar-nav > li.dropdown.open > a {
    background: rgba(0, 0, 0, 0.2);
  }
  .navbar-dark .ms-auto .ms-auto.navbar-nav > li:last-child > a {
    padding-right: 20px;
  }
}

#navbar > .ms-auto .ms-auto {
  margin-right: 0;
}

/* ===================================== COMPONENTS: NAV - Primary ===================================== */
@media (min-width: 769px) {
  .weblinks {
    position: absolute;
    right: 65px;
    bottom: 0;
  }
  .navbar-dark .weblinks > li > a {
    font-family: "AmericanSansVar", "Segoe UI", Arial, sans-serif, "Microsoft Yahei", 微软雅黑, SimSun, 宋体, STXihei, 华文细黑;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
  }
  .navbar-dark .weblinks > li > a:focus,
  .navbar-dark .weblinks > li.active a:active,
  .navbar-dark .weblinks > li.active a:focus,
  .navbar-dark .weblinks > li.active a:hover:focus {
    background: transparent;
    outline: 0;
  }
  .navbar-dark .weblinks > li > a:hover:focus {
    background: rgba(0, 0, 0, 0.2);
  }
  .weblinks .active a:hover {
    cursor: default;
  }
  .weblinks .dropdown.open > a,
  .weblinks .dropdown.open > a:focus {
    background: rgba(0, 0, 0, 0.2);
  }
}

@media (min-width: 769px) and (max-width: 1200px) {
  .navbar-nav .open .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    text-align: left;
    background: #fff;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
  }
  .navbar-dark .navbar-nav .open .dropdown-menu > li > a {
    color: #0078d2;
    line-height: 1.42857143;
  }
  .navbar-dark .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #000;
    background-color: #f3f6f7;
  }
  .navbar-dark .navbar-nav .open .dropdown-menu > li.active > a:focus {
    color: #000;
    background-color: #e7ecef;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 3px 20px;
  }
}

@media (min-width: 769px) {
  .ms-auto .width-match-parent.dropdown-menu {
    left: 0;
    right: 0;
  }
}

.dropdown-menu > li > a {
  white-space: normal;
}

.navbar .dropdown.open .dropdown-sublinks-one {
  background: none;
}

.navbar .dropdown:hover .dropdown-sublinks-one {
  background: rgba(0, 0, 0, 0.2);
}

.navbar .dropdown-sublinks-one .caret {
  display: none;
}

.navbar .dropdown-sublinks-one + .dropdown-menu {
  position: static;
  display: block;
  padding: 0;
  min-width: 0;
  background: none;
  border: 0;
  box-shadow: none;
}

.navbar .dropdown-sublinks-one + .dropdown-menu a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  color: rgba(255, 255, 255, 0);
  text-indent: -1000rem;
}

.navbar .dropdown-sublinks-one + .dropdown-menu a:hover {
  background: none;
}

.navbar .dropdown-sublinks-one + .dropdown-menu a:focus {
  background: none;
}

.navbar.navbar-dark .navbar-nav .open .dropdown-sublinks-one + .dropdown-menu > li > a:hover {
  background: none;
}

/* ===================================== COMPONENTS: NAV TABS ===================================== */
.nav-tabs > li > a {
  padding-left: 16px;
  padding-right: 16px;
  height: 50px;
  font-family: "AmericanSansVar", "Segoe UI", Arial, sans-serif, "Microsoft Yahei", 微软雅黑, SimSun, 宋体, STXihei, 华文细黑;
  font-weight: normal;
  font-size: 128.57143%;
  line-height: 1.5;
}

.nav-tabs.nav-tabs-tight > li > a {
  padding-left: 13px;
  padding-right: 13px;
  letter-spacing: -.02em;
}

/* ===================================== COMPONENTS: Nav - OneWorld Logo ===================================== */
.oneworld-logo {
  position: absolute;
  bottom: 16px;
  display: inline-block;
  height: 43px;
  width: 43px;
  background: url(oneworld-logo.png) no-repeat;
  background-size: 43px;
}

@media (max-width: 768px) {
  .oneworld-logo {
    display: none;
  }
}

/* ===================================== COMPONENTS: FOOTER ===================================== */
footer {
  min-height: 180px;
  margin-top: 60px;
  background: #36495A;
  box-shadow: 0 680px 0 590px #36495A;
  overflow-x: hidden;
}

footer h4 {
  margin: 0;
  line-height: 1.4;
  color: #fff;
}

footer hr {
  margin: 0;
  border: 0;
  height: 3px;
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0.05) 100%);
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0.05) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0.05) 100%);
}

footer hr + ul {
  margin-top: 14px;
}

.section-landing ~ footer {
  margin-top: 0;
}

.footer-bottom {
  padding-top: 24px;
  padding-bottom: 22px;
}

.footer-bottom div[data-label="Footer"] + .row.list-unstyled {
  display: none;
}

.footer-links {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 768px) {
  .footer-links {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .footer-links > div ~ div {
    margin-top: 30px;
  }
}

.footer-links a {
  display: inline-block;
  padding: 4px 0;
  font-size: 12px;
  line-height: 14px;
  color: #fff;
}

.footer-links a.new-window:after {
  line-height: 1.07692;
}

.footer-links .list-unstyled {
  margin-bottom: 0;
}

.footer-disclaimer {
  margin-top: 28px;
}

.footer-disclaimer p {
  margin: 16px 0 0;
  font-size: 12px;
  line-height: 1.5;
  color: #fff;
}

.footer-disclaimer span {
  display: inline-block;
  padding: 0 7px 0 2px;
  font-size: 13px;
  line-height: 1.38462;
}

/* ===================================== MODALS ===================================== */
.modal-width-XXXXXXS > .window {
  width: 12rem;
}

.modal-width-XXXXXS > .window {
  width: 16rem;
}

.modal-width-XXXXS > .window {
  width: 20rem;
}

.modal-width-XXXS > .window {
  width: 24rem;
}

.modal-width-XXS > .window {
  width: 28rem;
}

.modal-width-XS > .window {
  width: 32rem;
}

.modal-width-S > .window {
  width: 36rem;
}

.modal-width-M > .window {
  width: 40rem;
}

.modal-width-L > .window {
  width: 48rem;
}

.modal-width-XL > .window {
  width: 54rem;
}

.modal-width-XXL > .window {
  width: 60rem;
}

.modal-width-XXXL > .window {
  width: 66rem;
}

.modal-width-XXXXL > .window {
  width: 72rem;
}

.modal-width-XXXXXL > .window {
  width: 80rem;
}

.modal-width-XXXXXXL > .window {
  width: 90rem;
}

.modal-width-XXXXXXXL > .window {
  width: 102.4rem;
}

.modal-width-XXXXXXXXL > .window {
  width: 128rem;
}

@media (max-width: 768px) {
  .modal .body > * {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .modal .scrollable-small {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    max-height: calc(100vh - 6.5rem - 7.6rem);
    overflow-y: auto;
    overflow-y: overlay;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .modal .body > *:not([class^="scrollable"]) {
    padding-left: 3.4rem;
    padding-right: 3.4rem;
  }
  .modal .scrollable-small > * {
    padding-left: 3.4rem;
    padding-right: 3.4rem;
  }
  .modal .scrollable-medium {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    max-height: calc(100vh - 8.6rem - 10.4rem);
    overflow-y: auto;
    overflow-y: overlay;
  }
}

@media (min-width: 1025px) {
  .modal .body > *:not([class^="scrollable"]) {
    padding-left: 3.4rem;
    padding-right: 3.4rem;
  }
  .modal .scrollable-small > *:not([class^="scrollable"]) {
    padding-left: 3.4rem;
    padding-right: 3.4rem;
  }
  .modal .scrollable-medium > * {
    padding-left: 3.4rem;
    padding-right: 3.4rem;
  }
  .modal .scrollable-large {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    max-height: calc(100vh - 8.6rem - 10.4rem);
    overflow-y: auto;
    overflow-y: overlay;
  }
}

@media (max-width: 768px) and (max-height: 120px) {
  .modal.modal-min-height-XXXXXXS .scrollable-small {
    height: calc(100vh - 6.5rem - 7.6rem);
  }
}

@media (max-width: 768px) and (min-height: 121px) {
  .modal.modal-min-height-XXXXXXS .scrollable-small {
    min-height: calc(120px - 6.5rem - 7.6rem);
  }
}

@media (max-width: 768px) and (min-height: 121px) {
  .modal.modal-max-height-XXXXXXS .scrollable-small {
    max-height: calc(120px - 6.5rem - 7.6rem);
  }
}

@media (max-width: 768px) and (max-height: 160px) {
  .modal.modal-min-height-XXXXXS .scrollable-small {
    height: calc(100vh - 6.5rem - 7.6rem);
  }
}

@media (max-width: 768px) and (min-height: 161px) {
  .modal.modal-min-height-XXXXXS .scrollable-small {
    min-height: calc(160px - 6.5rem - 7.6rem);
  }
}

@media (max-width: 768px) and (min-height: 161px) {
  .modal.modal-max-height-XXXXXS .scrollable-small {
    max-height: calc(160px - 6.5rem - 7.6rem);
  }
}

@media (max-width: 768px) and (max-height: 200px) {
  .modal.modal-min-height-XXXXS .scrollable-small {
    height: calc(100vh - 6.5rem - 7.6rem);
  }
}

@media (max-width: 768px) and (min-height: 201px) {
  .modal.modal-min-height-XXXXS .scrollable-small {
    min-height: calc(200px - 6.5rem - 7.6rem);
  }
}

@media (max-width: 768px) and (min-height: 201px) {
  .modal.modal-max-height-XXXXS .scrollable-small {
    max-height: calc(200px - 6.5rem - 7.6rem);
  }
}

@media (max-width: 768px) and (max-height: 240px) {
  .modal.modal-min-height-XXXS .scrollable-small {
    height: calc(100vh - 6.5rem - 7.6rem);
  }
}

@media (max-width: 768px) and (min-height: 241px) {
  .modal.modal-min-height-XXXS .scrollable-small {
    min-height: calc(240px - 6.5rem - 7.6rem);
  }
}

@media (max-width: 768px) and (min-height: 241px) {
  .modal.modal-max-height-XXXS .scrollable-small {
    max-height: calc(240px - 6.5rem - 7.6rem);
  }
}

@media (max-width: 768px) and (max-height: 280px) {
  .modal.modal-min-height-XXS .scrollable-small {
    height: calc(100vh - 6.5rem - 7.6rem);
  }
}

@media (max-width: 768px) and (min-height: 281px) {
  .modal.modal-min-height-XXS .scrollable-small {
    min-height: calc(280px - 6.5rem - 7.6rem);
  }
}

@media (max-width: 768px) and (min-height: 281px) {
  .modal.modal-max-height-XXS .scrollable-small {
    max-height: calc(280px - 6.5rem - 7.6rem);
  }
}

@media (max-width: 768px) and (max-height: 320px) {
  .modal.modal-min-height-XS .scrollable-small {
    height: calc(100vh - 6.5rem - 7.6rem);
  }
}

@media (max-width: 768px) and (min-height: 321px) {
  .modal.modal-min-height-XS .scrollable-small {
    min-height: calc(320px - 6.5rem - 7.6rem);
  }
}

@media (max-width: 768px) and (min-height: 321px) {
  .modal.modal-max-height-XS .scrollable-small {
    max-height: calc(320px - 6.5rem - 7.6rem);
  }
}

@media (max-width: 768px) and (max-height: 360px) {
  .modal.modal-min-height-S .scrollable-small {
    height: calc(100vh - 6.5rem - 7.6rem);
  }
}

@media (max-width: 768px) and (min-height: 361px) {
  .modal.modal-min-height-S .scrollable-small {
    min-height: calc(360px - 6.5rem - 7.6rem);
  }
}

@media (max-width: 768px) and (min-height: 361px) {
  .modal.modal-max-height-S .scrollable-small {
    max-height: calc(360px - 6.5rem - 7.6rem);
  }
}

@media (max-width: 768px) and (max-height: 400px) {
  .modal.modal-min-height-M .scrollable-small {
    height: calc(100vh - 6.5rem - 7.6rem);
  }
}

@media (max-width: 768px) and (min-height: 401px) {
  .modal.modal-min-height-M .scrollable-small {
    min-height: calc(400px - 6.5rem - 7.6rem);
  }
}

@media (max-width: 768px) and (min-height: 401px) {
  .modal.modal-max-height-M .scrollable-small {
    max-height: calc(400px - 6.5rem - 7.6rem);
  }
}

@media (max-width: 768px) and (max-height: 480px) {
  .modal.modal-min-height-L .scrollable-small {
    height: calc(100vh - 6.5rem - 7.6rem);
  }
}

@media (max-width: 768px) and (min-height: 481px) {
  .modal.modal-min-height-L .scrollable-small {
    min-height: calc(480px - 6.5rem - 7.6rem);
  }
}

@media (max-width: 768px) and (min-height: 481px) {
  .modal.modal-max-height-L .scrollable-small {
    max-height: calc(480px - 6.5rem - 7.6rem);
  }
}

@media (max-width: 768px) and (max-height: 540px) {
  .modal.modal-min-height-XL .scrollable-small {
    height: calc(100vh - 6.5rem - 7.6rem);
  }
}

@media (max-width: 768px) and (min-height: 541px) {
  .modal.modal-min-height-XL .scrollable-small {
    min-height: calc(540px - 6.5rem - 7.6rem);
  }
}

@media (max-width: 768px) and (min-height: 541px) {
  .modal.modal-max-height-XL .scrollable-small {
    max-height: calc(540px - 6.5rem - 7.6rem);
  }
}

@media (max-width: 768px) and (max-height: 600px) {
  .modal.modal-min-height-XXL .scrollable-small {
    height: calc(100vh - 6.5rem - 7.6rem);
  }
}

@media (max-width: 768px) and (min-height: 601px) {
  .modal.modal-min-height-XXL .scrollable-small {
    min-height: calc(600px - 6.5rem - 7.6rem);
  }
}

@media (max-width: 768px) and (min-height: 601px) {
  .modal.modal-max-height-XXL .scrollable-small {
    max-height: calc(600px - 6.5rem - 7.6rem);
  }
}

@media (max-width: 768px) and (max-height: 660px) {
  .modal.modal-min-height-XXXL .scrollable-small {
    height: calc(100vh - 6.5rem - 7.6rem);
  }
}

@media (max-width: 768px) and (min-height: 661px) {
  .modal.modal-min-height-XXXL .scrollable-small {
    min-height: calc(660px - 6.5rem - 7.6rem);
  }
}

@media (max-width: 768px) and (min-height: 661px) {
  .modal.modal-max-height-XXXL .scrollable-small {
    max-height: calc(660px - 6.5rem - 7.6rem);
  }
}

@media (max-width: 768px) and (max-height: 720px) {
  .modal.modal-min-height-XXXXL .scrollable-small {
    height: calc(100vh - 6.5rem - 7.6rem);
  }
}

@media (max-width: 768px) and (min-height: 721px) {
  .modal.modal-min-height-XXXXL .scrollable-small {
    min-height: calc(720px - 6.5rem - 7.6rem);
  }
}

@media (max-width: 768px) and (min-height: 721px) {
  .modal.modal-max-height-XXXXL .scrollable-small {
    max-height: calc(720px - 6.5rem - 7.6rem);
  }
}

@media (max-width: 768px) and (max-height: 800px) {
  .modal.modal-min-height-XXXXXL .scrollable-small {
    height: calc(100vh - 6.5rem - 7.6rem);
  }
}

@media (max-width: 768px) and (min-height: 801px) {
  .modal.modal-min-height-XXXXXL .scrollable-small {
    min-height: calc(800px - 6.5rem - 7.6rem);
  }
}

@media (max-width: 768px) and (min-height: 801px) {
  .modal.modal-max-height-XXXXXL .scrollable-small {
    max-height: calc(800px - 6.5rem - 7.6rem);
  }
}

@media (max-width: 768px) and (max-height: 900px) {
  .modal.modal-min-height-XXXXXXL .scrollable-small {
    height: calc(100vh - 6.5rem - 7.6rem);
  }
}

@media (max-width: 768px) and (min-height: 901px) {
  .modal.modal-min-height-XXXXXXL .scrollable-small {
    min-height: calc(900px - 6.5rem - 7.6rem);
  }
}

@media (max-width: 768px) and (min-height: 901px) {
  .modal.modal-max-height-XXXXXXL .scrollable-small {
    max-height: calc(900px - 6.5rem - 7.6rem);
  }
}

@media (max-width: 768px) and (max-height: 1024px) {
  .modal.modal-min-height-XXXXXXXL .scrollable-small {
    height: calc(100vh - 6.5rem - 7.6rem);
  }
}

@media (max-width: 768px) and (min-height: 1025px) {
  .modal.modal-min-height-XXXXXXXL .scrollable-small {
    min-height: calc(1024px - 6.5rem - 7.6rem);
  }
}

@media (max-width: 768px) and (min-height: 1025px) {
  .modal.modal-max-height-XXXXXXXL .scrollable-small {
    max-height: calc(1024px - 6.5rem - 7.6rem);
  }
}

@media (max-width: 768px) and (max-height: 1280px) {
  .modal.modal-min-height-XXXXXXXXL .scrollable-small {
    height: calc(100vh - 6.5rem - 7.6rem);
  }
}

@media (max-width: 768px) and (min-height: 1281px) {
  .modal.modal-min-height-XXXXXXXXL .scrollable-small {
    min-height: calc(1280px - 6.5rem - 7.6rem);
  }
}

@media (max-width: 768px) and (min-height: 1281px) {
  .modal.modal-max-height-XXXXXXXXL .scrollable-small {
    max-height: calc(1280px - 6.5rem - 7.6rem);
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (max-height: 120px) {
  .modal.modal-min-height-XXXXXXS .scrollable-medium {
    height: calc(100vh - 8.6rem - 10.4rem);
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (min-height: 121px) {
  .modal.modal-min-height-XXXXXXS .scrollable-medium {
    min-height: calc(120px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (min-height: 121px) {
  .modal.modal-max-height-XXXXXXS .scrollable-medium {
    max-height: calc(120px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (max-height: 160px) {
  .modal.modal-min-height-XXXXXS .scrollable-medium {
    height: calc(100vh - 8.6rem - 10.4rem);
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (min-height: 161px) {
  .modal.modal-min-height-XXXXXS .scrollable-medium {
    min-height: calc(160px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (min-height: 161px) {
  .modal.modal-max-height-XXXXXS .scrollable-medium {
    max-height: calc(160px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (max-height: 200px) {
  .modal.modal-min-height-XXXXS .scrollable-medium {
    height: calc(100vh - 8.6rem - 10.4rem);
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (min-height: 201px) {
  .modal.modal-min-height-XXXXS .scrollable-medium {
    min-height: calc(200px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (min-height: 201px) {
  .modal.modal-max-height-XXXXS .scrollable-medium {
    max-height: calc(200px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (max-height: 240px) {
  .modal.modal-min-height-XXXS .scrollable-medium {
    height: calc(100vh - 8.6rem - 10.4rem);
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (min-height: 241px) {
  .modal.modal-min-height-XXXS .scrollable-medium {
    min-height: calc(240px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (min-height: 241px) {
  .modal.modal-max-height-XXXS .scrollable-medium {
    max-height: calc(240px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (max-height: 280px) {
  .modal.modal-min-height-XXS .scrollable-medium {
    height: calc(100vh - 8.6rem - 10.4rem);
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (min-height: 281px) {
  .modal.modal-min-height-XXS .scrollable-medium {
    min-height: calc(280px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (min-height: 281px) {
  .modal.modal-max-height-XXS .scrollable-medium {
    max-height: calc(280px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (max-height: 320px) {
  .modal.modal-min-height-XS .scrollable-medium {
    height: calc(100vh - 8.6rem - 10.4rem);
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (min-height: 321px) {
  .modal.modal-min-height-XS .scrollable-medium {
    min-height: calc(320px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (min-height: 321px) {
  .modal.modal-max-height-XS .scrollable-medium {
    max-height: calc(320px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (max-height: 360px) {
  .modal.modal-min-height-S .scrollable-medium {
    height: calc(100vh - 8.6rem - 10.4rem);
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (min-height: 361px) {
  .modal.modal-min-height-S .scrollable-medium {
    min-height: calc(360px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (min-height: 361px) {
  .modal.modal-max-height-S .scrollable-medium {
    max-height: calc(360px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (max-height: 400px) {
  .modal.modal-min-height-M .scrollable-medium {
    height: calc(100vh - 8.6rem - 10.4rem);
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (min-height: 401px) {
  .modal.modal-min-height-M .scrollable-medium {
    min-height: calc(400px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (min-height: 401px) {
  .modal.modal-max-height-M .scrollable-medium {
    max-height: calc(400px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (max-height: 480px) {
  .modal.modal-min-height-L .scrollable-medium {
    height: calc(100vh - 8.6rem - 10.4rem);
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (min-height: 481px) {
  .modal.modal-min-height-L .scrollable-medium {
    min-height: calc(480px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (min-height: 481px) {
  .modal.modal-max-height-L .scrollable-medium {
    max-height: calc(480px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (max-height: 540px) {
  .modal.modal-min-height-XL .scrollable-medium {
    height: calc(100vh - 8.6rem - 10.4rem);
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (min-height: 541px) {
  .modal.modal-min-height-XL .scrollable-medium {
    min-height: calc(540px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (min-height: 541px) {
  .modal.modal-max-height-XL .scrollable-medium {
    max-height: calc(540px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (max-height: 600px) {
  .modal.modal-min-height-XXL .scrollable-medium {
    height: calc(100vh - 8.6rem - 10.4rem);
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (min-height: 601px) {
  .modal.modal-min-height-XXL .scrollable-medium {
    min-height: calc(600px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (min-height: 601px) {
  .modal.modal-max-height-XXL .scrollable-medium {
    max-height: calc(600px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (max-height: 660px) {
  .modal.modal-min-height-XXXL .scrollable-medium {
    height: calc(100vh - 8.6rem - 10.4rem);
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (min-height: 661px) {
  .modal.modal-min-height-XXXL .scrollable-medium {
    min-height: calc(660px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (min-height: 661px) {
  .modal.modal-max-height-XXXL .scrollable-medium {
    max-height: calc(660px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (max-height: 720px) {
  .modal.modal-min-height-XXXXL .scrollable-medium {
    height: calc(100vh - 8.6rem - 10.4rem);
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (min-height: 721px) {
  .modal.modal-min-height-XXXXL .scrollable-medium {
    min-height: calc(720px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (min-height: 721px) {
  .modal.modal-max-height-XXXXL .scrollable-medium {
    max-height: calc(720px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (max-height: 800px) {
  .modal.modal-min-height-XXXXXL .scrollable-medium {
    height: calc(100vh - 8.6rem - 10.4rem);
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (min-height: 801px) {
  .modal.modal-min-height-XXXXXL .scrollable-medium {
    min-height: calc(800px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (min-height: 801px) {
  .modal.modal-max-height-XXXXXL .scrollable-medium {
    max-height: calc(800px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (max-height: 900px) {
  .modal.modal-min-height-XXXXXXL .scrollable-medium {
    height: calc(100vh - 8.6rem - 10.4rem);
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (min-height: 901px) {
  .modal.modal-min-height-XXXXXXL .scrollable-medium {
    min-height: calc(900px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (min-height: 901px) {
  .modal.modal-max-height-XXXXXXL .scrollable-medium {
    max-height: calc(900px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (max-height: 1024px) {
  .modal.modal-min-height-XXXXXXXL .scrollable-medium {
    height: calc(100vh - 8.6rem - 10.4rem);
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (min-height: 1025px) {
  .modal.modal-min-height-XXXXXXXL .scrollable-medium {
    min-height: calc(1024px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (min-height: 1025px) {
  .modal.modal-max-height-XXXXXXXL .scrollable-medium {
    max-height: calc(1024px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (max-height: 1280px) {
  .modal.modal-min-height-XXXXXXXXL .scrollable-medium {
    height: calc(100vh - 8.6rem - 10.4rem);
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (min-height: 1281px) {
  .modal.modal-min-height-XXXXXXXXL .scrollable-medium {
    min-height: calc(1280px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (min-height: 1281px) {
  .modal.modal-max-height-XXXXXXXXL .scrollable-medium {
    max-height: calc(1280px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 1025px) and (max-height: 120px) {
  .modal.modal-min-height-XXXXXXS .scrollable-large {
    height: calc(100vh - 8.6rem - 10.4rem);
  }
}

@media (min-width: 1025px) and (min-height: 121px) {
  .modal.modal-min-height-XXXXXXS .scrollable-large {
    min-height: calc(120px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 1025px) and (min-height: 121px) {
  .modal.modal-max-height-XXXXXXS .scrollable-large {
    max-height: calc(120px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 1025px) and (max-height: 160px) {
  .modal.modal-min-height-XXXXXS .scrollable-large {
    height: calc(100vh - 8.6rem - 10.4rem);
  }
}

@media (min-width: 1025px) and (min-height: 161px) {
  .modal.modal-min-height-XXXXXS .scrollable-large {
    min-height: calc(160px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 1025px) and (min-height: 161px) {
  .modal.modal-max-height-XXXXXS .scrollable-large {
    max-height: calc(160px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 1025px) and (max-height: 200px) {
  .modal.modal-min-height-XXXXS .scrollable-large {
    height: calc(100vh - 8.6rem - 10.4rem);
  }
}

@media (min-width: 1025px) and (min-height: 201px) {
  .modal.modal-min-height-XXXXS .scrollable-large {
    min-height: calc(200px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 1025px) and (min-height: 201px) {
  .modal.modal-max-height-XXXXS .scrollable-large {
    max-height: calc(200px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 1025px) and (max-height: 240px) {
  .modal.modal-min-height-XXXS .scrollable-large {
    height: calc(100vh - 8.6rem - 10.4rem);
  }
}

@media (min-width: 1025px) and (min-height: 241px) {
  .modal.modal-min-height-XXXS .scrollable-large {
    min-height: calc(240px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 1025px) and (min-height: 241px) {
  .modal.modal-max-height-XXXS .scrollable-large {
    max-height: calc(240px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 1025px) and (max-height: 280px) {
  .modal.modal-min-height-XXS .scrollable-large {
    height: calc(100vh - 8.6rem - 10.4rem);
  }
}

@media (min-width: 1025px) and (min-height: 281px) {
  .modal.modal-min-height-XXS .scrollable-large {
    min-height: calc(280px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 1025px) and (min-height: 281px) {
  .modal.modal-max-height-XXS .scrollable-large {
    max-height: calc(280px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 1025px) and (max-height: 320px) {
  .modal.modal-min-height-XS .scrollable-large {
    height: calc(100vh - 8.6rem - 10.4rem);
  }
}

@media (min-width: 1025px) and (min-height: 321px) {
  .modal.modal-min-height-XS .scrollable-large {
    min-height: calc(320px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 1025px) and (min-height: 321px) {
  .modal.modal-max-height-XS .scrollable-large {
    max-height: calc(320px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 1025px) and (max-height: 360px) {
  .modal.modal-min-height-S .scrollable-large {
    height: calc(100vh - 8.6rem - 10.4rem);
  }
}

@media (min-width: 1025px) and (min-height: 361px) {
  .modal.modal-min-height-S .scrollable-large {
    min-height: calc(360px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 1025px) and (min-height: 361px) {
  .modal.modal-max-height-S .scrollable-large {
    max-height: calc(360px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 1025px) and (max-height: 400px) {
  .modal.modal-min-height-M .scrollable-large {
    height: calc(100vh - 8.6rem - 10.4rem);
  }
}

@media (min-width: 1025px) and (min-height: 401px) {
  .modal.modal-min-height-M .scrollable-large {
    min-height: calc(400px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 1025px) and (min-height: 401px) {
  .modal.modal-max-height-M .scrollable-large {
    max-height: calc(400px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 1025px) and (max-height: 480px) {
  .modal.modal-min-height-L .scrollable-large {
    height: calc(100vh - 8.6rem - 10.4rem);
  }
}

@media (min-width: 1025px) and (min-height: 481px) {
  .modal.modal-min-height-L .scrollable-large {
    min-height: calc(480px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 1025px) and (min-height: 481px) {
  .modal.modal-max-height-L .scrollable-large {
    max-height: calc(480px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 1025px) and (max-height: 540px) {
  .modal.modal-min-height-XL .scrollable-large {
    height: calc(100vh - 8.6rem - 10.4rem);
  }
}

@media (min-width: 1025px) and (min-height: 541px) {
  .modal.modal-min-height-XL .scrollable-large {
    min-height: calc(540px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 1025px) and (min-height: 541px) {
  .modal.modal-max-height-XL .scrollable-large {
    max-height: calc(540px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 1025px) and (max-height: 600px) {
  .modal.modal-min-height-XXL .scrollable-large {
    height: calc(100vh - 8.6rem - 10.4rem);
  }
}

@media (min-width: 1025px) and (min-height: 601px) {
  .modal.modal-min-height-XXL .scrollable-large {
    min-height: calc(600px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 1025px) and (min-height: 601px) {
  .modal.modal-max-height-XXL .scrollable-large {
    max-height: calc(600px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 1025px) and (max-height: 660px) {
  .modal.modal-min-height-XXXL .scrollable-large {
    height: calc(100vh - 8.6rem - 10.4rem);
  }
}

@media (min-width: 1025px) and (min-height: 661px) {
  .modal.modal-min-height-XXXL .scrollable-large {
    min-height: calc(660px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 1025px) and (min-height: 661px) {
  .modal.modal-max-height-XXXL .scrollable-large {
    max-height: calc(660px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 1025px) and (max-height: 720px) {
  .modal.modal-min-height-XXXXL .scrollable-large {
    height: calc(100vh - 8.6rem - 10.4rem);
  }
}

@media (min-width: 1025px) and (min-height: 721px) {
  .modal.modal-min-height-XXXXL .scrollable-large {
    min-height: calc(720px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 1025px) and (min-height: 721px) {
  .modal.modal-max-height-XXXXL .scrollable-large {
    max-height: calc(720px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 1025px) and (max-height: 800px) {
  .modal.modal-min-height-XXXXXL .scrollable-large {
    height: calc(100vh - 8.6rem - 10.4rem);
  }
}

@media (min-width: 1025px) and (min-height: 801px) {
  .modal.modal-min-height-XXXXXL .scrollable-large {
    min-height: calc(800px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 1025px) and (min-height: 801px) {
  .modal.modal-max-height-XXXXXL .scrollable-large {
    max-height: calc(800px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 1025px) and (max-height: 900px) {
  .modal.modal-min-height-XXXXXXL .scrollable-large {
    height: calc(100vh - 8.6rem - 10.4rem);
  }
}

@media (min-width: 1025px) and (min-height: 901px) {
  .modal.modal-min-height-XXXXXXL .scrollable-large {
    min-height: calc(900px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 1025px) and (min-height: 901px) {
  .modal.modal-max-height-XXXXXXL .scrollable-large {
    max-height: calc(900px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 1025px) and (max-height: 1024px) {
  .modal.modal-min-height-XXXXXXXL .scrollable-large {
    height: calc(100vh - 8.6rem - 10.4rem);
  }
}

@media (min-width: 1025px) and (min-height: 1025px) {
  .modal.modal-min-height-XXXXXXXL .scrollable-large {
    min-height: calc(1024px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 1025px) and (min-height: 1025px) {
  .modal.modal-max-height-XXXXXXXL .scrollable-large {
    max-height: calc(1024px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 1025px) and (max-height: 1280px) {
  .modal.modal-min-height-XXXXXXXXL .scrollable-large {
    height: calc(100vh - 8.6rem - 10.4rem);
  }
}

@media (min-width: 1025px) and (min-height: 1281px) {
  .modal.modal-min-height-XXXXXXXXL .scrollable-large {
    min-height: calc(1280px - 8.6rem - 10.4rem);
  }
}

@media (min-width: 1025px) and (min-height: 1281px) {
  .modal.modal-max-height-XXXXXXXXL .scrollable-large {
    max-height: calc(1280px - 8.6rem - 10.4rem);
  }
}

/*.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: visibility 0s 0.2s, opacity 0.2s;
  transition: visibility 0s 0.2s, opacity 0.2s;
  visibility: hidden;
  opacity: 0;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1000;
}*/

.modal.visible {
  -webkit-transition: visibility 0s, opacity 0.2s;
  transition: visibility 0s, opacity 0.2s;
  visibility: visible;
  opacity: 1;
}

.modal > .window {
  position: relative;
  max-width: 100%;
  background: #fff;
  box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.33);
}

.modal .header {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  position: relative;
  padding: 2rem 1.5rem 1.5rem;
  height: 6.5rem;
}

@media (min-width: 769px) {
  .modal .header {
    padding: 3rem 3.4rem 2rem;
    height: 8.6rem;
  }
}

.modal .header h1 {
  font-family: AmericanSansVar, "Segoe UI", Arial, sans-serif, "Microsoft Yahei", 微软雅黑, SimSun, 宋体, STXihei, 华文细黑;
  font-size: 2rem;
  color: #00467F;
  line-height: 1.2;
  margin: 0;
  font-weight: 400;
}

@media (min-width: 401px) {
  .modal .header h1 {
    font-size: 2.4rem;
  }
}

@media (min-width: 769px) {
  .modal .header h1 {
    font-size: 3rem;
  }
}

.modal .header .button-x + h1 {
  padding-right: 5rem;
}

@media (min-width: 769px) {
  .modal .header .button-x + h1 {
    padding-right: 5.2rem;
  }
}

.modal .header .button-x {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  height: 6.5rem;
  width: 6.5rem;
  background: none;
}

@media (min-width: 769px) {
  .modal .header .button-x {
    height: 8.6rem;
    width: 8.6rem;
  }
}

.modal .header .button-x p {
  font-size: 2rem;
  color: #0078D2;
  line-height: 1.1;
  display: inline-block;
  margin: 0;
}

@media (min-width: 1025px) {
  .modal .header .button-x:hover p,
  .modal .header .button-x:focus p {
    box-shadow: 0 0.2rem #0078D2;
  }
}

.modal .body {
  position: relative;
}

.modal .body p a {
  display: inline-block;
}

.modal .footer {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  margin: 0;
  padding: 2rem 1.5rem 2rem;
}

@media (min-width: 769px) {
  .modal .footer {
    padding: 3rem 3.4rem 3.4rem;
  }
}

.modal .footer .buttons {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
}

@media (max-width: 400px) {
  .modal .footer .buttons > * {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 401px) {
  .modal .footer .btn {
    min-width: 16rem;
  }
}

/* ===================================== COMPONENTS: GRIDS ===================================== */
.grid-actions {
  border-bottom: 0;
}

.view-grid td {
  font-size: 12px;
}

.view-grid .table > tbody > tr > td {
  padding-top: 3px;
  padding-bottom: 3px;
  vertical-align: middle;
  border-top-color: #E7ECEF;
}

.view-grid .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: transparent;
}

.view-grid th {
  background-color: #E7ECEF;
  font-family: "AmericanSansVar", "Segoe UI", Arial, sans-serif, "Microsoft Yahei", 微软雅黑, SimSun, 宋体, STXihei, 华文细黑;
  font-weight: normal;
  font-size: 14px;
}

.view-grid th a {
  color: #36495A;
}

.view-grid .table > thead > tr > th {
  border-bottom: 0;
}

/* ===================================== COMPONENTS: FORM FIELDS ===================================== */
.add-user .crmEntityFormView td.error input,
.create-user .crmEntityFormView td.error input {
  border-color: #c30019;
}

.add-user .crmEntityFormView td.error input:focus,
.create-user .crmEntityFormView td.error input:focus {
  border-color: #0078D2;
}

.form-control[disabled],
fieldset[disabled] .form-control, .form-readonly .form-control,
.crmEntityFormView .form-control[readonly][disabled] {
  background: #EBEEF0;
  border: 0;
  box-shadow: none;
  text-decoration: none !important;
}

.form-control {
  transition: none;
}

.form-control.lookup {
  background: #fff;
}

.form-control:focus {
  border-width: 2px;
  box-shadow: none;
  padding: 5px 11px;
}

.input-group-btn button {
  height: 3.6rem;
  padding-left: 10px;
  padding-right: 10px;
}

.input-group-btn button .fa {
  top: 3px;
}

.required > label::after,
.crmEntityFormView .cell div.info.required label::after {
  color: #f52305;
  font-weight: bold;
  content: ' *';
}

.crmEntityFormView .cell {
  padding: 0 20px 20px 0;
}

/* ------- Form Alert Banners ------ */
.alert-danger {
  outline: none;
}

.alert-danger .fa-info-circle:before {
  display: none;
}

.crmEntityFormView .alert-danger.validation-summary ul {
  padding-left: 30px;
  list-style: disc;
}

.alert-danger a {
  color: #fff;
  outline: none;
}

/* ===================================== COMPONENTS: FORM FIELDS CONTAINERS ===================================== */
.form > * {
  margin-top: 2rem;
}

.form-field-container {
  float: none;
}

.form-field-container label {
  margin-bottom: 2px;
}

.form-field-side-by-side {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
}

@media (min-width: 769px) {
  .form-field-side-by-side {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}

@media (min-width: 769px) {
  .form-field-side-by-side > * + * {
    margin-left: 2.4rem;
  }
}

.form-field-side-by-side .form-button {
  margin-left: 0;
  padding-left: 1.5rem;
}

@media (min-width: 769px) {
  .form-field-side-by-side .form-button {
    padding-left: 2.4rem;
  }
}

.form-field-side-by-side .form-button button {
  height: 3.6rem;
  line-height: 2.1375;
}

.form-field-side-by-side .form-message {
  margin-top: 2rem;
}

@media (min-width: 769px) {
  .form-field-side-by-side .form-message {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 0;
    height: 3.6rem;
  }
}

.form-field-side-by-side .form-message p {
  white-space: nowrap;
}

.form-horizontal .row {
  white-space: nowrap;
}

.crmEntityFormView + .row {
  margin-top: 2rem;
}

.crmEntityFormView + .form-field-container {
  padding-right: 20px;
}

.crmEntityFormView + .form-field-container + .row {
  margin-top: 4rem;
}

/* ===================================== COMPONENTS: FORM FIELDS - Labels ===================================== */
/* ===================================== COMPONENTS: FORM FIELDS MESSAGES ===================================== */
.form-message-icon p {
  position: relative;
  padding-left: 30px;
}

.form-message-icon .glyphicon {
  position: absolute;
  top: -1px;
  left: 1px;
  font-size: 20px;
}

.message-success {
  color: #008712;
}

.message-failure {
  color: #c30019;
}

/* ===================================== COMPONENTS: FORM FIELDS - Text ===================================== */
input[type="text"]::-webkit-input-placeholder {
  color: #9da6ab;
}

input[type="text"]::-moz-placeholder {
  opacity: 1;
  color: #9da6ab;
}

input[type="text"]:-ms-input-placeholder {
  color: #9da6ab;
}

input[type="text"]:-moz-placeholder {
  color: #9da6ab;
}

/* ===================================== COMPONENTS: FORM FIELDS DROPDOWN ===================================== */
.form-field-dropdown label {
  display: block;
  position: relative;
  margin-bottom: 0;
}

td > .form-field-dropdown label {
  width: 100%;
}

@media (max-width: 768px) {
  .form-field-dropdown .label-text {
    display: inline-block;
    margin-bottom: .2rem;
  }
}

.form-field-dropdown select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  display: block;
  padding: 6px 20px 6px 9px;
  height: 3.6rem;
  width: 100%;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAgCAYAAAAffCjxAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAK6wAACusBgosNWgAAABV0RVh0Q3JlYXRpb24gVGltZQAxMC8xLzE0CeIL3gAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAADUSURBVEiJ7ZSxCoMwEIZ/Q08RBBcFB12CoKAovv8r+B4ugjgJDqZTIfa0luqQgj/ckly+cB8haNtWLctyuh4AoJTC2YjThKtBl41mHuiW/Y+ga2XrmecZfd9/PERECMOQg/TRiAjDMKDruk2IEAJN0zAdm46yLMM0TRjHkYGKooDv++yMeIH0siwLZVnCdd3VepqmCIKA9Sul9mUTEeq6hm3bAIAkSRDH8V47B+m3OI6DqqoQRRGklKu99xy+I8/zkOc5W/9K9i8xD3R/bMcxz5F5oCc5h81vj7lwFgAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-position: right center;
  background-color: white;
  background-size: 1.8rem 100%;
  border-radius: 0;
  border: 1px solid #9da6ab;
  color: #36495A;
  text-align: left;
  vertical-align: middle;
  box-sizing: border-box;
}

.form-field-dropdown select:disabled:hover {
  cursor: default;
}

.form-field-dropdown select::-ms-expand {
  display: none;
}

.form-field-dropdown select::-ms-value {
  background: transparent;
  color: #36495A;
}

.form-field-dropdown select:focus:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #36495A;
}

.form-field-dropdown select:focus {
  outline: 1px solid #0078D2;
  border-color: #0078D2;
}

td > .form-field-dropdown select {
  margin-top: 5px;
}

.form-field-dropdown .american-icon {
  display: none;
  position: relative;
  width: 1px;
  height: 1px;
  margin-right: 15px;
}

.form-field-dropdown .american-icon:after {
  position: absolute;
  top: -15px;
  left: 0;
}

.form-field-dropdown.error label {
  color: #c30019;
}

.form-field-dropdown.error select {
  border-color: #c30019;
}

.form-field-dropdown.error select:focus {
  border-color: #0078D2;
}

.form-field-dropdown.error .american-icon {
  display: inline-block;
}

#CrmEntityForm + .form-field-dropdown {
  width: 50%;
  padding-right: 20px;
  margin-bottom: 40px;
}

@media (max-width: 768px) {
  #CrmEntityForm + .form-field-dropdown {
    width: 100%;
  }
}

.crmEntityFormView fieldset {
  margin-bottom: 0;
}

/* ===================================== COMPONENTS: FORM FIELDS DROPDOWN - Link List ===================================== */
.form-field-dropdown-link-list {
  position: relative;
}

.form-field-dropdown-link-list input {
  display: none;
}

.form-field-dropdown-link-list label {
  display: block;
  margin-bottom: 0;
}

.form-field-dropdown-link-list label p {
  font-size: 14px;
  font-weight: normal;
  color: #36495A;
  line-height: 1.42857;
  font-family: Arial, sans-serif, "Microsoft Yahei", 微软雅黑, SimSun, 宋体, STXihei, 华文细黑;
  margin: 0 0 10px;
  margin-bottom: .2rem;
}

.form-field-dropdown-link-list label div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: .7rem 2.4rem .5rem .9rem;
  height: 3.6rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAPCAYAAAD+pA/bAAAAAXNSR0IArs4c6QAAAN9JREFUOBG1kcENgkAQRf/AQVugBQ9cLMUe9IRntQC1BKUhTl40sQV6MDHrzEIUB5BdwEmWLJuZ9zN5hO3tBGNW+EcRnQNMgjWIstH5wmQ2WfDuHsE8L7xJNEoQUQ4K59jP8sAC+QKYBW/yGBxgGcyyTKAIEOohzniDZHCAMIRV1idAHo5xyl85fSstGe/57wB5noZJL+kiVWZVFZLVI3ylV6RqVH0D6fCRrqS6BUiXq3Ql1T1AOrul16T6BUh3m/QWqTqgWbLu0tJ/SNWjzZJ1V1V6h1Q96ve/uS4hx6NeFXhZg17g8nQAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  background-position: calc(100% - 1rem) center;
  background-color: white;
  background-size: 1rem;
  border: 0.1rem solid #9da6ab;
  color: #36495A;
}

.form-field-dropdown-link-list > div {
  -webkit-transition: visibility 0s 0.2s, opacity 0.2s;
  transition: visibility 0s 0.2s, opacity 0.2s;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: calc(100% - .1rem);
  right: 0;
  padding: 3.4rem 3rem 3.8rem;
  width: 114rem;
  border: 0.1rem solid #9da6ab;
  background: #fff;
  box-shadow: 0 0.1rem 1rem rgba(0, 0, 0, 0.1);
  z-index: 100;
}

@media (max-width: 1200px) {
  .form-field-dropdown-link-list > div {
    width: calc(100vw - 5rem);
  }
}

.form-field-dropdown-link-list > div:after {
  position: absolute;
  top: -0.9rem;
  right: 0;
  display: inline-block;
  width: calc(24rem - .2rem);
  height: 1rem;
  background: #fff;
  content: '';
}

.form-field-dropdown-link-list:hover > div {
  -webkit-transition: visibility 0s, opacity 0.2s;
  transition: visibility 0s, opacity 0.2s;
  visibility: visible;
  opacity: 1;
}

/* ===================================== COMPONENTS: FORM FIELDS - Checkbox ===================================== */
* + .form-field-checkbox {
  margin-top: 15px;
}

.form-field-checkbox label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  position: relative;
  margin-bottom: 0;
  padding-left: 30px;
}

.form-field-checkbox input + span {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 14px;
  height: 14px;
  border: 1px solid #D0DAE0;
  box-shadow: 0 0 0 2px #fff, 0 0 0 3px #9da6ab;
}

.form-field-checkbox input:checked + span {
  border: 0;
  background: #0078D2;
}

.form-field-checkbox input:checked + span:after {
  position: absolute;
  top: 3px;
  left: 2px;
  display: inline-block;
  transform: rotate(-45deg);
  width: 10px;
  height: 5px;
  border-color: #fff;
  border-width: 0 0 2px 2px;
  border-style: solid;
  content: '';
}

.form-field-checkbox input:hover + span, .form-field-checkbox input:focus + span {
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0078D2;
}

.form-field-checkbox input:disabled + span {
  opacity: .4;
  box-shadow: 0 0 0 2px #fff, 0 0 0 3px #9da6ab;
}

.error.form-field-checkbox label {
  color: #c30019;
}

.error.form-field-checkbox input + span {
  box-shadow: 0 0 0 2px #fff, 0 0 0 3px #c30019;
}

.error.form-field-checkbox input:hover + span, .error.form-field-checkbox input:focus + span {
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #c30019;
}

.error.form-field-checkbox input:disabled + span {
  box-shadow: 0 0 0 2px #fff, 0 0 0 3px #9da6ab;
}

/* ===================================== COMPONENTS: FORM FIELDS TYPEAHEAD - Kendo Combo ===================================== */
.form-field-typeahead {
  position: relative;
}

.form-field-typeahead label {
  display: inline-block;
}

@media (max-width: 768px) {
  .form-field-typeahead label {
    margin-bottom: .2rem;
  }
}

.form-field-typeahead .message-failure {
  display: none;
  margin-top: 0.5rem;
}

@media (min-width: 769px) {
  .form-field-typeahead .message-failure {
    padding-bottom: 1rem;
  }
}

.form-field-typeahead .k-dropdown-wrap {
  padding: 0;
  border: 0;
}

.form-field-typeahead .k-dropdown-wrap.k-state-border-down {
  padding-bottom: 0;
}

.form-field-typeahead .k-combobox {
  width: 100%;
  padding: 0;
  border: 0;
  box-shadow: none;
}

.form-field-typeahead .k-combobox .k-dropdown-wrap {
  outline: none;
}

.form-field-typeahead .k-combobox .k-input {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  display: block;
  padding: 6px 25px 6px 12px;
  height: 36px;
  width: 100%;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAgCAYAAAAffCjxAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAK6wAACusBgosNWgAAABV0RVh0Q3JlYXRpb24gVGltZQAxMC8xLzE0CeIL3gAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAADUSURBVEiJ7ZSxCoMwEIZ/Q08RBBcFB12CoKAovv8r+B4ugjgJDqZTIfa0luqQgj/ckly+cB8haNtWLctyuh4AoJTC2YjThKtBl41mHuiW/Y+ga2XrmecZfd9/PERECMOQg/TRiAjDMKDruk2IEAJN0zAdm46yLMM0TRjHkYGKooDv++yMeIH0siwLZVnCdd3VepqmCIKA9Sul9mUTEeq6hm3bAIAkSRDH8V47B+m3OI6DqqoQRRGklKu99xy+I8/zkOc5W/9K9i8xD3R/bMcxz5F5oCc5h81vj7lwFgAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-position: right center;
  background-color: #fff;
  background-size: 18px 100%;
  border-radius: 0;
  border: 1px solid #9da6ab;
  color: #36495A;
  text-align: left;
  text-indent: 0;
  vertical-align: middle;
  box-sizing: border-box;
  z-index: 5;
}

.form-field-typeahead .k-combobox .k-input:disabled:hover {
  cursor: default;
}

.form-field-typeahead .k-combobox .k-input::-ms-expand {
  display: none;
}

.form-field-typeahead .k-combobox .k-input::-ms-value {
  background: transparent;
  color: #36495A;
}

.form-field-typeahead .k-combobox .k-input:focus:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #36495A;
}

.form-field-typeahead .k-combobox .k-input:focus {
  outline: 1px solid #0078D2;
  border-color: #0078D2;
}

.form-field-typeahead .k-combobox .k-input.empty, .form-field-typeahead .k-combobox .k-input.empty-and-focused {
  background-color: transparent;
}

.k-ie .form-field-typeahead .k-combobox .k-input {
  height: 36px;
}

.form-field-typeahead .k-combobox .k-select {
  position: absolute;
  top: 0.2rem;
  right: 2rem;
  bottom: 0.2rem;
  left: 20.2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 0 3px 8px;
  width: auto;
  height: auto;
  border: 0;
  outline: 0;
  color: #9da6ab;
  line-height: 2.03571;
  text-align: left;
}

.form-field-typeahead .k-combobox .k-select .k-icon {
  display: none;
}

.form-field-typeahead.error label {
  color: #c30019;
}

.form-field-typeahead.error label::before {
  position: relative;
  top: 0.1rem;
  display: inline-block;
  margin-right: .5rem;
  font-family: 'AmericanIcons';
  line-height: 1;
  content: '';
}

.form-field-typeahead.error .message-failure {
  display: block;
}

.form-field-typeahead.error .k-combobox .k-input {
  border-color: #c30019;
}

.form-field-typeahead.error .k-combobox .k-input:focus {
  border-color: #0078D2;
}

.form-field-typeahead.error .american-icon {
  display: inline-block;
}
/*
.k-animation-container {
  position: absolute;
  width: 400px !important;
  height: auto !important;
  border: 1px solid #d7d7d7;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  box-sizing: border-box !important;
}*/

.k-animation-container .k-popup.k-list-container {
  position: relative !important;
  padding: 0;
  border: 0;
  width: 100% !important;
  min-width: 100% !important;
}

.k-animation-container .k-popup .k-list .k-item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  margin: 0;
  padding: 0 125px 0 10px;
  transform: none !important;
  line-height: 34px;
  cursor: pointer;
}

.k-animation-container .k-popup .k-list .k-item:hover {
  background: #0078D2;
  color: #fff;
}

.k-animation-container .k-popup .k-list .k-item:hover strong {
  color: #fff;
}

.k-animation-container .k-popup .k-list .k-item:focus {
  outline: none;
}

.k-animation-container .k-popup .k-list .k-item span {
  position: absolute;
  top: 0;
  right: 10px;
}

.k-animation-container .k-popup .k-list .k-item strong {
  color: #131313;
}

.k-animation-container .k-popup .k-list .k-item.k-state-selected.k-state-focused, .k-animation-container .k-popup .k-list .k-item.k-state-selected.k-state-highlight {
  background: #EBEEF0;
}

.k-animation-container .k-popup .k-list .k-item.k-state-selected.k-state-focused:hover, .k-animation-container .k-popup .k-list .k-item.k-state-selected.k-state-highlight:hover {
  background: #0078D2;
  color: #fff;
}

.k-animation-container .k-nodata {
  min-height: 0;
  text-transform: none;
  font-size: 14px;
  font-weight: normal;
}

.k-animation-container .k-nodata div {
  width: 100%;
}

/* ===================================== COMPONENTS: BUTTONS ===================================== */
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  opacity: .25;
  filter: alpha(opacity=25);
}

.btn.disabled:hover,
.btn[disabled]:hover,
fieldset[disabled] .btn:hover {
  text-decoration: none;
}

.modal .header .button-x {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: none;
  cursor: pointer;
}

.modal .header .button-x:disabled {
  cursor: default;
}

.btn:hover, .toggle-container .pagination a:hover, .btn:focus, .toggle-container .pagination a:focus, .focus.btn, .toggle-container .pagination a.focus {
  text-decoration: underline;
}

.btn:active:hover, .toggle-container .pagination a:active:hover, .btn:active:focus, .toggle-container .pagination a:active:focus, .focus.btn:active, .toggle-container .pagination a.focus:active {
  text-decoration: none;
  box-shadow: none;
}

.toolbar-actions .btn {
  height: 36px;
}

.btn, .toggle-container .pagination a {
  font-family: AmericanSansMedium, "Segoe UI", Arial, sans-serif, "Microsoft Yahei", 微软雅黑, SimSun, 宋体, STXihei, 华文细黑;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.1375;
  height: 3.6rem;
  padding: 0 1.8rem;
  border: .1rem solid transparent;
}

@media (min-width: 769px) {
  .btn, .toggle-container .pagination a {
    height: 4rem;
    padding-top: 0;
  }
}

.btn:active, .toggle-container .pagination a:active, .btn:focus, .toggle-container .pagination a:focus, .btn:active:focus, .toggle-container .pagination a:active:focus {
  outline: 0;
}

.btn:not([style*="display"]) + .btn, .toggle-container .pagination a:not([style*="display"]) + .btn {
  margin-left: 1.6rem;
}

@media (min-width: 769px) {
  a.btn, .toggle-container .pagination a {
    padding-top: .2rem;
  }
}

.btn-default,
.btn-default:hover,
.btn-default:active,
.btn-default:focus,
.btn-default:active:hover,
.btn-default:active:focus,
.btn-default.focus:active,
.btn-default.active:hover,
.btn-default.active:focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default:hover,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default.focus, .toggle-container .pagination a {
  color: #0078D2;
  background-color: #fff;
  border-color: #0078D2;
  box-shadow: none;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary.focus:active,
.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary:hover,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary.focus, .toggle-container .pagination .active a {
  color: #fff;
  background-color: #0078D2;
  border-color: #0078D2;
}

.text-link-button, .text-link-button:hover, .text-link-button:active, .text-link-button:active:hover, .text-link-button:focus, .text-link-button:focus:active {
  padding-left: 0;
  padding-right: 0;
  background: none;
  border: 0;
  box-shadow: none;
  font-family: Arial, sans-serif, "Microsoft Yahei", 微软雅黑, SimSun, 宋体, STXihei, 华文细黑;
  font-size: 14px;
  color: #0078D2;
}

.text-link-button:hover {
  text-decoration: underline;
}

.btn[type="Submit"],
.btn[id*="submit"] {
  margin-top: 5px;
}

.btn[type="Submit"] + *,
.btn[id*="submit"] + * {
  margin-top: 5px;
}

.form-fields-butt .btn, .form-fields-butt
.btn {
  margin-top: 0;
  height: 3.6rem;
}

.buttons-fill-width {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.buttons-fill-width > * {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 0;
  padding-right: 0;
}

td .dropdown [data-toggle="dropdown"] {
  margin: .3rem 0;
  padding: .7rem 1.1rem .3rem 1.3rem;
  height: auto;
  line-height: 1.2;
}

.form-buttons {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin-top: 3rem;
}

@media (min-width: 769px) {
  .form-buttons {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}

.form-buttons button {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  margin: 1.5rem 0 0 !important;
  width: 100%;
}

@media (min-width: 769px) {
  .form-buttons button {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    margin: 0 !important;
    width: auto;
  }
}

@media (min-width: 769px) {
  .form-buttons button + button {
    margin-left: 2.4rem !important;
  }
}

.form-buttons button.btn-primary {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  margin: 0 !important;
}

@media (min-width: 769px) {
  .form-buttons button.btn-primary {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    margin-left: 2.4rem !important;
  }
  .form-buttons button.btn-primary:only-of-type {
    margin-left: 0 !important;
  }
}

/* ===================================== COMPONENTS: CONTENT BOX ===================================== */
.content-box-scrollable {
  margin-top: 25px;
  padding: 10px 12px 14px;
  border: 1px solid #9da6ab;
}

* > .content-box-scrollable:first-child, .content-box-scrollable > *:first-child {
  margin-top: 0;
}

.content-box-scrollable {
  overflow-y: auto;
  max-height: 200px;
}

.content-box-scrollable a,
.content-box-scrollable u {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  display: inline-block;
  max-width: 100%;
}

/* ===================================== COMPONENTS: ALERT MESSAGES ===================================== */
.alert-message p {
  position: relative;
  padding-left: 40px;
}

.alert-message p[class^="message"] {
  font-size: 1.8rem;
  font-weight: 100;
  color: #c30019;
  line-height: 1.2;
  padding-top: .4rem;
  font-family: "AmericanSansVar", "Segoe UI", Arial, sans-serif, "Microsoft Yahei", 微软雅黑, SimSun, 宋体, STXihei, 华文细黑;
}

@media (min-width: 401px) {
  .alert-message p[class^="message"] {
    padding-top: .2rem;
    font-size: 2rem;
  }
}

@media (min-width: 769px) {
  .alert-message p[class^="message"] {
    padding-top: 0;
    font-size: 2.4rem;
  }
}

.alert-message .american-icon {
  position: absolute;
  top: -4px;
  left: 0;
  font-size: 24px;
}

.alert-message a {
  text-decoration: underline;
}

.alert-message a:hover {
  text-decoration: none;
}

/* ========================================== LOADING ========================================== */
.loading-overlay-global, .loading-overlay-contextual {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: visibility 0s 0.2s, opacity 0.2s;
  transition: visibility 0s 0.2s, opacity 0.2s;
  visibility: hidden;
  opacity: 0;
}

.visible.loading-overlay-global, .visible.loading-overlay-contextual {
  -webkit-transition: visibility 0s, opacity 0.2s;
  transition: visibility 0s, opacity 0.2s;
  visibility: visible;
  opacity: 1;
}

.loading-overlay-global .window, .loading-overlay-contextual .window {
  text-align: center;
}

.loading-overlay-global .window > [class^="spinner-"], .loading-overlay-contextual .window > [class^="spinner-"] {
  padding: 2.6rem 3rem 2.2rem;
  background: #fff;
  box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.2);
}

.loading-overlay-global {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.8);
  z-index: 10000;
}

.loading-overlay-global .window > [class^="spinner-"] {
  max-width: calc(100vw - 4rem);
}

.loading-overlay-contextual {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.8);
  z-index: 100;
}

.loading-overlay-contextual .window > [class^="spinner-"] {
  max-width: calc(100% - 4rem);
}

.spinner-stacked, .spinner-side-by-side {
  margin: 0 auto;
}

.spinner-stacked .spinner-message p, .spinner-side-by-side .spinner-message p {
  margin: 0;
  color: #36495A;
  line-height: 2;
}

.spinner-stacked {
  display: inline-block;
  text-align: center;
}

.spinner-stacked .spinner-message {
  padding-top: 1rem;
  padding-bottom: .2rem;
}

.spinner-side-by-side {
  display: table;
  table-layout: fixed;
}

.spinner-side-by-side > * {
  display: table-cell;
  vertical-align: middle;
}

.spinner-side-by-side .spinner-message {
  padding-left: 1.2rem;
}

/* ========================================== LOADING: Spinner ========================================== */
@-webkit-keyframes spinner-animation {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes spinner-animation {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.spinner span {
  display: inline-block;
  position: relative;
  width: 4rem;
  height: 4rem;
}

.spinner span i {
  position: absolute;
  top: 1.6rem;
  left: 1.8rem;
  display: inline-block;
  width: .3rem;
  height: .8rem;
  background: #0078D2;
  border-radius: .05rem;
  -webkit-animation: spinner-animation 1s linear infinite;
  animation: spinner-animation 1s linear infinite;
}

.spinner span i:nth-of-type(1) {
  -webkit-animation-delay: -0.41667s;
  animation-delay: -0.41667s;
  -webkit-transform: rotate(0deg) translate(0, -1.4rem);
  transform: rotate(0deg) translate(0, -1.4rem);
}

.spinner span i:nth-of-type(2) {
  -webkit-animation-delay: -0.33333s;
  animation-delay: -0.33333s;
  -webkit-transform: rotate(30deg) translate(0, -1.4rem);
  transform: rotate(30deg) translate(0, -1.4rem);
}

.spinner span i:nth-of-type(3) {
  -webkit-animation-delay: -0.25s;
  animation-delay: -0.25s;
  -webkit-transform: rotate(60deg) translate(0, -1.4rem);
  transform: rotate(60deg) translate(0, -1.4rem);
}

.spinner span i:nth-of-type(4) {
  -webkit-animation-delay: -0.16667s;
  animation-delay: -0.16667s;
  -webkit-transform: rotate(90deg) translate(0, -1.4rem);
  transform: rotate(90deg) translate(0, -1.4rem);
}

.spinner span i:nth-of-type(5) {
  -webkit-animation-delay: -0.08333s;
  animation-delay: -0.08333s;
  -webkit-transform: rotate(120deg) translate(0, -1.4rem);
  transform: rotate(120deg) translate(0, -1.4rem);
}

.spinner span i:nth-of-type(6) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-transform: rotate(150deg) translate(0, -1.4rem);
  transform: rotate(150deg) translate(0, -1.4rem);
}

.spinner span i:nth-of-type(7) {
  -webkit-animation-delay: 0.08333s;
  animation-delay: 0.08333s;
  -webkit-transform: rotate(180deg) translate(0, -1.4rem);
  transform: rotate(180deg) translate(0, -1.4rem);
}

.spinner span i:nth-of-type(8) {
  -webkit-animation-delay: 0.16667s;
  animation-delay: 0.16667s;
  -webkit-transform: rotate(210deg) translate(0, -1.4rem);
  transform: rotate(210deg) translate(0, -1.4rem);
}

.spinner span i:nth-of-type(9) {
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
  -webkit-transform: rotate(240deg) translate(0, -1.4rem);
  transform: rotate(240deg) translate(0, -1.4rem);
}

.spinner span i:nth-of-type(10) {
  -webkit-animation-delay: 0.33333s;
  animation-delay: 0.33333s;
  -webkit-transform: rotate(270deg) translate(0, -1.4rem);
  transform: rotate(270deg) translate(0, -1.4rem);
}

.spinner span i:nth-of-type(11) {
  -webkit-animation-delay: 0.41667s;
  animation-delay: 0.41667s;
  -webkit-transform: rotate(300deg) translate(0, -1.4rem);
  transform: rotate(300deg) translate(0, -1.4rem);
}

.spinner span i:nth-of-type(12) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-transform: rotate(330deg) translate(0, -1.4rem);
  transform: rotate(330deg) translate(0, -1.4rem);
}

/* ========================================== COMPONENTS: PAGE HEADERS ========================================== */
.page-header-with-controls {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.page-header-with-controls > div:first-child {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 6rem;
}

.page-header-with-controls > div:first-child p {
  padding-bottom: 1.2rem;
}

.page-header-with-controls > div + div {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  position: relative;
  right: -144px;
  padding: 0 1.3% 1.2rem 1.3%;
}

.page-header-with-video {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin-top: 1.5rem;
}

.page-header-with-video > div {
  width: 52%;
  padding-right: 5rem;
}

.page-header-with-video > div + div {
  width: 48%;
  padding-top: 2.5rem;
  padding-right: 0;
}

.page-header-with-video h2 span {
  display: block;
}

.page-header-with-video .contact-help {
  display: inline-block;
  margin-top: 3rem;
}

.page-header-with-video .contact-help:hover {
  text-decoration: none;
}

.page-header-with-video .contact-help:hover span {
  text-decoration: underline;
}

.page-header-with-video .contact-help p {
  font-size: 14px;
  font-weight: normal;
  color: #36495A;
  line-height: 1.42857;
  font-family: Arial, sans-serif, "Microsoft Yahei", 微软雅黑, SimSun, 宋体, STXihei, 华文细黑;
  margin: 0 0 10px;
  margin: 0;
}

.page-header-with-video .contact-help p + p {
  margin-top: .4rem;
}

.page-header-with-video .contact-help p span {
  color: #0078D2;
  text-decoration: none;
}

.page-header-with-video .contact-help p span:hover {
  text-decoration: underline;
}

/* ===================================== PAGES: LOG IN ===================================== */
@media (min-width: 769px) {
  .nav-account {
    margin-top: 30px;
  }
}

.login-heading-section {
  padding: 0;
  margin-bottom: 20px;
  border-bottom: 0;
  font-family: "AmericanSansVar", "Segoe UI", Arial, sans-serif, "Microsoft Yahei", 微软雅黑, SimSun, 宋体, STXihei, 华文细黑;
  font-size: 30px;
  font-weight: 500;
  color: #465762;
}

.aa-employee-login legend,
.aa-employee-login h4 {
  display: none;
}

/* ===================================== PAGES: REGISTRATION ===================================== */
.content-box-scrollable.terms-conditions {
  max-height: 175px;
  white-space: normal;
}

/* ===================================== PAGES: HOMEPAGE ===================================== */
.section-landing {
  padding-top: 0;
}

.banner-homepage {
  position: relative;
  background-size: cover;
  padding-top: 1.5rem;
  background-image: url("banner-airplane-interior-787.jpg");
  background-position: center 75%;
  height: 22rem;
}

@media (min-width: 401px) {
  .banner-homepage {
    padding-top: 2rem;
    height: 26rem;
  }
}

@media (min-width: 481px) {
  .banner-homepage {
    height: 30rem;
  }
}

.banner-homepage:after {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 7.6rem;
  background: -moz-linear-gradient(left, rgba(0, 50, 91, 0.5) 50%, rgba(0, 50, 91, 0) 80%);
  background: -webkit-linear-gradient(left, rgba(0, 50, 91, 0.5) 50%, rgba(0, 50, 91, 0) 80%);
  background: linear-gradient(to right, rgba(0, 50, 91, 0.5) 50%, rgba(0, 50, 91, 0) 80%);
  content: '';
}

@media (min-width: 401px) {
  .banner-homepage:after {
    height: 9rem;
  }
}

@media (min-width: 481px) {
  .banner-homepage:after {
    height: 9.8rem;
  }
}

@media (min-width: 769px) {
  .banner-homepage:after {
    background: -moz-linear-gradient(left, rgba(0, 50, 91, 0.5) 40%, rgba(0, 50, 91, 0) 60%);
    background: -webkit-linear-gradient(left, rgba(0, 50, 91, 0.5) 40%, rgba(0, 50, 91, 0) 60%);
    background: linear-gradient(to right, rgba(0, 50, 91, 0.5) 40%, rgba(0, 50, 91, 0) 60%);
  }
}

@media (min-width: 993px) {
  .banner-homepage:after {
    height: 10.4rem;
  }
}

@media (min-width: 1201px) {
  .banner-homepage:after {
    height: 11.2rem;
  }
}

.banner-homepage h1 {
  font-size: 3.6rem;
  color: #fff;
  line-height: 1.2;
  position: relative;
  margin: 0;
  z-index: 1;
  text-shadow: 0 0.2rem 0.4rem #00325B;
}

@media (min-width: 401px) {
  .banner-homepage h1 {
    font-size: 4.2rem;
  }
}

@media (min-width: 481px) {
  .banner-homepage h1 {
    font-size: 4.8rem;
  }
}

@media (min-width: 993px) {
  .banner-homepage h1 {
    font-size: 5.2rem;
    text-shadow: 0 0.2rem 0.6rem #00325B;
  }
}

@media (min-width: 1201px) {
  .banner-homepage h1 {
    font-size: 6.4rem;
  }
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  background: #fff;
  border-left: 1px solid #9da6ab;
  border-right: 1px solid #9da6ab;
}

.embed-container::after, .embed-container::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  content: '';
  height: 1px;
  background: #9da6ab;
  z-index: 1;
}

.embed-container::before {
  top: auto;
  bottom: 0;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.videos-homepage {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

@media (max-width: 768px) {
  .videos-homepage {
    display: block;
  }
  .videos-homepage > div {
    display: block;
  }
}

@media (min-width: 1201px) {
  .videos-homepage {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
}

@media (min-width: 769px) {
  .videos-homepage > div {
    padding-right: 2rem;
  }
}

@media (min-width: 1201px) {
  .videos-homepage > div {
    padding-right: 2.5rem;
  }
}

.videos-homepage > div + div {
  padding-top: 4rem;
}

@media (min-width: 769px) {
  .videos-homepage > div + div {
    padding-top: 0;
    padding-left: 2rem;
    padding-right: 0;
  }
}

@media (min-width: 1201px) {
  .videos-homepage > div + div {
    padding-left: 2.5rem;
  }
}

.section-landing ~ #gethelp {
  display: none;
}

/* ===================================== PAGES: ADD/CREATE USER ===================================== */
[data-sitemap-state*="add-user"] .k-animation-container {
  width: calc(100vw - (1.5rem * 2)) !important;
}

@media (min-width: 769px) {
  [data-sitemap-state*="add-user"] .k-animation-container {
    width: 30rem !important;
  }
}

.add-user,
.create-user {
  min-height: 20rem;
}

.add-user .form-field-side-by-side .form-field-text,
.create-user .form-field-side-by-side .form-field-text {
  width: calc(100vw - (1.5rem * 2) - 1.5rem - 10rem);
}

@media (min-width: 769px) {
  .add-user .form-field-side-by-side .form-field-text,
  .create-user .form-field-side-by-side .form-field-text {
    width: 30rem;
  }
}

.add-user .form-field-side-by-side .form-button button,
.create-user .form-field-side-by-side .form-button button {
  width: 10rem;
}

.add-user .form-field-side-by-side input,
.create-user .form-field-side-by-side input {
  width: 100%;
}

@media (min-width: 769px) {
  .add-user .form-field-typeahead .k-dropdown-wrap,
  .create-user .form-field-typeahead .k-dropdown-wrap {
    display: inline-block;
  }
}

@media (min-width: 769px) {
  .add-user .form-field-typeahead .k-input,
  .create-user .form-field-typeahead .k-input {
    width: 30rem;
  }
}

.add-user .form-field-typeahead .k-input ~ .k-select,
.create-user .form-field-typeahead .k-input ~ .k-select {
  left: .2rem;
  padding-left: 1.1rem;
  padding-bottom: 0;
  padding-top: .2rem;
}

@media (min-width: 769px) {
  .add-user .form-field-typeahead [class^="message"],
  .create-user .form-field-typeahead [class^="message"] {
    max-width: 44rem;
  }
}

@media (min-width: 769px) {
  .add-user .form-field-dropdown,
  .create-user .form-field-dropdown {
    max-width: 30rem;
  }
  .add-user .form-field-dropdown .label-text,
  .create-user .form-field-dropdown .label-text {
    display: inline-block;
    margin-bottom: .2rem;
  }
}

@media (min-width: 769px) {
  .add-user #EntityFormPanel,
  .create-user #EntityFormPanel {
    padding-top: 1rem;
  }
}

.add-user .crmEntityFormView > *:first-child ~ *,
.create-user .crmEntityFormView > *:first-child ~ * {
  margin-top: 2rem;
}

.add-user .crmEntityFormView #CrmEntityForm + *,
.add-user .crmEntityFormView #CrmEntityForm + style + *,
.create-user .crmEntityFormView #CrmEntityForm + *,
.create-user .crmEntityFormView #CrmEntityForm + style + * {
  margin-top: 0;
}

.add-user .crmEntityFormView #CrmEntityForm .actions,
.create-user .crmEntityFormView #CrmEntityForm .actions {
  display: none;
}

.add-user .crmEntityFormView .tab,
.create-user .crmEntityFormView .tab {
  margin-bottom: 0;
}

.add-user .crmEntityFormView table colgroup col,
.create-user .crmEntityFormView table colgroup col {
  width: 100% !important;
}

.add-user .crmEntityFormView table colgroup col + col,
.create-user .crmEntityFormView table colgroup col + col {
  width: 0 !important;
}

.add-user .crmEntityFormView td,
.create-user .crmEntityFormView td {
  margin: 0;
  padding: 0 0 2.4rem;
}

@media (min-width: 769px) {
  .add-user .crmEntityFormView td,
  .create-user .crmEntityFormView td {
    padding: 0 0 1rem;
  }
}

.add-user .crmEntityFormView td + td,
.create-user .crmEntityFormView td + td {
  padding: 0;
}

@media (min-width: 769px) {
  .add-user .crmEntityFormView td .info,
  .create-user .crmEntityFormView td .info {
    position: relative;
  }
}

@media (min-width: 769px) {
  .add-user .crmEntityFormView td label,
  .create-user .crmEntityFormView td label {
    position: absolute;
    top: 0.8rem;
    left: 0;
    padding-right: 1rem;
    width: 14rem;
  }
}

.add-user .crmEntityFormView td .validators,
.create-user .crmEntityFormView td .validators {
  display: none;
}

@media (min-width: 769px) {
  .add-user .crmEntityFormView td .control,
  .create-user .crmEntityFormView td .control {
    margin-left: 14rem;
  }
}

.add-user .crmEntityFormView td input[type=email],
.add-user .crmEntityFormView td input[type=text],
.create-user .crmEntityFormView td input[type=email],
.create-user .crmEntityFormView td input[type=text] {
  float: none;
}

@media (min-width: 769px) {
  .add-user .crmEntityFormView td input[type=email],
  .add-user .crmEntityFormView td input[type=text],
  .create-user .crmEntityFormView td input[type=email],
  .create-user .crmEntityFormView td input[type=text] {
    width: 30rem;
  }
}

.add-user .crmEntityFormView td input[type=email],
.create-user .crmEntityFormView td input[type=email] {
  display: block !important;
}

.add-user .crmEntityFormView td input[type=email] + .control,
.create-user .crmEntityFormView td input[type=email] + .control {
  display: none;
}

.add-user .crmEntityFormView td .message-failure,
.create-user .crmEntityFormView td .message-failure {
  display: none;
}

.add-user .crmEntityFormView td.error label,
.create-user .crmEntityFormView td.error label {
  color: #c30019;
}

.add-user .crmEntityFormView td.error label::before,
.create-user .crmEntityFormView td.error label::before {
  position: relative;
  top: 0.1rem;
  display: inline-block;
  margin-right: .5rem;
  font-family: 'AmericanIcons';
  line-height: 1;
  content: '';
}

.add-user .crmEntityFormView td.error .message-failure,
.create-user .crmEntityFormView td.error .message-failure {
  display: block;
  margin-top: 0.5rem;
}

@media (min-width: 769px) {
  .add-user .crmEntityFormView td.error .message-failure,
  .create-user .crmEntityFormView td.error .message-failure {
    padding-bottom: 1rem;
  }
}

.add-user .crmEntityFormView .form-field-typeahead,
.create-user .crmEntityFormView .form-field-typeahead {
  position: relative;
}

@media (min-width: 769px) {
  .add-user .crmEntityFormView .form-field-typeahead label,
  .create-user .crmEntityFormView .form-field-typeahead label {
    position: absolute;
    top: 0.8rem;
    left: 0;
    padding-right: 1rem;
    width: 14rem;
  }
}

@media (min-width: 769px) {
  .add-user .crmEntityFormView .form-field-typeahead .k-widget,
  .create-user .crmEntityFormView .form-field-typeahead .k-widget {
    margin-left: 14rem;
  }
}

@media (min-width: 769px) {
  .add-user .crmEntityFormView .form-field-typeahead .message-failure,
  .create-user .crmEntityFormView .form-field-typeahead .message-failure {
    margin-left: 14rem;
    width: 30rem;
  }
}

@media (min-width: 769px) {
  .add-user .crmEntityFormView .form-field-checkbox,
  .create-user .crmEntityFormView .form-field-checkbox {
    margin-left: 14rem;
    padding-bottom: .5rem;
    width: 30rem;
  }
}

@media (min-width: 769px) {
  .add-user .crmEntityFormView .form-field-typeahead + .form-field-dropdown,
  .create-user .crmEntityFormView .form-field-typeahead + .form-field-dropdown {
    margin-top: 1rem;
  }
}

@media (max-width: 768px) {
  .add-user .crmEntityFormView .form-field-dropdown,
  .create-user .crmEntityFormView .form-field-dropdown {
    margin-top: 2.4rem;
  }
}

@media (min-width: 769px) {
  .add-user .crmEntityFormView .form-field-dropdown,
  .create-user .crmEntityFormView .form-field-dropdown {
    width: 44rem;
  }
}

@media (min-width: 769px) {
  .add-user .crmEntityFormView .form-field-dropdown .label-text,
  .create-user .crmEntityFormView .form-field-dropdown .label-text {
    position: absolute;
    top: 0.8rem;
    left: 0;
    display: inline-block;
    padding-right: 1rem;
    width: 14rem;
  }
}

@media (min-width: 769px) {
  .add-user .crmEntityFormView .form-field-dropdown select,
  .create-user .crmEntityFormView .form-field-dropdown select {
    margin-left: 14rem;
    width: 30rem;
  }
}

.add-user .crmEntityFormView .form-field-dropdown.error .label-text,
.create-user .crmEntityFormView .form-field-dropdown.error .label-text {
  color: #c30019;
}

.add-user .crmEntityFormView .form-field-dropdown.error .label-text::before,
.create-user .crmEntityFormView .form-field-dropdown.error .label-text::before {
  position: relative;
  top: 0.1rem;
  display: inline-block;
  margin-right: .5rem;
  font-family: 'AmericanIcons';
  line-height: 1;
  content: '';
}

.add-user .crmEntityFormView .form-buttons,
.create-user .crmEntityFormView .form-buttons {
  margin-top: 3rem;
}

@media (min-width: 769px) {
  .add-user .crmEntityFormView .form-buttons,
  .create-user .crmEntityFormView .form-buttons {
    margin-left: 14rem;
  }
}

@media (min-width: 769px) {
  .add-user .crmEntityFormView .form-message + .form-buttons,
  .create-user .crmEntityFormView .form-message + .form-buttons {
    margin-left: 0;
  }
}

.add-user .crmEntityFormView > .form-message:first-child,
.create-user .crmEntityFormView > .form-message:first-child {
  margin-top: 2rem;
}

@media (min-width: 769px) {
  .add-user .crmEntityFormView > .form-message:first-child,
  .create-user .crmEntityFormView > .form-message:first-child {
    margin-top: 3rem;
  }
}

/* ===================================== PAGES: PERFORMANCE ===================================== */
.performance .nav-tabs {
  margin-top: 0;
  margin-bottom: 30px;
}

@media (min-width: 769px) {
  .performance .nav-tabs {
    margin-top: 15px;
  }
}

.performance iframe {
  border: 1px solid #dbdddd;
}

.performance .tab-content {
  position: relative;
}

.performance .tab-pane {
  width: 1100px;
  height: 680px;
  margin: auto;
}

.performance .tab-container {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.performance .tab-container > * {
  display: table-cell;
  vertical-align: top;
}

.performance .tab-container > div {
  width: 100%;
}

.performance .tab-container > div .nav-tabs li {
  z-index: 20;
}

.performance .tab-container > div + div {
  position: relative;
  width: 0;
}

.performance .tab-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 0.1rem solid #B7C9DB;
  background: #fff;
  z-index: 10;
}

.performance .tab-overlay > * {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  min-width: 27rem;
  transform: translate(-50%, -50%);
}

.performance .form-field-typeahead {
  position: absolute;
  top: -6px;
  right: 0;
  width: 400px;
}

.performance .form-field-typeahead label {
  position: relative;
  left: 200px;
}

.performance .form-field-typeahead .combo-cover {
  position: absolute;
  bottom: -3px;
  left: -3px;
  display: inline-block;
  width: 203px;
  height: 40px;
  background: #fff;
  z-index: 10;
}

.performance .form-field-typeahead .k-combobox .k-input {
  padding: 5px 25px 8px 9px;
  height: 34px;
  text-indent: 200px;
  box-shadow: inset 200px 0 #9da6ab;
}

.performance .form-field-typeahead .k-combobox .k-input:focus {
  box-shadow: inset 201px 0 #0078D2;
}

.k-ie .performance .form-field-typeahead .k-combobox .k-input {
  height: 34px;
}

.performance .form-field-typeahead.error .k-combobox .k-input {
  box-shadow: inset 200px 0 #c30019;
}

.performance .form-field-typeahead.error .k-combobox .k-input:focus {
  box-shadow: inset 201px 0 #0078D2;
}

.pbi-controls {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  margin: 0;
  padding: 23px 0;
  list-style: none;
  border-top: 1px solid transparent;
  background: #fff;
}

.pbi-controls.pbi-controls-left-aligned {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  padding-left: 27.6rem;
}

.pbi-controls.pbi-controls-left-aligned.docked {
  padding-left: calc((100vw - 1200px + (306px * 2)) / 2);
}

.pbi-controls > li {
  margin-left: 2rem;
  height: 40px;
}

.pbi-controls > li > a {
  margin-left: 0;
}

.pbi-controls .glyphicon {
  top: 3px;
  margin-right: 4px;
}

.pbi-controls + ul.row {
  display: none;
  height: 87px;
}

.pbi-controls.docked {
  /*position: fixed;*/
  right: 0;
  bottom: 0;
  left: 0;
  border-top-color: #D0DAE0;
  z-index: 1000;
}

.pbi-controls.docked + ul.row {
  display: block;
}

.toggle-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  list-style: none;
  padding: 0;
}

.toggle-container > li + li {
  margin-left: 10px;
}

.toggle-container p {
  line-height: 2.44286;
}

@media (min-width: 769px) {
  .toggle-container p {
    line-height: 2.71429;
  }
}

.toggle-container .pagination {
  margin: 0;
}

.toggle-container .pagination li:first-child a {
  border-radius: 2px 0 0 2px;
}

.toggle-container .pagination li:last-child a {
  border-radius: 0 2px 2px 0;
}

.toggle-container .pagination a {
  text-align: center;
  min-width: 12rem;
}

.toggle-container .pagination a:hover, .toggle-container .pagination a:focus, .toggle-container .pagination a:active {
  color: #0078D2;
  background-color: #fff;
  border-color: #0078D2;
}

.toggle-container .pagination .active a:hover, .toggle-container .pagination .active a:focus, .toggle-container .pagination .active a:active {
  color: #fff;
  background-color: #0078D2;
  text-decoration: none;
}

.pbi-controls .toggle-container .pagination {
  padding-right: 20px;
}

.popover {
  max-width: 500px;
}

.popover-title {
  padding-top: 12px;
  font-size: 30px;
  color: #00467f;
}

.beta-text {
  position: absolute;
  top: 0.4rem;
  right: 0;
}

.docked .beta-text {
  right: 2.5rem;
}

@media (min-width: 1200px) {
  .docked .beta-text {
    right: calc((100vw - 1140px) / 2);
  }
}

/* ===================================== PAGES: SALESBRAIN ===================================== */
.link-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.link-list > * {
  -webkit-box-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  padding-right: 2rem;
}

.link-list h2 {
  margin-bottom: 1rem;
}

.link-list ul {
  margin: 0;
  padding: 0;
}

.link-list a {
  display: inline-block;
  padding: .3rem 0;
}

.page-header-with-video + .link-list {
  margin-top: 5rem;
}

.form-field-dropdown-link-list {
  width: 24rem;
}

.report-container {
  margin: 1.6rem;

}

.report-contact {
  position: relative;
  margin-top: 1.6rem;
}

.report-contact a {
  display: inline-block;
  padding-left: 5.4rem;
}

.report-contact a:hover {
  text-decoration: none;
}

.report-contact a:hover span {
  text-decoration: underline;
}

.report-contact .avatar {
  position: absolute;
  top: 0;
  left: 1.5rem;
  display: inline-block;
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 4.4rem;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.report-contact p {
  font-size: 14px;
  font-weight: normal;
  color: #36495A;
  line-height: 1.42857;
  font-family: Arial, sans-serif, "Microsoft Yahei", 微软雅黑, SimSun, 宋体, STXihei, 华文细黑;
  margin: 0 0 10px;
  margin: .3rem 0 0;
}

.report-contact p + p {
  margin: .1rem 0 0;
}

.report-contact p span {
  color: #0078D2;
  text-decoration: none;
}

.report-contact p span:hover {
  text-decoration: underline;
}

/* ===================================== PAGES: PROFILE ===================================== */
div:not(.add-user) .container .col-lg-4 .well,
form[action*="profile"] .container .col-lg-4 .well,
body > .container .col-lg-4 .well {
  padding-left: 8px;
  font-family: "AmericanSansVar", "Segoe UI", Arial;
  font-weight: normal;
  font-size: 24px;
}

div:not(.add-user) .container .col-lg-4 .well a,
div:not(.add-user) .container .col-lg-4 .well img,
form[action*="profile"] .container .col-lg-4 .well a,
form[action*="profile"] .container .col-lg-4 .well img,
body > .container .col-lg-4 .well a,
body > .container .col-lg-4 .well img {
  display: none;
}

div:not(.add-user) .container .col-lg-4 .nav-profile > .card-header,
div:not(.add-user) .container .col-lg-4 .nav-profile .list-group-item[title^="Manage"],
div:not(.add-user) .container .col-lg-4 .nav-profile .list-group-item[title^="Administrar"],
div:not(.add-user) .container .col-lg-4 .nav-profile .list-group-item[title^="Gerenciar"],
div:not(.add-user) .container .col-lg-4 .nav-profile .list-group-item[title^="管理外部驗證"],
div:not(.add-user) .container .col-lg-4 .nav-profile .list-group-item[title^="管理外部身份验证"],
form[action*="profile"] .container .col-lg-4 .nav-profile > .card-header,
form[action*="profile"] .container .col-lg-4 .nav-profile .list-group-item[title^="Manage"],
form[action*="profile"] .container .col-lg-4 .nav-profile .list-group-item[title^="Administrar"],
form[action*="profile"] .container .col-lg-4 .nav-profile .list-group-item[title^="Gerenciar"],
form[action*="profile"] .container .col-lg-4 .nav-profile .list-group-item[title^="管理外部驗證"],
form[action*="profile"] .container .col-lg-4 .nav-profile .list-group-item[title^="管理外部身份验证"],
body > .container .col-lg-4 .nav-profile > .card-header,
body > .container .col-lg-4 .nav-profile .list-group-item[title^="Manage"],
body > .container .col-lg-4 .nav-profile .list-group-item[title^="Administrar"],
body > .container .col-lg-4 .nav-profile .list-group-item[title^="Gerenciar"],
body > .container .col-lg-4 .nav-profile .list-group-item[title^="管理外部驗證"],
body > .container .col-lg-4 .nav-profile .list-group-item[title^="管理外部身份验证"] {
  display: none;
}

div:not(.add-user) .container .col-lg-4 .weblinks,
form[action*="profile"] .container .col-lg-4 .weblinks,
body > .container .col-lg-4 .weblinks {
  position: relative;
  top: 1px;
  right: auto;
  bottom: auto;
  margin-bottom: 0;
}

[data-sitemap-state*="profile"] .crmEntityFormView input[type=email] {
  display: block !important;
  text-decoration: none !important;
}

[data-sitemap-state*="profile"] .crmEntityFormView input[type=email] + .form-control,
[data-sitemap-state*="profile"] .crmEntityFormView input[type=email] ~ .control {
  display: none;
}

[data-sitemap-state*="profile"] .crmEntityFormView .cell {
  padding: 0 20px 20px 0;
}

[data-sitemap-state*="profile"] .container .col-lg-4 [title="Profile"] {
  background: #6e8999;
  color: #fff;
}

[data-sitemap-state*="profile"] input[readonly],
[data-sitemap-state*="profile"] input[disabled] {
  background: #EBEEF0 !important;
  padding-left: 12px !important;
}

[data-sitemap-state*="profile"] input[readonly]:focus,
[data-sitemap-state*="profile"] input[disabled]:focus {
  outline: none !important;
}

[data-sitemap-state*="profile"] input[readonly] ~ .form-control,
[data-sitemap-state*="profile"] input[disabled] ~ .form-control {
  border: 0;
  box-shadow: none;
}

[data-sitemap-state*="profile"] input[readonly] ~ .form-control a,
[data-sitemap-state*="profile"] input[disabled] ~ .form-control a {
  color: #465762;
  text-decoration: none;
  cursor: default !important;
}

[data-sitemap-state*="profile"] input[readonly] ~ .text-muted,
[data-sitemap-state*="profile"] input[disabled] ~ .text-muted {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 7px !important;
  left: 12px;
  color: #465762;
}

[data-sitemap-state*="profile"] label[id*="parentcustomerid"]:after {
  display: none;
}

#Coveragecode.crmEntityFormView .cell {
  padding-right: 0;
}

#Coveragecode.crmEntityFormView .cell input {
  padding: 5px 11px;
}

#Coveragecode.crmEntityFormView .cell input:focus {
  outline: 0;
}

body > .container .col-lg-8 .page-copy {
  display: none;
}

form[action*="SetPassword"] .input-group {
  width: 100%;
}

/* ===================================== PAGES: Terms & Conditions ===================================== */
.terms-and-conditions .list-basic {
  margin: 6px 0 12px;
}

.terms-and-conditions a[name^="footnote"] {
  color: #0078D2;
}

.terms-and-conditions .footnotes {
  margin-top: 36px;
}

body[data-sitemap-state*="terms-and-conditions"] .page-copy {
  margin-bottom: 0;
}

/* ===================================== PAGES: MANAGE USERS ===================================== */
[data-sitemap-state*="manage-users"] .account-and-description {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin-bottom: 3rem;
}

@media (min-width: 769px) {
  [data-sitemap-state*="manage-users"] .account-and-description {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative;
  }
}

[data-sitemap-state*="manage-users"] .account-and-description .account-selection {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  margin-top: 2rem;
}

@media (min-width: 769px) {
  [data-sitemap-state*="manage-users"] .account-and-description .account-selection {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0;
    min-width: 30rem;
  }
}

[data-sitemap-state*="manage-users"] .account-and-description .page-copy {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  margin: 0;
}

@media (min-width: 769px) {
  [data-sitemap-state*="manage-users"] .account-and-description .page-copy {
    padding: 0 6rem 0 0;
    width: calc(100vw - (2.5rem * 2) - 30rem);
  }
}

@media (min-width: 1201px) {
  [data-sitemap-state*="manage-users"] .account-and-description .page-copy {
    width: calc(1140px - 30rem);
  }
}

[data-sitemap-state*="manage-users"] .k-animation-container {
  width: calc(100vw - (1.5rem * 2)) !important;
}

@media (min-width: 769px) {
  [data-sitemap-state*="manage-users"] .k-animation-container {
    width: 30rem !important;
  }
}

[data-sitemap-state*="manage-users"] .content-placeholder {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 0.1rem solid #B7C9DB;
  background: #fff;
  z-index: 10;
  position: relative;
  height: 20rem;
}

[data-sitemap-state*="manage-users"] .content-placeholder > * {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  min-width: 27rem;
  transform: translate(-50%, -50%);
}

[data-sitemap-state*="manage-users"] .form-field-typeahead .k-input ~ .k-select {
  left: .2rem;
  padding-left: 1.1rem;
  padding-bottom: 0;
  padding-top: .2rem;
}

/* ===================================== PAGES: OUTAGE ===================================== */
.section-outage {
  padding-top: 0;
}

@media (min-width: 768px) {
  .section-outage {
    padding-top: 20px;
  }
}

.section-outage .container {
  padding: 0;
}

@media (min-width: 768px) {
  .outage-panel {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-top: 40px;
    min-height: 330px;
    height: 330px;
  }
  .outage-panel > * {
    display: table-cell;
    vertical-align: middle;
  }
}

@media (min-width: 992px) {
  .outage-panel {
    min-height: 410px;
    height: 410px;
  }
}

@media (min-width: 1200px) {
  .outage-panel {
    min-height: 500px;
    height: 500px;
  }
}

@media (min-width: 768px) {
  .outage-panel > div {
    position: relative;
    padding: 0 37% 30px 35px;
    height: calc((100vw - (1.5rem * 2)) * (514 / 1208));
  }
}

@media (min-width: 992px) {
  .outage-panel > div {
    padding-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .outage-panel > div {
    height: calc((1200px - (2.5rem * 2)) * (514 / 1208));
  }
}

.outage-panel img {
  display: block;
  width: 100%;
}

@media (min-width: 768px) {
  .outage-panel img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
  }
}

.outage-panel h1 {
  position: relative;
  margin: 25px 0 0;
  padding: 0 15px;
  font-size: 30px;
}

[lang*="en-ZH"] .outage-panel h1 {
  font-weight: 400;
}

@media (min-width: 768px) {
  .outage-panel h1 {
    margin: 0;
    padding: 0;
    font-size: 38px;
    color: #00467F;
  }
}

.outage-panel p {
  position: relative;
  margin: 15px 0 0;
  padding: 0 15px;
}

[lang*="en-ZH"] .outage-panel p {
  font-weight: 400;
}

@media (min-width: 768px) {
  .outage-panel p {
    margin-top: 20px;
    padding: 0;
    color: #36495A;
  }
}

/* ===================================== PAGES: Modal - System Error ===================================== */
.modal-system-error .body {
  padding-top: 2rem;
}

@media (min-width: 769px) {
  .modal-system-error .body {
    padding-top: 3rem;
  }
}

/* ===================================== PAGES: Modal - Updated Terms of Service ===================================== */
.modal-updated-terms-service .scrollable-container {
  margin-top: 2.4rem;
  max-height: 10rem;
  border: 0.1rem solid #D0DAE0;
  background: #F5F7F7;
  overflow-y: auto;
}

@media (min-height: 341px) {
  .modal-updated-terms-service .scrollable-container {
    max-height: calc(100vh - 23rem);
  }
}

@media (min-height: 341px) and (min-width: 769px) {
  .modal-updated-terms-service .scrollable-container {
    max-height: calc(100vh - 26rem);
  }
}

@media (min-height: 581px) {
  .modal-updated-terms-service .scrollable-container {
    max-height: 35rem;
  }
}

@media (min-height: 581px) and (min-width: 769px) {
  .modal-updated-terms-service .scrollable-container {
    max-height: 32rem;
  }
}

.modal-updated-terms-service .terms-and-conditions {
  padding: 2rem 2rem 2rem 1.6rem;
}

.modal-updated-terms-service .footer {
  position: relative;
}

.modal-updated-terms-service .mask-message {
  -webkit-transition: visibility 0s 0.2s, opacity 0.2s;
  transition: visibility 0s 0.2s, opacity 0.2s;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 1.5rem;
  background: #fff;
}

@media (min-width: 769px) {
  .modal-updated-terms-service .mask-message {
    padding: 0 3.4rem;
  }
}


.modal-updated-terms-service .mask-message.visible {
  -webkit-transition: visibility 0s, opacity 0.2s;
  transition: visibility 0s, opacity 0.2s;
  visibility: visible;
  opacity: 1;
}

.modal-updated-terms-service .mask-message p {
  font-family: AmericanSansMedium, "Segoe UI", Arial, sans-serif, "Microsoft Yahei", 微软雅黑, SimSun, 宋体, STXihei, 华文细黑;
  font-size: 1.6rem;
  color: #36495A;
  line-height: 1.15;
  text-align: right;
}

/* ===================================== PAGES: (DEV OVERRIDES) ===================================== */
.breadcrumb {
  display: none;
}